@likable-hair/svelte 3.3.23 → 3.3.25

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

@@ -1,54 +1,33 @@
-<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 context="module"></script>
 
-  const searchTextValue = writable<string | undefined>(searchText)
-  $: searchTextDebounce = debounceStore(searchTextValue, debounceTimeout)
-  
-  $: if(!!$searchTextDebounce && searchThreshold <= $searchTextDebounce.length) {
-    searching = true
+<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, menuWidth = void 0, menuAnchor = "bottom-center";
+const searchTextValue = writable(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

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

@@ -1,49 +1,44 @@
+import { SvelteComponent } from "svelte";
 import type { Item } from "../../../components/simple/forms/Autocomplete.svelte";
 export type { Item };
-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?: 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;
+        menuWidth?: string | undefined | null;
+        menuAnchor?: "bottom" | "bottom-center" | "right-center" | undefined;
     };
-    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;
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    'item-label': {
-        item: Item;
+    slots: {
+        'chip-label': {
+            selection: Item;
+        };
+        'item-label': {
+            item: Item;
+        };
     };
-}, {}, string>;
-type AsyncAutocomplete = InstanceType<typeof AsyncAutocomplete>;
-export default AsyncAutocomplete;
+};
+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> {
+}

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

@@ -1,67 +1,37 @@
-<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) => {
+<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) => {
     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: HTMLElement[] = []
+    };
+  });
+let tooltipsActivator = [];
 </script>
 
 <Autocomplete

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

@@ -1,3 +1,4 @@
+import { SvelteComponent } from "svelte";
 export type AvatarItem = {
     value: string | number;
     tooltip?: string | number;
@@ -7,51 +8,46 @@ export type AvatarItem = {
     alt?: 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?: 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;
     };
-    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;
-    };
-    'no-values': {
-        values: AvatarItem[];
-        items: AvatarItem[];
-        handleCloseClick: (params: {
-            index: number;
-        }) => void;
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    'item-label': {
-        item: import("../../../components/simple/forms/Autocomplete.svelte").Item;
+    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;
+        };
     };
-}, {}, string>;
-type AvatarDropdown = InstanceType<typeof AvatarDropdown>;
-export default AvatarDropdown;
+};
+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 {};

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

@@ -1,40 +1,22 @@
-<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
-      })
-    }
+<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
+    });
   }
-
-  function handleCancel(nativeEvent: MouseEvent | KeyboardEvent) {
-    if(!cancelDisable) {
-      dispatch('cancel-click', {
-        nativeEvent
-      })
-    }
+}
+function handleCancel(nativeEvent) {
+  if (!cancelDisable) {
+    dispatch("cancel-click", {
+      nativeEvent
+    });
   }
-
-  import Button from '../../simple/buttons/Button.svelte'
+}
+import Button from "../../simple/buttons/Button.svelte";
 </script>
 
 <div
@@ -63,10 +45,9 @@
 
 
 <style>
-  @media (max-width: 768px){
-  	.button-container {
-      flex-direction: column-reverse;
-    }
+  .button-container {
+    display: flex;
+    flex-direction: column-reverse;
   }
 
   @media (min-width: 769px){
@@ -74,6 +55,7 @@
       justify-content: end;
       align-items: center;
       gap: 15px;
+      flex-direction: row;
     }
   }
 
@@ -94,10 +76,6 @@
     cursor: pointer;
   }
 
-  .button-container {
-    display: flex;
-  }
-
   .link-button-container {
     height: 45px;
     display: flex;

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

@@ -1,45 +1,41 @@
+import { SvelteComponent } from "svelte";
 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: {
+        loading?: boolean | undefined;
+        marginTop?: string | undefined;
+        cancelText?: string | undefined;
+        confirmText?: string | undefined;
+        confirmDisable?: boolean | undefined;
+        cancelDisable?: boolean | undefined;
     };
-    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;
+    events: {
+        "confirm-click": CustomEvent<{
+            nativeEvent: MouseEvent;
+        }>;
+        "cancel-click": CustomEvent<{
+            nativeEvent: MouseEvent | KeyboardEvent;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    'confirm-button': {
-        loading: boolean;
-        handleConfirm: (event: any) => void;
-        confirmDisable: boolean;
-        confirmText: 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;
+        };
     };
-}, {}, string>;
-type ConfirmOrCancelButtons = InstanceType<typeof ConfirmOrCancelButtons>;
-export default ConfirmOrCancelButtons;
+};
+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 {};

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

@@ -1,19 +1,10 @@
-<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>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>
 
 <Autocomplete

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

@@ -1,33 +1,62 @@
-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;
+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;
+            menuAnchor?: "bottom" | "bottom-center" | "right-center" | undefined;
+        }, "items"> | undefined;
+        selected?: Item[] | undefined;
+        items?: Item[] | undefined;
     };
-    z_$$bindings?: Bindings;
-}
-declare const CountriesAutocomplete: $$__sveltets_2_IsomorphicComponent<{
-    class?: {
-        flagIcon?: string;
+    events: {
+        blur: FocusEvent;
+        close: CustomEvent<{}>;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
     };
-    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;
+    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> {
+}
+export {};