@nuxt/ui 2.18.6 → 2.18.7

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/dist/module.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuxt/ui",
3
- "version": "2.18.6",
3
+ "version": "2.18.7",
4
4
  "configKey": "ui",
5
5
  "compatibility": {
6
6
  "nuxt": ">=3.10.0"
package/dist/module.mjs CHANGED
@@ -14,7 +14,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
14
14
  const __dirname = __cjs_path__.dirname(__filename);
15
15
  const require = __cjs_mod__.createRequire(import.meta.url);
16
16
  const name = "@nuxt/ui";
17
- const version = "2.18.6";
17
+ const version = "2.18.7";
18
18
 
19
19
  function createTemplates(nuxt = useNuxt()) {
20
20
  const template = addTemplate({
@@ -1935,7 +1935,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1935
1935
  default: any;
1936
1936
  };
1937
1937
  modelValue: {
1938
- type: (BooleanConstructor | ArrayConstructor)[];
1938
+ type: PropType<boolean | Array<any> | null>;
1939
1939
  default: any;
1940
1940
  };
1941
1941
  name: {
@@ -2020,7 +2020,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2020
2020
  attrs: import("vue").ComputedRef<Pick<{
2021
2021
  [x: string]: unknown;
2022
2022
  }, string>>;
2023
- toggle: import("vue").WritableComputedRef<boolean | unknown[], boolean | unknown[]>;
2023
+ toggle: import("vue").WritableComputedRef<boolean | any[], boolean | any[]>;
2024
2024
  inputId: string;
2025
2025
  name: import("vue").ComputedRef<string>;
2026
2026
  inputClass: import("vue").ComputedRef<string>;
@@ -2035,7 +2035,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2035
2035
  default: any;
2036
2036
  };
2037
2037
  modelValue: {
2038
- type: (BooleanConstructor | ArrayConstructor)[];
2038
+ type: PropType<boolean | Array<any> | null>;
2039
2039
  default: any;
2040
2040
  };
2041
2041
  name: {
@@ -2131,7 +2131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2131
2131
  strategy?: Strategy;
2132
2132
  };
2133
2133
  id: string;
2134
- modelValue: boolean | unknown[];
2134
+ modelValue: boolean | any[];
2135
2135
  value: string | number | boolean | Record<string, any>;
2136
2136
  help: string;
2137
2137
  indeterminate: boolean;
@@ -181,10 +181,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
181
181
  onClose?: (...args: any[]) => any;
182
182
  }>, {
183
183
  class: any;
184
+ title: string;
184
185
  avatar: Avatar;
185
186
  color: AlertColor;
186
187
  variant: AlertVariant;
187
- title: string;
188
188
  ui: {
189
189
  wrapper?: string;
190
190
  inner?: string;
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div :class="ui.wrapper" v-bind="attrs">
2
+ <div :class="ui.wrapper" v-bind="attrs" :dir="dir">
3
3
  <div ref="carouselRef" :class="ui.container" class="no-scrollbar">
4
4
  <div
5
5
  v-for="(item, index) in items"
@@ -84,6 +84,10 @@ export default defineComponent({
84
84
  type: Boolean,
85
85
  default: false
86
86
  },
87
+ dir: {
88
+ type: String,
89
+ default: "ltr"
90
+ },
87
91
  prevButton: {
88
92
  type: Object,
89
93
  default: () => config.default.prevButton
@@ -112,28 +116,33 @@ export default defineComponent({
112
116
  const [entry] = entries;
113
117
  itemWidth.value = entry?.target?.firstElementChild?.clientWidth || 0;
114
118
  });
119
+ const isRtl = computed(() => props.dir === "rtl");
115
120
  const currentPage = computed(() => {
116
121
  if (!itemWidth.value) {
117
122
  return 0;
118
123
  }
119
- return Math.round(x.value / itemWidth.value) + 1;
124
+ return isRtl.value ? Math.round(-x.value / itemWidth.value) + 1 : Math.round(x.value / itemWidth.value) + 1;
120
125
  });
121
126
  const pages = computed(() => {
122
127
  if (!itemWidth.value) {
123
128
  return 0;
124
129
  }
125
- return props.items.length - Math.round(carouselWidth.value / itemWidth.value) + 1;
130
+ const itemDivisions = Math.round(carouselWidth.value / itemWidth.value);
131
+ if (props.items.length <= itemDivisions) {
132
+ return 0;
133
+ }
134
+ return props.items.length - itemDivisions + 1;
126
135
  });
127
136
  const isFirst = computed(() => currentPage.value <= 1);
128
137
  const isLast = computed(() => currentPage.value === pages.value);
129
138
  function onClickNext() {
130
- x.value += itemWidth.value;
139
+ x.value += isRtl.value ? -itemWidth.value : itemWidth.value;
131
140
  }
132
141
  function onClickPrev() {
133
- x.value -= itemWidth.value;
142
+ x.value -= isRtl.value ? -itemWidth.value : itemWidth.value;
134
143
  }
135
144
  function onClick(page) {
136
- x.value = (page - 1) * itemWidth.value;
145
+ x.value = (page - 1) * itemWidth.value * (isRtl.value ? -1 : 1);
137
146
  }
138
147
  expose({
139
148
  pages,
@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
39
39
  type: BooleanConstructor;
40
40
  default: boolean;
41
41
  };
42
+ dir: {
43
+ type: PropType<"ltr" | "rtl">;
44
+ default: string;
45
+ };
42
46
  prevButton: {
43
47
  type: PropType<Button & {
44
48
  class?: string;
@@ -117,6 +121,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
117
121
  type: BooleanConstructor;
118
122
  default: boolean;
119
123
  };
124
+ dir: {
125
+ type: PropType<"ltr" | "rtl">;
126
+ default: string;
127
+ };
120
128
  prevButton: {
121
129
  type: PropType<Button & {
122
130
  class?: string;
@@ -176,6 +184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
176
184
  items: any[];
177
185
  arrows: boolean;
178
186
  indicators: boolean;
187
+ dir: "ltr" | "rtl";
179
188
  prevButton: Button & {
180
189
  class?: string;
181
190
  };
@@ -166,7 +166,7 @@ export default defineComponent({
166
166
  }
167
167
  });
168
168
  function onTouchStart(event) {
169
- if (!event.cancelable || !menuApi.value) {
169
+ if (!event.cancelable || !menuApi.value || props.mode === "click") {
170
170
  return;
171
171
  }
172
172
  if (menuApi.value.menuState === 0) {
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
29
29
  default: any;
30
30
  };
31
31
  modelValue: {
32
- type: (BooleanConstructor | ArrayConstructor)[];
32
+ type: PropType<boolean | Array<any> | null>;
33
33
  default: any;
34
34
  };
35
35
  name: {
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
97
97
  attrs: import("vue").ComputedRef<Pick<{
98
98
  [x: string]: unknown;
99
99
  }, string>>;
100
- toggle: import("vue").WritableComputedRef<boolean | unknown[], boolean | unknown[]>;
100
+ toggle: import("vue").WritableComputedRef<boolean | any[], boolean | any[]>;
101
101
  inputId: string;
102
102
  name: import("vue").ComputedRef<string>;
103
103
  inputClass: import("vue").ComputedRef<string>;
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
112
112
  default: any;
113
113
  };
114
114
  modelValue: {
115
- type: (BooleanConstructor | ArrayConstructor)[];
115
+ type: PropType<boolean | Array<any> | null>;
116
116
  default: any;
117
117
  };
118
118
  name: {
@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
191
191
  strategy?: Strategy;
192
192
  };
193
193
  id: string;
194
- modelValue: boolean | unknown[];
194
+ modelValue: boolean | any[];
195
195
  value: string | number | boolean | Record<string, any>;
196
196
  help: string;
197
197
  indeterminate: boolean;
@@ -111,7 +111,7 @@ declare const config: {
111
111
  };
112
112
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
113
113
  modelValue: {
114
- type: (StringConstructor | NumberConstructor)[];
114
+ type: PropType<string | number | null>;
115
115
  default: string;
116
116
  };
117
117
  type: {
@@ -345,7 +345,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
345
345
  onBlur: (event: FocusEvent) => void;
346
346
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
347
347
  modelValue: {
348
- type: (StringConstructor | NumberConstructor)[];
348
+ type: PropType<string | number | null>;
349
349
  default: string;
350
350
  };
351
351
  type: {
@@ -174,7 +174,7 @@ declare const configMenu: {
174
174
  };
175
175
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
176
176
  modelValue: {
177
- type: (StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
177
+ type: PropType<string | number | object | Array<any> | null>;
178
178
  default: string;
179
179
  };
180
180
  query: {
@@ -512,7 +512,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
512
512
  onQueryChange: (event: any) => void;
513
513
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
514
514
  modelValue: {
515
- type: (StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
515
+ type: PropType<string | number | object | Array<any> | null>;
516
516
  default: string;
517
517
  };
518
518
  query: {
@@ -790,7 +790,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
790
790
  [key: string]: any;
791
791
  disabled?: boolean;
792
792
  }[];
793
- modelValue: string | number | Record<string, any> | unknown[];
793
+ modelValue: string | number | object | any[];
794
794
  loading: boolean;
795
795
  padded: boolean;
796
796
  loadingIcon: string;
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
28
28
  default: any;
29
29
  };
30
30
  modelValue: {
31
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[];
31
+ type: PropType<string | number | boolean | object | null>;
32
32
  default: any;
33
33
  };
34
34
  name: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
92
92
  attrs: import("vue").ComputedRef<Pick<{
93
93
  [x: string]: unknown;
94
94
  }, string>>;
95
- pick: import("vue").WritableComputedRef<string | number | boolean | Record<string, any>, string | number | boolean | Record<string, any>>;
95
+ pick: import("vue").WritableComputedRef<string | number | boolean | object, string | number | boolean | object>;
96
96
  name: any;
97
97
  inputClass: import("vue").ComputedRef<string>;
98
98
  onChange: (event: Event) => void;
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
106
106
  default: any;
107
107
  };
108
108
  modelValue: {
109
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[];
109
+ type: PropType<string | number | boolean | object | null>;
110
110
  default: any;
111
111
  };
112
112
  name: {
@@ -180,7 +180,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
180
180
  strategy?: Strategy;
181
181
  };
182
182
  id: string;
183
- modelValue: string | number | boolean | Record<string, any>;
183
+ modelValue: string | number | boolean | object;
184
184
  value: string | number | boolean;
185
185
  help: string;
186
186
  inputClass: string;
@@ -28,7 +28,7 @@ declare const configRadio: {
28
28
  };
29
29
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
30
30
  modelValue: {
31
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[];
31
+ type: PropType<string | number | boolean | object | null>;
32
32
  default: string;
33
33
  };
34
34
  name: {
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
109
109
  onUpdate: (value: any) => void;
110
110
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
111
111
  modelValue: {
112
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[];
112
+ type: PropType<string | number | boolean | object | null>;
113
113
  default: string;
114
114
  };
115
115
  name: {
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
179
179
  strategy?: Strategy;
180
180
  };
181
181
  options: unknown[];
182
- modelValue: string | number | boolean | Record<string, any>;
182
+ modelValue: string | number | boolean | object;
183
183
  optionAttribute: string;
184
184
  valueAttribute: string;
185
185
  uiRadio: {
@@ -214,7 +214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
214
214
  default: any;
215
215
  };
216
216
  modelValue: {
217
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[];
217
+ type: PropType<string | number | boolean | object | null>;
218
218
  default: any;
219
219
  };
220
220
  name: {
@@ -294,7 +294,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
294
294
  attrs: import("vue").ComputedRef<Pick<{
295
295
  [x: string]: unknown;
296
296
  }, string>>;
297
- pick: import("vue").WritableComputedRef<string | number | boolean | Record<string, any>, string | number | boolean | Record<string, any>>;
297
+ pick: import("vue").WritableComputedRef<string | number | boolean | object, string | number | boolean | object>;
298
298
  name: any;
299
299
  inputClass: import("vue").ComputedRef<string>;
300
300
  onChange: (event: Event) => void;
@@ -308,7 +308,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
308
308
  default: any;
309
309
  };
310
310
  modelValue: {
311
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[];
311
+ type: PropType<string | number | boolean | object | null>;
312
312
  default: any;
313
313
  };
314
314
  name: {
@@ -398,7 +398,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
398
398
  strategy?: Strategy;
399
399
  };
400
400
  id: string;
401
- modelValue: string | number | boolean | Record<string, any>;
401
+ modelValue: string | number | boolean | object;
402
402
  value: string | number | boolean;
403
403
  help: string;
404
404
  inputClass: string;
@@ -65,7 +65,7 @@ declare const config: {
65
65
  };
66
66
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
67
67
  modelValue: {
68
- type: NumberConstructor;
68
+ type: PropType<number | null>;
69
69
  default: number;
70
70
  };
71
71
  id: {
@@ -197,7 +197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
197
197
  onChange: (event: Event) => void;
198
198
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
199
199
  modelValue: {
200
- type: NumberConstructor;
200
+ type: PropType<number | null>;
201
201
  default: number;
202
202
  };
203
203
  id: {
@@ -112,7 +112,7 @@ declare const config: {
112
112
  };
113
113
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
114
114
  modelValue: {
115
- type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
115
+ type: PropType<string | number | object | null>;
116
116
  default: string;
117
117
  };
118
118
  id: {
@@ -344,7 +344,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
344
344
  onChange: (event: Event) => void;
345
345
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
346
346
  modelValue: {
347
- type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
347
+ type: PropType<string | number | object | null>;
348
348
  default: string;
349
349
  };
350
350
  id: {
@@ -569,7 +569,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
569
569
  id: string;
570
570
  icon: string;
571
571
  options: unknown[];
572
- modelValue: string | number | Record<string, any>;
572
+ modelValue: string | number | object;
573
573
  loading: boolean;
574
574
  padded: boolean;
575
575
  loadingIcon: string;
@@ -181,7 +181,7 @@ declare const configMenu: {
181
181
  };
182
182
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
183
183
  modelValue: {
184
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
184
+ type: PropType<string | number | object | Array<any> | boolean | null>;
185
185
  default: string;
186
186
  };
187
187
  query: {
@@ -546,7 +546,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
546
546
  onQueryChange: (event: any) => void;
547
547
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
548
548
  modelValue: {
549
- type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
549
+ type: PropType<string | number | object | Array<any> | boolean | null>;
550
550
  default: string;
551
551
  };
552
552
  query: {
@@ -840,7 +840,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
840
840
  [key: string]: any;
841
841
  disabled?: boolean;
842
842
  }[];
843
- modelValue: string | number | boolean | Record<string, any> | unknown[];
843
+ modelValue: string | number | boolean | object | any[];
844
844
  loading: boolean;
845
845
  padded: boolean;
846
846
  loadingIcon: string;
@@ -110,7 +110,7 @@ declare const config: {
110
110
  };
111
111
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
112
112
  modelValue: {
113
- type: (StringConstructor | NumberConstructor)[];
113
+ type: PropType<string | number | null>;
114
114
  default: string;
115
115
  };
116
116
  id: {
@@ -319,7 +319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
319
319
  onBlur: (event: FocusEvent) => void;
320
320
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
321
321
  modelValue: {
322
- type: (StringConstructor | NumberConstructor)[];
322
+ type: PropType<string | number | null>;
323
323
  default: string;
324
324
  };
325
325
  id: {
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
72
72
  default: any;
73
73
  };
74
74
  modelValue: {
75
- type: BooleanConstructor;
75
+ type: PropType<boolean | null>;
76
76
  default: boolean;
77
77
  };
78
78
  disabled: {
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
199
199
  default: any;
200
200
  };
201
201
  modelValue: {
202
- type: BooleanConstructor;
202
+ type: PropType<boolean | null>;
203
203
  default: boolean;
204
204
  };
205
205
  disabled: {
@@ -222,9 +222,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
222
222
  }>, {
223
223
  class: any;
224
224
  timeout: number;
225
+ title: string;
225
226
  avatar: Avatar;
226
227
  color: NotificationColor;
227
- title: string;
228
228
  ui: {
229
229
  wrapper?: string;
230
230
  container?: string;
@@ -341,9 +341,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
341
341
  }>, {
342
342
  class: any;
343
343
  timeout: number;
344
+ title: string;
344
345
  avatar: import("../../types/avatar").Avatar;
345
346
  color: import("../../types/notification").NotificationColor;
346
- title: string;
347
347
  ui: {
348
348
  wrapper?: string;
349
349
  container?: string;
@@ -139,7 +139,7 @@ export default defineComponent({
139
139
  }
140
140
  });
141
141
  function onTouchStart(event) {
142
- if (!event.cancelable || !popoverApi.value) {
142
+ if (!event.cancelable || !popoverApi.value || props.mode === "click") {
143
143
  return;
144
144
  }
145
145
  if (popoverApi.value.popoverState === 0) {
@@ -4,7 +4,7 @@
4
4
  Hover
5
5
  </slot>
6
6
 
7
- <div v-if="open && !prevent" ref="container" :class="[ui.container, ui.width]">
7
+ <div v-if="open && !prevent && isVisible" ref="container" :class="[ui.container, ui.width]">
8
8
  <Transition appear v-bind="ui.transition">
9
9
  <div>
10
10
  <div v-if="popper.arrow" data-popper-arrow :class="Object.values(ui.arrow)" />
@@ -29,7 +29,7 @@
29
29
  </template>
30
30
 
31
31
  <script>
32
- import { computed, ref, toRef, defineComponent } from "vue";
32
+ import { computed, ref, toRef, defineComponent, useSlots } from "vue";
33
33
  import { defu } from "defu";
34
34
  import UKbd from "../elements/Kbd.vue";
35
35
  import { useUI } from "../../composables/useUI";
@@ -84,6 +84,7 @@ export default defineComponent({
84
84
  const open = ref(false);
85
85
  let openTimeout = null;
86
86
  let closeTimeout = null;
87
+ const isVisible = computed(() => !!(useSlots().text || props.text));
87
88
  function onMouseEnter() {
88
89
  if (closeTimeout) {
89
90
  clearTimeout(closeTimeout);
@@ -120,7 +121,8 @@ export default defineComponent({
120
121
  container,
121
122
  open,
122
123
  onMouseEnter,
123
- onMouseLeave
124
+ onMouseLeave,
125
+ isVisible
124
126
  };
125
127
  }
126
128
  });
@@ -117,6 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
117
117
  open: import("vue").Ref<boolean, boolean>;
118
118
  onMouseEnter: () => void;
119
119
  onMouseLeave: () => void;
120
+ isVisible: import("vue").ComputedRef<boolean>;
120
121
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
121
122
  text: {
122
123
  type: StringConstructor;
@@ -14,12 +14,12 @@ export default {
14
14
  default: {
15
15
  prevButton: {
16
16
  color: "black",
17
- class: "rtl:[&_span:first-child]:rotate-180 absolute left-4 top-1/2 transform -translate-y-1/2 rounded-full",
17
+ class: "rtl:[&_span:first-child]:rotate-180 absolute start-4 top-1/2 transform -translate-y-1/2 rounded-full",
18
18
  icon: "i-heroicons-chevron-left-20-solid"
19
19
  },
20
20
  nextButton: {
21
21
  color: "black",
22
- class: "rtl:[&_span:last-child]:rotate-180 absolute right-4 top-1/2 transform -translate-y-1/2 rounded-full",
22
+ class: "rtl:[&_span:last-child]:rotate-180 absolute end-4 top-1/2 transform -translate-y-1/2 rounded-full",
23
23
  icon: "i-heroicons-chevron-right-20-solid"
24
24
  }
25
25
  }
@@ -114,7 +114,7 @@ export const getNuxtLinkProps = (props) => {
114
114
  }, {});
115
115
  };
116
116
  export const getULinkProps = (props) => {
117
- const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), "ariaLabel"];
117
+ const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), "ariaLabel", "title"];
118
118
  return keys.reduce((acc, key) => {
119
119
  if (props[key] !== void 0) {
120
120
  acc[key] = props[key];
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@nuxt/ui",
3
3
  "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
4
- "version": "2.18.6",
5
- "packageManager": "pnpm@9.11.0",
4
+ "version": "2.18.7",
5
+ "packageManager": "pnpm@9.12.1",
6
6
  "repository": "nuxt/ui",
7
7
  "homepage": "https://ui.nuxt.com",
8
8
  "type": "module",
@@ -26,7 +26,7 @@
26
26
  "build:docs": "nuxi generate docs",
27
27
  "lint": "eslint .",
28
28
  "lint:fix": "eslint . --fix",
29
- "typecheck": "vue-tsc --noEmit",
29
+ "typecheck": "vue-tsc --noEmit && nuxi typecheck docs",
30
30
  "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare docs",
31
31
  "release": "release-it",
32
32
  "test": "vitest"
@@ -34,8 +34,8 @@
34
34
  "dependencies": {
35
35
  "@headlessui/tailwindcss": "^0.2.1",
36
36
  "@headlessui/vue": "^1.7.23",
37
- "@iconify-json/heroicons": "^1.2.0",
38
- "@nuxt/icon": "^1.5.1",
37
+ "@iconify-json/heroicons": "^1.2.1",
38
+ "@nuxt/icon": "^1.5.5",
39
39
  "@nuxt/kit": "^3.13.2",
40
40
  "@nuxtjs/color-mode": "^3.5.1",
41
41
  "@nuxtjs/tailwindcss": "^6.12.1",
@@ -52,25 +52,25 @@
52
52
  "ohash": "^1.1.4",
53
53
  "pathe": "^1.1.2",
54
54
  "scule": "^1.3.0",
55
- "tailwind-merge": "^2.5.2",
56
- "tailwindcss": "^3.4.12"
55
+ "tailwind-merge": "^2.5.3",
56
+ "tailwindcss": "^3.4.13"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@nuxt/eslint-config": "^0.4.0",
60
60
  "@nuxt/module-builder": "^0.8.4",
61
- "@nuxt/test-utils": "^3.14.2",
61
+ "@nuxt/test-utils": "^3.14.3",
62
62
  "@release-it/conventional-changelog": "^8.0.2",
63
63
  "@vue/test-utils": "^2.4.6",
64
64
  "eslint": "^8.57.0",
65
65
  "happy-dom": "^14.12.3",
66
66
  "joi": "^17.13.3",
67
67
  "nuxt": "^3.13.2",
68
- "release-it": "^17.6.0",
68
+ "release-it": "^17.7.0",
69
69
  "unbuild": "^2.0.0",
70
70
  "valibot": "^0.42.1",
71
71
  "valibot30": "npm:valibot@0.30.0",
72
72
  "valibot31": "npm:valibot@0.31.0",
73
- "vitest": "^2.1.1",
73
+ "vitest": "^2.1.2",
74
74
  "vitest-environment-nuxt": "^1.0.1",
75
75
  "vue-tsc": "^2.1.6",
76
76
  "yup": "^1.4.0",