@bitrix24/b24ui-nuxt 0.3.1 → 0.3.3

package/dist/module.cjs

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

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<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>;
+    leadingIconName: import("vue").ComputedRef<IconComponent | undefined>;
+    trailingIconName: import("vue").ComputedRef<IconComponent | undefined>;
 };

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

@@ -0,0 +1,17 @@
+/**
+ * Confetti
+ * Performant confetti animation in the browser
+ * ---
+ * @link https://github.com/catdad/canvas-confetti
+ * @link https://www.kirilv.com/canvas-confetti/
+ * @link /api_d7/bitrix/ui/confetti/index.php
+ * @see bitrix/js/ui/confetti
+ */
+import confetti from 'canvas-confetti';
+import type { CreateTypes, GlobalOptions } from 'canvas-confetti';
+declare function _useConfetti(): {
+    fire: (options?: confetti.Options) => Promise<undefined> | null;
+    create: (canvas?: HTMLCanvasElement, options?: GlobalOptions) => CreateTypes;
+};
+export declare const useConfetti: typeof _useConfetti;
+export {};

package/dist/runtime/composables/useConfetti.js

@@ -0,0 +1,11 @@
+import confetti from "canvas-confetti";
+import { createSharedComposable } from "@vueuse/core";
+function _useConfetti() {
+  const fire = confetti;
+  const create = confetti.create;
+  return {
+    fire,
+    create
+  };
+}
+export const useConfetti = createSharedComposable(_useConfetti);

package/dist/runtime/types/index.d.ts

@@ -36,6 +36,6 @@ export * from '../components/Tooltip.vue';
 export * from '../components/content/DescriptionList.vue';
 export * from '../components/prose/TableWrapper.vue';
 export * from './form';
-export * from './locale';
 export * from './icons';
+export * from './locale';
 export * from './utils';

package/dist/runtime/types/index.js

@@ -36,6 +36,6 @@ export * from "../components/Tooltip.vue";
 export * from "../components/content/DescriptionList.vue";
 export * from "../components/prose/TableWrapper.vue";
 export * from "./form.js";
-export * from "./locale.js";
 export * from "./icons.js";
+export * from "./locale.js";
 export * from "./utils.js";

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

@@ -186,7 +186,7 @@ function isLinkActive({ route: linkRoute, isActive, isExactActive }: any) {
   return false
 }
 
-function resolveLinkClass({ route, isActive, isExactActive }: any) {
+function resolveLinkClass({ route, isActive, isExactActive }: any = {}) {
   const active = isLinkActive({ route, isActive, isExactActive })
 
   if (props.raw) {
@@ -200,38 +200,10 @@ function resolveLinkClass({ route, isActive, isExactActive }: any) {
     isAction: Boolean(props.isAction)
   })
 }
-
-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 {
-    const [path, hash] = href.split('#')
-
-    window.location.pathname = path || ''
-    if (hash) {
-      window.location.hash = hash
-    } else {
-      window.location.hash = ''
-    }
-  }
-}
 </script>
 
 <template>
-  <template v-if="hasRouter">
+  <template v-if="hasRouter && !isExternal">
     <RouterLink v-slot="{ href, navigate, route: linkRoute, isActive, isExactActive }" v-bind="routerLinkProps" :to="to || '#'" custom>
       <template v-if="custom">
         <slot
@@ -241,7 +213,7 @@ const handleNavigation = (href: string) => {
             type,
             disabled,
             target: props.target ? props.target : undefined,
-            href: to ? (isExternal ? to as string : href) : undefined,
+            href: to ? href : undefined,
             navigate,
             active: isLinkActive({ route: linkRoute, isActive, isExactActive })
           }"
@@ -254,7 +226,7 @@ const handleNavigation = (href: string) => {
           as,
           type,
           disabled,
-          href: to ? (isExternal ? to as string : href) : undefined,
+          href: to ? href : undefined,
           navigate
         }"
         :class="resolveLinkClass({ route: linkRoute, isActive: isActive, isExactActive: isExactActive })"
@@ -272,8 +244,8 @@ const handleNavigation = (href: string) => {
           as,
           type,
           disabled,
-          href: to ? (isExternal ? to as string : href) : undefined,
-          navigate: () => to && handleNavigation(to as string),
+          href: to,
+          target: isExternal ? '_blank' : undefined,
           active: false
         }"
       />
@@ -285,10 +257,11 @@ const handleNavigation = (href: string) => {
         as,
         type,
         disabled,
-        href: to ? (isExternal ? to as string : to as string) : href as string
+        href: (to as string),
+        target: isExternal ? '_blank' : undefined
       }"
-      :class="resolveLinkClassNoRouter()"
-      @click="to && handleNavigation(to as string)"
+      :is-external="isExternal"
+      :class="resolveLinkClass()"
     >
       <slot :active="false" />
     </B24LinkBase>

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

@@ -2,7 +2,18 @@ import type { Ref } from 'vue';
 import type { NuxtApp } from '#app';
 export { useHead } from '@unhead/vue';
 export { useRoute, useRouter } from 'vue-router';
+export { defineShortcuts } from '../composables/defineShortcuts';
+export { useLocale } from '../composables/useLocale';
+export { useConfetti } from '../composables/useConfetti';
 export declare const useAppConfig: () => any;
