@likable-hair/svelte 3.3.21 → 3.3.23

package/dist/components/composed/forms/IconsDropdown.svelte

@@ -1,47 +1,75 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type IconItem = {
+    value: string | number,
+    icon: string,
+    data?: any
+  };
+</script>
+
+<script lang="ts">
+  import Dropdown, { type Item } from "./Dropdown.svelte";
+  import Icon from "../../simple/media/Icon.svelte";
+  import { createEventDispatcher } from "svelte";
+
+  let dispatch = createEventDispatcher<{
+    change: {
+      unselect: IconItem | undefined;
+      select: IconItem | undefined;
+      selection: IconItem[];
+    }
+  }>()
+
+  export let items: IconItem[] = [],
+    values: IconItem[] = [],
+    clearable: boolean = false,
+    disabled: boolean = false,
+    width: string | undefined = "auto",
+    minWidth: string | undefined = "auto",
+    menuWidth: string | undefined = "60px"
+
+  let dropdownValues: Item[] = []
 
-<script>import Dropdown, {} from "./Dropdown.svelte";
-import Icon from "../../simple/media/Icon.svelte";
-import { createEventDispatcher } from "svelte";
-let dispatch = createEventDispatcher();
-export let items = [], values = [], clearable = false, disabled = false, width = "auto", minWidth = "auto", menuWidth = "60px";
-let dropdownValues = [];
-$:
-  dropdownValues = values.map((e) => ({
+  $: dropdownValues = values.map((e) => ({
     value: e.value,
     data: {
       icon: e.icon,
       data: e.data
     }
-  }));
-$:
-  dropDownItems = items.map((e) => ({
+  }))
+
+  $: dropDownItems = items.map((e) => ({
     value: e.value,
     data: {
       icon: e.icon,
       data: e.data
     }
-  }));
-function handleChange(event) {
-  values = event.detail.selection.map((e) => ({
-    value: e.value,
-    icon: e.data.icon,
-    data: e.data
-  }));
-  dispatch("change", {
-    unselect: !!event.detail.unselect ? {
-      value: event.detail.unselect.value,
-      icon: event.detail.unselect.data.icon,
-      data: event.detail.unselect.data
-    } : void 0,
-    select: !!event.detail.select ? {
-      value: event.detail.select.value,
-      icon: event.detail.select.data.icon,
-      data: event.detail.select.data
-    } : void 0,
-    selection: values
-  });
-}
+  }))
+
+  function handleChange(event: CustomEvent<{
+    unselect: Item | undefined;
+    select: Item | undefined;
+    selection: Item[];
+  }>) {
+    values = event.detail.selection.map((e) => ({
+      value: e.value,
+      icon: e.data.icon,
+      data: e.data
+    }))
+
+    dispatch('change', {
+      unselect: !!event.detail.unselect ? {
+        value: event.detail.unselect.value,
+        icon: event.detail.unselect.data.icon,
+        data: event.detail.unselect.data
+      } : undefined,
+      select: !!event.detail.select ? {
+        value: event.detail.select.value,
+        icon: event.detail.select.data.icon,
+        data: event.detail.select.data
+      } : undefined,
+      selection: values
+    })
+  }
 </script>
 
 <Dropdown

package/dist/components/composed/forms/IconsDropdown.svelte.d.ts

@@ -1,33 +1,37 @@
-import { SvelteComponent } from "svelte";
 export type IconItem = {
     value: string | number;
     icon: string;
     data?: any;
 };
-declare const __propDef: {
-    props: {
-        items?: IconItem[] | undefined;
-        values?: IconItem[] | undefined;
-        clearable?: boolean | undefined;
-        disabled?: boolean | undefined;
-        width?: string | undefined;
-        minWidth?: string | undefined;
-        menuWidth?: 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: CustomEvent<{
-            unselect: IconItem | undefined;
-            select: IconItem | undefined;
-            selection: IconItem[];
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconsDropdownProps = typeof __propDef.props;
-export type IconsDropdownEvents = typeof __propDef.events;
-export type IconsDropdownSlots = typeof __propDef.slots;
-export default class IconsDropdown extends SvelteComponent<IconsDropdownProps, IconsDropdownEvents, IconsDropdownSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const IconsDropdown: $$__sveltets_2_IsomorphicComponent<{
+    items?: IconItem[];
+    values?: IconItem[];
+    clearable?: boolean;
+    disabled?: boolean;
+    width?: string | undefined;
+    minWidth?: string | undefined;
+    menuWidth?: string | undefined;
+}, {
+    change: CustomEvent<{
+        unselect: IconItem | undefined;
+        select: IconItem | undefined;
+        selection: IconItem[];
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconsDropdown = InstanceType<typeof IconsDropdown>;
+export default IconsDropdown;

package/dist/components/composed/forms/LabelAndSelect.svelte

@@ -1,11 +1,36 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+	export type Option = {
+		icon?: string
+		value: string | number | undefined
+		text: string
+	};
+</script>
+
+<script lang="ts">
+    import { Icon, ToolTip } from "../../..";
+    import Select from "../../simple/forms/Select.svelte";
+
+	let clazz: {
+		label?: string
+		input?: {
+			container?: string
+			row?: string
+			input?: string
+		}
+	} = {}
+	export { clazz as class }
+  
+	export let value: string | number | undefined = undefined,
+		label: string,
+		description: string | undefined = undefined,
+		info: string | undefined = undefined,
+		name: string,
+		options: Option[],
+		disabled: boolean = false,
+		orientation: 'horizontal' | 'vertical' = 'vertical'
+
+	let infoActivator: HTMLElement
 
-<script>import { Icon, ToolTip } from "../../..";
-import Select from "../../simple/forms/Select.svelte";
-let clazz = {};
-export { clazz as class };
-export let value = void 0, label, description = void 0, info = void 0, name, options, disabled = false, orientation = "vertical";
-let infoActivator;
 </script>
 
 <div

package/dist/components/composed/forms/LabelAndSelect.svelte.d.ts

@@ -1,38 +1,42 @@
-import { SvelteComponent } from "svelte";
 export type Option = {
     icon?: string;
     value: string | number | undefined;
     text: string;
 };
-declare const __propDef: {
-    props: {
-        class?: {
-            label?: string | undefined;
-            input?: {
-                container?: string | undefined;
-                row?: string | undefined;
-                input?: string | undefined;
-            } | undefined;
-        } | undefined;
-        value?: string | number | undefined;
-        label: string;
-        description?: string | undefined;
-        info?: string | undefined;
-        name: string;
-        options: Option[];
-        disabled?: boolean | undefined;
-        orientation?: "horizontal" | "vertical" | 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: {};
-};
-export type LabelAndSelectProps = typeof __propDef.props;
-export type LabelAndSelectEvents = typeof __propDef.events;
-export type LabelAndSelectSlots = typeof __propDef.slots;
-export default class LabelAndSelect extends SvelteComponent<LabelAndSelectProps, LabelAndSelectEvents, LabelAndSelectSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LabelAndSelect: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        label?: string;
+        input?: {
+            container?: string;
+            row?: string;
+            input?: string;
+        };
+    };
+    value?: string | number | undefined;
+    label: string;
+    description?: string | undefined;
+    info?: string | undefined;
+    name: string;
+    options: Option[];
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+}, {
+    change: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type LabelAndSelect = InstanceType<typeof LabelAndSelect>;
+export default LabelAndSelect;

package/dist/components/composed/forms/LabelAndTextField.svelte

@@ -1,8 +1,33 @@
-<script>import { Icon, ToolTip, SimpleTextField } from "../../..";
-let clazz = {};
-export { clazz as class };
-export let value = void 0, label = void 0, description = void 0, info = void 0, placeholder = "", name, type = "text", readonly = false, error = false, errorText = "", disabled = false, orientation = "vertical";
-let infoActivator;
+<script lang="ts">
+    import { Icon, ToolTip, SimpleTextField } from "../../..";
+
+	let clazz: {
+		label?: string
+		input?: {
+			container?: string,
+			row?: string,
+			field?: string,
+			hint?: string,
+			input?: string
+		}
+	} = {}
+	export { clazz as class }
+
+	export let value: string | number | undefined = undefined,
+		label: string | undefined = undefined,
+		description: string | undefined = undefined,
+		info: string | undefined = undefined,
+		placeholder: string = '',
+		name: string,
+		type: 'password' | 'text' | 'number' = 'text',
+		readonly: boolean = false,
+		error: boolean = false,
+		errorText: string = '',
+		disabled: boolean = false,
+		orientation: 'horizontal' | 'vertical' = 'vertical'
+
+	let infoActivator: HTMLElement
+		
 </script>
 
 <div

package/dist/components/composed/forms/LabelAndTextField.svelte.d.ts

@@ -1,44 +1,48 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: {
-            label?: string | undefined;
-            input?: {
-                container?: string | undefined;
-                row?: string | undefined;
-                field?: string | undefined;
-                hint?: string | undefined;
-                input?: string | undefined;
-            } | undefined;
-        } | undefined;
-        value?: string | number | undefined;
-        label?: string | undefined;
-        description?: string | undefined;
-        info?: string | undefined;
-        placeholder?: string | undefined;
-        name: string;
-        type?: "number" | "text" | "password" | undefined;
-        readonly?: boolean | undefined;
-        error?: boolean | undefined;
-        errorText?: string | undefined;
-        disabled?: boolean | undefined;
-        orientation?: "horizontal" | "vertical" | 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: {
-        input: Event;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        'prepend-inner': {};
-        'append-inner': {};
-    };
-};
-export type LabelAndTextFieldProps = typeof __propDef.props;
-export type LabelAndTextFieldEvents = typeof __propDef.events;
-export type LabelAndTextFieldSlots = typeof __propDef.slots;
-export default class LabelAndTextField extends SvelteComponent<LabelAndTextFieldProps, LabelAndTextFieldEvents, LabelAndTextFieldSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LabelAndTextField: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        label?: string;
+        input?: {
+            container?: string;
+            row?: string;
+            field?: string;
+            hint?: string;
+            input?: string;
+        };
+    };
+    value?: string | number | undefined;
+    label?: string | undefined;
+    description?: string | undefined;
+    info?: string | undefined;
+    placeholder?: string;
+    name: string;
+    type?: "password" | "text" | "number";
+    readonly?: boolean;
+    error?: boolean;
+    errorText?: string;
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+}, {
+    input: Event;
+    focus: FocusEvent;
+    keydown: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'prepend-inner': {};
+    'append-inner': {};
+}, {}, string>;
+type LabelAndTextField = InstanceType<typeof LabelAndTextField>;
+export default LabelAndTextField;

package/dist/components/composed/forms/ToggleList.svelte

@@ -1,39 +1,65 @@
-<script context="module"></script>
-
-<script>import "../../../css/main.css";
-export let values = [], items, multiple = true, disabled = false;
-let dispatch = createEventDispatcher();
-function select(item) {
-  const alreadyPresent = values.findIndex((i) => i.value === item.value) != -1;
-  if (!alreadyPresent) {
-    if (multiple)
-      values = [...values, item];
-    else
-      values = [item];
+<script context="module" lang="ts">
+  export type Item = {
+    value: string | number;
+    label?: string | number;
+    /* eslint-disable  @typescript-eslint/no-explicit-any */
+    data?: any;
+  };
+</script>
+
+<script lang="ts">
+  import '../../../css/main.css'
+
+  export let values: Item[] = [],
+    items: Item[],
+    multiple = true,
+    disabled = false
+
+  let dispatch = createEventDispatcher<{
+    change: {
+      unselect: Item | undefined;
+      select: Item | undefined;
+      selection: Item[];
+    }
+  }>();
+
+
+  function select(item: Item) {
+    const alreadyPresent =
+      values.findIndex((i) => i.value === item.value) != -1;
+
+    if (!alreadyPresent) {
+      if (multiple) values = [...values, item];
+      else values = [item];
+
+      dispatch("change", {
+        unselect: undefined,
+        select: item,
+        selection: values,
+      });
+    }
+  }
+
+  function unselect(item: Item) {
+    values = values.filter((i) => i.value != item.value);
+
     dispatch("change", {
-      unselect: void 0,
-      select: item,
-      selection: values
+      unselect: item,
+      select: undefined,
+      selection: values,
     });
   }
-}
-function unselect(item) {
-  values = values.filter((i) => i.value != item.value);
-  dispatch("change", {
-    unselect: item,
-    select: void 0,
-    selection: values
-  });
-}
-function toggle(item) {
-  const alreadyPresent = values.findIndex((i) => i.value === item.value) != -1;
-  if (alreadyPresent)
-    unselect(item);
-  else
-    select(item);
-}
-import Chip from "../../simple/navigation/Chip.svelte";
-import { createEventDispatcher } from "svelte";
+
+  function toggle(item: Item) {
+    const alreadyPresent =
+      values.findIndex((i) => i.value === item.value) != -1;
+
+    if (alreadyPresent) unselect(item);
+    else select(item);
+  }
+
+  import Chip from "../../simple/navigation/Chip.svelte";
+  import { createEventDispatcher } from "svelte";
 </script>
 
 <svelte:window />

package/dist/components/composed/forms/ToggleList.svelte.d.ts

@@ -1,25 +1,29 @@
-import { SvelteComponent } from "svelte";
 export type Item = {
     value: string | number;
     label?: string | number;
     data?: any;
 };
 import '../../../css/main.css';
-declare const __propDef: {
-    props: {
-        values?: Item[] | undefined;
-        items: Item[];
-        multiple?: boolean | 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToggleListProps = typeof __propDef.props;
-export type ToggleListEvents = typeof __propDef.events;
-export type ToggleListSlots = typeof __propDef.slots;
-export default class ToggleList extends SvelteComponent<ToggleListProps, ToggleListEvents, ToggleListSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToggleList: $$__sveltets_2_IsomorphicComponent<{
+    values?: Item[];
+    items: Item[];
+    multiple?: boolean;
+    disabled?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToggleList = InstanceType<typeof ToggleList>;
+export default ToggleList;