@bitrix24/b24ui-nuxt 2.1.4 → 2.1.6

package/dist/runtime/inertia/components/Link.vue.d.ts

@@ -27,6 +27,10 @@ export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onCl
      * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
     rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
     /**
      * Value passed to the attribute `aria-current` when the link is exact active.
      *
@@ -61,8 +65,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkPr
     as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
-    activeClass: string;
-    inactiveClass: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/inertia/components/LinkBase.d.vue.ts

@@ -6,6 +6,7 @@ export interface LinkBaseProps {
     onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
     href?: string;
     target?: LinkProps['target'];
+    rel?: LinkProps['rel'];
     active?: boolean;
     isExternal?: boolean;
 }

package/dist/runtime/inertia/components/LinkBase.vue

@@ -13,6 +13,7 @@ const props = defineProps({
   onClick: { type: [Function, Array], required: false },
   href: { type: String, required: false },
   target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
   active: { type: Boolean, required: false },
   isExternal: { type: Boolean, required: false }
 });
@@ -35,7 +36,8 @@ function onClickWrapper(e) {
     v-if="!!href && !isExternal && !disabled"
     :href="href"
     v-bind="{
-  target: target || (isExternal ? '_blank' : void 0),
+  rel,
+  target,
   ...$attrs
 }"
     @click="onClickWrapper"
@@ -50,7 +52,8 @@ function onClickWrapper(e) {
   'aria-disabled': disabled ? 'true' : void 0,
   'role': disabled ? 'link' : void 0,
   'tabindex': disabled ? -1 : void 0,
-  'target': target || (isExternal ? '_blank' : void 0),
+  'rel': rel,
+  'target': target,
   ...$attrs
 } : as === 'button' ? {
   as,

package/dist/runtime/inertia/components/LinkBase.vue.d.ts

@@ -6,6 +6,7 @@ export interface LinkBaseProps {
     onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
     href?: string;
     target?: LinkProps['target'];
+    rel?: LinkProps['rel'];
     active?: boolean;
     isExternal?: boolean;
 }

package/dist/runtime/vue/components/Link.d.vue.ts

@@ -22,6 +22,10 @@ export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /**
      * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
     rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
     /**
      * The type of the button when not a link.
      * @defaultValue 'button'
@@ -54,9 +58,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkPr
     as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
-    activeClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    inactiveClass: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/vue/components/Link.vue

@@ -12,6 +12,7 @@ import { hasProtocol } from "ufo";
 import { useRoute, RouterLink } from "vue-router";
 import { useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import { mergeClasses } from "../../utils";
 import { isPartiallyEqual } from "../../utils/link";
 import B24LinkBase from "../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
@@ -21,18 +22,19 @@ const props = defineProps({
   external: { type: Boolean, required: false },
   target: { type: [String, Object, null], required: false },
   rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
   type: { type: null, required: false, default: "button" },
   disabled: { type: Boolean, required: false },
   active: { type: Boolean, required: false, default: void 0 },
   exact: { type: Boolean, required: false },
   exactQuery: { type: [Boolean, String], required: false },
   exactHash: { type: Boolean, required: false },
-  inactiveClass: { type: String, required: false, default: "" },
+  inactiveClass: { type: String, required: false },
   custom: { type: Boolean, required: false },
   isAction: { type: Boolean, required: false, default: false },
   raw: { type: Boolean, required: false },
   class: { type: null, required: false },
-  activeClass: { type: String, required: false, default: "" },
+  activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
   ariaCurrentValue: { type: String, required: false, default: "page" },
   viewTransition: { type: Boolean, required: false },
@@ -42,23 +44,20 @@ const props = defineProps({
 defineSlots();
 const route = useRoute();
 const appConfig = useAppConfig();
-const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class"));
+const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class", "noRel"));
 const b24ui = computed(() => tv({
   extend: tv(theme),
   ...defu({
     variants: {
       active: {
-        true: props.activeClass,
-        false: props.inactiveClass
+        true: mergeClasses(appConfig.b24ui?.link?.variants?.active?.true, props.activeClass),
+        false: mergeClasses(appConfig.b24ui?.link?.variants?.active?.false, props.inactiveClass)
       }
     }
   }, appConfig.b24ui?.link || {})
 }));
 const to = computed(() => props.to ?? props.href);
 const isExternal = computed(() => {
-  if (props.target === "_blank") {
-    return true;
-  }
   if (props.external) {
     return true;
   }
@@ -67,6 +66,19 @@ const isExternal = computed(() => {
   }
   return typeof to.value === "string" && hasProtocol(to.value, { acceptRelative: true });
 });
+const hasTarget = computed(() => !!props.target && props.target !== "_self");
+const rel = computed(() => {
+  if (props.noRel) {
+    return null;
+  }
+  if (props.rel !== void 0) {
+    return props.rel || null;
+  }
+  if (isExternal.value || hasTarget.value) {
+    return "noopener noreferrer";
+  }
+  return null;
+});
 function isLinkActive({ route: linkRoute, isActive, isExactActive }) {
   if (props.active !== void 0) {
     return props.active;
@@ -115,9 +127,11 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   as,
   type,
   disabled,
-  target: props.target ? props.target : void 0,
   href,
   navigate,
+  rel,
+  target,
+  isExternal,
   active: isLinkActive({ route: linkRoute, isActive, isExactActive })
 }"
         />
@@ -131,7 +145,10 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   type,
   disabled,
   href,
-  navigate
+  navigate,
+  rel,
+  target,
+  isExternal
 }"
         :class="resolveLinkClass({ route: linkRoute, isActive, isExactActive })"
       >
@@ -149,7 +166,8 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   type,
   disabled,
   href: to,
-  target: isExternal ? '_blank' : void 0,
+  rel,
+  target,
   active,
   isExternal
 }"
@@ -163,7 +181,8 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   type,
   disabled,
   href: to,
-  target: isExternal ? '_blank' : void 0,
+  rel,
+  target,
   isExternal
 }"
       :class="resolveLinkClass()"

package/dist/runtime/vue/components/Link.vue.d.ts

@@ -22,6 +22,10 @@ export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /**
      * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
     rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
     /**
      * The type of the button when not a link.
      * @defaultValue 'button'
@@ -54,9 +58,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkPr
     as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
-    activeClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    inactiveClass: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;

package/dist/shared/{b24ui-nuxt.Bs0V9FLV.mjs → b24ui-nuxt.DwYJyZL6.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.4";
+const version = "2.1.6";
 
 function getDefaultConfig(theme) {
   return {
@@ -1937,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: {
@@ -1964,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",
@@ -2054,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: {
@@ -2137,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",
@@ -2742,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"
+      }
+    }
   }
 };
 
@@ -5304,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"
       }
     },
     {
@@ -5314,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 ////
     {
@@ -6543,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: {
@@ -6624,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",
@@ -7665,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"
       }
     }
   },
@@ -10127,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"
+      }
+    }
   }
 };
 

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.Bs0V9FLV.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.DwYJyZL6.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.Bs0V9FLV.mjs';
+import './shared/b24ui-nuxt.DwYJyZL6.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.4",
+  "version": "2.1.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"