@v1nt1248/3nclient-lib 0.3.41 → 0.3.42

package/dist/ui3n-components.js

@@ -4648,7 +4648,7 @@ var ii = ["id"], ai = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				ref_key: "activatorEl",
 				ref: d,
 				class: H(t.$style.trigger)
-			}, [e.chips ? (G(), I(oe, {
+			}, [e.chips && !Y(Wr.default)(e.modelValue) ? (G(), I(oe, {
 				key: 0,
 				name: "chipAnim",
 				tag: "div",
@@ -4703,20 +4703,20 @@ var ii = ["id"], ai = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		])], 2));
 	}
 }), [["__cssModules", { $style: {
-	ui3nAutocomplete: "_ui3nAutocomplete_2o0no_1",
-	hiddenBlock: "_hiddenBlock_2o0no_17",
-	trigger: "_trigger_2o0no_24",
-	displayValue: "_displayValue_2o0no_33",
-	input: "_input_2o0no_40",
-	inputWithError: "_inputWithError_2o0no_60",
-	body: "_body_2o0no_66",
-	item: "_item_2o0no_72",
-	itemSelected: "_itemSelected_2o0no_86",
-	itemDisabled: "_itemDisabled_2o0no_90",
-	simpleItem: "_simpleItem_2o0no_95",
-	noData: "_noData_2o0no_100",
-	chipsContainer: "_chipsContainer_2o0no_113",
-	chipWrapper: "_chipWrapper_2o0no_120"
+	ui3nAutocomplete: "_ui3nAutocomplete_zxyrz_1",
+	hiddenBlock: "_hiddenBlock_zxyrz_18",
+	trigger: "_trigger_zxyrz_25",
+	displayValue: "_displayValue_zxyrz_34",
+	input: "_input_zxyrz_41",
+	inputWithError: "_inputWithError_zxyrz_61",
+	body: "_body_zxyrz_67",
+	item: "_item_zxyrz_73",
+	itemSelected: "_itemSelected_zxyrz_87",
+	itemDisabled: "_itemDisabled_zxyrz_91",
+	simpleItem: "_simpleItem_zxyrz_96",
+	noData: "_noData_zxyrz_101",
+	chipsContainer: "_chipsContainer_zxyrz_114",
+	chipWrapper: "_chipWrapper_zxyrz_124"
 } }]]), ea = ["id"], ta = ["name", "value"], na = ["name", "value"], ra = ["name", "value"], ia = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	__name: "ui3n-slider",
 	props: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.3.41",
+  "version": "0.3.42",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-autocomplete/ui3n-autocomplete.vue

@@ -392,7 +392,7 @@
         :class="$style.trigger"
       >
         <transition-group
-          v-if="chips"
+          v-if="chips && !isEmpty(modelValue)"
           name="chipAnim"
           tag="div"
           :class="$style.chipsContainer"
@@ -511,6 +511,7 @@
     --ui3n-autocomplete-border-radius: 4px;
 
     position: relative;
+    display: flex;
     width: 100%;
     min-height: var(--ui3n-autocomplete-min-height);
 
@@ -547,8 +548,8 @@
     border-radius: var(--ui3n-autocomplete-border-radius);
     padding: 0 var(--ui3n-autocomplete-padding-inline);
     flex: 1 1 60px;
+    min-width: 60px;
     height: var(--ui3n-autocomplete-min-height);
-    width: 100%;
     font-size: var(--ui3n-autocomplete-font-size);
     line-height: var(--ui3n-autocomplete-min-height);
     font-weight: 400;
@@ -628,6 +629,10 @@
     flex-wrap: wrap;
     gap: 4px;
     align-items: flex-start;
+
+    &:empty {
+      display: none;
+    }
   }
 
   .chipWrapper {