@bitrix24/b24ui-nuxt 0.5.1 → 0.5.3

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.ClMXHpMM.cjs');
+const templates = require('./shared/b24ui-nuxt.Bh_5o1_9.cjs');
 require('node:url');
 require('scule');
 

package/dist/module.d.cts

@@ -11,4 +11,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.d.mts

@@ -11,4 +11,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.d.ts

@@ -11,4 +11,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CBnBA3PE.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.BIuy4yic.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/NavigationMenu.vue

@@ -43,6 +43,10 @@ export interface NavigationMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'cu
   slot?: string
   value?: string
   children?: NavigationMenuChildItem[]
+  /**
+   * With orientation=`horizontal` if `true` it will position the dropdown menu correctly
+   */
+  viewportRtl?: boolean
   onSelect?(e: Event): void
 }
 
@@ -100,7 +104,7 @@ export interface NavigationMenuProps<T> extends Pick<NavigationMenuRootProps, 'm
   /**
    * The orientation of the content.
    * Only works when `orientation` is `horizontal`.
-   * @defaultValue 'horizontal'
+   * @defaultValue 'vertical'
    */
   contentOrientation?: NavigationMenuVariants['contentOrientation']
   /**
@@ -146,7 +150,7 @@ import B24Collapsible from './Collapsible.vue'
 
 const props = withDefaults(defineProps<NavigationMenuProps<I>>(), {
   orientation: 'horizontal',
-  contentOrientation: 'horizontal',
+  contentOrientation: 'vertical',
   externalIcon: true,
   delayDuration: 0,
   unmountOnHide: true,
@@ -272,7 +276,12 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
           </B24LinkBase>
         </component>
 
-        <NavigationMenuContent v-if="orientation === 'horizontal' && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : 'item-content'])" v-bind="contentProps" :class="b24ui.content({ class: props.b24ui?.content })">
+        <NavigationMenuContent
+          v-if="orientation === 'horizontal' && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : 'item-content'])"
+          v-bind="contentProps"
+          :data-viewport="item.viewportRtl ? 'rtl' : 'ltr'"
+          :class="b24ui.content({ class: props.b24ui?.content })"
+        >
           <slot :name="item.slot ? `${item.slot}-content` : 'item-content'" :item="(item as T)" :active="active" :index="index">
             <ul :class="b24ui.childList({ class: props.b24ui?.childList })">
               <li v-for="(childItem, childIndex) in item.children" :key="childIndex" :class="b24ui.childItem({ class: props.b24ui?.childItem })">
@@ -331,7 +340,13 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
   >
     <template v-for="(list, listIndex) in lists" :key="`list-${listIndex}`">
       <NavigationMenuList :class="b24ui.list({ class: props.b24ui?.list })">
-        <ReuseItemTemplate v-for="(item, index) in list" :key="`list-${listIndex}-${index}`" :item="item" :index="index" :class="b24ui.item({ class: props.b24ui?.item })" />
+        <ReuseItemTemplate
+          v-for="(item, index) in list"
+          :key="`list-${listIndex}-${index}`"
+          :item="item"
+          :index="index"
+          :class="b24ui.item({ class: props.b24ui?.item })"
+        />
       </NavigationMenuList>
 
       <div v-if="orientation === 'vertical' && listIndex < lists.length - 1" :class="b24ui.separator({ class: props.b24ui?.separator })" />
@@ -342,7 +357,10 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
         <div :class="b24ui.arrow({ class: props.b24ui?.arrow })" />
       </NavigationMenuIndicator>
 
-      <NavigationMenuViewport :class="b24ui.viewport({ class: props.b24ui?.viewport })" />
+      <NavigationMenuViewport
+        align="start"
+        :class="b24ui.viewport({ class: props.b24ui?.viewport })"
+      />
     </div>
   </NavigationMenuRoot>
 </template>

package/dist/runtime/composables/defineLocale.js

@@ -1,5 +1,4 @@
 import { defu } from "defu";
-// @__NO_SIDE_EFFECTS__
 export function defineLocale(options) {
   return defu(options, { dir: "ltr" });
 }

package/dist/runtime/composables/defineShortcuts.js

@@ -21,7 +21,6 @@ export function extractShortcuts(items) {
   traverse(items.flat());
   return shortcuts;
 }
-// @__NO_SIDE_EFFECTS__
 export function defineShortcuts(config, options = {}) {
   const chainedInputs = ref([]);
   const clearChainedInput = () => {

package/dist/runtime/index.css

@@ -1 +1 @@
-@plugin "@bitrix24/b24style";@import "#build/b24ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{--b24ui-header-height:calc(var(--spacing)*16);body{@apply antialiased scheme-light dark:scheme-dark}}@layer theme{:host,:root{--spacing:.25rem}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}
+@plugin "@bitrix24/b24style";@import "#build/b24ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{--b24ui-header-height:calc(var(--spacing)*16);body{@apply antialiased scheme-light dark:scheme-dark}}@layer theme{:host,:root{--spacing:.25rem}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.clip-path-viewport-wrapper{clip-path:inset(0 -24px -28px -24px round 10px)}

package/dist/runtime/utils/link.d.ts

@@ -6,24 +6,24 @@ export declare function pickLinkProps(link: LinkProps & {
     replace: any;
     type: any;
     title: any;
+    href: any;
+    target: any;
+    as: any;
+    prefetch: any;
+    rel: any;
+    external: any;
+    exact: any;
     active: any;
+    disabled: any;
     activeClass: any;
     ariaCurrentValue: any;
     ariaLabel: any;
-    as: any;
-    disabled: any;
-    exact: any;
     exactActiveClass: any;
     exactHash: any;
     exactQuery: any;
-    external: any;
-    href: any;
     inactiveClass: any;
     noPrefetch: any;
     noRel: any;
-    prefetch: any;
     prefetchedClass: any;
-    rel: any;
-    target: any;
     to: any;
 };

package/dist/runtime/vue/stubs.d.ts

@@ -12,7 +12,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "light" | "dark" | "system";
+    preference: "dark" | "light" | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };