@bitrix24/b24ui-nuxt 0.5.5 → 0.5.7

package/dist/runtime/vue/stubs.js

@@ -1,4 +1,5 @@
-import { ref } from "vue";
+import { ref, onScopeDispose } from "vue";
+import { createHooks } from "hookable";
 import appConfig from "#build/app.config";
 import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 export { useHead } from "@unhead/vue";
@@ -52,12 +53,20 @@ export const useState = (key, init) => {
   state[key] = value;
   return value;
 };
+const hooks = createHooks();
 export function useNuxtApp() {
   return {
     isHydrating: true,
-    payload: { serverRendered: false }
+    payload: { serverRendered: false },
+    hooks,
+    hook: hooks.hook
   };
 }
+export function useRuntimeHook(name, fn) {
+  const nuxtApp = useNuxtApp();
+  const unregister = nuxtApp.hook(name, fn);
+  onScopeDispose(unregister);
+}
 export function defineNuxtPlugin(plugin) {
   return {
     install(app) {

package/dist/shared/{b24ui-nuxt.BGKKwlPY.cjs → b24ui-nuxt.BsnG7poi.cjs}

@@ -2206,7 +2206,7 @@ const formField = {
 
 const input = {
   slots: {
-    root: "relative inline-flex items-center w-full",
+    root: "isolate relative inline-flex items-center w-full",
     base: [
       "px-3",
       "w-full py-0 border-0 focus:outline-none",
@@ -2999,7 +2999,7 @@ const inputNumber = () => {
   const input$1 = input;
   return {
     slots: {
-      root: "relative inline-flex items-center",
+      root: "isolate relative inline-flex items-center",
       base: [
         "w-full py-0 border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
         "placeholder:text-base-400",
@@ -5181,7 +5181,7 @@ const select = () => {
   return defu.defuFn(
     {
       slots: {
-        root: () => "relative inline-flex items-center w-full",
+        root: () => "isolate relative inline-flex items-center w-full",
         base: () => [
           "px-3",
           "relative inline-flex items-center group",
@@ -6008,7 +6008,7 @@ const tabs = {
 
 const textarea = {
   slots: {
-    root: "relative inline-flex items-center w-full",
+    root: "isolate relative inline-flex items-center w-full",
     base: [
       "w-full px-3 py-1.5 border-0 focus:outline-none",
       "disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:resize-none disabled:text-base-500",
@@ -6533,6 +6533,7 @@ const sidebarLayout = {
       "flex items-center",
       "lg:hidden"
     ].join(" "),
+    headerMenuIcon: "",
     headerPaddings: [
       "py-2.5"
     ].join(" "),
@@ -6542,9 +6543,7 @@ const sidebarLayout = {
     ].join(" "),
     container: [
       "flex-1 flex flex-col",
-      "lg:min-w-0",
-      "pb-2",
-      "lg:pt-2 lg:pr-2"
+      "lg:min-w-0"
     ].join(" "),
     containerWrapper: [
       "grow"
@@ -6557,7 +6556,7 @@ const sidebarLayout = {
         container: "lg:pl-[240px]"
       },
       false: {
-        container: ""
+        container: "pb-2 lg:pt-2 lg:px-2"
       }
     },
     useLightContent: {
@@ -6566,6 +6565,9 @@ const sidebarLayout = {
           "bg-white dark:bg-white/10",
           "lg:bg-base-50 dark:lg:bg-base-dark"
         ].join(" "),
+        container: [
+          "pb-2 lg:pt-2 lg:pr-2"
+        ].join(" "),
         containerWrapper: [
           "p-6 lg:p-10",
           "lg:bg-white dark:lg:bg-white/10",
@@ -6589,12 +6591,88 @@ const sidebarLayout = {
 
 const stackedLayout = {
   slots: {
-    root: "",
-    container: ""
+    root: [
+      "min-h-svh w-full",
+      "flex flex-col",
+      "lg:px-2",
+      "relative isolate"
+    ].join(" "),
+    sidebarSlideoverContainer: [
+      "max-w-80",
+      "p-2",
+      "bg-transparent dark:bg-transparent sm:shadow-none"
+    ].join(" "),
+    sidebarSlideover: [
+      "h-full",
+      "overflow-hidden",
+      "flex flex-col",
+      "bg-white dark:bg-base-dark",
+      "ring-1 ring-base-950/5 dark:ring-white/10",
+      "shadow-xs",
+      "rounded-lg"
+    ].join(" "),
+    sidebarSlideoverBtnClose: [
+      "-mb-3",
+      "px-4 pt-3"
+    ].join(" "),
+    header: [
+      "px-4",
+      "flex items-center",
+      /**
+       * @memo this sync with NavigationMenu
+       */
+      "h-[84px]"
+    ].join(" "),
+    headerMenuIcon: [
+      "lg:hidden"
+    ].join(" "),
+    headerPaddings: [
+      "py-2.5"
+    ].join(" "),
+    headerWrapper: [
+      "min-w-0",
+      "flex-1"
+    ].join(" "),
+    container: [
+      "flex-1 flex flex-col",
+      "lg:min-w-0",
+      "pb-2"
+    ].join(" "),
+    containerWrapper: [
+      "grow"
+    ].join(" "),
+    containerWrapperInner: ""
+  },
+  variants: {
+    useSidebar: {
+      true: "",
+      false: ""
+    },
+    useLightContent: {
+      true: {
+        root: [
+          "bg-white dark:bg-white/10",
+          "lg:bg-base-50 dark:lg:bg-base-dark"
+        ].join(" "),
+        containerWrapper: [
+          "p-6 lg:p-10",
+          "lg:bg-white dark:lg:bg-white/10",
+          "lg:ring-1 lg:ring-base-950/5 dark:lg:ring-white/10",
+          "lg:shadow-xs",
+          "lg:rounded-lg"
+        ].join(" ")
+      },
+      false: {
+        container: [
+          "px-4"
+        ].join(" ")
+      }
+    }
   },
-  variants: {},
   compoundVariants: [],
-  defaultVariants: {}
+  defaultVariants: {
+    useLightContent: true
+  }
 };
 
 const sidebar = {

package/dist/shared/{b24ui-nuxt.DWwKgFlo.mjs → b24ui-nuxt.CMCKw62O.mjs}

@@ -2204,7 +2204,7 @@ const formField = {
 
 const input = {
   slots: {
-    root: "relative inline-flex items-center w-full",
+    root: "isolate relative inline-flex items-center w-full",
     base: [
       "px-3",
       "w-full py-0 border-0 focus:outline-none",
@@ -2997,7 +2997,7 @@ const inputNumber = () => {
   const input$1 = input;
   return {
     slots: {
-      root: "relative inline-flex items-center",
+      root: "isolate relative inline-flex items-center",
       base: [
         "w-full py-0 border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
         "placeholder:text-base-400",
@@ -5179,7 +5179,7 @@ const select = () => {
   return defuFn(
     {
       slots: {
-        root: () => "relative inline-flex items-center w-full",
+        root: () => "isolate relative inline-flex items-center w-full",
         base: () => [
           "px-3",
           "relative inline-flex items-center group",
@@ -6006,7 +6006,7 @@ const tabs = {
 
 const textarea = {
   slots: {
-    root: "relative inline-flex items-center w-full",
+    root: "isolate relative inline-flex items-center w-full",
     base: [
       "w-full px-3 py-1.5 border-0 focus:outline-none",
       "disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:resize-none disabled:text-base-500",
@@ -6531,6 +6531,7 @@ const sidebarLayout = {
       "flex items-center",
       "lg:hidden"
     ].join(" "),
+    headerMenuIcon: "",
     headerPaddings: [
       "py-2.5"
     ].join(" "),
@@ -6540,9 +6541,7 @@ const sidebarLayout = {
     ].join(" "),
     container: [
       "flex-1 flex flex-col",
-      "lg:min-w-0",
-      "pb-2",
-      "lg:pt-2 lg:pr-2"
+      "lg:min-w-0"
     ].join(" "),
     containerWrapper: [
       "grow"
@@ -6555,7 +6554,7 @@ const sidebarLayout = {
         container: "lg:pl-[240px]"
       },
       false: {
-        container: ""
+        container: "pb-2 lg:pt-2 lg:px-2"
       }
     },
     useLightContent: {
@@ -6564,6 +6563,9 @@ const sidebarLayout = {
           "bg-white dark:bg-white/10",
           "lg:bg-base-50 dark:lg:bg-base-dark"
         ].join(" "),
+        container: [
+          "pb-2 lg:pt-2 lg:pr-2"
+        ].join(" "),
         containerWrapper: [
           "p-6 lg:p-10",
           "lg:bg-white dark:lg:bg-white/10",
@@ -6587,12 +6589,88 @@ const sidebarLayout = {
 
 const stackedLayout = {
   slots: {
-    root: "",
-    container: ""
+    root: [
+      "min-h-svh w-full",
+      "flex flex-col",
+      "lg:px-2",
+      "relative isolate"
+    ].join(" "),
+    sidebarSlideoverContainer: [
+      "max-w-80",
+      "p-2",
+      "bg-transparent dark:bg-transparent sm:shadow-none"
+    ].join(" "),
+    sidebarSlideover: [
+      "h-full",
+      "overflow-hidden",
+      "flex flex-col",
+      "bg-white dark:bg-base-dark",
+      "ring-1 ring-base-950/5 dark:ring-white/10",
+      "shadow-xs",
+      "rounded-lg"
+    ].join(" "),
+    sidebarSlideoverBtnClose: [
+      "-mb-3",
+      "px-4 pt-3"
+    ].join(" "),
+    header: [
+      "px-4",
+      "flex items-center",
+      /**
+       * @memo this sync with NavigationMenu
+       */
+      "h-[84px]"
+    ].join(" "),
+    headerMenuIcon: [
+      "lg:hidden"
+    ].join(" "),
+    headerPaddings: [
+      "py-2.5"
+    ].join(" "),
+    headerWrapper: [
+      "min-w-0",
+      "flex-1"
+    ].join(" "),
+    container: [
+      "flex-1 flex flex-col",
+      "lg:min-w-0",
+      "pb-2"
+    ].join(" "),
+    containerWrapper: [
+      "grow"
+    ].join(" "),
+    containerWrapperInner: ""
+  },
+  variants: {
+    useSidebar: {
+      true: "",
+      false: ""
+    },
+    useLightContent: {
+      true: {
+        root: [
+          "bg-white dark:bg-white/10",
+          "lg:bg-base-50 dark:lg:bg-base-dark"
+        ].join(" "),
+        containerWrapper: [
+          "p-6 lg:p-10",
+          "lg:bg-white dark:lg:bg-white/10",
+          "lg:ring-1 lg:ring-base-950/5 dark:lg:ring-white/10",
+          "lg:shadow-xs",
+          "lg:rounded-lg"
+        ].join(" ")
+      },
+      false: {
+        container: [
+          "px-4"
+        ].join(" ")
+      }
+    }
   },
-  variants: {},
   compoundVariants: [],
-  defaultVariants: {}
+  defaultVariants: {
+    useLightContent: true
+  }
 };
 
 const sidebar = {

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.BGKKwlPY.cjs');
+const templates = require('./shared/b24ui-nuxt.BsnG7poi.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.DWwKgFlo.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CMCKw62O.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.BGKKwlPY.cjs');
+require('./shared/b24ui-nuxt.BsnG7poi.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.DWwKgFlo.mjs';
+import './shared/b24ui-nuxt.CMCKw62O.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.5.5",
+  "version": "0.5.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -79,7 +79,7 @@
     "@tailwindcss/postcss": "^4.0.17",
     "@tailwindcss/vite": "^4.0.17",
     "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^2.0.1",
+    "@unhead/vue": "^2.0.2",
     "@vueuse/core": "^13.0.0",
     "@vueuse/integrations": "^13.0.0",
     "canvas-confetti": "^1.9.3",
@@ -94,6 +94,7 @@
     "embla-carousel-vue": "^8.5.2",
     "embla-carousel-wheel-gestures": "^8.0.1",
     "fuse.js": "^7.1.0",
+    "hookable": "^5.5.3",
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.17",
     "mlly": "^1.7.4",