@uzum-tech/ui 1.12.14 → 1.12.16

package/dist/index.js

@@ -2194,19 +2194,6 @@
       });
     }
 
-    function useBreakpoint(screens) {
-      if (!isBrowser$1) return vue.computed(() => undefined);
-      // pass ts check
-      const breakpointsRef = screens !== undefined ? useBreakpoints(screens) : useBreakpoints();
-      return vue.computed(() => {
-        const {
-          value
-        } = breakpointsRef;
-        if (value.length === 0) return undefined;
-        return value[value.length - 1];
-      });
-    }
-
     function useKeyboard$1(options = {}, enabledRef) {
       const state = vue.reactive({
         ctrl: false,
@@ -18224,7 +18211,7 @@
           "path",
           {
             d: "M16 17L21 12M21 12L16 7M21 12H9M9 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H9",
-            stroke: "#101010",
+            stroke: "currentColor",
             "stroke-width": "1.66667",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
@@ -62058,14 +62045,19 @@
           const mergedMap = getMergedBreakpointValues(breakpointMap);
           if (!mergedMap) return;
           const currentWidth = windowWidthRef.value;
-          const breakpointWidths = Object.keys(mergedMap).map(Number);
+          const breakpointWidths = Object.keys(mergedMap).map(Number).sort((leftWidth, rightWidth) => leftWidth - rightWidth);
           let matchingBreakpoints;
           if (mode === "mobile-first") {
-            matchingBreakpoints = breakpointWidths.filter(width => width >= currentWidth).sort((leftWidth, rightWidth) => leftWidth - rightWidth);
+            matchingBreakpoints = breakpointWidths.filter(width => width >= currentWidth);
+            if (matchingBreakpoints.length === 0) {
+              matchingBreakpoints = [breakpointWidths[breakpointWidths.length - 1]];
+            }
           } else {
-            matchingBreakpoints = breakpointWidths.filter(width => width <= currentWidth).sort((leftWidth, rightWidth) => rightWidth - leftWidth);
+            matchingBreakpoints = breakpointWidths.filter(width => width <= currentWidth).reverse();
+            if (matchingBreakpoints.length === 0) {
+              matchingBreakpoints = [breakpointWidths[0]];
+            }
           }
-          if (matchingBreakpoints.length === 0) return;
           const activeBreakpoint = matchingBreakpoints[0];
           return mergedMap[activeBreakpoint];
         };
@@ -97596,11 +97588,21 @@
         function handleBeforeLeave() {
           const { onBeforeLeave, onBeforeHide } = props;
           if (onBeforeLeave) call(onBeforeLeave);
+          void vue.nextTick(() => {
+            if (document.activeElement && document.activeElement !== document.body) {
+              document.activeElement.blur();
+            }
+          });
           if (onBeforeHide) onBeforeHide();
         }
         function handleAfterLeave() {
           const { onAfterLeave, onAfterHide } = props;
           if (onAfterLeave) call(onAfterLeave);
+          void vue.nextTick(() => {
+            if (document.activeElement && document.activeElement !== document.body) {
+              document.activeElement.blur();
+            }
+          });
           if (onAfterHide) onAfterHide();
         }
         function handleClickoutside(e) {
@@ -124595,12 +124597,12 @@
     `), cE("logo", [c$1("img", `
         max-height: 24px;
       `)])]), cM("desktop", [cE("inner-wrapper", `
-      width: 1300px;
+      width: 100%;
+      max-width: 1300px;
       box-sizing: border-box;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      gap: var(--u-header-navigation-gap);
       padding: 0;
       position: relative;
       height: 80px;
@@ -124609,12 +124611,14 @@
       display: flex;
       align-items: center;
       justify-content: space-between;
-      gap: 60px;
+      flex: 1;
       height: 100%;
     `)]), cE("inner", `
+    width: 100%;
     box-sizing: border-box;
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: var(--u-header-navigation-gap);
     padding: 0;
     position: relative;
@@ -124651,7 +124655,6 @@
     position: relative;
     display: inline-flex;
     align-items: center;
-    gap: var(--u-header-action-gap);
     flex-shrink: 0;
     height: 100%;
   `, [cE("actions-block", `
@@ -125246,13 +125249,6 @@
       return option.type !== "column";
     }
 
-    function useIsMobile() {
-      const breakpointRef = useBreakpoint();
-      return useMemo(() => {
-        return breakpointRef.value === "xs";
-      });
-    }
-
     const headerNavigationProps = {
       menuOptions: {
         type: Array,
@@ -126527,6 +126523,10 @@
         type: Boolean,
         default: true
       },
+      isMobile: {
+        type: Boolean,
+        default: true
+      },
       mobileMenuType: {
         type: String,
         default: "drawer"
@@ -126578,7 +126578,7 @@
           props,
           mergedClsPrefixRef
         );
-        const isMobileRef = useIsMobile();
+        const isMobileRef = vue.toRef(props, "isMobile");
         const mobileMenuVisibleRef = vue.ref(false);
         const searchVisibleRef = vue.ref(false);
         vue.onBeforeMount(() => {
@@ -128593,7 +128593,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.12.14";
+    var version = "1.12.16";
 
     function useExposeProxy(targetRef) {
       return new Proxy({}, {