@bitrix24/b24ui-nuxt 0.3.0 → 0.3.1

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.BDw9-NAb.cjs');
+const templates = require('./shared/b24ui-nuxt.DkKTVBhL.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.3.0",
+  "version": "0.3.1",
   "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.aLj37Bax.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CxFyzKH7.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/Button.vue

@@ -133,9 +133,9 @@ const b24ui = computed(() => button({
       v-if="isLoading"
       class="h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center"
     >
-      <LoaderWaitIcon v-if="useWait" class="size-2xl" aria-hidden="true" />
-      <LoaderClockIcon v-else-if="useClock" class="size-2xl" aria-hidden="true" />
-      <SpinnerIcon v-else class="animate-spin stroke-2 size-lg" />
+      <LoaderWaitIcon v-if="useWait" class="w-[28px] h-[28px]" aria-hidden="true" />
+      <LoaderClockIcon v-else-if="useClock" class="w-[28px] h-[28px]" aria-hidden="true" />
+      <SpinnerIcon v-else class="size-lg animate-spin stroke-2" aria-hidden="true" />
     </div>
     <div
       :class="[

package/dist/runtime/components/Modal.vue

@@ -51,6 +51,7 @@ export interface ModalProps extends DialogRootProps {
    * @defaultValue true
    */
   dismissible?: boolean
+  scrollbarThin?: boolean
   class?: any
   b24ui?: Partial<typeof modal.slots>
 }
@@ -83,7 +84,8 @@ const props = withDefaults(defineProps<ModalProps>(), {
   overlay: true,
   transition: true,
   modal: true,
-  dismissible: true
+  dismissible: true,
+  scrollbarThin: true
 })
 const emits = defineEmits<ModalEmits>()
 const slots = defineSlots<ModalSlots>()
@@ -170,7 +172,7 @@ const b24ui = computed(() => modal({
             </slot>
           </div>
 
-          <div v-if="!!slots.body" :class="b24ui.body({ class: props.b24ui?.body })">
+          <div v-if="!!slots.body" :class="b24ui.body({ class: props.b24ui?.body, scrollbarThin: Boolean(props.scrollbarThin) })">
             <slot name="body" />
           </div>
 

package/dist/runtime/components/Toaster.vue

@@ -46,9 +46,10 @@ import { omit } from '../utils'
 import B24Toast from './Toast.vue'
 
 const props = withDefaults(defineProps<ToasterProps>(), {
+  position: 'top-right' as const,
   expand: true,
-  portal: true,
-  duration: 5000
+  duration: 5000,
+  portal: true
 })
 defineSlots<ToasterSlots>()
 

package/dist/runtime/composables/useComponentIcons.d.ts

@@ -15,6 +15,6 @@ export interface UseComponentIconsProps {
 export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
     isLeading: import("vue").ComputedRef<any>;
     isTrailing: import("vue").ComputedRef<boolean>;
-    leadingIconName: import("vue").ComputedRef<IconComponent | undefined>;
-    trailingIconName: import("vue").ComputedRef<IconComponent | undefined>;
+    leadingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
+    trailingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
 };

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

@@ -131,7 +131,7 @@ const route = computed(() => {
 
 const routerLinkProps = useForwardProps(reactiveOmit(props, 'as', 'type', 'disabled', 'active', 'exact', 'exactQuery', 'exactHash', 'activeClass', 'inactiveClass', 'to', 'raw', 'class'))
 
-const ui = computed(() => tv({
+const b24ui = computed(() => tv({
   extend: link,
   variants: {
     active: {
@@ -193,7 +193,7 @@ function resolveLinkClass({ route, isActive, isExactActive }: any) {
     return [props.class, active ? props.activeClass : props.inactiveClass]
   }
 
-  return ui.value({
+  return b24ui.value({
     class: props.class,
     active,
     disabled: props.disabled,
@@ -201,12 +201,31 @@ function resolveLinkClass({ route, isActive, isExactActive }: any) {
   })
 }
 
+function resolveLinkClassNoRouter() {
+  if (props.raw) {
+    return [props.class, props.inactiveClass]
+  }
+
+  return b24ui.value({
+    class: props.class,
+    disabled: props.disabled,
+    isAction: Boolean(props.isAction)
+  })
+}
+
 // Handle navigation without vue-router
 const handleNavigation = (href: string) => {
   if (isExternal.value) {
     window.location.href = href
   } else {
-    window.location.pathname = href
+    const [path, hash] = href.split('#')
+
+    window.location.pathname = path || ''
+    if (hash) {
+      window.location.hash = hash
+    } else {
+      window.location.hash = ''
+    }
   }
 }
 </script>
@@ -266,9 +285,9 @@ const handleNavigation = (href: string) => {
         as,
         type,
         disabled,
-        href: to ? (isExternal ? to as string : href as string) : undefined
+        href: to ? (isExternal ? to as string : to as string) : href as string
       }"
-      :class="ui({ class: props.class, disabled })"
+      :class="resolveLinkClassNoRouter()"
       @click="to && handleNavigation(to as string)"
     >
       <slot :active="false" />

package/dist/shared/{b24ui-nuxt.aLj37Bax.mjs → b24ui-nuxt.CxFyzKH7.mjs}

@@ -1982,7 +1982,7 @@ const formField = {
     },
     required: {
       true: {
-        label: "after:content-['*'] after:ms-0.5 after:text-red-500 after:dark:text-red-600"
+        label: "after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-600"
       }
     }
   },
@@ -3252,8 +3252,8 @@ const modal = {
       "fixed bg-white dark:bg-base-950",
       "flex flex-col focus:outline-none"
     ].join(" "),
-    header: "flex items-center gap-1.5 pe-5 pt-0 min-h-lg2",
-    wrapper: "",
+    header: "flex items-center gap-1.5 pe-5 pt-0",
+    wrapper: "min-h-lg2",
     body: "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
     footer: "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
     title: "font-bold text-md leading-normal text-base-900 dark:text-base-150",
@@ -3279,7 +3279,15 @@ const modal = {
           "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
       }
+    },
+    scrollbarThin: {
+      true: {
+        body: "scrollbar-thin"
+      }
     }
+  },
+  defaultVariants: {
+    scrollbarThin: true
   }
 };
 
@@ -4854,7 +4862,7 @@ const textarea = {
 const toast = {
   slots: {
     root: [
-      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none",
+      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex items-center gap-2.5 focus:outline-none",
       "font-b24-primary",
       "dark:ring-2 dark:ring-base-900",
       "bg-base-ebony/80 dark:bg-base-dark",
@@ -4920,7 +4928,7 @@ const toast = {
         actions: "items-center"
       },
       vertical: {
-        root: "items-start",
+        root: "items-center",
         actions: "items-start mt-1"
       }
     },

package/dist/shared/{b24ui-nuxt.BDw9-NAb.cjs → b24ui-nuxt.DkKTVBhL.cjs}

@@ -1984,7 +1984,7 @@ const formField = {
     },
     required: {
       true: {
-        label: "after:content-['*'] after:ms-0.5 after:text-red-500 after:dark:text-red-600"
+        label: "after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-600"
       }
     }
   },
@@ -3254,8 +3254,8 @@ const modal = {
       "fixed bg-white dark:bg-base-950",
       "flex flex-col focus:outline-none"
     ].join(" "),
-    header: "flex items-center gap-1.5 pe-5 pt-0 min-h-lg2",
-    wrapper: "",
+    header: "flex items-center gap-1.5 pe-5 pt-0",
+    wrapper: "min-h-lg2",
     body: "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
     footer: "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
     title: "font-bold text-md leading-normal text-base-900 dark:text-base-150",
@@ -3281,7 +3281,15 @@ const modal = {
           "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
       }
+    },
+    scrollbarThin: {
+      true: {
+        body: "scrollbar-thin"
+      }
     }
+  },
+  defaultVariants: {
+    scrollbarThin: true
   }
 };
 
@@ -4856,7 +4864,7 @@ const textarea = {
 const toast = {
   slots: {
     root: [
-      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex gap-2.5 focus:outline-none",
+      "relative group overflow-hidden rounded-[26px] py-3.5 ps-6 pe-4 flex items-center gap-2.5 focus:outline-none",
       "font-b24-primary",
       "dark:ring-2 dark:ring-base-900",
       "bg-base-ebony/80 dark:bg-base-dark",
@@ -4922,7 +4930,7 @@ const toast = {
         actions: "items-center"
       },
       vertical: {
-        root: "items-start",
+        root: "items-center",
         actions: "items-start mt-1"
       }
     },

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.BDw9-NAb.cjs');
+const templates = require('./shared/b24ui-nuxt.DkKTVBhL.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.aLj37Bax.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CxFyzKH7.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.BDw9-NAb.cjs');
+require('./shared/b24ui-nuxt.DkKTVBhL.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.aLj37Bax.mjs';
+import './shared/b24ui-nuxt.CxFyzKH7.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.3.0",
+  "version": "0.3.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"