@bitrix24/b24ui-nuxt 2.1.3 → 2.1.5

package/dist/runtime/utils/virtualizer.js

@@ -0,0 +1,32 @@
+import { get } from "./index.js";
+function hasDescription(item, descriptionKey) {
+  if (typeof item !== "object" || item === null) {
+    return false;
+  }
+  const value = get(item, descriptionKey);
+  return value !== void 0 && value !== null && value !== "";
+}
+function getSize(size, hasDescription2) {
+  if (hasDescription2) {
+    return {
+      xss: 40,
+      xs: 44,
+      sm: 48,
+      md: 52,
+      lg: 56,
+      xl: 60
+    }[size];
+  }
+  return {
+    xss: 20,
+    xs: 24,
+    sm: 28,
+    md: 32,
+    lg: 36,
+    xl: 40
+  }[size];
+}
+export function getEstimateSize(items, size, descriptionKey) {
+  const anyHasDescription = descriptionKey ? items.some((item) => hasDescription(item, descriptionKey)) : false;
+  return getSize(size, anyHasDescription);
+}

package/dist/shared/{b24ui-nuxt.mq1NUekN.mjs → b24ui-nuxt.Dspx5yCK.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.3";
+const version = "2.1.5";
 
 function getDefaultConfig(theme) {
   return {
@@ -102,30 +102,32 @@ function resolveComponentDependencies(component, dependencyGraph, resolved = /*
   }
   return resolved;
 }
-async function detectUsedComponents(rootDir, prefix, componentDir, includeComponents) {
+async function detectUsedComponents(dirs, prefix, componentDir, includeComponents) {
   const detectedComponents = /* @__PURE__ */ new Set();
   if (includeComponents && includeComponents.length > 0) {
     for (const component of includeComponents) {
       detectedComponents.add(component);
     }
   }
-  const appFiles = globSync(["**/*.{vue,ts,js,tsx,jsx}"], {
-    cwd: rootDir,
-    ignore: ["node_modules/**", ".nuxt/**", "dist/**"]
-  });
   const componentPattern = new RegExp(`<(?:Lazy)?${prefix}([A-Z][a-zA-Z]+)|\\b(?:Lazy)?${prefix}([A-Z][a-zA-Z]+)\\b`, "g");
-  for (const file of appFiles) {
-    try {
-      const filePath = join(rootDir, file);
-      const content = await readFile(filePath, "utf-8");
-      const matches = content.matchAll(componentPattern);
-      for (const match of matches) {
-        const componentName = match[1] || match[2];
-        if (componentName) {
-          detectedComponents.add(componentName);
+  for (const dir of dirs) {
+    const appFiles = globSync(["**/*.{vue,ts,js,tsx,jsx}"], {
+      cwd: dir,
+      ignore: ["node_modules/**", ".nuxt/**", "dist/**"]
+    });
+    for (const file of appFiles) {
+      try {
+        const filePath = join(dir, file);
+        const content = await readFile(filePath, "utf-8");
+        const matches = content.matchAll(componentPattern);
+        for (const match of matches) {
+          const componentName = match[1] || match[2];
+          if (componentName) {
+            detectedComponents.add(componentName);
+          }
         }
+      } catch {
       }
-    } catch {
     }
   }
   if (detectedComponents.size === 0) {
@@ -1935,9 +1937,10 @@ const checkbox = {
     },
     disabled: {
       true: {
-        base: "cursor-not-allowed opacity-30",
-        label: "cursor-not-allowed opacity-30",
-        description: "cursor-not-allowed opacity-30"
+        root: "opacity-30",
+        base: "cursor-not-allowed",
+        label: "cursor-not-allowed",
+        description: "cursor-not-allowed"
       }
     },
     checked: {
@@ -1962,8 +1965,15 @@ const checkbox = {
       class: {
         root: "border-(--b24ui-border-color) cursor-pointer"
       }
-    }
+    },
     // endregion ////
+    {
+      variant: "card",
+      disabled: true,
+      class: {
+        root: "cursor-not-allowed"
+      }
+    }
   ],
   defaultVariants: {
     color: "air-primary",
@@ -2052,11 +2062,7 @@ const checkboxGroup = {
       }
     },
     disabled: {
-      true: {
-        base: "cursor-not-allowed opacity-30",
-        label: "cursor-not-allowed opacity-30",
-        item: "cursor-not-allowed opacity-30"
-      }
+      true: {}
     },
     required: {
       true: {
@@ -2135,8 +2141,15 @@ const checkboxGroup = {
         item: "first-of-type:rounded-t-(--ui-border-radius-md) last-of-type:rounded-b-(--ui-border-radius-md)",
         fieldset: "gap-0 -space-y-px"
       }
-    }
+    },
     // endregion ////
+    {
+      variant: "table",
+      disabled: true,
+      class: {
+        item: "cursor-not-allowed"
+      }
+    }
   ],
   defaultVariants: {
     size: "md",
@@ -2740,7 +2753,18 @@ const dashboardSearch = {
 const dashboardSearchButton = {
   slots: {
     base: "",
+    baseLine: "",
+    label: "",
     trailing: "hidden lg:flex items-center gap-0.5 ms-auto"
+  },
+  variants: {
+    collapsed: {
+      true: {
+        baseLine: "ps-[5px] pe-[5px]",
+        label: "hidden",
+        trailing: "lg:hidden"
+      }
+    }
   }
 };
 
@@ -5302,7 +5326,9 @@ const navigationMenu = {
       orientation: "vertical",
       collapsed: true,
       class: {
-        childList: "grid px-0 py-(--menu-popup-padding)"
+        childList: "grid px-0 py-(--menu-popup-padding)",
+        linkLabel: "hidden",
+        linkTrailing: "hidden"
       }
     },
     {
@@ -5312,21 +5338,6 @@ const navigationMenu = {
         link: "collapsed data-[state=open]:-mt-(--leftmenu-group-stroke-weight) data-[state=open]:-mx-(--leftmenu-group-stroke-weight)"
       }
     },
-    // {
-    //   orientation: 'horizontal',
-    //   class: {
-    //     link: ['after:absolute after:-bottom-2 after:inset-x-2.5 after:block after:h-px after:rounded-full', 'after:transition-colors']
-    //   }
-    // },
-    // endregion ////
-    // region vertical ////
-    // {
-    //   orientation: 'vertical',
-    //   level: true,
-    //   class: {
-    //     link: ['after:absolute after:-start-1.5 after:inset-y-0.5 after:block after:w-[7px] after:rounded-full', 'after:transition-colors']
-    //   }
-    // },
     // endregion ////
     // region pill ////
     {
@@ -6541,8 +6552,10 @@ const radioGroup = {
     },
     disabled: {
       true: {
-        base: "cursor-not-allowed opacity-30",
-        label: "cursor-not-allowed opacity-30"
+        item: "opacity-30",
+        base: "cursor-not-allowed",
+        label: "cursor-not-allowed",
+        description: "cursor-not-allowed"
       }
     },
     required: {
@@ -6622,8 +6635,15 @@ const radioGroup = {
         item: "first-of-type:rounded-t-(--ui-border-radius-md) last-of-type:rounded-b-(--ui-border-radius-md)",
         fieldset: "gap-0 -space-y-px"
       }
-    }
+    },
     // endregion ////
+    {
+      variant: ["card", "table"],
+      disabled: true,
+      class: {
+        item: "cursor-not-allowed"
+      }
+    }
   ],
   defaultVariants: {
     color: "air-primary",
@@ -7663,9 +7683,10 @@ const _switch = {
     },
     disabled: {
       true: {
-        base: "cursor-not-allowed opacity-30",
-        label: "cursor-not-allowed opacity-30",
-        description: "cursor-not-allowed opacity-30"
+        root: "opacity-30",
+        base: "cursor-not-allowed",
+        label: "cursor-not-allowed",
+        description: "cursor-not-allowed"
       }
     }
   },
@@ -10125,7 +10146,18 @@ const contentSearch = {
 const contentSearchButton = {
   slots: {
     base: "",
+    baseLine: "",
+    label: "",
     trailing: "hidden lg:flex items-center gap-0.5 ms-auto"
+  },
+  variants: {
+    collapsed: {
+      true: {
+        baseLine: "ps-[5px] pe-[5px]",
+        label: "hidden",
+        trailing: "lg:hidden"
+      }
+    }
   }
 };
 
@@ -10343,8 +10375,12 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
   async function generateSources() {
     let sources = "";
     if (!!nuxt && !!resolve && options.experimental?.componentDetection) {
-      const detectedComponents = await detectUsedComponents(
+      const dirs = [.../* @__PURE__ */ new Set([
         nuxt.options.rootDir,
+        ...nuxt.options._layers?.map((layer) => layer.config.rootDir).filter(Boolean) || []
+      ])];
+      const detectedComponents = await detectUsedComponents(
+        dirs,
         "B24",
         resolve("./runtime/components"),
         Array.isArray(options.experimental.componentDetection) ? options.experimental.componentDetection : void 0

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 getDefaultConfig } from './shared/b24ui-nuxt.mq1NUekN.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.Dspx5yCK.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.mq1NUekN.mjs';
+import './shared/b24ui-nuxt.Dspx5yCK.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';

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": "2.1.3",
+  "version": "2.1.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"

package/dist/runtime/vue/components/color-mode/ColorModeButton.d.vue.ts

@@ -1,12 +0,0 @@
-import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
-    /**
-     * @defaultValue 'air-tertiary-no-accent'
-     */
-    color?: ButtonProps['color'];
-}
-declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue

@@ -1,83 +0,0 @@
-<script>
-
-</script>
-
-<script setup>
-import { computed } from "vue";
-import { useForwardProps } from "reka-ui";
-import { reactiveOmit } from "@vueuse/core";
-import { useColorMode } from "#imports";
-import { useLocale } from "../../../composables/useLocale";
-import icons from "../../../dictionary/icons";
-import B24Button from "../../../components/Button.vue";
-defineOptions({ inheritAttrs: false });
-const props = defineProps({
-  color: { type: null, required: false, default: "air-tertiary-no-accent" },
-  label: { type: String, required: false },
-  activeColor: { type: null, required: false },
-  depth: { type: null, required: false },
-  activeDepth: { type: null, required: false },
-  size: { type: null, required: false },
-  rounded: { type: Boolean, required: false },
-  block: { type: Boolean, required: false },
-  loadingAuto: { type: Boolean, required: false },
-  normalCase: { type: Boolean, required: false },
-  useWait: { type: Boolean, required: false },
-  useClock: { type: Boolean, required: false },
-  useDropdown: { type: Boolean, required: false },
-  onClick: { type: [Function, Array], required: false },
-  class: { type: null, required: false },
-  activeClass: { type: String, required: false },
-  inactiveClass: { type: String, required: false },
-  b24ui: { type: null, required: false },
-  icon: { type: [Function, Object], required: false },
-  avatar: { type: Object, required: false },
-  loading: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  type: { type: null, required: false },
-  disabled: { type: Boolean, required: false },
-  active: { type: Boolean, required: false },
-  exact: { type: Boolean, required: false },
-  exactQuery: { type: [Boolean, String], required: false },
-  exactHash: { type: Boolean, required: false },
-  isAction: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object, null], required: false },
-  rel: { type: [String, Object, null], required: false },
-  noRel: { type: Boolean, required: false },
-  prefetchedClass: { type: String, required: false },
-  prefetch: { type: Boolean, required: false },
-  prefetchOn: { type: [String, Object], required: false },
-  noPrefetch: { type: Boolean, required: false },
-  trailingSlash: { type: String, required: false },
-  exactActiveClass: { type: String, required: false },
-  ariaCurrentValue: { type: String, required: false },
-  viewTransition: { type: Boolean, required: false },
-  replace: { type: Boolean, required: false }
-});
-const { t } = useLocale();
-const colorMode = useColorMode();
-const buttonProps = useForwardProps(reactiveOmit(props, "icon"));
-const isDark = computed({
-  get() {
-    return colorMode.value === "dark";
-  },
-  set(_isDark) {
-    colorMode.preference = _isDark ? "dark" : "light";
-  }
-});
-</script>
-
-<template>
-  <B24Button
-    v-bind="{
-  ...buttonProps,
-  'icon': props.icon || (isDark ? icons.dark : icons.light),
-  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
-  ...$attrs
-}"
-    @click="isDark = !isDark"
-  />
-</template>

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue.d.ts

@@ -1,12 +0,0 @@
-import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
-    /**
-     * @defaultValue 'air-tertiary-no-accent'
-     */
-    color?: ButtonProps['color'];
-}
-declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;