@v1nt1248/3nclient-lib 0.2.95 → 0.2.96

package/dist/ui3n-components.js

@@ -18771,6 +18771,7 @@ var fc = /* @__PURE__ */ X(/* @__PURE__ */ d({
 		offsetX: { default: 0 },
 		offsetY: { default: 0 },
 		contentBorderRadius: { default: 4 },
+		contentStyles: {},
 		zIndex: { default: 1e3 },
 		closeOnClick: {
 			type: Boolean,
@@ -18795,8 +18796,8 @@ var fc = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	],
 	setup(e, { expose: t, emit: n }) {
 		M((e) => ({
-			v3443ab24: h.value,
-			c403085a: _.value
+			v05c72248: h.value,
+			v69f43a2f: _.value
 		}));
 		let r = e, a = n, l = P("menu-trigger-element"), u = P("menu-content-element"), d = C(!1), f = C(r.triggerElement || null), p = i(() => f.value || l.value), h = i(() => {
 			if (typeof r.contentBorderRadius == "number") return `${r.contentBorderRadius}px`;
@@ -18846,7 +18847,10 @@ var fc = /* @__PURE__ */ X(/* @__PURE__ */ d({
 		}, [T(t.$slots, "default")], 2), d.value ? R((x(), s("div", m({
 			key: 0,
 			ref: "menu-content-element",
-			style: A(y),
+			style: {
+				...A(y),
+				...e.contentStyles && { ...e.contentStyles }
+			},
 			class: t.$style.ui3nMenuContent
 		}, O(e.closeOnClick ? { click: E } : {}, !0)), [T(t.$slots, "menu")], 16)), [[A(Hr), D]]) : o("", !0)], 2));
 	}
@@ -19788,7 +19792,7 @@ var fc = /* @__PURE__ */ X(/* @__PURE__ */ d({
 		}
 		function re() {
 			if (y.value === null && !m.value) {
-				m.value = !0, y.value = 0, v.value && v.value.focus(), console.log("<- 111 ->");
+				m.value = !0, y.value = 0, v.value && v.value.focus();
 				return;
 			}
 			if (y.value === null && m.value && p.value) {

package/package.json

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

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

@@ -180,7 +180,6 @@
       isMenuOpen.value = true;
       activeItemsIndex.value = 0;
       menuBodyEl.value && menuBodyEl.value.focus();
-      console.log('<- 111 ->');
       return;
     }
 

package/src/components/ui3n-menu/types.ts

@@ -9,6 +9,7 @@ export interface Ui3nMenuProps {
   offsetX?: number;
   offsetY?: number;
   contentBorderRadius?: number | number[];
+  contentStyles?: Record<string, string>;
   zIndex?: number;
   closeOnClick?: boolean;
   closeOnClickOutside?: boolean;

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

@@ -55,19 +55,12 @@
 
   middleware.push(shift());
 
-  const {
-    floatingStyles,
-    isPositioned,
-    update,
-  } = useFloating(
-    usedTriggerElement,
-    menuContentElement,
-    {
-      placement: 'bottom-start',
-      strategy: props.positionStrategy,
-      middleware,
-      whileElementsMounted: props.positionAutoupdate || props.positionStrategy === 'fixed' ? autoUpdate : undefined,
-    });
+  const { floatingStyles, isPositioned, update } = useFloating(usedTriggerElement, menuContentElement, {
+    placement: 'bottom-start',
+    strategy: props.positionStrategy,
+    middleware,
+    whileElementsMounted: props.positionAutoupdate || props.positionStrategy === 'fixed' ? autoUpdate : undefined,
+  });
 
   function toggleMenu() {
     if (props.disabled) {
@@ -118,14 +111,11 @@
     },
   );
 
-  watch(
-    [() => props.offsetX, () => props.offsetY],
-    ([offsetX, offsetY], [oldOffsetX, oldOffsetY]) => {
-      if (offsetX !== oldOffsetX || offsetY !== oldOffsetY) {
-        update();
-      }
-    },
-  );
+  watch([() => props.offsetX, () => props.offsetY], ([offsetX, offsetY], [oldOffsetX, oldOffsetY]) => {
+    if (offsetX !== oldOffsetX || offsetY !== oldOffsetY) {
+      update();
+    }
+  });
 
   defineExpose<Ui3nMenuExpose>({
     isPositioned,
@@ -150,7 +140,10 @@
       v-if="isShow"
       ref="menu-content-element"
       v-click-outside="onClickOutside"
-      :style="floatingStyles"
+      :style="{
+        ...floatingStyles,
+        ...(contentStyles && { ...contentStyles }),
+      }"
       :class="$style.ui3nMenuContent"
       v-on="closeOnClick ? { click: onContentClick } : {}"
     >