@likable-hair/svelte 3.3.21 → 3.3.23

package/dist/components/simple/navigation/TabSwitcher.svelte.d.ts

@@ -1,42 +1,46 @@
-import { SvelteComponent } from "svelte";
 export type Tab = {
     name: string;
     label: string;
     icon?: string;
 };
 import './TabSwitcher.css';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            tabs?: string | undefined;
-            selected?: string | undefined;
-            bookmark?: string | undefined;
-            guide?: string | undefined;
-        } | undefined;
-        tabs?: Tab[] | undefined;
-        selected?: string | undefined;
-        mandatory?: boolean | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        "tab-click": CustomEvent<{
-            nativeEvent: MouseEvent;
-            tab: Tab;
-        }>;
-        "tab-keypress": CustomEvent<{
-            nativeEvent: KeyboardEvent;
-            tab: Tab;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        append: {};
-    };
-};
-export type TabSwitcherProps = typeof __propDef.props;
-export type TabSwitcherEvents = typeof __propDef.events;
-export type TabSwitcherSlots = typeof __propDef.slots;
-export default class TabSwitcher extends SvelteComponent<TabSwitcherProps, TabSwitcherEvents, TabSwitcherSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TabSwitcher: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        tabs?: string;
+        selected?: string;
+        bookmark?: string;
+        guide?: string;
+    };
+    tabs?: Tab[];
+    selected?: string | undefined;
+    mandatory?: boolean;
+}, {
+    "tab-click": CustomEvent<{
+        nativeEvent: MouseEvent;
+        tab: Tab;
+    }>;
+    "tab-keypress": CustomEvent<{
+        nativeEvent: KeyboardEvent;
+        tab: Tab;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    append: {};
+}, {}, string>;
+type TabSwitcher = InstanceType<typeof TabSwitcher>;
+export default TabSwitcher;

package/dist/components/simple/notifiers/AlertBanner.svelte

@@ -1,18 +1,46 @@
-<script>import "../../../css/main.css";
-import "./AlertBanner.css";
-import { createEventDispatcher } from "svelte";
-let clazz = {};
-export { clazz as class };
-export let title = void 0, description = void 0, disabled = false;
-let dispatch = createEventDispatcher();
-function handleClickEvent(e) {
-  if (!disabled)
-    dispatch("click", e);
-}
-function handleKeypressEvent(e) {
-  if (!disabled)
-    dispatch("keypress", e);
-}
+<script lang="ts">
+  import '../../../css/main.css'
+  import './AlertBanner.css'
+  import { createEventDispatcher } from "svelte";
+
+  let clazz: {
+    container?: string,
+    border?: string,
+    body?: string
+  } = {};
+	export { clazz as class };
+
+  /* 
+    Styles:
+    
+    --alert-banner-color
+    --alert-banner-cursor
+    --alert-banner-border-radius
+    --alert-banner-padding-left
+    --alert-banner-padding-right
+    --alert-banner-padding-top
+    --alert-banner-padding-bottom
+    --alert-banner-border-width
+    --alert-banner-width
+  */
+
+  // props
+  export let title: string | undefined = undefined,
+    description: string | undefined = undefined,
+    disabled: boolean = false
+
+    let dispatch = createEventDispatcher<{
+      'click': MouseEvent,
+      'keypress': KeyboardEvent
+    }>()
+
+    function handleClickEvent(e: MouseEvent) {
+      if(!disabled) dispatch('click', e)
+    }
+
+    function handleKeypressEvent(e: KeyboardEvent) {
+      if(!disabled) dispatch('keypress', e)
+    }
 </script>
 
 <div 

package/dist/components/simple/notifiers/AlertBanner.svelte.d.ts

@@ -1,42 +1,46 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './AlertBanner.css';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            border?: string | undefined;
-            body?: string | undefined;
-        } | undefined;
-        title?: string | undefined;
-        description?: string | undefined;
-        disabled?: boolean | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: CustomEvent<MouseEvent>;
-        keypress: CustomEvent<KeyboardEvent>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const AlertBanner: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        border?: string;
+        body?: string;
     };
