@likable-hair/svelte 3.3.18 → 3.3.20

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

@@ -1,33 +1,54 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  import type { Item } from "../../../components/simple/forms/Autocomplete.svelte";
+  export type { Item }
+</script>
+
+<script lang="ts">
+  import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
+  import debounceStore from "../../../stores/debounce";
+  import { writable } from 'svelte/store';
+
+  export let items: Item[] = [],
+    values: Item[] = [],
+    multiple: boolean = false,
+    searcher: (params: {
+      searchText: string
+    }) => Promise<Item[]>,
+    placeholder: string | undefined = undefined,
+    searchThreshold: number = 2,
+    debounceTimeout: number = 500,
+    searching: boolean = false,
+    search: boolean = false,
+    searchText: string | undefined = undefined,
+    maxVisibleChips: number | undefined = undefined,
+    menuOpened: boolean = false,
+    mobileDrawer: boolean = false,
+    closeOnSelect: boolean = false,
+    disabled: boolean = false,
+    menuWidth: string | undefined | null = undefined,
+    menuAnchor: "bottom" | "bottom-center" | "right-center" | undefined = 'bottom-center'
 
-<script>import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
-import debounceStore from "../../../stores/debounce";
-import { writable } from "svelte/store";
-export let items = [], values = [], multiple = false, searcher, placeholder = void 0, searchThreshold = 2, debounceTimeout = 500, searching = false, search = false, searchText = void 0, maxVisibleChips = void 0, menuOpened = false, mobileDrawer = false, closeOnSelect = false, disabled = false;
-const searchTextValue = writable(searchText);
-$:
-  searchTextDebounce = debounceStore(searchTextValue, debounceTimeout);
-$:
-  if (!!$searchTextDebounce && searchThreshold <= $searchTextDebounce.length) {
-    searching = true;
+  const searchTextValue = writable<string | undefined>(searchText)
+  $: searchTextDebounce = debounceStore(searchTextValue, debounceTimeout)
+  
+  $: if(!!$searchTextDebounce && searchThreshold <= $searchTextDebounce.length) {
+    searching = true
     searcher({ searchText: $searchTextDebounce }).then((it) => {
-      items = it;
+      items = it
     }).finally(() => {
-      searching = false;
-    });
+      searching = false
+    })
   }
-$:
-  if (search) {
-    search = false;
-    searching = true;
+  $: if(search) {
+    search = false
+    searching = true
     searcher({ searchText: $searchTextDebounce }).then((it) => {
-      items = it;
+      items = it
     }).finally(() => {
-      searching = false;
-    });
+      searching = false
+    })
   }
-$:
-  $searchTextValue = searchText;
+  $: $searchTextValue = searchText
 </script>
 
 <Autocomplete
@@ -41,6 +62,8 @@ $:
   bind:placeholder
   bind:closeOnSelect
   bind:disabled
+  {menuWidth}
+  {menuAnchor}
   searchFunction={() => true}
   on:change
 >

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

@@ -1,42 +1,49 @@
-import { SvelteComponent } from "svelte";
 import type { Item } from "../../../components/simple/forms/Autocomplete.svelte";
 export type { Item };
