@likable-hair/svelte 4.2.4 → 4.3.0

package/dist/components/simple/timeline/SimpleTimeLine.svelte.d.ts

@@ -11,33 +11,40 @@ import { dateToString } from "../dates/utils";
 import type { Snippet } from "svelte";
 import "../../../css/main.css";
 import "./SimpleTimeLine.css";
-declare class __sveltets_Render<Data> {
-    props(): {
+declare function $$render<Data>(): {
+    props: {
         items: TimeLineItem<Data>[];
         singleSided?: boolean;
         circleAlignment?: "top" | "center" | "bottom";
         itemSnippet?: Snippet<[{
             item: TimeLineItem<Data>;
             alignment: "left" | "right";
-        }]> | undefined;
+        }]>;
         timesSnippet?: Snippet<[{
             item: TimeLineItem<Data>;
             dateToString: typeof dateToString;
-        }]> | undefined;
+        }]>;
         infosSnippet?: Snippet<[{
             item: TimeLineItem<Data>;
             alignment: "left" | "right";
-        }]> | undefined;
+        }]>;
         infosAppendSnippet?: Snippet<[{
             item: TimeLineItem<Data>;
             alignment: "left" | "right";
-        }]> | undefined;
+        }]>;
         circleSnippet?: Snippet<[{
             item: TimeLineItem<Data>;
-        }]> | undefined;
+        }]>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Data> {
+    props(): ReturnType<typeof $$render<Data>>['props'];
+    events(): ReturnType<typeof $$render<Data>>['events'];
+    slots(): ReturnType<typeof $$render<Data>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/components/simple/typography/Code.svelte

@@ -1,15 +1,44 @@
-<script lang="ts">import { onMount } from "svelte";
-import hljs from 'highlight.js';
-import hljsSvelte from 'highlightjs-svelte';
-import 'highlight.js/styles/github.css';
-import './dracula.css';
-import lodash from 'lodash';
-let { codeBackgroundColor = "rgb(24 24 27/1)", headerBackgroundColor = "rgb(39 39 42/1)", dividerColor = "rgb(63 63 70)", borderRadius = ".5rem", headerPadding = "1rem 1rem", codePadding = "0rem 1rem", color = "white", boxShadow = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)", code, title = undefined, language = 'javascript', } = $props();
-let codeElement;
-onMount(() => {
-    hljsSvelte(hljs);
-    hljs.highlightElement(codeElement);
-});
+<script lang="ts">
+  import { onMount } from "svelte";
+  import hljs from 'highlight.js';
+  import hljsSvelte from 'highlightjs-svelte';
+  import 'highlight.js/styles/github.css';
+  import './dracula.css'
+  import lodash from 'lodash'
+
+  interface Props {
+    codeBackgroundColor?: string;
+    headerBackgroundColor?: string;
+    dividerColor?: string;
+    borderRadius?: string;
+    headerPadding?: string;
+    codePadding?: string;
+    color?: string;
+    boxShadow?: string;
+    code: string;
+    title?: string;
+    language?: 'javascript' | 'bash' | 'html' | 'svelte' | 'typescript' | 'css';
+  }
+
+  let {
+    codeBackgroundColor = "rgb(24 24 27/1)",
+    headerBackgroundColor = "rgb(39 39 42/1)",
+    dividerColor = "rgb(63 63 70)",
+    borderRadius = ".5rem",
+    headerPadding = "1rem 1rem",
+    codePadding = "0rem 1rem",
+    color = "white",
+    boxShadow = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    code,
+    title = undefined,
+    language = 'javascript',
+  }: Props = $props();
+
+  let codeElement: HTMLElement
+  onMount(() => {
+    hljsSvelte(hljs)
+    hljs.highlightElement(codeElement)
+  })
 </script>
 
 <div 

package/dist/stores/layouts/unstableSidebarOpened.d.ts

@@ -1 +1 @@
-export declare let sidebarOpened: import("svelte/store").Writable<boolean>;
+export declare const sidebarOpened: import("svelte/store").Writable<boolean>;

package/dist/stores/layouts/unstableSidebarOpened.js

@@ -1,2 +1,2 @@
 import { writable } from "svelte/store";
-export let sidebarOpened = writable(false);
+export const sidebarOpened = writable(false);

package/dist/stores/theme.js

@@ -117,8 +117,8 @@ export function setColor(ct) {
     if (BROWSER) {
         localStorage.setItem("color", ct);
         document.documentElement.classList.add(ct);
-        let colorsToRemove = colorNames.filter((cn) => cn != ct);
-        for (let color of colorsToRemove)
+        const colorsToRemove = colorNames.filter((cn) => cn != ct);
+        for (const color of colorsToRemove)
             document.documentElement.classList.remove(color);
         theme.update((v) => {
             v.active = ct;

package/dist/utils/filters/builder.d.ts

@@ -32,8 +32,8 @@ export default class Builder {
     whereColumn(key: string, operator: string, compareColumn: string): Builder;
     orWhereColumn(key: string, compareColumn: string): Builder;
     orWhereColumn(key: string, operator: string, compareColumn: string): Builder;
-    whereJsonSuperset(key: string, object: Object): Builder;
-    orWhereJsonSuperset(key: string, object: Object): Builder;
+    whereJsonSuperset(key: string, object: object): Builder;
+    orWhereJsonSuperset(key: string, object: object): Builder;
     whereIn(key: string, callback: (builder: Builder) => void): Builder;
     whereIn(key: string, values: WhereFilterValue[]): Builder;
     orWhereIn(key: string, callback: (builder: Builder) => void): Builder;

package/dist/utils/filters/builder.js

@@ -48,7 +48,7 @@ export default class Builder {
     }
     applyWhereInClause(logicalOperator, key, second) {
         if (typeof second == 'function') {
-            let inBuilder = new Builder();
+            const inBuilder = new Builder();
             second(inBuilder);
             this._modifiers.push({
                 method: 'where',
@@ -121,7 +121,7 @@ export default class Builder {
             });
         }
         else if (typeof first == 'function') {
-            let builder = new Builder();
+            const builder = new Builder();
             first(builder);
             if (!builder._modifiers.every(el => el.method == 'where'))
                 throw new Error('inconsistent json query from where callback');
@@ -187,19 +187,19 @@ export default class Builder {
         return this;
     }
     join(table, onCallback) {
-        let onBuilder = new OnClauseBuilder();
+        const onBuilder = new OnClauseBuilder();
         onCallback(onBuilder);
         this.applyJoinClause('inner', table, onBuilder.json);
         return this;
     }
     leftJoin(table, onCallback) {
-        let onBuilder = new OnClauseBuilder();
+        const onBuilder = new OnClauseBuilder();
         onCallback(onBuilder);
         this.applyJoinClause('left', table, onBuilder.json);
         return this;
     }
     rightJoin(table, onCallback) {
-        let onBuilder = new OnClauseBuilder();
+        const onBuilder = new OnClauseBuilder();
         onCallback(onBuilder);
         this.applyJoinClause('right', table, onBuilder.json);
         return this;
@@ -208,10 +208,10 @@ export default class Builder {
         let parameterBuilder = new Builder();
         parameterBuilder = builderCallback(parameterBuilder);
         for (let i = 0; i < parameterBuilder._modifiers.length; i += 1) {
-            let modifierToSearch = parameterBuilder._modifiers[i];
+            const modifierToSearch = parameterBuilder._modifiers[i];
             let found = false;
             for (let k = 0; k < this._modifiers.length; k += 1) {
-                let currentModifier = this._modifiers[k];
+                const currentModifier = this._modifiers[k];
                 found = lodash.isEqual(modifierToSearch, currentModifier);
                 if (found)
                     break;

package/dist/utils/filters/modifiers/where.d.ts

@@ -56,7 +56,7 @@ type JsonSupersetWhere = {
     kind: 'jsonSuperset';
     logicalOperator?: 'and' | 'or' | 'andNot' | 'orNot';
     key: string;
-    value: Object;
+    value: object;
 };
 type NullWhere = {
     method: 'where';

package/dist/utils/teleporter.js

@@ -10,17 +10,17 @@ class Teleporter {
     }
     loadBodyAndNodes() {
         this.bodyNode = document.body;
-        let elements = Array.from(document.getElementsByClassName('_teleported'));
+        const elements = Array.from(document.getElementsByClassName('_teleported'));
         this.nodes = {};
         for (let i = 0; i < elements.length; i += 1) {
-            let teleportedUid = elements[i].getAttribute('teleported-uid');
+            const teleportedUid = elements[i].getAttribute('teleported-uid');
             if (!!teleportedUid) {
                 this.nodes[teleportedUid] = elements[i];
             }
         }
     }
     attachNode(node) {
-        let teleportedUid = createId();
+        const teleportedUid = createId();
         node.setAttribute('teleported-uid', teleportedUid);
         node.classList.add('_teleported');
         this.bodyNode?.appendChild(node);
@@ -28,7 +28,7 @@ class Teleporter {
         return teleportedUid;
     }
     destroyNode(uid) {
-        let node = this.nodes[uid];
+        const node = this.nodes[uid];
         if (!!node)
             node.remove();
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "4.2.4",
+  "version": "4.3.0",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",
@@ -31,50 +31,56 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@orama/orama": "^3.1.16",
-    "@playwright/test": "^1.56.1",
-    "@sveltejs/adapter-auto": "^4.0.0",
-    "@sveltejs/adapter-node": "^5.4.0",
-    "@sveltejs/adapter-vercel": "^5.10.3",
-    "@sveltejs/kit": "^2.48.2",
-    "@sveltejs/package": "^2.5.4",
-    "@sveltejs/vite-plugin-svelte": "^5.1.1",
-    "@types/lodash": "^4.17.20",
+    "@orama/orama": "^3.1.18",
+    "@playwright/test": "^1.59.1",
+    "@sveltejs/adapter-auto": "^7.0.1",
+    "@sveltejs/adapter-node": "^5.5.4",
+    "@sveltejs/adapter-vercel": "^6.3.3",
+    "@sveltejs/kit": "^2.59.1",
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^7.1.0",
+    "@types/lodash": "^4.17.24",
     "@types/luxon": "^3.7.1",
+    "@types/node": "^25.6.0",
     "@types/sortablejs": "^1.15.9",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.10.2",
-    "prettier": "^3.6.2",
-    "prettier-plugin-svelte": "^3.4.0",
-    "publint": "^0.1.9",
-    "svelte": "^5.42.3",
-    "svelte-check": "^4.3.3",
-    "tslib": "^2.4.1",
-    "typescript": "^5.9.3",
-    "vite": "^6.4.1",
-    "vitest": "^0.25.3"
+    "@typescript-eslint/eslint-plugin": "^8.59.2",
+    "@typescript-eslint/parser": "^8.59.2",
+    "eslint": "^10.3.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-svelte": "^3.17.1",
+    "prettier": "^3.8.3",
+    "prettier-plugin-svelte": "^3.5.1",
+    "publint": "^0.3.19",
+    "svelte": "^5.55.5",
+    "svelte-check": "^4.4.8",
+    "tslib": "^2.8.1",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.2",
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
+  "overrides": {
+    "svelte2tsx": "^0.7.55"
+  },
   "dependencies": {
-    "@paralleldrive/cuid2": "^2.3.1",
+    "@paralleldrive/cuid2": "^3.3.0",
     "chart.js": "^4.5.1",
     "chartjs-adapter-date-fns": "^3.0.0",
     "chartjs-plugin-zoom": "^2.2.0",
-    "esm-env": "^1.0.0",
-    "flag-icons": "^6.11.1",
-    "highlight.js": "^11.7.0",
+    "date-fns": "^4.1.0",
+    "esm-env": "^1.2.2",
+    "flag-icons": "^7.5.0",
+    "highlight.js": "^11.11.1",
     "highlightjs-svelte": "^1.0.6",
-    "imask": "^7.1.0-alpha.0",
-    "lodash": "^4.17.21",
+    "imask": "^7.6.1",
+    "lodash": "^4.18.1",
     "luxon": "^3.7.2",
-    "sortablejs": "^1.15.2",
-    "svelte-dnd-action": "0.9.50",
+    "sortablejs": "^1.15.7",
+    "svelte-dnd-action": "0.9.69",
     "svelte-dts": "^0.3.7",
-    "svelte-grid": "^5.1.2",
-    "svelte-preprocess": "^6.0.3"
+    "svelte-grid": "^5.1.2"
   }
 }