-    slots: {
-        content: {
-            title: string | undefined;
-            description: string | undefined;
-        };
-        title: {
-            title: string | undefined;
-        };
-        description: {
-            description: string | undefined;
-        };
-        append: {
-            disabled: boolean;
-        };
+    title?: string | undefined;
+    description?: string | undefined;
+    disabled?: boolean;
+}, {
+    click: CustomEvent<MouseEvent>;
+    keypress: CustomEvent<KeyboardEvent>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    content: {
+        title: string | undefined;
+        description: string | undefined;
     };
-};
-export type AlertBannerProps = typeof __propDef.props;
-export type AlertBannerEvents = typeof __propDef.events;
-export type AlertBannerSlots = typeof __propDef.slots;
-export default class AlertBanner extends SvelteComponent<AlertBannerProps, AlertBannerEvents, AlertBannerSlots> {
-}
-export {};
+    title: {
+        title: string | undefined;
+    };
+    description: {
+        description: string | undefined;
+    };
+    append: {
+        disabled: boolean;
+    };
+}, {}, string>;
+type AlertBanner = InstanceType<typeof AlertBanner>;
+export default AlertBanner;

package/dist/components/simple/progress/ProgressBar.svelte

@@ -1,16 +1,23 @@
-<script>import "../../../css/main.css";
-import "./ProgressBar.css";
-import ToolTip from "../../composed/common/ToolTip.svelte";
-export let value = 0, total = 100, valueTooltip = false, valueTooltipLabel = void 0;
-let activator;
-$:
-  hundredBasedProgress = total === 0 ? 100 : value * 100 / total;
-$:
-  cssVariables = Object.entries({
-    "--progress-width": hundredBasedProgress + "%"
-  }).filter(([key]) => key.startsWith("--")).reduce((css, [key, value2]) => {
-    return `${css}${key}: ${value2};`;
-  }, "");
+<script lang="ts">
+  import '../../../css/main.css'
+  import './ProgressBar.css'
+  import ToolTip from '../../composed/common/ToolTip.svelte';
+
+  export let value = 0,
+    total = 100,
+    valueTooltip: boolean = false,
+    valueTooltipLabel: string | number | undefined = undefined
+
+  let activator: HTMLElement
+
+  $: hundredBasedProgress = total === 0 ? 100 : (value * 100) / total;
+  $: cssVariables = Object.entries({
+    "--progress-width": hundredBasedProgress + "%",
+  })
+    .filter(([key]) => key.startsWith("--"))
+    .reduce((css, [key, value]) => {
+      return `${css}${key}: ${value};`;
+    }, "");
 </script>
 
 <div

