@likable-hair/svelte 3.0.81 → 3.0.83

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

@@ -2,22 +2,20 @@
 
 <script>import lodash from "lodash";
 import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
-import Button from "../../simple/buttons/Button.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, lang = "en", searchText = void 0, maxVisibleChips = void 0, placeholder = lang == "en" ? "Select" : "Seleziona", clearable = true, mandatory = true, menuOpened = false, openingId = void 0, width = void 0;
-function handleCloseClick(event) {
-  event.preventDefault();
-  event.stopPropagation();
-  let valuesBefore = lodash.cloneDeep(values);
-  values = [];
+export let items = [], values = [], multiple = true, menuOpened = false, openingId = void 0, width = void 0;
+function handleCloseClick(params) {
+  let unselected = lodash.cloneDeep(values[params.index]);
+  values.splice(params.index, 1);
+  values = [...values];
   dispatch("change", {
-    unselect: valuesBefore[0],
+    unselect: unselected,
     select: void 0,
-    selection: []
+    selection: values
   });
 }
 $:
@@ -39,10 +37,7 @@ let tooltipsActivator = [];
 <Autocomplete
   bind:items={autocompleteItems}
   bind:values
-  bind:searchText
   bind:multiple
-  bind:maxVisibleChips
-  bind:mandatory
   searchFunction={() => true}
   on:change
   bind:menuOpened
@@ -65,10 +60,7 @@ let tooltipsActivator = [];
       <slot 
         name="label" 
         {values} 
-        {items} 
-        {searchText} 
-        {placeholder} 
-        {clearable} 
+        {items}
         {handleCloseClick}
       >
         {#if values.length > 0}
@@ -88,8 +80,7 @@ let tooltipsActivator = [];
                 ></Avatar>
                 <button 
                   on:click|stopPropagation={() => {
-                    values.splice(i, 1)
-                    values = [...values]
+                    handleCloseClick({ index: i })
                   }}
                   class="unstyled-button remove-button"
                 >
@@ -102,10 +93,7 @@ let tooltipsActivator = [];
           <slot 
             name="no-values"
             {values} 
-            {items} 
-            {searchText} 
-            {placeholder} 
-            {clearable} 
+            {items}
             {handleCloseClick}
           >
             <Icon name="mdi-account-plus"></Icon>

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

@@ -13,12 +13,6 @@ declare const __propDef: {
         items?: AvatarItem[] | undefined;
         values?: AvatarItem[] | undefined;
         multiple?: boolean | undefined;
-        lang?: "it" | "en" | undefined;
-        searchText?: string | undefined;
-        maxVisibleChips?: number | undefined;
-        placeholder?: string | undefined;
-        clearable?: boolean | undefined;
-        mandatory?: boolean | undefined;
         menuOpened?: boolean | undefined;
         openingId?: string | undefined;
         width?: string | undefined;
@@ -32,18 +26,16 @@ declare const __propDef: {
         label: {
             values: AvatarItem[];
             items: AvatarItem[];
-            searchText: string | undefined;
-            placeholder: string;
-            clearable: boolean;
-            handleCloseClick: (event: MouseEvent) => void;
+            handleCloseClick: (params: {
+                index: number;
+            }) => void;
         };
         'no-values': {
             values: AvatarItem[];
             items: AvatarItem[];
-            searchText: string | undefined;
-            placeholder: string;
-            clearable: boolean;
-            handleCloseClick: (event: MouseEvent) => void;
+            handleCloseClick: (params: {
+                index: number;
+            }) => void;
         };
         'item-label': {
             item: import("../../../components/simple/forms/Autocomplete.svelte").Item;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "3.0.81",
+  "version": "3.0.83",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",