+export declare const useCookie: <T = string>(_name: string, _options?: Record<string, any>) => {
+    value: Ref<T, T>;
+    get: () => T;
+    set: () => void;
+    update: () => void;
+    refresh: () => Promise<Awaited<T>>;
+    remove: () => void;
+};
 export declare const useState: <T>(key: string, init: () => T) => Ref<T>;
 export declare function useNuxtApp(): {
     isHydrating: boolean;

package/dist/runtime/vue/stubs.js

@@ -2,7 +2,24 @@ import { ref } from "vue";
 import appConfig from "#build/app.config";
 export { useHead } from "@unhead/vue";
 export { useRoute, useRouter } from "vue-router";
+export { defineShortcuts } from "../composables/defineShortcuts.js";
+export { useLocale } from "../composables/useLocale.js";
+export { useConfetti } from "../composables/useConfetti.js";
 export const useAppConfig = () => appConfig;
+export const useCookie = (_name, _options = {}) => {
+  const value = ref(null);
+  return {
+    value,
+    get: () => value.value,
+    set: () => {
+    },
+    update: () => {
+    },
+    refresh: () => Promise.resolve(value.value),
+    remove: () => {
+    }
+  };
+};
 const state = {};
 export const useState = (key, init) => {
   if (state[key]) {

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

@@ -5333,8 +5333,9 @@ function getTemplates(options) {
   templates.push({
     filename: "b24ui.css",
     write: true,
-    getContents: () => `@theme default {
-}
+    getContents: () => `@source "./b24ui";
+
+@theme default static {}
 `
   });
   templates.push({

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

@@ -5335,8 +5335,9 @@ function getTemplates(options) {
   templates.push({
     filename: "b24ui.css",
     write: true,
-    getContents: () => `@theme default {
-}
+    getContents: () => `@source "./b24ui";
+
+@theme default static {}
 `
   });
   templates.push({

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.DkKTVBhL.cjs');
+const templates = require('./shared/b24ui-nuxt.ngV6AJEg.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
@@ -217,10 +217,10 @@ const Bitrix24UIPlugin = unplugin.createUnplugin((_options = {}, meta) => {
         configResolved(config) {
           const plugins = config.plugins || [];
           if (plugins.filter((i) => i.name === "unplugin-auto-import").length > 1) {
-            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-auto-import` detected. Nuxt UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Bitrix24 UI module options.");
+            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-auto-import` detected. Bitrix24 UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Bitrix24 UI module options.");
           }
           if (plugins.filter((i) => i.name === "unplugin-vue-components").length > 1) {
-            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-vue-components` detected. Nuxt UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Bitrix24 UI module options.");
+            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-vue-components` detected. Bitrix24 UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Bitrix24 UI module options.");
           }
         }
       }

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.CxFyzKH7.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BTln9cW-.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -207,10 +207,10 @@ const Bitrix24UIPlugin = createUnplugin((_options = {}, meta) => {
         configResolved(config) {
           const plugins = config.plugins || [];
           if (plugins.filter((i) => i.name === "unplugin-auto-import").length > 1) {
-            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-auto-import` detected. Nuxt UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Bitrix24 UI module options.");
+            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-auto-import` detected. Bitrix24 UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Bitrix24 UI module options.");
           }
           if (plugins.filter((i) => i.name === "unplugin-vue-components").length > 1) {
-            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-vue-components` detected. Nuxt UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Bitrix24 UI module options.");
+            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-vue-components` detected. Bitrix24 UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Bitrix24 UI module options.");
           }
         }
       }

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.DkKTVBhL.cjs');
+require('./shared/b24ui-nuxt.ngV6AJEg.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.CxFyzKH7.mjs';
+import './shared/b24ui-nuxt.BTln9cW-.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.1",
+  "version": "0.3.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -71,12 +71,13 @@
     "@nuxt/kit": "^3.15.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.8",
-    "@tailwindcss/vite": "^4.0.8",
+    "@tailwindcss/postcss": "^4.0.9",
+    "@tailwindcss/vite": "^4.0.9",
     "@tanstack/vue-table": "^8.21.2",
     "@unhead/vue": "^1.11.19",
     "@vueuse/core": "^12.7.0",
     "@vueuse/integrations": "^12.7.0",
+    "canvas-confetti": "^1.9.3",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.0",
     "defu": "^6.1.4",
@@ -97,22 +98,23 @@
     "scule": "^1.3.0",
     "sirv": "^3.0.1",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.8",
-    "tinyglobby": "^0.2.11",
+    "tailwindcss": "^4.0.9",
+    "tinyglobby": "^0.2.12",
     "unplugin": "^2.2.0",
     "unplugin-auto-import": "^19.1.0",
     "unplugin-vue-components": "^28.4.0",
     "vaul-vue": "^0.3.0"
   },
   "devDependencies": {
+    "@types/canvas-confetti": "^1.9.0",
     "@nuxt/eslint-config": "^1.1.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.17.0",
     "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
-    "eslint": "^9.20.1",
-    "happy-dom": "^17.1.1",
+    "eslint": "^9.21.0",
+    "happy-dom": "^17.1.2",
     "joi": "^17.13.3",
     "knitwork": "^1.2.0",
     "nuxt": "^3.15.4",
@@ -120,7 +122,7 @@
     "superstruct": "^2.0.2",
     "valibot": "^0.42.1",
     "vitepress": "^1.5.0",
-    "vitest": "^3.0.6",
+    "vitest": "^3.0.7",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.0",
     "yup": "^1.6.1",
@@ -133,6 +135,7 @@
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
+    "happy-dom": "17.1.2",
     "rollup": "4.32.1",
     "typescript": "5.6.3",
     "unimport": "3.14.5",