@bitrix24/b24ui-nuxt 0.5.9 → 0.5.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.nuxt/b24ui/navigation-menu.ts +0 -2
- package/.nuxt/b24ui/popover.ts +1 -1
- package/dist/meta.cjs +734 -842
- package/dist/meta.d.cts +734 -842
- package/dist/meta.d.mts +734 -842
- package/dist/meta.d.ts +734 -842
- package/dist/meta.mjs +734 -842
- package/dist/module.cjs +11 -7
- package/dist/module.json +3 -3
- package/dist/module.mjs +11 -7
- package/dist/runtime/components/Button.vue +8 -1
- package/dist/runtime/components/DropdownMenuContent.vue +8 -5
- package/dist/runtime/components/InputMenu.vue +0 -1
- package/dist/runtime/components/NavigationMenu.vue +17 -15
- package/dist/runtime/components/SelectMenu.vue +0 -1
- package/dist/runtime/components/Tabs.vue +8 -4
- package/dist/runtime/components/Toaster.vue +7 -2
- package/dist/runtime/composables/useComponentIcons.d.ts +2 -2
- package/dist/runtime/vue/stubs.d.ts +3 -3
- package/dist/shared/{b24ui-nuxt.C1lGF53R.mjs → b24ui-nuxt.CS9Lf0os.mjs} +4 -3
- package/dist/shared/{b24ui-nuxt.BVg3rkkG.cjs → b24ui-nuxt.DrKwIWoc.cjs} +4 -3
- package/dist/unplugin.cjs +1 -1
- package/dist/unplugin.mjs +1 -1
- package/dist/vite.cjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +57 -18
package/dist/module.cjs
CHANGED
|
@@ -2,19 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
const defu = require('defu');
|
|
4
4
|
const kit = require('@nuxt/kit');
|
|
5
|
-
const templates = require('./shared/b24ui-nuxt.
|
|
5
|
+
const templates = require('./shared/b24ui-nuxt.DrKwIWoc.cjs');
|
|
6
6
|
require('node:url');
|
|
7
7
|
require('scule');
|
|
8
8
|
|
|
9
9
|
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
10
|
+
const name = "@bitrix24/b24ui-nuxt";
|
|
11
|
+
const version = "0.5.11";
|
|
12
|
+
|
|
10
13
|
const module$1 = kit.defineNuxtModule({
|
|
11
14
|
meta: {
|
|
12
|
-
name
|
|
15
|
+
name,
|
|
16
|
+
version,
|
|
17
|
+
docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
|
|
13
18
|
configKey: "b24ui",
|
|
14
19
|
compatibility: {
|
|
15
20
|
nuxt: ">=3.16.0"
|
|
16
|
-
}
|
|
17
|
-
docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html"
|
|
21
|
+
}
|
|
18
22
|
},
|
|
19
23
|
defaults: templates.defaultOptions,
|
|
20
24
|
async setup(options, nuxt) {
|
|
@@ -30,9 +34,9 @@ const module$1 = kit.defineNuxtModule({
|
|
|
30
34
|
} else {
|
|
31
35
|
nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
|
|
32
36
|
}
|
|
33
|
-
async function registerModule(
|
|
34
|
-
if (!kit.hasNuxtModule(
|
|
35
|
-
await kit.installModule(
|
|
37
|
+
async function registerModule(name2, key, options2) {
|
|
38
|
+
if (!kit.hasNuxtModule(name2)) {
|
|
39
|
+
await kit.installModule(name2, options2);
|
|
36
40
|
} else {
|
|
37
41
|
nuxt.options[key] = defu.defu(nuxt.options[key], options2);
|
|
38
42
|
}
|
package/dist/module.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "b24ui",
|
|
2
|
+
"name": "@bitrix24/b24ui-nuxt",
|
|
3
|
+
"version": "0.5.11",
|
|
4
|
+
"docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
|
|
3
5
|
"configKey": "b24ui",
|
|
4
6
|
"compatibility": {
|
|
5
7
|
"nuxt": ">=3.16.0"
|
|
6
8
|
},
|
|
7
|
-
"docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
|
|
8
|
-
"version": "0.5.9",
|
|
9
9
|
"builder": {
|
|
10
10
|
"@nuxt/module-builder": "0.8.4",
|
|
11
11
|
"unbuild": "2.0.0"
|
package/dist/module.mjs
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
import { defu } from 'defu';
|
|
2
2
|
import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
|
|
3
|
-
import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.
|
|
3
|
+
import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CS9Lf0os.mjs';
|
|
4
4
|
import 'node:url';
|
|
5
5
|
import 'scule';
|
|
6
6
|
|
|
7
|
+
const name = "@bitrix24/b24ui-nuxt";
|
|
8
|
+
const version = "0.5.11";
|
|
9
|
+
|
|
7
10
|
const module = defineNuxtModule({
|
|
8
11
|
meta: {
|
|
9
|
-
name
|
|
12
|
+
name,
|
|
13
|
+
version,
|
|
14
|
+
docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
|
|
10
15
|
configKey: "b24ui",
|
|
11
16
|
compatibility: {
|
|
12
17
|
nuxt: ">=3.16.0"
|
|
13
|
-
}
|
|
14
|
-
docs: "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html"
|
|
18
|
+
}
|
|
15
19
|
},
|
|
16
20
|
defaults: defaultOptions,
|
|
17
21
|
async setup(options, nuxt) {
|
|
@@ -27,9 +31,9 @@ const module = defineNuxtModule({
|
|
|
27
31
|
} else {
|
|
28
32
|
nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
|
|
29
33
|
}
|
|
30
|
-
async function registerModule(
|
|
31
|
-
if (!hasNuxtModule(
|
|
32
|
-
await installModule(
|
|
34
|
+
async function registerModule(name2, key, options2) {
|
|
35
|
+
if (!hasNuxtModule(name2)) {
|
|
36
|
+
await installModule(name2, options2);
|
|
33
37
|
} else {
|
|
34
38
|
nuxt.options[key] = defu(nuxt.options[key], options2);
|
|
35
39
|
}
|
|
@@ -115,6 +115,13 @@ const slots = defineSlots<ButtonSlots>()
|
|
|
115
115
|
|
|
116
116
|
const linkProps = useForwardProps(pickLinkProps(props))
|
|
117
117
|
|
|
118
|
+
/**
|
|
119
|
+
* @memo Problem use at Docs (vue): omit not exports
|
|
120
|
+
*/
|
|
121
|
+
const proxyLinkProps = computed(() => {
|
|
122
|
+
return omit(linkProps.value, ['type', 'disabled', 'onClick'])
|
|
123
|
+
})
|
|
124
|
+
|
|
118
125
|
const { orientation, size: buttonSize, noSplit } = useButtonGroup<ButtonProps>(props)
|
|
119
126
|
|
|
120
127
|
const loadingAutoState = ref(false)
|
|
@@ -184,7 +191,7 @@ const b24ui = computed(() => tv({
|
|
|
184
191
|
:type="type"
|
|
185
192
|
:disabled="disabled || isLoading"
|
|
186
193
|
:class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
|
|
187
|
-
v-bind="
|
|
194
|
+
v-bind="proxyLinkProps"
|
|
188
195
|
custom
|
|
189
196
|
>
|
|
190
197
|
<B24LinkBase
|
|
@@ -56,6 +56,9 @@ const slots = defineSlots<DropdownMenuContentSlots<T>>()
|
|
|
56
56
|
const { dir } = useLocale()
|
|
57
57
|
const contentProps = useForwardPropsEmits(reactiveOmit(props, 'sub', 'items', 'portal', 'labelKey', 'checkedIcon', 'externalIcon', 'class', 'b24ui', 'b24uiOverride'), emits)
|
|
58
58
|
const proxySlots = omit(slots, ['default'])
|
|
59
|
+
const getLabel = (item: DropdownMenuItem) => {
|
|
60
|
+
return get(item, props.labelKey as string)
|
|
61
|
+
}
|
|
59
62
|
|
|
60
63
|
const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<{ item: DropdownMenuItem, active?: boolean, index: number }>()
|
|
61
64
|
|
|
@@ -91,9 +94,9 @@ const groups = computed<DropdownMenuItem[][]>(() =>
|
|
|
91
94
|
/>
|
|
92
95
|
</slot>
|
|
93
96
|
|
|
94
|
-
<span v-if="
|
|
97
|
+
<span v-if="getLabel(item) || !!slots[(item.slot ? `${item.slot}-label`: 'item-label') as keyof DropdownMenuContentSlots<T>]" :class="b24ui.itemLabel({ class: b24uiOverride?.itemLabel, active })">
|
|
95
98
|
<slot :name="((item.slot ? `${item.slot}-label`: 'item-label') as keyof DropdownMenuContentSlots<T>)" :item="(item as Extract<NestedItem<T>, { slot: string; }>)" :active="active" :index="index">
|
|
96
|
-
{{
|
|
99
|
+
{{ getLabel(item) }}
|
|
97
100
|
</slot>
|
|
98
101
|
<Component
|
|
99
102
|
:is="typeof externalIcon !== 'boolean' ? externalIcon : icons.external"
|
|
@@ -137,7 +140,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
|
|
|
137
140
|
as="button"
|
|
138
141
|
type="button"
|
|
139
142
|
:disabled="item.disabled"
|
|
140
|
-
:text-value="
|
|
143
|
+
:text-value="getLabel(item)"
|
|
141
144
|
:class="b24ui.item({ class: b24uiOverride?.item, color: item?.color })"
|
|
142
145
|
>
|
|
143
146
|
<ReuseItemTemplate :item="item" :index="index" />
|
|
@@ -167,7 +170,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
|
|
|
167
170
|
v-else-if="item.type === 'checkbox'"
|
|
168
171
|
:model-value="item.checked"
|
|
169
172
|
:disabled="item.disabled"
|
|
170
|
-
:text-value="
|
|
173
|
+
:text-value="getLabel(item)"
|
|
171
174
|
:class="b24ui.item({ class: [b24uiOverride?.item, item.class], color: item?.color })"
|
|
172
175
|
@update:model-value="item.onUpdateChecked"
|
|
173
176
|
@select="item.onSelect"
|
|
@@ -178,7 +181,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
|
|
|
178
181
|
v-else
|
|
179
182
|
as-child
|
|
180
183
|
:disabled="item.disabled"
|
|
181
|
-
:text-value="
|
|
184
|
+
:text-value="getLabel(item)"
|
|
182
185
|
@select="item.onSelect"
|
|
183
186
|
>
|
|
184
187
|
<B24Link v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item as Omit<DropdownMenuItem, 'type'>)" custom>
|
|
@@ -186,21 +186,23 @@ const rootProps = useForwardPropsEmits(computed(() => ({
|
|
|
186
186
|
|
|
187
187
|
const contentProps = toRef(() => props.content)
|
|
188
188
|
|
|
189
|
-
const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate<
|
|
190
|
-
|
|
191
|
-
NavigationMenuSlots<T>
|
|
192
|
-
>()
|
|
193
|
-
const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<
|
|
194
|
-
{ item: NavigationMenuItem, index: number, level?: number },
|
|
195
|
-
NavigationMenuSlots<T>
|
|
196
|
-
>({
|
|
189
|
+
const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate<{ item: NavigationMenuItem, index: number, active?: boolean }>()
|
|
190
|
+
const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate<{ item: NavigationMenuItem, index: number, level?: number }>({
|
|
197
191
|
props: {
|
|
198
192
|
item: Object,
|
|
199
193
|
index: Number,
|
|
200
|
-
|
|
194
|
+
// @memo problem compile
|
|
195
|
+
level: {
|
|
196
|
+
type: Number,
|
|
197
|
+
default: 0
|
|
198
|
+
}
|
|
201
199
|
}
|
|
202
200
|
})
|
|
203
201
|
|
|
202
|
+
const getLabel = (item: NavigationMenuItem) => {
|
|
203
|
+
return get(item, props.labelKey as string)
|
|
204
|
+
}
|
|
205
|
+
|
|
204
206
|
const b24ui = computed(() => navigationMenu({
|
|
205
207
|
orientation: props.orientation,
|
|
206
208
|
contentOrientation: props.contentOrientation,
|
|
@@ -234,11 +236,11 @@ const lists = computed<NavigationMenuItem[][]>(() =>
|
|
|
234
236
|
</slot>
|
|
235
237
|
|
|
236
238
|
<span
|
|
237
|
-
v-if="(!collapsed || orientation !== 'vertical') && (
|
|
239
|
+
v-if="(!collapsed || orientation !== 'vertical') && (getLabel(item) || !!slots[(item.slot ? `${item.slot}-label` : 'item-label') as keyof NavigationMenuSlots<T>])"
|
|
238
240
|
:class="b24ui.linkLabel({ class: props.b24ui?.linkLabel, active })"
|
|
239
241
|
>
|
|
240
242
|
<slot :name="((item.slot ? `${item.slot}-label` : 'item-label') as keyof NavigationMenuSlots<T>)" :item="item" :active="active" :index="index">
|
|
241
|
-
{{
|
|
243
|
+
{{ getLabel(item) }}
|
|
242
244
|
</slot>
|
|
243
245
|
|
|
244
246
|
<Component
|
|
@@ -275,7 +277,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
|
|
|
275
277
|
</slot>
|
|
276
278
|
</DefineLinkTemplate>
|
|
277
279
|
|
|
278
|
-
<DefineItemTemplate v-slot="{ item, index, level
|
|
280
|
+
<DefineItemTemplate v-slot="{ item, index, level }">
|
|
279
281
|
<component
|
|
280
282
|
:is="(orientation === 'vertical' && item.children?.length && !collapsed) ? B24Collapsible : NavigationMenuItem"
|
|
281
283
|
as="li"
|
|
@@ -295,7 +297,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
|
|
|
295
297
|
:disabled="item.disabled"
|
|
296
298
|
@select="item.onSelect"
|
|
297
299
|
>
|
|
298
|
-
<B24LinkBase v-bind="slotProps" :class="b24ui.link({ class: [props.b24ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: orientation === 'horizontal' || level > 0 })">
|
|
300
|
+
<B24LinkBase v-bind="slotProps" :class="b24ui.link({ class: [props.b24ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: orientation === 'horizontal' || (level || 0) > 0 })">
|
|
299
301
|
<ReuseLinkTemplate :item="item" :active="active || item.active" :index="index" />
|
|
300
302
|
</B24LinkBase>
|
|
301
303
|
</component>
|
|
@@ -320,7 +322,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
|
|
|
320
322
|
|
|
321
323
|
<div :class="b24ui.childLinkWrapper({ class: props.b24ui?.childLinkWrapper })">
|
|
322
324
|
<p :class="b24ui.childLinkLabel({ class: props.b24ui?.childLinkLabel, active: childActive })">
|
|
323
|
-
{{
|
|
325
|
+
{{ getLabel(childItem) }}
|
|
324
326
|
|
|
325
327
|
<Component
|
|
326
328
|
:is="typeof externalIcon === 'string' ? externalIcon : icons.external"
|
|
@@ -348,7 +350,7 @@ const lists = computed<NavigationMenuItem[][]>(() =>
|
|
|
348
350
|
:key="childIndex"
|
|
349
351
|
:item="childItem"
|
|
350
352
|
:index="childIndex"
|
|
351
|
-
:level="level + 1"
|
|
353
|
+
:level="(level || 0) + 1"
|
|
352
354
|
:class="b24ui.childItem({ class: props.b24ui?.childItem })"
|
|
353
355
|
/>
|
|
354
356
|
</ul>
|
|
@@ -98,6 +98,10 @@ const slots = defineSlots<TabsSlots<T>>()
|
|
|
98
98
|
|
|
99
99
|
const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'modelValue', 'defaultValue', 'orientation', 'activationMode', 'unmountOnHide'), emits)
|
|
100
100
|
|
|
101
|
+
const getLabel = (item: TabsItem) => {
|
|
102
|
+
return get(item, props.labelKey as string)
|
|
103
|
+
}
|
|
104
|
+
|
|
101
105
|
const b24ui = computed(() => tabs({
|
|
102
106
|
color: props.color,
|
|
103
107
|
variant: props.variant,
|
|
@@ -111,7 +115,7 @@ const b24ui = computed(() => tabs({
|
|
|
111
115
|
<TabsList :class="b24ui.list({ class: props.b24ui?.list })">
|
|
112
116
|
<TabsIndicator :class="b24ui.indicator({ class: props.b24ui?.indicator })" />
|
|
113
117
|
|
|
114
|
-
<TabsTrigger v-for="(item, index)
|
|
118
|
+
<TabsTrigger v-for="(item, index) in items" :key="index" :value="item.value || String(index)" :disabled="item.disabled" :class="b24ui.trigger({ class: props.b24ui?.trigger })">
|
|
115
119
|
<slot name="leading" :item="item" :index="index">
|
|
116
120
|
<Component
|
|
117
121
|
:is="item.icon"
|
|
@@ -121,8 +125,8 @@ const b24ui = computed(() => tabs({
|
|
|
121
125
|
<B24Avatar v-else-if="item.avatar" :size="((props.b24ui?.leadingAvatarSize || b24ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="b24ui.leadingAvatar({ class: props.b24ui?.leadingAvatar })" />
|
|
122
126
|
</slot>
|
|
123
127
|
|
|
124
|
-
<span v-if="
|
|
125
|
-
<slot :item="item" :index="index">{{
|
|
128
|
+
<span v-if="getLabel(item) || !!slots.default" :class="b24ui.label({ class: props.b24ui?.label })">
|
|
129
|
+
<slot :item="item" :index="index">{{ getLabel(item) }}</slot>
|
|
126
130
|
</span>
|
|
127
131
|
|
|
128
132
|
<slot name="trailing" :item="item" :index="index" />
|
|
@@ -130,7 +134,7 @@ const b24ui = computed(() => tabs({
|
|
|
130
134
|
</TabsList>
|
|
131
135
|
|
|
132
136
|
<template v-if="!!content">
|
|
133
|
-
<TabsContent v-for="(item, index)
|
|
137
|
+
<TabsContent v-for="(item, index) in items" :key="index" :value="item.value || String(index)" :class="b24ui.content({ class: props.b24ui?.content })">
|
|
134
138
|
<slot :name="((item.slot || 'content') as keyof TabsSlots<T>)" :item="(item as Extract<T, { slot: string; }>)" :index="index">
|
|
135
139
|
{{ item.content }}
|
|
136
140
|
</slot>
|
|
@@ -50,6 +50,7 @@ import { ref, computed } from 'vue'
|
|
|
50
50
|
import { ToastProvider, ToastViewport, ToastPortal, useForwardProps } from 'reka-ui'
|
|
51
51
|
import { reactivePick } from '@vueuse/core'
|
|
52
52
|
import { useToast } from '../composables/useToast'
|
|
53
|
+
import type { Toast } from '../composables/useToast'
|
|
53
54
|
import { omit } from '../utils'
|
|
54
55
|
import B24Toast from './Toast.vue'
|
|
55
56
|
|
|
@@ -63,6 +64,10 @@ defineSlots<ToasterSlots>()
|
|
|
63
64
|
|
|
64
65
|
const providerProps = useForwardProps(reactivePick(props, 'duration', 'label', 'swipeThreshold'))
|
|
65
66
|
|
|
67
|
+
const proxyToastProps = (toast: Toast) => {
|
|
68
|
+
return omit(toast, ['id', 'close'])
|
|
69
|
+
}
|
|
70
|
+
|
|
66
71
|
const { toasts, remove } = useToast()
|
|
67
72
|
|
|
68
73
|
const swipeDirection = computed(() => {
|
|
@@ -112,10 +117,10 @@ function getOffset(index: number) {
|
|
|
112
117
|
<slot />
|
|
113
118
|
|
|
114
119
|
<B24Toast
|
|
115
|
-
v-for="(toast, index)
|
|
120
|
+
v-for="(toast, index) in toasts"
|
|
116
121
|
:key="toast.id"
|
|
117
122
|
ref="refs"
|
|
118
|
-
v-bind="
|
|
123
|
+
v-bind="proxyToastProps(toast)"
|
|
119
124
|
:close="(toast.close as boolean)"
|
|
120
125
|
:data-expanded="expanded"
|
|
121
126
|
:data-front="!expanded && index === toasts.length - 1"
|
|
@@ -22,6 +22,6 @@ export interface UseComponentIconsProps {
|
|
|
22
22
|
export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
|
|
23
23
|
isLeading: import("vue").ComputedRef<any>;
|
|
24
24
|
isTrailing: import("vue").ComputedRef<boolean>;
|
|
25
|
-
leadingIconName: import("vue").ComputedRef<
|
|
26
|
-
trailingIconName: import("vue").ComputedRef<
|
|
25
|
+
leadingIconName: import("vue").ComputedRef<IconComponent | undefined>;
|
|
26
|
+
trailingIconName: import("vue").ComputedRef<IconComponent | undefined>;
|
|
27
27
|
};
|
|
@@ -9,10 +9,10 @@ export { useConfetti } from '../composables/useConfetti';
|
|
|
9
9
|
export { useOverlay } from '../composables/useOverlay';
|
|
10
10
|
export declare const useColorMode: () => {
|
|
11
11
|
forced: boolean;
|
|
12
|
-
preference?:
|
|
13
|
-
readonly value?:
|
|
12
|
+
preference?: undefined;
|
|
13
|
+
readonly value?: undefined;
|
|
14
14
|
} | {
|
|
15
|
-
preference: "
|
|
15
|
+
preference: "dark" | "light" | "system";
|
|
16
16
|
readonly value: import("@vueuse/core").BasicColorMode;
|
|
17
17
|
forced: boolean;
|
|
18
18
|
};
|
|
@@ -3573,6 +3573,7 @@ const navigationMenu = {
|
|
|
3573
3573
|
"z-[1]"
|
|
3574
3574
|
].join(" "),
|
|
3575
3575
|
content: "absolute top-0 left-0 w-full",
|
|
3576
|
+
// sm:w-auto
|
|
3576
3577
|
indicator: [
|
|
3577
3578
|
"absolute",
|
|
3578
3579
|
"motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
|
|
@@ -3669,7 +3670,7 @@ const navigationMenu = {
|
|
|
3669
3670
|
},
|
|
3670
3671
|
contentOrientation: {
|
|
3671
3672
|
horizontal: {
|
|
3672
|
-
viewport:
|
|
3673
|
+
// viewport: '',
|
|
3673
3674
|
viewportWrapper: "justify-center",
|
|
3674
3675
|
content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]",
|
|
3675
3676
|
childLinkLabelExternalIcon: [
|
|
@@ -3681,7 +3682,7 @@ const navigationMenu = {
|
|
|
3681
3682
|
"w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
|
|
3682
3683
|
"[&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]"
|
|
3683
3684
|
].join(" "),
|
|
3684
|
-
content:
|
|
3685
|
+
// content: '',
|
|
3685
3686
|
childLinkLabel: [
|
|
3686
3687
|
"text-md",
|
|
3687
3688
|
"text-base-950 dark:text-base-50"
|
|
@@ -4611,7 +4612,7 @@ const popover = {
|
|
|
4611
4612
|
"motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
|
|
4612
4613
|
"focus:outline-none pointer-events-auto"
|
|
4613
4614
|
].join(" "),
|
|
4614
|
-
arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-
|
|
4615
|
+
arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
|
|
4615
4616
|
}
|
|
4616
4617
|
};
|
|
4617
4618
|
|
|
@@ -3575,6 +3575,7 @@ const navigationMenu = {
|
|
|
3575
3575
|
"z-[1]"
|
|
3576
3576
|
].join(" "),
|
|
3577
3577
|
content: "absolute top-0 left-0 w-full",
|
|
3578
|
+
// sm:w-auto
|
|
3578
3579
|
indicator: [
|
|
3579
3580
|
"absolute",
|
|
3580
3581
|
"motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
|
|
@@ -3671,7 +3672,7 @@ const navigationMenu = {
|
|
|
3671
3672
|
},
|
|
3672
3673
|
contentOrientation: {
|
|
3673
3674
|
horizontal: {
|
|
3674
|
-
viewport:
|
|
3675
|
+
// viewport: '',
|
|
3675
3676
|
viewportWrapper: "justify-center",
|
|
3676
3677
|
content: "motion-safe:data-[motion=from-start]:animate-[enter-from-left_200ms_ease] motion-safe:data-[motion=from-end]:animate-[enter-from-right_200ms_ease] motion-safe:data-[motion=to-start]:animate-[exit-to-left_200ms_ease] motion-safe:data-[motion=to-end]:animate-[exit-to-right_200ms_ease]",
|
|
3677
3678
|
childLinkLabelExternalIcon: [
|
|
@@ -3683,7 +3684,7 @@ const navigationMenu = {
|
|
|
3683
3684
|
"w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
|
|
3684
3685
|
"[&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]"
|
|
3685
3686
|
].join(" "),
|
|
3686
|
-
content:
|
|
3687
|
+
// content: '',
|
|
3687
3688
|
childLinkLabel: [
|
|
3688
3689
|
"text-md",
|
|
3689
3690
|
"text-base-950 dark:text-base-50"
|
|
@@ -4613,7 +4614,7 @@ const popover = {
|
|
|
4613
4614
|
"motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
|
|
4614
4615
|
"focus:outline-none pointer-events-auto"
|
|
4615
4616
|
].join(" "),
|
|
4616
|
-
arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-
|
|
4617
|
+
arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
|
|
4617
4618
|
}
|
|
4618
4619
|
};
|
|
4619
4620
|
|
package/dist/unplugin.cjs
CHANGED
|
@@ -5,7 +5,7 @@ const pathe = require('pathe');
|
|
|
5
5
|
const unplugin = require('unplugin');
|
|
6
6
|
const defu = require('defu');
|
|
7
7
|
const tailwind = require('@tailwindcss/vite');
|
|
8
|
-
const templates = require('./shared/b24ui-nuxt.
|
|
8
|
+
const templates = require('./shared/b24ui-nuxt.DrKwIWoc.cjs');
|
|
9
9
|
const tinyglobby = require('tinyglobby');
|
|
10
10
|
const knitwork = require('knitwork');
|
|
11
11
|
const MagicString = require('magic-string');
|
package/dist/unplugin.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
|
|
|
3
3
|
import { createUnplugin } from 'unplugin';
|
|
4
4
|
import { defu } from 'defu';
|
|
5
5
|
import tailwind from '@tailwindcss/vite';
|
|
6
|
-
import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.
|
|
6
|
+
import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CS9Lf0os.mjs';
|
|
7
7
|
import { globSync } from 'tinyglobby';
|
|
8
8
|
import { genSafeVariableName } from 'knitwork';
|
|
9
9
|
import MagicString from 'magic-string';
|
package/dist/vite.cjs
CHANGED
package/dist/vite.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrix24/b24ui-nuxt",
|
|
3
3
|
"description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
|
|
4
|
-
"version": "0.5.
|
|
4
|
+
"version": "0.5.11",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "git+https://github.com/bitrix24/b24ui.git"
|
|
@@ -38,7 +38,10 @@
|
|
|
38
38
|
"./prose/*": "./dist/runtime/prose/*",
|
|
39
39
|
"./components/*": "./dist/runtime/components/*",
|
|
40
40
|
"./composables/*": "./dist/runtime/composables/*",
|
|
41
|
-
"./types/*":
|
|
41
|
+
"./types/*": {
|
|
42
|
+
"types": "./dist/runtime/types/*.d.ts",
|
|
43
|
+
"import": "./dist/runtime/types/*.js"
|
|
44
|
+
},
|
|
42
45
|
"./utils/*": {
|
|
43
46
|
"types": "./dist/runtime/utils/*.d.ts",
|
|
44
47
|
"import": "./dist/runtime/utils/*.js"
|
|
@@ -48,6 +51,40 @@
|
|
|
48
51
|
"import": "./dist/runtime/locale/index.js"
|
|
49
52
|
}
|
|
50
53
|
},
|
|
54
|
+
"dd_typesVersions": {
|
|
55
|
+
"*": {
|
|
56
|
+
".": [
|
|
57
|
+
"./dist/module.d.mts"
|
|
58
|
+
],
|
|
59
|
+
"unplugin": [
|
|
60
|
+
"./dist/unplugin.d.mts"
|
|
61
|
+
],
|
|
62
|
+
"vite": [
|
|
63
|
+
"./dist/vite.d.mts"
|
|
64
|
+
],
|
|
65
|
+
"vue-plugin": [
|
|
66
|
+
"./vue-plugin.d.ts"
|
|
67
|
+
],
|
|
68
|
+
"runtime/*": [
|
|
69
|
+
"./dist/runtime/*"
|
|
70
|
+
],
|
|
71
|
+
"components/*": [
|
|
72
|
+
"./dist/runtime/components/*"
|
|
73
|
+
],
|
|
74
|
+
"composables/*": [
|
|
75
|
+
"./dist/runtime/composables/*"
|
|
76
|
+
],
|
|
77
|
+
"utils": [
|
|
78
|
+
"./dist/runtime/utils/index.d.ts"
|
|
79
|
+
],
|
|
80
|
+
"utils/*": [
|
|
81
|
+
"./dist/runtime/utils/*.d.ts"
|
|
82
|
+
],
|
|
83
|
+
"locale": [
|
|
84
|
+
"./dist/runtime/locale/index.d.ts"
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
},
|
|
51
88
|
"imports": {
|
|
52
89
|
"#build/b24ui/*": "./.nuxt/b24ui/*.ts",
|
|
53
90
|
"#build/b24ui.css": "./.nuxt/b24ui.css"
|
|
@@ -56,6 +93,7 @@
|
|
|
56
93
|
"bitrix24-ui": "./cli/index.mjs"
|
|
57
94
|
},
|
|
58
95
|
"style": "./dist/runtime/index.css",
|
|
96
|
+
"dd_main": "./dist/module.mjs",
|
|
59
97
|
"main": "./dist/module.cjs",
|
|
60
98
|
"types": "./dist/types.d.ts",
|
|
61
99
|
"files": [
|
|
@@ -76,23 +114,23 @@
|
|
|
76
114
|
"@nuxt/schema": "^3.16.2",
|
|
77
115
|
"@nuxtjs/color-mode": "^3.5.2",
|
|
78
116
|
"@standard-schema/spec": "^1.0.0",
|
|
79
|
-
"@tailwindcss/postcss": "^4.
|
|
80
|
-
"@tailwindcss/vite": "^4.
|
|
117
|
+
"@tailwindcss/postcss": "^4.1.3",
|
|
118
|
+
"@tailwindcss/vite": "^4.1.3",
|
|
81
119
|
"@tanstack/vue-table": "^8.21.2",
|
|
82
|
-
"@unhead/vue": "^2.0.
|
|
120
|
+
"@unhead/vue": "^2.0.3",
|
|
83
121
|
"@vueuse/core": "^13.0.0",
|
|
84
122
|
"@vueuse/integrations": "^13.0.0",
|
|
85
123
|
"canvas-confetti": "^1.9.3",
|
|
86
124
|
"colortranslator": "^4.1.0",
|
|
87
125
|
"consola": "^3.4.2",
|
|
88
126
|
"defu": "^6.1.4",
|
|
89
|
-
"embla-carousel-auto-height": "^8.
|
|
90
|
-
"embla-carousel-auto-scroll": "^8.
|
|
91
|
-
"embla-carousel-autoplay": "^8.
|
|
92
|
-
"embla-carousel-class-names": "^8.
|
|
93
|
-
"embla-carousel-fade": "^8.
|
|
94
|
-
"embla-carousel-vue": "^8.
|
|
95
|
-
"embla-carousel-wheel-gestures": "^8.0.
|
|
127
|
+
"embla-carousel-auto-height": "^8.6.0",
|
|
128
|
+
"embla-carousel-auto-scroll": "^8.6.0",
|
|
129
|
+
"embla-carousel-autoplay": "^8.6.0",
|
|
130
|
+
"embla-carousel-class-names": "^8.6.0",
|
|
131
|
+
"embla-carousel-fade": "^8.6.0",
|
|
132
|
+
"embla-carousel-vue": "^8.6.0",
|
|
133
|
+
"embla-carousel-wheel-gestures": "^8.0.2",
|
|
96
134
|
"fuse.js": "^7.1.0",
|
|
97
135
|
"hookable": "^5.5.3",
|
|
98
136
|
"knitwork": "^1.2.0",
|
|
@@ -100,10 +138,10 @@
|
|
|
100
138
|
"mlly": "^1.7.4",
|
|
101
139
|
"ohash": "^2.0.11",
|
|
102
140
|
"pathe": "^2.0.3",
|
|
103
|
-
"reka-ui": "^2.
|
|
141
|
+
"reka-ui": "^2.2.0",
|
|
104
142
|
"scule": "^1.3.0",
|
|
105
143
|
"tailwind-variants": "^1.0.0",
|
|
106
|
-
"tailwindcss": "^4.
|
|
144
|
+
"tailwindcss": "^4.1.3",
|
|
107
145
|
"tinyglobby": "^0.2.12",
|
|
108
146
|
"unplugin": "^2.2.2",
|
|
109
147
|
"unplugin-auto-import": "^19.1.2",
|
|
@@ -118,15 +156,17 @@
|
|
|
118
156
|
"@nuxt/test-utils": "^3.17.2",
|
|
119
157
|
"@types/canvas-confetti": "^1.9.0",
|
|
120
158
|
"@vue/test-utils": "^2.4.6",
|
|
121
|
-
"embla-carousel": "^8.
|
|
122
|
-
"eslint": "^9.
|
|
159
|
+
"embla-carousel": "^8.6.0",
|
|
160
|
+
"eslint": "^9.24.0",
|
|
123
161
|
"happy-dom": "^17.4.4",
|
|
124
162
|
"nuxt": "^3.16.2",
|
|
125
163
|
"nuxt-component-meta": "^0.10.0",
|
|
126
164
|
"vitepress": "^1.5.0",
|
|
127
165
|
"vitest": "^3.1.1",
|
|
128
166
|
"vitest-environment-nuxt": "^1.0.1",
|
|
129
|
-
"vue-tsc": "^2.2.0"
|
|
167
|
+
"vue-tsc": "^2.2.0",
|
|
168
|
+
"@nuxt/cli": "^3.24.1",
|
|
169
|
+
"typescript": "^5.8.3"
|
|
130
170
|
},
|
|
131
171
|
"peerDependencies": {
|
|
132
172
|
"joi": "^17.13.0",
|
|
@@ -159,7 +199,6 @@
|
|
|
159
199
|
"debug": "4.3.7",
|
|
160
200
|
"rollup": "4.34.9",
|
|
161
201
|
"unplugin": "^2.2.2",
|
|
162
|
-
"vue": "3.5.13",
|
|
163
202
|
"vue-tsc": "2.2.0"
|
|
164
203
|
},
|
|
165
204
|
"keywords": [
|