package/dist/components/simple/progress/ProgressBar.svelte.d.ts

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './ProgressBar.css';
-declare const __propDef: {
-    props: {
-        value?: number | undefined;
-        total?: number | undefined;
-        valueTooltip?: boolean | undefined;
-        valueTooltipLabel?: string | number | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ProgressBarProps = typeof __propDef.props;
-export type ProgressBarEvents = typeof __propDef.events;
-export type ProgressBarSlots = typeof __propDef.slots;
-export default class ProgressBar extends SvelteComponent<ProgressBarProps, ProgressBarEvents, ProgressBarSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ProgressBar: $$__sveltets_2_IsomorphicComponent<{
+    value?: number;
+    total?: number;
+    valueTooltip?: boolean;
+    valueTooltipLabel?: string | number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ProgressBar = InstanceType<typeof ProgressBar>;
+export default ProgressBar;

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

@@ -1,9 +1,23 @@
-<script context="module"></script>
+<script context="module" lang="ts">
+  export type TimeLineItem = {
+    name: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+    from?: Date;
+    to?: Date;
+    data?: any;
+  };
+</script>
+
+<script lang="ts">
+  import { dateToString } from "../dates/utils";
+  import "../../../css/main.css";
+  import "./SimpleTimeLine.css";
 
-<script>import { dateToString } from "../dates/utils";
-import "../../../css/main.css";
-import "./SimpleTimeLine.css";
-export let items = [], singleSided = false, circleAlignment = "top";
+  export let items: TimeLineItem[] = [],
+    singleSided = false,
+    circleAlignment: "top" | "center" | "bottom" = "top";
 </script>
 
 <div

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

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type TimeLineItem = {
     name: string;
     title?: string;
@@ -10,40 +9,45 @@ export type TimeLineItem = {
 };
 import "../../../css/main.css";
 import "./SimpleTimeLine.css";
-declare const __propDef: {
-    props: {
-        items?: TimeLineItem[] | undefined;
-        singleSided?: boolean | undefined;
-        circleAlignment?: "bottom" | "top" | "center" | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const SimpleTimeLine: $$__sveltets_2_IsomorphicComponent<{
+    items?: TimeLineItem[];
+    singleSided?: boolean;
+    circleAlignment?: "top" | "center" | "bottom";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    item: {
+        item: TimeLineItem;
+        alignment: string;
     };
-    slots: {
-        item: {
-            item: TimeLineItem;
-            alignment: string;
-        };
-        times: {
-            item: TimeLineItem;
-            dateToString: (date: Date, format?: import("../dates/utils").DateFormat | undefined, locale?: import("../dates/utils").Locale | undefined) => string;
-        };
-        infos: {
-            item: TimeLineItem;
-            alignment: string;
-        };
-        'infos-append': {
-            item: TimeLineItem;
-            alignment: string;
-        };
-        circle: {
-            item: TimeLineItem;
-        };
+    times: {
+        item: TimeLineItem;
+        dateToString: (date: Date, format?: import("../dates/utils").DateFormat, locale?: import("../dates/utils").Locale) => string;
     };
-};
-export type SimpleTimeLineProps = typeof __propDef.props;
-export type SimpleTimeLineEvents = typeof __propDef.events;
-export type SimpleTimeLineSlots = typeof __propDef.slots;
-export default class SimpleTimeLine extends SvelteComponent<SimpleTimeLineProps, SimpleTimeLineEvents, SimpleTimeLineSlots> {
-}
-export {};
+    infos: {
+        item: TimeLineItem;
+        alignment: string;
+    };
+    'infos-append': {
+        item: TimeLineItem;
+        alignment: string;
+    };
+    circle: {
+        item: TimeLineItem;
+    };
+}, {}, string>;
+type SimpleTimeLine = InstanceType<typeof SimpleTimeLine>;
+export default SimpleTimeLine;

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

@@ -1,15 +1,30 @@
-<script>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";
-export 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 = void 0, language = "javascript";
-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'
+
+
+  export let 
+    codeBackgroundColor: string = "rgb(24 24 27/1)",
+    headerBackgroundColor: string = "rgb(39 39 42/1)",
+    dividerColor: string = "rgb(63 63 70)",
+    borderRadius: string = ".5rem",
+    headerPadding: string = "1rem 1rem",
+    codePadding: string = "0rem 1rem",
+    color: string = "white",
+    boxShadow: string = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    code: string,
+    title: string | undefined = undefined,
+    language: 'javascript' | 'bash' | 'html' | 'svelte' | 'typescript' | 'css' = 'javascript'
+
+  let codeElement: HTMLElement
+  onMount(() => {
+    hljsSvelte(hljs)
+    hljs.highlightElement(codeElement)
+  })
 </script>
 
 <div 

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

@@ -1,28 +1,32 @@
-import { SvelteComponent } from "svelte";
 import 'highlight.js/styles/github.css';
 import './dracula.css';
-declare const __propDef: {
-    props: {
-        codeBackgroundColor?: string | undefined;
-        headerBackgroundColor?: string | undefined;
-        dividerColor?: string | undefined;
-        borderRadius?: string | undefined;
-        headerPadding?: string | undefined;
-        codePadding?: string | undefined;
-        color?: string | undefined;
-        boxShadow?: string | undefined;
-        code: string;
-        title?: string | undefined;
-        language?: "html" | "javascript" | "bash" | "svelte" | "typescript" | "css" | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CodeProps = typeof __propDef.props;
-export type CodeEvents = typeof __propDef.events;
-export type CodeSlots = typeof __propDef.slots;
-export default class Code extends SvelteComponent<CodeProps, CodeEvents, CodeSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Code: $$__sveltets_2_IsomorphicComponent<{
+    codeBackgroundColor?: string;
+    headerBackgroundColor?: string;
+    dividerColor?: string;
+    borderRadius?: string;
+    headerPadding?: string;
+    codePadding?: string;
+    color?: string;
+    boxShadow?: string;
+    code: string;
+    title?: string | undefined;
+    language?: "javascript" | "bash" | "html" | "svelte" | "typescript" | "css";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Code = InstanceType<typeof Code>;
+export default Code;

package/dist/stores/debounce.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { derived } from 'svelte/store';
 export type Stores = Parameters<typeof derived>[0];
 declare function debounceStore<T extends Stores>(original: T, timeout?: number): import("svelte/store").Readable<any>;

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

@@ -1,2 +1 @@
-/// <reference types="svelte" />
 export declare let sidebarOpened: import("svelte/store").Writable<boolean>;

package/dist/stores/mediaQuery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 export type DeviceDimension = {
     xs: boolean;
     s: boolean;

package/dist/stores/theme.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 export declare const COLOR_TYPES: string[];
 export declare const COLOR_SHADES: string[];
 export type Shades = Record<(typeof COLOR_SHADES)[number], string>;

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

@@ -50,6 +50,8 @@ export default class Builder {
     private applyWhereNullClause;
     private applyWhereClause;
     private applyWhereColumnClause;
+    whereRaw(clause: string, bindings?: WhereFilterValue[]): Builder;
+    orWhereRaw(clause: string, bindings?: WhereFilterValue[]): Builder;
     private applyWhereJsonSupersetClause;
     join(table: string, onCallback: (onBuilder: OnClauseBuilder) => void): this;
     leftJoin(table: string, onCallback: (onBuilder: OnClauseBuilder) => void): this;

package/dist/utils/filters/builder.js

@@ -156,6 +156,26 @@ export default class Builder {
         }
         return this;
     }
+    whereRaw(clause, bindings) {
+        this._modifiers.push({
+            method: 'where',
+            kind: 'raw',
+            logicalOperator: 'and',
+            clause,
+            bindings
+        });
+        return this;
+    }
+    orWhereRaw(clause, bindings) {
+        this._modifiers.push({
+            method: 'where',
+            kind: 'raw',
+            logicalOperator: 'or',
+            clause,
+            bindings
+        });
+        return this;
+    }
     applyWhereJsonSupersetClause(logicalOperator, first, second) {
         this._modifiers.push({
             method: 'where',

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

@@ -74,6 +74,7 @@ type NumberFilter = {
             from?: number;
             to?: number;
         };
+        mode: 'between';
     }) => Builder;
     from?: number;
     to?: number;
@@ -82,6 +83,7 @@ type NumberFilter = {
     modify?: (params: {
         builder: Builder;
         value?: number;
+        mode: 'equal' | 'greater' | 'lower';
     }) => Builder;
     value?: number;
 });

package/dist/utils/filters/filters.js

@@ -25,7 +25,11 @@ export default class Converter {
                 continue;
             if (!!filter.modify) {
                 if ('value' in filter && filter.value !== undefined) {
-                    builder = filter.modify({ builder, value: filter.value });
+                    builder = filter.modify({
+                        builder,
+                        value: filter.value,
+                        mode: filter.type === 'number' ? filter.mode : 'equal'
+                    });
                 }
                 else if ('values' in filter && filter.values !== undefined) {
                     builder = filter.modify({ builder, values: filter.values });
@@ -34,7 +38,7 @@ export default class Converter {
                     builder = filter.modify({ builder, value: { from: filter.from, to: filter.to } });
                 }
                 else if (filter.type === 'number' && ('from' in filter || 'to' in filter)) {
-                    builder = filter.modify({ builder, value: { from: filter.from, to: filter.to } });
+                    builder = filter.modify({ builder, value: { from: filter.from, to: filter.to }, mode: 'between' });
                 }
             }
             else if (filter.type == 'string') {