@likable-hair/svelte 3.3.21 → 3.3.22

package/dist/components/simple/forms/TreeEditorItem.svelte.d.ts

@@ -1,55 +1,59 @@
-import { SvelteComponent } from "svelte";
 import Sortable from 'sortablejs';
 import type { Item } from './TreeEditor.svelte';
-declare const __propDef: {
-    props: {
-        title: string;
-        id: number | string;
-        subtitle?: string | undefined;
-        group: string;
-        animationDuration?: number | undefined;
-        expanded?: boolean | undefined;
-        subItems?: Item[] | undefined;
-        sortable?: Sortable | undefined;
-        collapsable?: boolean | undefined;
-        editable?: boolean | undefined;
-        data?: any;
-        updateItem?: ((params: {
-            item: Item;
-            inputData?: any;
-        }) => Item) | 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: {
-        change: CustomEvent<{
-            ev: Sortable.SortableEvent;
-        }>;
-        end: CustomEvent<{
-            ev: Sortable.SortableEvent;
-        }>;
-        input: CustomEvent<{
-            item: Item;
-            inputData?: any;
-        }>;
-        click: CustomEvent<{
-            item: Item;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const TreeEditorItem: $$__sveltets_2_IsomorphicComponent<{
+    title: string;
+    id: number | string;
+    subtitle?: string | undefined;
+    group: string;
+    animationDuration?: number;
+    expanded?: boolean | undefined;
+    subItems?: Item[];
+    sortable?: Sortable | undefined;
+    collapsable?: boolean;
+    editable?: boolean;
+    data?: any;
+    updateItem?: ((params: {
+        item: Item;
+        inputData?: any;
+    }) => Item) | undefined;
+}, {
+    change: CustomEvent<{
+        ev: Sortable.SortableEvent;
+    }>;
+    end: CustomEvent<{
+        ev: Sortable.SortableEvent;
+    }>;
+    input: CustomEvent<{
+        item: Item;
+        inputData?: any;
+    }>;
+    click: CustomEvent<{
+        item: Item;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    title: {
+        item: any;
+        doUpdateItem: any;
     };
-    slots: {
-        title: {
-            item: any;
-            doUpdateItem: any;
-        };
-        append: {
-            item: any;
-            doUpdateItem: any;
-        };
+    append: {
+        item: any;
+        doUpdateItem: any;
     };
-};
-export type TreeEditorItemProps = typeof __propDef.props;
-export type TreeEditorItemEvents = typeof __propDef.events;
-export type TreeEditorItemSlots = typeof __propDef.slots;
-export default class TreeEditorItem extends SvelteComponent<TreeEditorItemProps, TreeEditorItemEvents, TreeEditorItemSlots> {
-}
-export {};
+}, {}, string>;
+type TreeEditorItem = InstanceType<typeof TreeEditorItem>;
+export default TreeEditorItem;

package/dist/components/simple/forms/VerticalSwitch.svelte

@@ -1,4 +1,14 @@
-<script>export let value = false, height = "60px", width = "30px", rounded = false, backgroundColor = "#90CAF9", selectedOptionColor = backgroundColor, sliderColor = "white", optionColor = sliderColor, fontSize = "11px", animationDuration = "0.1s";
+<script lang="ts">
+  export let value = false,
+    height = "60px",
+    width = "30px",
+    rounded = false,
+    backgroundColor = "#90CAF9",
+    selectedOptionColor: string = backgroundColor,
+    sliderColor = "white",
+    optionColor: string = sliderColor,
+    fontSize = "11px",
+    animationDuration = "0.1s";
 </script>
 
 <div

package/dist/components/simple/forms/VerticalSwitch.svelte.d.ts

@@ -1,30 +1,34 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value?: boolean | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-        rounded?: boolean | undefined;
-        backgroundColor?: string | undefined;
-        selectedOptionColor?: string | undefined;
-        sliderColor?: string | undefined;
-        optionColor?: string | undefined;
-        fontSize?: string | undefined;
-        animationDuration?: string | 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: {
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        trueOption: {};
-        falseOption: {};
-    };
-};
-export type VerticalSwitchProps = typeof __propDef.props;
-export type VerticalSwitchEvents = typeof __propDef.events;
-export type VerticalSwitchSlots = typeof __propDef.slots;
-export default class VerticalSwitch extends SvelteComponent<VerticalSwitchProps, VerticalSwitchEvents, VerticalSwitchSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const VerticalSwitch: $$__sveltets_2_IsomorphicComponent<{
+    value?: boolean;
+    height?: string;
+    width?: string;
+    rounded?: boolean;
+    backgroundColor?: string;
+    selectedOptionColor?: string;
+    sliderColor?: string;
+    optionColor?: string;
+    fontSize?: string;
+    animationDuration?: string;
+}, {
+    change: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    trueOption: {};
+    falseOption: {};
+}, {}, string>;
+type VerticalSwitch = InstanceType<typeof VerticalSwitch>;
+export default VerticalSwitch;

package/dist/components/simple/forms/VerticalTextSwitch.svelte

@@ -1,6 +1,18 @@
-<script>import { fly } from "svelte/transition";
-export let value = false, height = "100%", width = "100%", backgroundColor = void 0, firstColor = void 0, secondColor = firstColor, fontSize = "12px", hoverBackgroundColor = void 0, hoverBoxShadow = void 0, animationDuration = 200;
-let optionHeight = void 0;
+<script lang="ts">
+  import { fly } from "svelte/transition";
+
+  export let value = false,
+    height = "100%",
+    width = "100%",
+    backgroundColor: string | undefined = undefined,
+    firstColor: string | undefined = undefined,
+    secondColor: string | undefined = firstColor,
+    fontSize = "12px",
+    hoverBackgroundColor: string | undefined = undefined,
+    hoverBoxShadow: string | undefined = undefined,
+    animationDuration = 200;
+
+  let optionHeight: number | undefined = undefined;
 </script>
 
 <div

package/dist/components/simple/forms/VerticalTextSwitch.svelte.d.ts

@@ -1,28 +1,32 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value?: boolean | undefined;
-        height?: string | undefined;
-        width?: string | undefined;
-        backgroundColor?: string | undefined;
-        firstColor?: string | undefined;
-        secondColor?: string | undefined;
-        fontSize?: string | undefined;
-        hoverBackgroundColor?: string | undefined;
-        hoverBoxShadow?: string | undefined;
-        animationDuration?: 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: {
-        trueOption: {};
-        falseOption: {};
-    };
-};
-export type VerticalTextSwitchProps = typeof __propDef.props;
-export type VerticalTextSwitchEvents = typeof __propDef.events;
-export type VerticalTextSwitchSlots = typeof __propDef.slots;
-export default class VerticalTextSwitch extends SvelteComponent<VerticalTextSwitchProps, VerticalTextSwitchEvents, VerticalTextSwitchSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const VerticalTextSwitch: $$__sveltets_2_IsomorphicComponent<{
+    value?: boolean;
+    height?: string;
+    width?: string;
+    backgroundColor?: string | undefined;
+    firstColor?: string | undefined;
+    secondColor?: string | undefined;
+    fontSize?: string;
+    hoverBackgroundColor?: string | undefined;
+    hoverBoxShadow?: string | undefined;
+    animationDuration?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    trueOption: {};
+    falseOption: {};
+}, {}, string>;
+type VerticalTextSwitch = InstanceType<typeof VerticalTextSwitch>;
+export default VerticalTextSwitch;

package/dist/components/simple/lists/ColorInvertedSelector.svelte

@@ -1,27 +1,57 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type Option = {
+    label: string,
+    name: string,
+    icon?: string
+  };
+</script>
+
+<script lang="ts">
+  import '../../../css/main.css'
+  import './ColorInvertedSelector.css'
+  import Icon from '../media/Icon.svelte'
+  import { createEventDispatcher } from "svelte";
+
+  let clazz: {
+    container?: string,
+    element?: string,
+    selected?: string,
+  } = {};
+	export { clazz as class };
+
+  let dispatch = createEventDispatcher<{
+    'select': {
+      option: Option,
+      selectedIndex: number | undefined,
+      native: Event
+    },
+    'delete': {
+      option: Option,
+      index: number
+    }
+  }>()
+
+  export let options: Option[],
+    selectedIndex: number | undefined,
+    deletable: boolean = true
 
-<script>import "../../../css/main.css";
-import "./ColorInvertedSelector.css";
-import Icon from "../media/Icon.svelte";
-import { createEventDispatcher } from "svelte";
-let clazz = {};
-export { clazz as class };
-let dispatch = createEventDispatcher();
-export let options, selectedIndex, deletable = true;
-function handleOptionClick(option, index, e) {
-  dispatch("select", {
-    option,
-    selectedIndex,
-    native: e
-  });
-  selectedIndex = index;
-}
-function handleClickClose(option, index) {
-  dispatch("delete", {
-    option,
-    index
-  });
-}
+
+  function handleOptionClick(option: Option, index: number, e: Event) {
+    dispatch('select', {
+      option: option,
+      selectedIndex,
+      native: e
+    })
+    
+    selectedIndex = index
+  }
+
+  function handleClickClose(option: Option, index: number) {
+    dispatch('delete', {
+      option: option,
+      index: index
+    })
+  }
 </script>
 
 <ul 

package/dist/components/simple/lists/ColorInvertedSelector.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type Option = {
     label: string;
     name: string;
@@ -6,48 +5,53 @@ export type Option = {
 };
 import '../../../css/main.css';
 import './ColorInvertedSelector.css';
-declare const __propDef: {
-    props: {
-        class?: {
-            container?: string | undefined;
-            element?: string | undefined;
-            selected?: string | undefined;
-        } | undefined;
-        options: Option[];
+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;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ColorInvertedSelector: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        container?: string;
+        element?: string;
+        selected?: string;
+    };
+    options: Option[];
+    selectedIndex: number | undefined;
+    deletable?: boolean;
+}, {
+    select: CustomEvent<{
+        option: Option;
         selectedIndex: number | undefined;
-        deletable?: boolean | undefined;
+        native: Event;
+    }>;
+    delete: CustomEvent<{
+        option: Option;
+        index: number;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    prepend: {
+        option: Option;
+        handleClickClose: (option: Option, index: number) => void;
+        index: any;
     };
-    events: {
-        select: CustomEvent<{
-            option: Option;
-            selectedIndex: number | undefined;
-            native: Event;
-        }>;
-        delete: CustomEvent<{
-            option: Option;
-            index: number;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    option: {
+        option: Option;
     };
-    slots: {
-        prepend: {
-            option: Option;
-            handleClickClose: (option: Option, index: number) => void;
-            index: any;
-        };
-        option: {
-            option: Option;
-        };
-        append: {
-            option: Option;
-            handleClickClose: (option: Option, index: number) => void;
-        };
+    append: {
+        option: Option;
+        handleClickClose: (option: Option, index: number) => void;
     };
-};
-export type ColorInvertedSelectorProps = typeof __propDef.props;
-export type ColorInvertedSelectorEvents = typeof __propDef.events;
-export type ColorInvertedSelectorSlots = typeof __propDef.slots;
-export default class ColorInvertedSelector extends SvelteComponent<ColorInvertedSelectorProps, ColorInvertedSelectorEvents, ColorInvertedSelectorSlots> {
-}
-export {};
+}, {}, string>;
+type ColorInvertedSelector = InstanceType<typeof ColorInvertedSelector>;
+export default ColorInvertedSelector;

package/dist/components/simple/lists/HierarchyMenu.svelte

@@ -1,23 +1,42 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type Option = {
+    label: string;
+    name: string;
+    icon?: string;
+    href?: string;
+    options?: Omit<Option, "options">[];
+  };
+</script>
+
+<script lang="ts">
+  import "../../../css/main.css";
+  import "./HierarchyMenu.css";
+  import { createEventDispatcher } from "svelte";
+  import { Icon } from "../../..";
+  import { slide } from "svelte/transition";
+  import { sineIn } from "svelte/easing";
+
+  export let options: Option[],
+    selected: string | undefined = undefined,
+    expanded: string[] = [],
+    iconsOnly: boolean = false;
+
+  let dispatch = createEventDispatcher<{
+    optionClick: {
+      option: Option;
+    };
+  }>();
 
-<script>import "../../../css/main.css";
-import "./HierarchyMenu.css";
-import { createEventDispatcher } from "svelte";
-import { Icon } from "../../..";
-import { slide } from "svelte/transition";
-import { sineIn } from "svelte/easing";
-export let options, selected = void 0, expanded = [], iconsOnly = false;
-let dispatch = createEventDispatcher();
-function handleOptionClick(option) {
-  selected = option.name;
-  dispatch("optionClick", { option });
-}
-function handleExpandOptionClick(option) {
-  if (expanded.includes(option.name))
-    expanded = expanded.filter((e) => e !== option.name);
-  else
-    expanded = [...expanded, option.name];
-}
+  function handleOptionClick(option: Option) {
+    selected = option.name;
+    dispatch("optionClick", { option });
+  }
+
+  function handleExpandOptionClick(option: Option) {
+    if (expanded.includes(option.name))
+      expanded = expanded.filter((e) => e !== option.name);
+    else expanded = [...expanded, option.name];
+  }
 </script>
 
 <div class="hierarchy-container">

package/dist/components/simple/lists/HierarchyMenu.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type Option = {
     label: string;
     name: string;
@@ -8,35 +7,40 @@ export type Option = {
 };
 import "../../../css/main.css";
 import "./HierarchyMenu.css";
-declare const __propDef: {
-    props: {
-        options: Option[];
-        selected?: string | undefined;
-        expanded?: string[] | undefined;
-        iconsOnly?: 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: {
-        optionClick: CustomEvent<{
-            option: Option;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const HierarchyMenu: $$__sveltets_2_IsomorphicComponent<{
+    options: Option[];
+    selected?: string | undefined;
+    expanded?: string[];
+    iconsOnly?: boolean;
+}, {
+    optionClick: CustomEvent<{
+        option: Option;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    prepend: {
+        option: Omit<Option, "options">;
     };
-    slots: {
-        prepend: {
-            option: Omit<Option, "options">;
-        };
-        option: {
-            option: Omit<Option, "options">;
-        };
-        append: {
-            option: Omit<Option, "options">;
-        };
+    option: {
+        option: Omit<Option, "options">;
     };
-};
-export type HierarchyMenuProps = typeof __propDef.props;
-export type HierarchyMenuEvents = typeof __propDef.events;
-export type HierarchyMenuSlots = typeof __propDef.slots;
-export default class HierarchyMenu extends SvelteComponent<HierarchyMenuProps, HierarchyMenuEvents, HierarchyMenuSlots> {
-}
-export {};
+    append: {
+        option: Omit<Option, "options">;
+    };
+}, {}, string>;
+type HierarchyMenu = InstanceType<typeof HierarchyMenu>;
+export default HierarchyMenu;