@likable-hair/svelte 3.3.24 → 3.3.26

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

@@ -1,18 +1,6 @@
-<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>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>
 
 <div

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

@@ -1,32 +1,28 @@
-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;
+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;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-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;
+export {};

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

@@ -1,57 +1,27 @@
-<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 context="module"></script>
 
-
-  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>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
+  });
+}
 </script>
 
 <ul 

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

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

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

@@ -1,42 +1,23 @@
-<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 context="module"></script>
 
-  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>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];
+}
 </script>
 
 <div class="hierarchy-container">

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

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

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

@@ -1,54 +1,45 @@
-<script lang="ts">
-  import "../../../css/main.css";
-  import "./Paginator.css";
-  import { createEventDispatcher } from "svelte";
-  import Icon from "../media/Icon.svelte";
-
-  let dispatch = createEventDispatcher<{
-    change: {
-      page: number;
-    };
-  }>();
-
-  export let page: number = 1,
-    maxPage: number | undefined = undefined;
-
-  function goToPage(p: number) {
-    if (p <= 0 || (!!maxPage && p > maxPage)) return;
-    page = p;
-    emitChange();
-  }
-
-  function previousPage() {
-    if (page == 1) return;
-    page -= 1;
-    emitChange();
-  }
-
-  function hardPrevious() {
-    page = 1;
-    emitChange();
-  }
-
-  function nextPage() {
-    if (!!maxPage && page >= maxPage) return;
-    page += 1;
-    emitChange();
-  }
-
-  function hardNext() {
-    if (!maxPage) return;
+<script>import "../../../css/main.css";
+import "./Paginator.css";
+import { createEventDispatcher } from "svelte";
+import Icon from "../media/Icon.svelte";
+let dispatch = createEventDispatcher();
+export let page = 1, maxPage = void 0;
+function goToPage(p) {
+  if (p <= 0 || !!maxPage && p > maxPage)
+    return;
+  page = p;
+  emitChange();
+}
+function previousPage() {
+  if (page == 1)
+    return;
+  page -= 1;
+  emitChange();
+}
+function hardPrevious() {
+  page = 1;
+  emitChange();
+}
+function nextPage() {
+  if (!!maxPage && page >= maxPage)
+    return;
+  page += 1;
+  emitChange();
+}
+function hardNext() {
+  if (!maxPage)
+    return;
+  page = maxPage;
+  emitChange();
+}
+function emitChange() {
+  dispatch("change", {
+    page
+  });
+}
+$:
+  if (!!maxPage && page > maxPage)
     page = maxPage;
-    emitChange();
-  }
-
-  function emitChange() {
-    dispatch("change", {
-      page,
-    });
-  }
-
-  $: if (!!maxPage && page > maxPage) page = maxPage;
 </script>
 
 <div class="paginator-container">

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

@@ -1,27 +1,23 @@
+import { SvelteComponent } from "svelte";
 import "../../../css/main.css";
 import "./Paginator.css";
-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;
+declare const __propDef: {
+    props: {
+        page?: number | undefined;
+        maxPage?: number | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        change: CustomEvent<{
+            page: number;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PaginatorProps = typeof __propDef.props;
+export type PaginatorEvents = typeof __propDef.events;
+export type PaginatorSlots = typeof __propDef.slots;
+export default class Paginator extends SvelteComponent<PaginatorProps, PaginatorEvents, PaginatorSlots> {
 }
-declare const Paginator: $$__sveltets_2_IsomorphicComponent<{
-    page?: number;
-    maxPage?: number | undefined;
-}, {
-    change: CustomEvent<{
-        page: number;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Paginator = InstanceType<typeof Paginator>;
-export default Paginator;
+export {};

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

@@ -1,47 +1,19 @@
-<script lang="ts" context="module">
-  type Divider = {
-    divider: true,
-    marginTop?: string,
-    marginBottom?: string,
-    marginRight?: string,
-    marginLeft?: string
-  }
-
-  type Item = {
-    name: string | number,
-    label: string,
-    icon: string,
-    disabled?: boolean,
-    divider?: undefined | false
-  }
-
-  export type MenuItem = Divider | Item;
-</script>
+<script context="module"></script>
 
-<script lang="ts">
-  import '../../../css/main.css'
-  import './SelectableMenuList.css'
-  import Icon from "../media/Icon.svelte";
-  import { createEventDispatcher } from 'svelte';
-
-  let dispatch = createEventDispatcher<{
-    'select': {
-      item: Item
-    }
-  }>()
-
-  export let collapsed: boolean = false,
-    items: MenuItem[] = [],
-    selected: string | number | undefined = undefined
-
-  function handleItemClick(item: Item) {
-    if(item.disabled) return
-
-    selected = item.name
-    dispatch('select', {
-      item
-    })
-  }
+<script>import "../../../css/main.css";
+import "./SelectableMenuList.css";
+import Icon from "../media/Icon.svelte";
+import { createEventDispatcher } from "svelte";
+let dispatch = createEventDispatcher();
+export let collapsed = false, items = [], selected = void 0;
+function handleItemClick(item) {
+  if (item.disabled)
+    return;
+  selected = item.name;
+  dispatch("select", {
+    item
+  });
+}
 </script>
 
 <div

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 type Divider = {
     divider: true;
     marginTop?: string;
@@ -15,29 +16,24 @@ type Item = {
 export type MenuItem = Divider | Item;
 import '../../../css/main.css';
 import './SelectableMenuList.css';
-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;
+declare const __propDef: {
+    props: {
+        collapsed?: boolean | undefined;
+        items?: MenuItem[] | undefined;
+        selected?: string | number | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        select: CustomEvent<{
+            item: Item;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SelectableMenuListProps = typeof __propDef.props;
+export type SelectableMenuListEvents = typeof __propDef.events;
+export type SelectableMenuListSlots = typeof __propDef.slots;
+export default class SelectableMenuList extends SvelteComponent<SelectableMenuListProps, SelectableMenuListEvents, SelectableMenuListSlots> {
 }
-declare const SelectableMenuList: $$__sveltets_2_IsomorphicComponent<{
-    collapsed?: boolean;
-    items?: MenuItem[];
-    selected?: string | number | undefined;
-}, {
-    select: CustomEvent<{
-        item: Item;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SelectableMenuList = InstanceType<typeof SelectableMenuList>;
-export default SelectableMenuList;
+export {};