@likable-hair/svelte 3.3.16 → 3.3.17

package/dist/components/composed/buttons/ActivableButton.svelte

@@ -1,5 +1,9 @@
-<script>import Button from "../../simple/buttons/Button.svelte";
-export let active = false, buttonProps = {};
+<script lang="ts">
+  import Button from "../../simple/buttons/Button.svelte";
+  import type { ComponentProps } from "svelte";
+
+  export let active: boolean = false,
+    buttonProps: ComponentProps<Button> = {}
 </script>
 
 <Button

package/dist/components/composed/buttons/ActivableButton.svelte.d.ts

@@ -1,34 +1,38 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        active?: boolean | undefined;
-        buttonProps?: {
-            [x: string]: any;
-            class?: string | undefined;
-            buttonType?: "default" | "text" | "icon" | undefined;
-            type?: "submit" | "button" | undefined;
-            loading?: boolean | undefined;
-            icon?: string | undefined;
-            tabindex?: number | null | undefined;
-            disabled?: boolean | undefined;
-            buttonElement?: HTMLElement | undefined;
-        } | undefined;
+import Button from "../../simple/buttons/Button.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: {
-        click: CustomEvent<{
-            nativeEvent: MouseEvent;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        append: {};
-    };
-};
-export type ActivableButtonProps = typeof __propDef.props;
-export type ActivableButtonEvents = typeof __propDef.events;
-export type ActivableButtonSlots = typeof __propDef.slots;
-export default class ActivableButton extends SvelteComponent<ActivableButtonProps, ActivableButtonEvents, ActivableButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ActivableButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    active?: boolean;
+    buttonProps?: ComponentProps<Button>;
+}, {
+    default: {};
+    append: {};
+}>, {
+    click: CustomEvent<{
+        nativeEvent: MouseEvent;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    append: {};
+}, {}, string>;
+type ActivableButton = InstanceType<typeof ActivableButton>;
+export default ActivableButton;

package/dist/components/composed/common/MenuOrDrawer.svelte

@@ -1,8 +1,24 @@
-<script>import "../../../css/main.css";
-import Drawer from "../../simple/navigation/Drawer.svelte";
-import Menu from "../../simple/common/Menu.svelte";
-import MediaQuery from "../../simple/common/MediaQuery.svelte";
-export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _width = void 0, _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0, _drawerOverflow = void 0;
+<script lang="ts">
+  import '../../../css/main.css'
+  import Drawer from '../../simple/navigation/Drawer.svelte';
+  import Menu from '../../simple/common/Menu.svelte';
+  import MediaQuery from '../../simple/common/MediaQuery.svelte';
+  import type { ComponentProps } from 'svelte';
+
+  export let open: boolean = false,
+    activator: HTMLElement,
+    drawerPosition: ComponentProps<Drawer>['position'] = 'bottom',
+    menuAnchor: ComponentProps<Menu>['anchor'] = 'bottom-center',
+    stayInViewport: ComponentProps<Menu>['stayInViewport'] = true,
+    flipOnOverflow: ComponentProps<Menu>['flipOnOverflow'] = false,
+    _boxShadow: string = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px",
+    _height: string = "fit-content",
+    _width: string | undefined = undefined,
+    _maxHeight: string | undefined = undefined,
+    _minWidth: string = "100px",
+    _borderRadius: string = "5px",
+    openingId: ComponentProps<Menu>['openingId'] = undefined,
+    _drawerOverflow: string | undefined = undefined;
 </script>
 
 <MediaQuery let:mAndDown>

package/dist/components/composed/common/MenuOrDrawer.svelte.d.ts

@@ -1,43 +1,57 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import Drawer from '../../simple/navigation/Drawer.svelte';
 import Menu from '../../simple/common/Menu.svelte';
 import type { ComponentProps } from 'svelte';
-declare const __propDef: {
-    props: {
-        open?: boolean | undefined;
-        activator: HTMLElement;
-        drawerPosition?: ComponentProps<Drawer>['position'];
-        menuAnchor?: ComponentProps<Menu>['anchor'];
-        stayInViewport?: ComponentProps<Menu>['stayInViewport'];
-        flipOnOverflow?: ComponentProps<Menu>['flipOnOverflow'];
-        _boxShadow?: string | undefined;
-        _height?: string | undefined;
-        _width?: string | undefined;
-        _maxHeight?: string | undefined;
-        _minWidth?: string | undefined;
-        _borderRadius?: string | undefined;
-        openingId?: ComponentProps<Menu>['openingId'];
-        _drawerOverflow?: 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: {
-        close: CustomEvent<{}>;
-        'item-click': CustomEvent<{
-            item: import("../../simple/navigation/Navigator.svelte").Item;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const MenuOrDrawer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    open?: boolean;
+    activator: HTMLElement;
+    drawerPosition?: ComponentProps<Drawer>["position"];
+    menuAnchor?: ComponentProps<Menu>["anchor"];
+    stayInViewport?: ComponentProps<Menu>["stayInViewport"];
+    flipOnOverflow?: ComponentProps<Menu>["flipOnOverflow"];
+    _boxShadow?: string;
+    _height?: string;
+    _width?: string | undefined;
+    _maxHeight?: string | undefined;
+    _minWidth?: string;
+    _borderRadius?: string;
+    openingId?: ComponentProps<Menu>["openingId"];
+    _drawerOverflow?: string | undefined;
+}, {
+    default: {
+        isDrawer: boolean;
+        isMenu: boolean;
     };
-    slots: {
-        default: {
-            isDrawer: boolean;
-            isMenu: boolean;
-        };
+}>, {
+    close: CustomEvent<{}>;
+    'item-click': CustomEvent<{
+        item: import("../../simple/navigation/Navigator.svelte").Item;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        isDrawer: boolean;
+        isMenu: boolean;
     };
-};
-export type MenuOrDrawerProps = typeof __propDef.props;
-export type MenuOrDrawerEvents = typeof __propDef.events;
-export type MenuOrDrawerSlots = typeof __propDef.slots;
-export default class MenuOrDrawer extends SvelteComponent<MenuOrDrawerProps, MenuOrDrawerEvents, MenuOrDrawerSlots> {
-}
-export {};
+}, {}, string>;
+type MenuOrDrawer = InstanceType<typeof MenuOrDrawer>;
+export default MenuOrDrawer;

package/dist/components/composed/common/MenuOrDrawerOptions.svelte

@@ -1,17 +1,33 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
+</script>
+
+<script lang="ts">
+  import '../../../css/main.css'
+  import type { ComponentProps } from 'svelte';
+  import MenuOrDrawer from "./MenuOrDrawer.svelte";
+  import type Drawer from '../../simple/navigation/Drawer.svelte';
+  import type Menu from '../../simple/common/Menu.svelte';
+  import SelectableVerticalList from '../../simple/lists/SelectableVerticalList.svelte';
+
+  export let open: boolean = false,
+    activator: HTMLElement,
+    drawerPosition: ComponentProps<Drawer>['position'] = 'bottom',
+    menuAnchor: ComponentProps<Menu>['anchor'] = 'bottom-center',
+    elements: ComponentProps<SelectableVerticalList>['elements'] = [],
+    stayInViewport: ComponentProps<MenuOrDrawer>['stayInViewport'] = true,
+    flipOnOverflow: ComponentProps<MenuOrDrawer>['flipOnOverflow'] = false,
+    _boxShadow: string = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px",
+    _height: string = "fit-content",
+    _maxHeight: string | undefined = undefined,
+    _minWidth: string = "100px",
+    _borderRadius: string = "5px",
+    openingId: ComponentProps<MenuOrDrawer>['openingId'] = undefined;
 
-<script>import "../../../css/main.css";
-import MenuOrDrawer from "./MenuOrDrawer.svelte";
-import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
-export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", elements = [], stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0;
-let selected;
-let focused;
-$:
-  if (!!selected)
-    selected = void 0;
-$:
-  if (!!focused && !open)
-    focused = void 0;
+  let selected: ArrayElement<NonNullable<ComponentProps<SelectableVerticalList>['elements']>>['name'] | undefined
+  let focused: ArrayElement<NonNullable<ComponentProps<SelectableVerticalList>['elements']>>['name'] | undefined
+  $: if(!!selected) selected = undefined
+  $: if(!!focused && !open) focused = undefined
 </script>
 
 <MenuOrDrawer

package/dist/components/composed/common/MenuOrDrawerOptions.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
 import '../../../css/main.css';
 import type { ComponentProps } from 'svelte';
@@ -6,34 +5,39 @@ import MenuOrDrawer from "./MenuOrDrawer.svelte";
 import type Drawer from '../../simple/navigation/Drawer.svelte';
 import type Menu from '../../simple/common/Menu.svelte';
 import SelectableVerticalList from '../../simple/lists/SelectableVerticalList.svelte';
-declare const __propDef: {
-    props: {
-        open?: boolean | undefined;
-        activator: HTMLElement;
-        drawerPosition?: ComponentProps<Drawer>['position'];
-        menuAnchor?: ComponentProps<Menu>['anchor'];
-        elements?: ComponentProps<SelectableVerticalList>['elements'];
-        stayInViewport?: ComponentProps<MenuOrDrawer>['stayInViewport'];
-        flipOnOverflow?: ComponentProps<MenuOrDrawer>['flipOnOverflow'];
-        _boxShadow?: string | undefined;
-        _height?: string | undefined;
-        _maxHeight?: string | undefined;
-        _minWidth?: string | undefined;
-        _borderRadius?: string | undefined;
-        openingId?: ComponentProps<MenuOrDrawer>['openingId'];
+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: {
-        select: CustomEvent<{
-            element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MenuOrDrawerOptionsProps = typeof __propDef.props;
-export type MenuOrDrawerOptionsEvents = typeof __propDef.events;
-export type MenuOrDrawerOptionsSlots = typeof __propDef.slots;
-export default class MenuOrDrawerOptions extends SvelteComponent<MenuOrDrawerOptionsProps, MenuOrDrawerOptionsEvents, MenuOrDrawerOptionsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const MenuOrDrawerOptions: $$__sveltets_2_IsomorphicComponent<{
+    open?: boolean;
+    activator: HTMLElement;
+    drawerPosition?: ComponentProps<Drawer>["position"];
+    menuAnchor?: ComponentProps<Menu>["anchor"];
+    elements?: ComponentProps<SelectableVerticalList>["elements"];
+    stayInViewport?: ComponentProps<MenuOrDrawer>["stayInViewport"];
+    flipOnOverflow?: ComponentProps<MenuOrDrawer>["flipOnOverflow"];
+    _boxShadow?: string;
+    _height?: string;
+    _maxHeight?: string | undefined;
+    _minWidth?: string;
+    _borderRadius?: string;
+    openingId?: ComponentProps<MenuOrDrawer>["openingId"];
+}, {
+    select: CustomEvent<{
+        element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MenuOrDrawerOptions = InstanceType<typeof MenuOrDrawerOptions>;
+export default MenuOrDrawerOptions;

package/dist/components/composed/common/QuickActions.css

@@ -2,6 +2,8 @@
   --quick-actions-default-background-color: rgb(var(--global-color-background-200));
   --quick-actions-default-selected-items-button-background-color: rgb(var(--global-color-background-500));
   --quick-actions-default-selected-items-button-background-color-hover: rgb(var(--global-color-background-300));
+  --quick-actions-default-selected-items-button-background-color-disabled: rgb(var(--global-color-background-300), .5);
+  --quick-actions-default-selected-items-button-color-disabled: rgb(var(--global-color-contrast-900), .5);
   --quick-actions-default-z-index: 48;
 
   --quick-actions-default-buttons-background-color: var(--quick-actions-background-color, var(--quick-actions-default-background-color));

package/dist/components/composed/common/QuickActions.svelte

@@ -1,28 +1,61 @@
-<script context="module"></script>
+<script context="module" lang="ts">
+  export type Action = {
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    info?: string;
+    disabledInfo?: string
+    onClick: (e: CustomEvent<{ nativeEvent: MouseEvent }>) => void;
+  };
+</script>
+
+<script lang="ts">
+  import { Button, Icon, mediaQuery, ToolTip } from "../../..";
+  import { fly } from "svelte/transition";
+  import { cubicIn } from "svelte/easing";
+  import MenuOrDrawer from "./MenuOrDrawer.svelte";
+  import './QuickActions.css'
+  import { createEventDispatcher } from "svelte";
+
+  export let selectedItems: number,
+    disabled: boolean,
+    actionsForSelectedItems: Action[],
+    position: 'top' | 'bottom' = 'top',
+    lang: 'it' | 'en' = 'en'
+    
+  let actions: Action[] = [],
+    extraActions: Action[] = [],
+    slotSelectActionsContainer: HTMLElement | undefined,
+    moreActionsActivator: HTMLElement | undefined,
+    openMoreActions: boolean = false,
+    infoActivators: { [actionLabel: string]: HTMLElement } = {},
+    disabledInfoActivators: { [actionLabel: string]: HTMLElement } = {};
+
+  const dispatch = createEventDispatcher<{
+    close: {}
+  }>()
+
+  $: {
+    if (!!slotSelectActionsContainer) {
+      let numberOfSplit = $mediaQuery.xl ? 5 :
+        $mediaQuery.l ? 4 :
+        $mediaQuery.m ? 2 :
+        $mediaQuery.s ? 0 :
+        $mediaQuery.xs ? 0 : 3
 
-<script>import { Button, Icon, mediaQuery, ToolTip } from "../../..";
-import DynamicTable from "../list/DynamicTable.svelte";
-import { fly } from "svelte/transition";
-import { cubicIn } from "svelte/easing";
-import MenuOrDrawer from "./MenuOrDrawer.svelte";
-import "./QuickActions.css";
-export let selectedItems, showSelectContainer, isSelectedAll, totalRows, slotSelectActionsContainer, disabled, loading, actionsForSelectedItems, position = "top", lang = "en";
-let actions = [], extraActions = [], moreActionsActivator, openMoreActions = false, infoActivators = {}, disabledInfoActivators = {};
-$: {
-  if (!!slotSelectActionsContainer) {
-    let numberOfSplit = $mediaQuery.xl ? 5 : $mediaQuery.l ? 4 : $mediaQuery.m ? 2 : $mediaQuery.s ? 0 : $mediaQuery.xs ? 0 : 3;
-    if (actionsForSelectedItems.length > numberOfSplit) {
-      extraActions = actionsForSelectedItems.slice(numberOfSplit);
-      actions = actionsForSelectedItems.slice(0, numberOfSplit);
-    } else {
-      actions = actionsForSelectedItems;
-      extraActions = [];
+      if (actionsForSelectedItems.length > numberOfSplit) {
+        extraActions = actionsForSelectedItems.slice(numberOfSplit);
+        actions = actionsForSelectedItems.slice(0, numberOfSplit);
+      } else {
+        actions = actionsForSelectedItems;
+        extraActions = [];
+      }
     }
   }
-}
 </script>
 
-{#if selectedItems && selectedItems.length > 0 && showSelectContainer}
+{#if selectedItems > 0}
   <div
     class="container-{position}"
     transition:fly={{ delay: 150, duration: 150, y: -10, easing: cubicIn }}
@@ -31,8 +64,8 @@ $: {
       class="select-container"
     >
       <div>
-        <button class="select-info" on:click={() => (selectedItems = [], infoActivators = {}, disabledInfoActivators = {})}>
-          {!!isSelectedAll ? totalRows : selectedItems.length} {lang == 'en' ? 'items selected' : 'righe selezionate'}
+        <button class="select-info" {disabled} on:click={() => (infoActivators = {}, disabledInfoActivators = {}, dispatch('close', {}))}>
+          {selectedItems} {lang == 'en' ? 'items selected' : 'righe selezionate'}
           <Icon name="mdi-close" />
         </button>
       </div>
@@ -53,7 +86,9 @@ $: {
                 --button-box-shadow: none;
               '
               --button-height="20px"
-              disabled={action.disabled}
+              --circular-loader-height="17px"
+              disabled={action.disabled || action.loading || disabled}
+              loading={action.loading}
               on:click={action.onClick}
             >
               <div class="action" bind:this={disabledInfoActivators[action.label]}>
@@ -68,7 +103,7 @@ $: {
                     />
                   </div>
                   <ToolTip
-                    appearTimeout={1000}
+                    appearTimeout={500}
                     activator={infoActivators[action.label]}
                   >
                     <div
@@ -84,7 +119,7 @@ $: {
                 {action.label}
                 {#if !!action.disabledInfo && action.disabled}
                   <ToolTip
-                    appearTimeout={1000}
+                    appearTimeout={300}
                     activator={disabledInfoActivators[action.label]}
                   >
                     <div
@@ -118,7 +153,6 @@ $: {
                   margin-left: 8px;
                 '
                 --button-height="20px"
-                disabled={disabled || loading}
                 on:click={(e) => {
                   openMoreActions = !openMoreActions;
                 }}
@@ -167,8 +201,10 @@ $: {
               --button-disabled-color: var(--quick-actions-buttons-color-disabled, var(--quick-actions-default-buttons-color-disabled));
               --button-box-shadow: none;
             '
-            --button-height="35px"
-            disabled={action.disabled}
+            --button-height="30px"
+            --circular-loader-height="25px"
+            disabled={action.disabled || action.loading || disabled}
+            loading={action.loading}
             on:click={action.onClick}
           >
             <div class="action" bind:this={disabledInfoActivators[action.label]}>
@@ -183,7 +219,7 @@ $: {
                   />
                 </div>
                 <ToolTip
-                  appearTimeout={1000}
+                  appearTimeout={500}
                   activator={infoActivators[action.label]}
                 >
                   <div
@@ -199,7 +235,7 @@ $: {
               {action.label}
               {#if !!action.disabledInfo && action.disabled}
                 <ToolTip
-                  appearTimeout={1000}
+                  appearTimeout={300}
                   activator={disabledInfoActivators[action.label]}
                 >
                   <div
@@ -286,6 +322,19 @@ $: {
       --quick-actions-selected-items-button-background-color-hover,
       var(--quick-actions-default-selected-items-button-background-color-hover)
     );
+    cursor: pointer;
+  }
+
+  .select-info:disabled {
+    background-color: var(
+      --quick-actions-selected-items-button-background-color-disabled,
+      var(--quick-actions-default-selected-items-button-background-color-disabled)
+    );
+    color: var(
+      --quick-actions-selected-items-button-color-disabled,
+      var(--quick-actions-default-selected-items-button-color-disabled)
+    );
+    cursor: not-allowed;
   }
 
   .select-actions-container {

package/dist/components/composed/common/QuickActions.svelte.d.ts

@@ -1,38 +1,38 @@
-import { SvelteComponent } from "svelte";
 export type Action = {
     label: string;
     icon?: string;
     disabled?: boolean;
+    loading?: boolean;
     info?: string;
     disabledInfo?: string;
     onClick: (e: CustomEvent<{
         nativeEvent: MouseEvent;
     }>) => void;
 };
-import type { ComponentProps } from "svelte";
-import DynamicTable from "../list/DynamicTable.svelte";
 import './QuickActions.css';
-declare const __propDef: {
-    props: {
-        selectedItems: ComponentProps<DynamicTable["selectedItems"]>[];
-        showSelectContainer: boolean;
-        isSelectedAll: boolean;
-        totalRows: number;
-        slotSelectActionsContainer: HTMLElement | undefined;
-        disabled: boolean;
-        loading: boolean;
-        actionsForSelectedItems: Action[];
-        position?: "bottom" | "top" | undefined;
-        lang?: "it" | "en" | 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 QuickActionsProps = typeof __propDef.props;
-export type QuickActionsEvents = typeof __propDef.events;
-export type QuickActionsSlots = typeof __propDef.slots;
-export default class QuickActions extends SvelteComponent<QuickActionsProps, QuickActionsEvents, QuickActionsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const QuickActions: $$__sveltets_2_IsomorphicComponent<{
+    selectedItems: number;
+    disabled: boolean;
+    actionsForSelectedItems: Action[];
+    position?: "top" | "bottom";
+    lang?: "it" | "en";
+}, {
+    close: CustomEvent<{}>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type QuickActions = InstanceType<typeof QuickActions>;
+export default QuickActions;

package/dist/components/composed/common/ToolTip.svelte

@@ -1,32 +1,41 @@
-<script>import "../../../css/main.css";
-import Menu from "../../simple/common/Menu.svelte";
-export let activator, menuOpen = false, menuProps = {}, appearTimeout = void 0;
-let mouseEnterHandler = void 0, mouseLeaveHandler = void 0, appearTimeoutId = void 0;
-$:
-  if (!!activator) {
-    if (!!mouseEnterHandler)
-      activator.removeEventListener("mouseenter", mouseEnterHandler);
-    if (!!mouseLeaveHandler)
-      activator.removeEventListener("mouseleave", mouseLeaveHandler);
+<script lang="ts">
+  import '../../../css/main.css'
+  import Menu from "../../simple/common/Menu.svelte";
+  import type { ComponentProps } from 'svelte';
+
+  export let activator: HTMLElement,
+    menuOpen: boolean = false,
+    menuProps: ComponentProps<Menu> = {},
+    appearTimeout: number | undefined = undefined
+
+  let mouseEnterHandler: (() => void) | undefined = undefined,
+    mouseLeaveHandler: (() => void) | undefined = undefined,
+    appearTimeoutId: NodeJS.Timeout | undefined = undefined
+
+  $: if(!!activator) {
+    if(!!mouseEnterHandler) activator.removeEventListener('mouseenter', mouseEnterHandler)
+    if(!!mouseLeaveHandler) activator.removeEventListener('mouseleave', mouseLeaveHandler)
+
     mouseEnterHandler = () => {
-      if (appearTimeout !== void 0) {
-        if (appearTimeoutId !== void 0)
-          clearTimeout(appearTimeoutId);
+      if(appearTimeout !== undefined) {
+        if(appearTimeoutId !== undefined) clearTimeout(appearTimeoutId)
+
         appearTimeoutId = setTimeout(() => {
-          menuOpen = true;
+          menuOpen = true
         }, appearTimeout);
       } else {
-        menuOpen = true;
+        menuOpen = true
       }
-    };
-    activator.addEventListener("mouseenter", mouseEnterHandler);
+    }
+    activator.addEventListener('mouseenter', mouseEnterHandler)
+
     mouseLeaveHandler = () => {
-      if (appearTimeoutId !== void 0)
-        clearTimeout(appearTimeoutId);
-      menuOpen = false;
-    };
-    activator.addEventListener("mouseleave", mouseLeaveHandler);
+      if(appearTimeoutId !== undefined) clearTimeout(appearTimeoutId)
+      menuOpen = false
+    }
+    activator.addEventListener('mouseleave', mouseLeaveHandler)
   }
+
 </script>
 
 <Menu