-declare const __propDef: {
-    props: {
-        items?: Item[] | undefined;
-        values?: Item[] | undefined;
-        multiple?: boolean | undefined;
-        searcher: (params: {
-            searchText: string;
-        }) => Promise<Item[]>;
-        placeholder?: string | undefined;
-        searchThreshold?: number | undefined;
-        debounceTimeout?: number | undefined;
-        searching?: boolean | undefined;
-        search?: boolean | undefined;
-        searchText?: string | undefined;
-        maxVisibleChips?: number | undefined;
-        menuOpened?: boolean | undefined;
-        mobileDrawer?: boolean | undefined;
-        closeOnSelect?: 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: {
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const AsyncAutocomplete: $$__sveltets_2_IsomorphicComponent<{
+    items?: Item[];
+    values?: Item[];
+    multiple?: boolean;
+    searcher: (params: {
+        searchText: string;
+    }) => Promise<Item[]>;
+    placeholder?: string | undefined;
+    searchThreshold?: number;
+    debounceTimeout?: number;
+    searching?: boolean;
+    search?: boolean;
+    searchText?: string | undefined;
+    maxVisibleChips?: number | undefined;
+    menuOpened?: boolean;
+    mobileDrawer?: boolean;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    menuWidth?: string | undefined | null;
+    menuAnchor?: "bottom" | "bottom-center" | "right-center" | undefined;
+}, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'chip-label': {
+        selection: Item;
     };
-    slots: {
-        'chip-label': {
-            selection: Item;
-        };
-        'item-label': {
-            item: Item;
-        };
+    'item-label': {
+        item: Item;
     };
-};
-export type AsyncAutocompleteProps = typeof __propDef.props;
-export type AsyncAutocompleteEvents = typeof __propDef.events;
-export type AsyncAutocompleteSlots = typeof __propDef.slots;
-export default class AsyncAutocomplete extends SvelteComponent<AsyncAutocompleteProps, AsyncAutocompleteEvents, AsyncAutocompleteSlots> {
-}
+}, {}, string>;
+type AsyncAutocomplete = InstanceType<typeof AsyncAutocomplete>;
+export default AsyncAutocomplete;

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

@@ -1,37 +1,67 @@
-<script context="module"></script>
-
-<script>import lodash from "lodash";
-import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
-import Icon from "../../simple/media/Icon.svelte";
-import { createEventDispatcher } from "svelte";
-import Avatar from "../../simple/media/Avatar.svelte";
-import ToolTip from "../common/ToolTip.svelte";
-let dispatch = createEventDispatcher();
-export let items = [], values = [], multiple = true, menuOpened = false, openingId = void 0, width = void 0, minWidth = "auto", disabled = false, menuWidth = "144px";
-function handleCloseClick(params) {
-  let unselected = lodash.cloneDeep(values[params.index]);
-  values.splice(params.index, 1);
-  values = [...values];
-  dispatch("change", {
-    unselect: unselected,
-    select: void 0,
-    selection: values
-  });
-}
-$:
-  autocompleteItems = items.map((e) => {
+<script lang="ts" context="module">
+  export type AvatarItem = {
+    value: string | number,
+    tooltip?: string | number,
+    label?: string | number,
+    text?: string
+    src?: string
+    alt?: string
+    data?: any
+  };
+</script>
+
+<script lang="ts">
+  import lodash from "lodash";
+  import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
+  import Icon from '../../simple/media/Icon.svelte'
+  import { createEventDispatcher } from "svelte";
+  import Avatar from "../../simple/media/Avatar.svelte";
+  import ToolTip from "../common/ToolTip.svelte";
+
+  let dispatch = createEventDispatcher<{
+    change: {
+      unselect: AvatarItem | undefined;
+      select: AvatarItem | undefined;
+      selection: AvatarItem[];
+    }
+  }>()
+
+  export let items: AvatarItem[] = [],
+    values: AvatarItem[] = [],
+    multiple: boolean = true,
+    menuOpened: boolean = false,
+    openingId: string | undefined = undefined,
+    width: string | undefined = undefined,
+    minWidth: string | undefined = 'auto',
+    disabled: boolean = false,
+    menuWidth: string | undefined | null = "144px"
+
+  function handleCloseClick(params: { index: number }) {
+    let unselected = lodash.cloneDeep(values[params.index])
+    values.splice(params.index, 1)
+    values = [...values]
+
+    dispatch('change', {
+      unselect: unselected,
+      select: undefined,
+      selection: values
+    })
+  }
+
+  $: autocompleteItems = items.map((e) => {
     return {
       ...e,
       label: e.label || e.text,
       data: {
-        ...e.data || {},
+        ...(e.data || {}),
         text: e.text,
         src: e.src,
-        alt: e.alt
+        alt: e.alt,
       }
-    };
-  });
-let tooltipsActivator = [];
+    }
+  })
+
+  let tooltipsActivator: HTMLElement[] = []
 </script>
 
 <Autocomplete

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

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type AvatarItem = {
     value: string | number;
     tooltip?: string | number;
@@ -8,46 +7,51 @@ export type AvatarItem = {
     alt?: string;
     data?: any;
 };
-declare const __propDef: {
-    props: {
-        items?: AvatarItem[] | undefined;
-        values?: AvatarItem[] | undefined;
-        multiple?: boolean | undefined;
-        menuOpened?: boolean | undefined;
-        openingId?: string | undefined;
-        width?: string | undefined;
-        minWidth?: string | undefined;
-        disabled?: boolean | undefined;
-        menuWidth?: string | undefined | null;
+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<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const AvatarDropdown: $$__sveltets_2_IsomorphicComponent<{
+    items?: AvatarItem[];
+    values?: AvatarItem[];
+    multiple?: boolean;
+    menuOpened?: boolean;
+    openingId?: string | undefined;
+    width?: string | undefined;
+    minWidth?: string | undefined;
+    disabled?: boolean;
+    menuWidth?: string | undefined | null;
+}, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    label: {
+        values: AvatarItem[];
+        items: AvatarItem[];
+        handleCloseClick: (params: {
+            index: number;
+        }) => void;
     };
-    slots: {
-        label: {
-            values: AvatarItem[];
-            items: AvatarItem[];
-            handleCloseClick: (params: {
-                index: number;
-            }) => void;
-        };
-        'no-values': {
-            values: AvatarItem[];
-            items: AvatarItem[];
-            handleCloseClick: (params: {
-                index: number;
-            }) => void;
-        };
-        'item-label': {
-            item: import("../../../components/simple/forms/Autocomplete.svelte").Item;
-        };
+    'no-values': {
+        values: AvatarItem[];
+        items: AvatarItem[];
+        handleCloseClick: (params: {
+            index: number;
+        }) => void;
     };
-};
-export type AvatarDropdownProps = typeof __propDef.props;
-export type AvatarDropdownEvents = typeof __propDef.events;
-export type AvatarDropdownSlots = typeof __propDef.slots;
-export default class AvatarDropdown extends SvelteComponent<AvatarDropdownProps, AvatarDropdownEvents, AvatarDropdownSlots> {
-}
-export {};
+    'item-label': {
+        item: import("../../../components/simple/forms/Autocomplete.svelte").Item;
+    };
+}, {}, string>;
+type AvatarDropdown = InstanceType<typeof AvatarDropdown>;
+export default AvatarDropdown;

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

@@ -1,22 +1,40 @@
-<script>import "../../../css/main.css";
-import { createEventDispatcher } from "svelte";
-export let loading = false, marginTop = "20px", cancelText = "Annulla", confirmText = "Salva", confirmDisable = false, cancelDisable = false;
-let dispatch = createEventDispatcher();
-function handleConfirm(event) {
-  if (!confirmDisable) {
-    dispatch("confirm-click", {
-      nativeEvent: event.detail.nativeEvent
-    });
+<script lang="ts">
+  import '../../../css/main.css'
+  import { createEventDispatcher } from "svelte";
+
+  export let loading: boolean = false,
+    marginTop: string = "20px",
+    cancelText: string = "Annulla",
+    confirmText: string = "Salva",
+    confirmDisable: boolean = false,
+    cancelDisable: boolean = false
+
+  let dispatch = createEventDispatcher<{
+    "confirm-click": {
+      nativeEvent: MouseEvent
+    },
+    "cancel-click": {
+      nativeEvent: MouseEvent | KeyboardEvent
+    },
+  }>()
+
+  function handleConfirm(event: any) {
+    if(!confirmDisable) {
+      dispatch('confirm-click', {
+        nativeEvent: event.detail.nativeEvent
+      })
+    }
   }
-}
-function handleCancel(nativeEvent) {
-  if (!cancelDisable) {
-    dispatch("cancel-click", {
-      nativeEvent
-    });
+
+  function handleCancel(nativeEvent: MouseEvent | KeyboardEvent) {
+    if(!cancelDisable) {
+      dispatch('cancel-click', {
+        nativeEvent
+      })
+    }
   }
-}
-import Button from "../../simple/buttons/Button.svelte";
+
+  import Button from '../../simple/buttons/Button.svelte'
 </script>
 
 <div

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

@@ -1,41 +1,45 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
-declare const __propDef: {
-    props: {
-        loading?: boolean | undefined;
-        marginTop?: string | undefined;
-        cancelText?: string | undefined;
-        confirmText?: string | undefined;
-        confirmDisable?: boolean | undefined;
-        cancelDisable?: 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: {
-        "confirm-click": CustomEvent<{
-            nativeEvent: MouseEvent;
-        }>;
-        "cancel-click": CustomEvent<{
-            nativeEvent: MouseEvent | KeyboardEvent;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+declare const ConfirmOrCancelButtons: $$__sveltets_2_IsomorphicComponent<{
+    loading?: boolean;
+    marginTop?: string;
+    cancelText?: string;
+    confirmText?: string;
+    confirmDisable?: boolean;
+    cancelDisable?: boolean;
+}, {
+    "confirm-click": CustomEvent<{
+        nativeEvent: MouseEvent;
+    }>;
+    "cancel-click": CustomEvent<{
+        nativeEvent: MouseEvent | KeyboardEvent;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'cancel-button': {
+        loading: boolean;
+        handleCancel: (nativeEvent: MouseEvent | KeyboardEvent) => void;
+        cancelText: string;
     };
-    slots: {
-        'cancel-button': {
-            loading: boolean;
-            handleCancel: (nativeEvent: MouseEvent | KeyboardEvent) => void;
-            cancelText: string;
-        };
-        'confirm-button': {
-            loading: boolean;
-            handleConfirm: (event: any) => void;
-            confirmDisable: boolean;
-            confirmText: string;
-        };
+    'confirm-button': {
+        loading: boolean;
+        handleConfirm: (event: any) => void;
+        confirmDisable: boolean;
+        confirmText: string;
     };
-};
-export type ConfirmOrCancelButtonsProps = typeof __propDef.props;
-export type ConfirmOrCancelButtonsEvents = typeof __propDef.events;
-export type ConfirmOrCancelButtonsSlots = typeof __propDef.slots;
-export default class ConfirmOrCancelButtons extends SvelteComponent<ConfirmOrCancelButtonsProps, ConfirmOrCancelButtonsEvents, ConfirmOrCancelButtonsSlots> {
-}
-export {};
+}, {}, string>;
+type ConfirmOrCancelButtons = InstanceType<typeof ConfirmOrCancelButtons>;
+export default ConfirmOrCancelButtons;

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

@@ -1,10 +1,19 @@
-<script>import Autocomplete, {
-} from "../../simple/forms/Autocomplete.svelte";
-import { countriesOptions } from "../../../utils/countries";
-import FlagIcon from "../../simple/media/FlagIcon.svelte";
-let clazz = {};
-export { clazz as class };
-export let autocompleteProps = {}, selected = [], items = countriesOptions;
+<script lang="ts">
+  import Autocomplete, {
+    type Item,
+  } from "../../simple/forms/Autocomplete.svelte";
+  import type { ComponentProps } from "svelte";
+  import { countriesOptions } from '../../../utils/countries';
+  import FlagIcon from "../../simple/media/FlagIcon.svelte";
+
+  let clazz: {
+    flagIcon?: string,
+  } = {};
+	export { clazz as class };
+
+  export let autocompleteProps: Omit<ComponentProps<Autocomplete>, 'items'> = {},
+    selected: Item[] = [],
+    items: Item[] = countriesOptions;
 </script>
 
 <Autocomplete

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

@@ -1,61 +1,33 @@
-import { SvelteComponent } from "svelte";
-import { type Item } from "../../simple/forms/Autocomplete.svelte";
-declare const __propDef: {
-    props: {
-        class?: {
-            flagIcon?: string | undefined;
-        } | undefined;
-        autocompleteProps?: Omit<{
-            class?: {
-                activator?: string | undefined;
-                menu?: string | undefined;
-                simpleTextfield?: {
-                    container?: string | undefined;
-                    row?: string | undefined;
-                    field?: string | undefined;
-                    hint?: string | undefined;
-                    input?: string | undefined;
-                } | undefined;
-            } | undefined;
-            values?: Item[] | undefined;
-            items: Item[];
-            searchFunction?: ((item: Item, searchText: string | undefined) => boolean) | undefined;
-            multiple?: boolean | undefined;
-            disabled?: boolean | undefined;
-            mandatory?: boolean | undefined;
-            placeholder?: string | undefined;
-            width?: string | undefined;
-            height?: string | undefined;
-            maxWidth?: string | undefined;
-            minWidth?: string | undefined;
-            openingId?: string | undefined;
-            searchText?: string | undefined;
-            maxVisibleChips?: number | undefined;
-            menuOpened?: boolean | undefined;
-            closeOnSelect?: boolean | undefined;
-            emptySearchTextOnMenuClose?: boolean | undefined;
-            menuBoxShadow?: string | undefined;
-            menuBorderRadius?: string | undefined;
-            mobileDrawer?: boolean | undefined;
-            menuWidth?: string | null | undefined;
-        }, "items"> | undefined;
-        selected?: Item[] | undefined;
-        items?: Item[] | undefined;
+import Autocomplete, { type Item } from "../../simple/forms/Autocomplete.svelte";
+import type { ComponentProps } from "svelte";
+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: {
-        blur: FocusEvent;
-        close: CustomEvent<{}>;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CountriesAutocompleteProps = typeof __propDef.props;
-export type CountriesAutocompleteEvents = typeof __propDef.events;
-export type CountriesAutocompleteSlots = typeof __propDef.slots;
-export default class CountriesAutocomplete extends SvelteComponent<CountriesAutocompleteProps, CountriesAutocompleteEvents, CountriesAutocompleteSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const CountriesAutocomplete: $$__sveltets_2_IsomorphicComponent<{
+    class?: {
+        flagIcon?: string;
+    };
+    autocompleteProps?: Omit<ComponentProps<Autocomplete>, "items">;
+    selected?: Item[];
+    items?: Item[];
+}, {
+    blur: FocusEvent;
+    close: CustomEvent<{}>;
+    focus: FocusEvent;
+    keydown: KeyboardEvent;
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CountriesAutocomplete = InstanceType<typeof CountriesAutocomplete>;
+export default CountriesAutocomplete;