@bitrix24/b24ui-nuxt 0.2.4 → 0.2.5

package/dist/module.cjs

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

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.13.1"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "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.V9TzyCqH.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.BYTVBEky.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/SelectMenu.vue

@@ -155,6 +155,7 @@ import {
   ComboboxSeparator,
   ComboboxItem,
   ComboboxItemIndicator,
+  FocusScope,
   useForwardPropsEmits,
   useFilter,
   Primitive
@@ -286,7 +287,7 @@ function onUpdate(value: any) {
 }
 
 function onUpdateOpen(value: boolean) {
-  let timeoutId
+  let timeoutId: ReturnType<typeof setTimeout> | undefined
 
   if (!value) {
     const event = new FocusEvent('blur')
@@ -307,7 +308,9 @@ function onUpdateOpen(value: boolean) {
     const event = new FocusEvent('focus')
     emits('focus', event)
     emitFormFocus()
-    clearTimeout(timeoutId)
+    if (timeoutId) {
+      clearTimeout(timeoutId)
+    }
   }
 }
 </script>
@@ -387,76 +390,77 @@ function onUpdateOpen(value: boolean) {
 
       <ComboboxPortal :disabled="!portal">
         <ComboboxContent :class="b24ui.content({ class: props.b24ui?.content })" v-bind="contentProps">
-          <ComboboxInput v-if="!!searchInput" v-model="searchTerm" :display-value="() => searchTerm" as-child>
-            <B24Input no-border autofocus autocomplete="off" v-bind="searchInputProps" :class="b24ui.input({ class: props.b24ui?.input })" />
-          </ComboboxInput>
-
-          <ComboboxEmpty :class="b24ui.empty({ class: props.b24ui?.empty })">
-            <slot name="empty" :search-term="searchTerm">
-              {{ searchTerm ? t('selectMenu.noMatch', { searchTerm }) : t('selectMenu.noData') }}
-            </slot>
-          </ComboboxEmpty>
-
-          <ComboboxViewport :class="b24ui.viewport({ class: props.b24ui?.viewport })">
-            <ReuseCreateItemTemplate v-if="createItem && createItemPosition === 'top'" />
-
-            <ComboboxGroup v-for="(group, groupIndex) in filteredGroups" :key="`group-${groupIndex}`" :class="b24ui.group({ class: props.b24ui?.group })">
-              <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-                <ComboboxLabel v-if="item?.type === 'label'" :class="b24ui.label({ class: props.b24ui?.label })">
-                  {{ get(item, props.labelKey as string) }}
-                </ComboboxLabel>
-
-                <ComboboxSeparator v-else-if="item?.type === 'separator'" :class="b24ui.separator({ class: props.b24ui?.separator })" />
-
-                <ComboboxItem
-                  v-else
-                  :class="b24ui.item({ class: props.b24ui?.item })"
-                  :disabled="item.disabled"
-                  :value="valueKey && typeof item === 'object' ? get(item, props.valueKey as string) : item"
-                  @select="item.onSelect"
-                >
-                  <slot name="item" :item="(item as T)" :index="index">
-                    <slot name="item-leading" :item="(item as T)" :index="index">
-                      <Component
-                        :is="item.icon"
-                        v-if="item.icon"
-                        :class="b24ui.itemLeadingIcon({ class: props.b24ui?.itemLeadingIcon })"
-                      />
-                      <B24Avatar v-else-if="item.avatar" :size="((props.b24ui?.itemLeadingAvatarSize || b24ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="b24ui.itemLeadingAvatar({ class: props.b24ui?.itemLeadingAvatar })" />
-                      <B24Chip
-                        v-else-if="item.chip"
-                        :size="((props.b24ui?.itemLeadingChipSize || b24ui.itemLeadingChipSize()) as ChipProps['size'])"
-                        inset
-                        standalone
-                        v-bind="item.chip"
-                        :class="b24ui.itemLeadingChip({ class: props.b24ui?.itemLeadingChip })"
-                      />
-                    </slot>
-
-                    <span :class="b24ui.itemLabel({ class: props.b24ui?.itemLabel })">
-                      <slot name="item-label" :item="(item as T)" :index="index">
-                        {{ typeof item === 'object' ? get(item, props.labelKey as string) : item }}
-                      </slot>
-                    </span>
-
-                    <span :class="b24ui.itemTrailing({ class: props.b24ui?.itemTrailing })">
-                      <slot name="item-trailing" :item="(item as T)" :index="index" />
-
-                      <ComboboxItemIndicator as-child>
+          <FocusScope trapped :class="b24ui.focusScope({ class: props.b24ui?.focusScope })">
+            <ComboboxInput v-if="!!searchInput" v-model="searchTerm" :display-value="() => searchTerm" as-child>
+              <B24Input no-border autofocus autocomplete="off" v-bind="searchInputProps" :class="b24ui.input({ class: props.b24ui?.input })" />
+            </ComboboxInput>
+
+            <ComboboxEmpty :class="b24ui.empty({ class: props.b24ui?.empty })">
+              <slot name="empty" :search-term="searchTerm">
+                {{ searchTerm ? t('selectMenu.noMatch', { searchTerm }) : t('selectMenu.noData') }}
+              </slot>
+            </ComboboxEmpty>
+
+            <ComboboxViewport :class="b24ui.viewport({ class: props.b24ui?.viewport })">
+              <ReuseCreateItemTemplate v-if="createItem && createItemPosition === 'top'" />
+
+              <ComboboxGroup v-for="(group, groupIndex) in filteredGroups" :key="`group-${groupIndex}`" :class="b24ui.group({ class: props.b24ui?.group })">
+                <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
+                  <ComboboxLabel v-if="item?.type === 'label'" :class="b24ui.label({ class: props.b24ui?.label })">
+                    {{ get(item, props.labelKey as string) }}
+                  </ComboboxLabel>
+
+                  <ComboboxSeparator v-else-if="item?.type === 'separator'" :class="b24ui.separator({ class: props.b24ui?.separator })" />
+
+                  <ComboboxItem
+                    v-else
+                    :class="b24ui.item({ class: props.b24ui?.item })"
+                    :disabled="item.disabled"
+                    :value="valueKey && typeof item === 'object' ? get(item, props.valueKey as string) : item"
+                    @select="item.onSelect"
+                  >
+                    <slot name="item" :item="(item as T)" :index="index">
+                      <slot name="item-leading" :item="(item as T)" :index="index">
                         <Component
-                          :is="selectedIcon || icons.check"
-                          :class="b24ui.itemTrailingIcon({ class: props.b24ui?.itemTrailingIcon })"
+                          :is="item.icon"
+                          v-if="item.icon"
+                          :class="b24ui.itemLeadingIcon({ class: props.b24ui?.itemLeadingIcon })"
+                        />
+                        <B24Avatar v-else-if="item.avatar" :size="((props.b24ui?.itemLeadingAvatarSize || b24ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="b24ui.itemLeadingAvatar({ class: props.b24ui?.itemLeadingAvatar })" />
+                        <B24Chip
+                          v-else-if="item.chip"
+                          :size="((props.b24ui?.itemLeadingChipSize || b24ui.itemLeadingChipSize()) as ChipProps['size'])"
+                          inset
+                          standalone
+                          v-bind="item.chip"
+                          :class="b24ui.itemLeadingChip({ class: props.b24ui?.itemLeadingChip })"
                         />
-                      </ComboboxItemIndicator>
-                    </span>
-                  </slot>
-                </ComboboxItem>
-              </template>
-            </ComboboxGroup>
+                      </slot>
 
-            <ReuseCreateItemTemplate v-if="createItem && createItemPosition === 'bottom'" />
-          </ComboboxViewport>
+                      <span :class="b24ui.itemLabel({ class: props.b24ui?.itemLabel })">
+                        <slot name="item-label" :item="(item as T)" :index="index">
+                          {{ typeof item === 'object' ? get(item, props.labelKey as string) : item }}
+                        </slot>
+                      </span>
+
+                      <span :class="b24ui.itemTrailing({ class: props.b24ui?.itemTrailing })">
+                        <slot name="item-trailing" :item="(item as T)" :index="index" />
+
+                        <ComboboxItemIndicator as-child>
+                          <Component
+                            :is="selectedIcon || icons.check"
+                            :class="b24ui.itemTrailingIcon({ class: props.b24ui?.itemTrailingIcon })"
+                          />
+                        </ComboboxItemIndicator>
+                      </span>
+                    </slot>
+                  </ComboboxItem>
+                </template>
+              </ComboboxGroup>
 
+              <ReuseCreateItemTemplate v-if="createItem && createItemPosition === 'bottom'" />
+            </ComboboxViewport>
+          </FocusScope>
           <ComboboxArrow v-if="!!arrow" v-bind="arrowProps" :class="b24ui.arrow({ class: props.b24ui?.arrow })" />
         </ComboboxContent>
       </ComboboxPortal>

package/dist/shared/{b24ui-nuxt.V9TzyCqH.mjs → b24ui-nuxt.BYTVBEky.mjs}

@@ -3469,7 +3469,7 @@ const radioGroup = {
   slots: {
     root: "relative",
     fieldset: "flex",
-    legend: "mb-1.5 block font-medium text-base-master dark:text-base-400",
+    legend: "mb-1.5 block text-base-900 dark:text-base-400",
     item: "flex items-start",
     base: [
       "cursor-pointer rounded-full",
@@ -3841,7 +3841,8 @@ const select = () => {
 const selectMenu = () => {
   return defu({
     slots: {
-      input: "border-b border-base-300 dark:dark:border-base-800"
+      input: "border-b border-base-300 dark:dark:border-base-800",
+      focusScope: "flex flex-col min-h-0"
     },
     variants: {
       addNew: {
@@ -4992,8 +4993,12 @@ const descriptionList = {
     avatar: "shrink-0",
     avatarSize: "",
     label: "",
-    descriptionWrapper: "text-base-950 sm:border-t sm:border-base-950/5 dark:text-white dark:sm:border-white/5 sm:[&:nth-child(2)]:border-none",
-    description: "text-base-900 dark:text-base-150",
+    descriptionWrapper: [
+      "sm:border-t sm:[&:nth-child(2)]:border-none",
+      "text-base-900 sm:border-base-950/5",
+      "dark:text-base-150 dark:sm:border-white/5"
+    ].join(" "),
+    description: "",
     actions: "flex flex-wrap gap-1.5 shrink-0",
     footer: "border-t border-base-950/5 dark:border-white/5"
   },

package/dist/shared/{b24ui-nuxt.DGjopCKm.cjs → b24ui-nuxt.BfbMerCZ.cjs}

@@ -3471,7 +3471,7 @@ const radioGroup = {
   slots: {
     root: "relative",
     fieldset: "flex",
-    legend: "mb-1.5 block font-medium text-base-master dark:text-base-400",
+    legend: "mb-1.5 block text-base-900 dark:text-base-400",
     item: "flex items-start",
     base: [
       "cursor-pointer rounded-full",
@@ -3843,7 +3843,8 @@ const select = () => {
 const selectMenu = () => {
   return defu.defu({
     slots: {
-      input: "border-b border-base-300 dark:dark:border-base-800"
+      input: "border-b border-base-300 dark:dark:border-base-800",
+      focusScope: "flex flex-col min-h-0"
     },
     variants: {
       addNew: {
@@ -4994,8 +4995,12 @@ const descriptionList = {
     avatar: "shrink-0",
     avatarSize: "",
     label: "",
-    descriptionWrapper: "text-base-950 sm:border-t sm:border-base-950/5 dark:text-white dark:sm:border-white/5 sm:[&:nth-child(2)]:border-none",
-    description: "text-base-900 dark:text-base-150",
+    descriptionWrapper: [
+      "sm:border-t sm:[&:nth-child(2)]:border-none",
+      "text-base-900 sm:border-base-950/5",
+      "dark:text-base-150 dark:sm:border-white/5"
+    ].join(" "),
+    description: "",
     actions: "flex flex-wrap gap-1.5 shrink-0",
     footer: "border-t border-base-950/5 dark:border-white/5"
   },

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.DGjopCKm.cjs');
+const templates = require('./shared/b24ui-nuxt.BfbMerCZ.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.V9TzyCqH.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BYTVBEky.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.DGjopCKm.cjs');
+require('./shared/b24ui-nuxt.BfbMerCZ.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.V9TzyCqH.mjs';
+import './shared/b24ui-nuxt.BYTVBEky.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -71,8 +71,8 @@
     "@nuxt/kit": "^3.15.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.4",
-    "@tailwindcss/vite": "^4.0.4",
+    "@tailwindcss/postcss": "^4.0.6",
+    "@tailwindcss/vite": "^4.0.6",
     "@tanstack/vue-table": "^8.20.5",
     "@unhead/vue": "^1.11.18",
     "@vueuse/core": "^12.5.0",
@@ -96,21 +96,21 @@
     "reka-ui": "1.0.0-alpha.9",
     "scule": "^1.3.0",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.4",
+    "tailwindcss": "^4.0.6",
     "tinyglobby": "^0.2.10",
-    "unplugin": "^2.1.2",
+    "unplugin": "^2.2.0",
     "unplugin-auto-import": "^19.0.0",
     "unplugin-vue-components": "^28.0.0",
     "vaul-vue": "^0.2.1"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.0.0",
+    "@nuxt/eslint-config": "^1.0.1",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.15.4",
     "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
-    "eslint": "^9.19.0",
+    "eslint": "^9.20.1",
     "happy-dom": "15.7.4",
     "joi": "^17.13.3",
     "knitwork": "^1.2.0",
@@ -137,7 +137,7 @@
     "typescript": "5.6.3",
     "unimport": "3.14.5",
     "vue-tsc": "^2.2.0",
-    "unplugin": "^2.1.2",
+    "unplugin": "^2.2.0",
     "vite": "^6.0.7"
   },
   "keywords": [
@@ -165,6 +165,7 @@
     "dev-window": "set DEV=true && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:generate": "nuxt generate playground",
+    "dev:preview": "nuxt preview playground",
     "dev:vue": "DEV=true vite playground-vue",
     "dev:vue-window": "set DEV=true && vite playground-vue",
     "docs:full:dev": "pnpm build && vitepress dev docs",