@likable-hair/svelte 3.3.20 → 3.3.21

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

@@ -1,75 +1,47 @@
-<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 context="module"></script>
 
-  $: dropdownValues = values.map((e) => ({
+<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) => ({
     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: 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
-    })
-  }
+  }));
+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
+  });
+}
 </script>
 
 <Dropdown

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

@@ -1,37 +1,33 @@
+import { SvelteComponent } from "svelte";
 export type IconItem = {
     value: string | number;
     icon: string;
     data?: any;
 };
-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: {
+        items?: IconItem[] | undefined;
+        values?: IconItem[] | undefined;
+        clearable?: boolean | undefined;
+        disabled?: boolean | undefined;
+        width?: string | undefined;
+        minWidth?: string | undefined;
+        menuWidth?: string | undefined;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-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;
+export {};

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

@@ -1,36 +1,11 @@
-<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 context="module"></script>
 
+<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,42 +1,38 @@
+import { SvelteComponent } from "svelte";
 export type Option = {
     icon?: string;
     value: string | number | undefined;
     text: string;
 };
-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: {
+        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;
     };
-    z_$$bindings?: Bindings;
-}
-declare const LabelAndSelect: $$__sveltets_2_IsomorphicComponent<{
-    class?: {
-        label?: string;
-        input?: {
-            container?: string;
-            row?: string;
-            input?: string;
-        };
+    events: {
+        change: Event;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    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;
+    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> {
+}
+export {};

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

@@ -1,33 +1,8 @@
-<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>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>
 
 <div

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

@@ -1,48 +1,44 @@
-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: {
+        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;
     };
-    z_$$bindings?: Bindings;
-}
-declare const LabelAndTextField: $$__sveltets_2_IsomorphicComponent<{
-    class?: {
-        label?: string;
-        input?: {
-            container?: string;
-            row?: string;
-            field?: string;
-            hint?: string;
-            input?: string;
-        };
+    events: {
+        input: Event;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        'prepend-inner': {};
+        'append-inner': {};
     };
-    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;
+};
+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> {
+}
+export {};

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

@@ -1,65 +1,39 @@
-<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);
-
+<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];
     dispatch("change", {
-      unselect: item,
-      select: undefined,
-      selection: values,
+      unselect: void 0,
+      select: item,
+      selection: values
     });
   }
-
-  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";
+}
+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";
 </script>
 
 <svelte:window />

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

@@ -1,29 +1,25 @@
+import { SvelteComponent } from "svelte";
 export type Item = {
     value: string | number;
     label?: string | number;
     data?: any;
 };
 import '../../../css/main.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: {
+        values?: Item[] | undefined;
+        items: Item[];
+        multiple?: boolean | undefined;
+        disabled?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    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> {
 }
-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;
+export {};