@volverjs/ui-vue 0.0.10-beta.74 → 0.0.10-beta.76
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/README.md +8 -8
- package/bin/icons.cjs +1 -1
- package/bin/icons.js +3 -3
- package/dist/components/VvAccordion/VvAccordion.es.js +9 -9
- package/dist/components/VvAccordion/VvAccordion.umd.js +1 -1
- package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js +14 -15
- package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js +1 -1
- package/dist/components/VvAction/VvAction.es.js +10 -13
- package/dist/components/VvAction/VvAction.umd.js +1 -1
- package/dist/components/VvAlert/VvAlert.es.js +19 -19
- package/dist/components/VvAlert/VvAlert.umd.js +1 -1
- package/dist/components/VvAlertGroup/VvAlertGroup.es.js +19 -19
- package/dist/components/VvAlertGroup/VvAlertGroup.umd.js +1 -1
- package/dist/components/VvAvatar/VvAvatar.es.js +1 -1
- package/dist/components/VvAvatar/VvAvatar.umd.js +1 -1
- package/dist/components/VvAvatarGroup/VvAvatarGroup.es.js +7 -8
- package/dist/components/VvAvatarGroup/VvAvatarGroup.umd.js +1 -1
- package/dist/components/VvBadge/VvBadge.es.js +1 -1
- package/dist/components/VvBadge/VvBadge.umd.js +1 -1
- package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js +12 -18
- package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js +1 -1
- package/dist/components/VvButton/VvButton.es.js +32 -38
- package/dist/components/VvButton/VvButton.umd.js +1 -1
- package/dist/components/VvButtonGroup/VvButtonGroup.es.js +1 -1
- package/dist/components/VvButtonGroup/VvButtonGroup.umd.js +1 -1
- package/dist/components/VvCard/VvCard.es.js +1 -1
- package/dist/components/VvCard/VvCard.umd.js +1 -1
- package/dist/components/VvCheckbox/VvCheckbox.es.js +10 -12
- package/dist/components/VvCheckbox/VvCheckbox.umd.js +1 -1
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js +18 -22
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.es.js +266 -285
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +22 -14
- package/dist/components/VvCombobox/index.d.ts +22 -0
- package/dist/components/VvDialog/VvDialog.es.js +5 -7
- package/dist/components/VvDialog/VvDialog.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.es.js +10 -15
- package/dist/components/VvDropdown/VvDropdown.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.vue.d.ts +2 -2
- package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts +2 -2
- package/dist/components/VvDropdownAction/VvDropdownAction.es.js +11 -14
- package/dist/components/VvDropdownAction/VvDropdownAction.umd.js +1 -1
- package/dist/components/VvDropdownItem/VvDropdownItem.umd.js +1 -1
- package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js +1 -1
- package/dist/components/VvDropdownOption/VvDropdownOption.es.js +1 -1
- package/dist/components/VvDropdownOption/VvDropdownOption.umd.js +1 -1
- package/dist/components/VvIcon/VvIcon.es.js +5 -5
- package/dist/components/VvIcon/VvIcon.umd.js +1 -1
- package/dist/components/VvInputFile/VvInputFile.es.js +6829 -72
- package/dist/components/VvInputFile/VvInputFile.umd.js +7 -1
- package/dist/components/VvInputFile/VvInputFile.vue.d.ts +1 -1
- package/dist/components/VvInputText/VvInputText.es.js +54 -66
- package/dist/components/VvInputText/VvInputText.umd.js +1 -1
- package/dist/components/VvInputText/VvInputText.vue.d.ts +1 -1
- package/dist/components/VvNav/VvNav.es.js +16 -21
- package/dist/components/VvNav/VvNav.umd.js +1 -1
- package/dist/components/VvNavItem/VvNavItem.es.js +10 -13
- package/dist/components/VvNavItem/VvNavItem.umd.js +1 -1
- package/dist/components/VvNavSeparator/VvNavSeparator.umd.js +1 -1
- package/dist/components/VvProgress/VvProgress.es.js +1 -1
- package/dist/components/VvProgress/VvProgress.umd.js +1 -1
- package/dist/components/VvRadio/VvRadio.es.js +10 -12
- package/dist/components/VvRadio/VvRadio.umd.js +1 -1
- package/dist/components/VvRadioGroup/VvRadioGroup.es.js +18 -22
- package/dist/components/VvRadioGroup/VvRadioGroup.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.es.js +27 -30
- package/dist/components/VvSelect/VvSelect.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.vue.d.ts +3 -3
- package/dist/components/VvTab/VvTab.es.js +18 -25
- package/dist/components/VvTab/VvTab.umd.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.es.js +47 -57
- package/dist/components/VvTextarea/VvTextarea.umd.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.vue.d.ts +1 -1
- package/dist/components/VvTooltip/VvTooltip.es.js +1 -1
- package/dist/components/VvTooltip/VvTooltip.umd.js +1 -1
- package/dist/components/index.es.js +7352 -629
- package/dist/components/index.umd.js +7 -1
- package/dist/composables/index.es.js +1787 -16
- package/dist/composables/index.umd.js +7 -1
- package/dist/directives/index.es.js +1782 -15
- package/dist/directives/index.umd.js +7 -1
- package/dist/directives/v-contextmenu.es.js +1781 -14
- package/dist/directives/v-contextmenu.umd.js +7 -1
- package/dist/directives/v-tooltip.es.js +1 -1
- package/dist/directives/v-tooltip.umd.js +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/index.es.js +9 -12
- package/dist/index.umd.js +1 -1
- package/dist/resolvers/unplugin.es.js +1 -1
- package/dist/resolvers/unplugin.umd.js +1 -1
- package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +2 -2
- package/dist/stories/Combobox/Combobox.stories.d.ts +1 -0
- package/package.json +35 -32
|
@@ -216,7 +216,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
216
216
|
}
|
|
217
217
|
);
|
|
218
218
|
const pressed = computed(() => {
|
|
219
|
-
return props.pressed ||
|
|
219
|
+
return props.pressed || dropdownExpanded?.value;
|
|
220
220
|
});
|
|
221
221
|
const { role } = useInjectedDropdownAction();
|
|
222
222
|
const hasTag = computed(() => {
|
|
@@ -224,7 +224,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
224
224
|
case props.disabled:
|
|
225
225
|
return ActionTag.button;
|
|
226
226
|
case props.to !== void 0:
|
|
227
|
-
return
|
|
227
|
+
return volver?.nuxt ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
|
|
228
228
|
case props.href !== void 0:
|
|
229
229
|
return ActionTag.a;
|
|
230
230
|
default:
|
|
@@ -233,10 +233,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
233
233
|
});
|
|
234
234
|
const hasProps = computed(() => {
|
|
235
235
|
const toReturn = {
|
|
236
|
-
...dropdownAria
|
|
236
|
+
...dropdownAria?.value,
|
|
237
237
|
ariaPressed: pressed.value ? true : void 0,
|
|
238
238
|
ariaLabel: props.ariaLabel,
|
|
239
|
-
role: role
|
|
239
|
+
role: role?.value
|
|
240
240
|
};
|
|
241
241
|
switch (hasTag.value) {
|
|
242
242
|
case ActionTag.a:
|
|
@@ -264,32 +264,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
264
264
|
}
|
|
265
265
|
});
|
|
266
266
|
function onClick(e) {
|
|
267
|
-
var _a;
|
|
268
267
|
if (props.disabled) {
|
|
269
268
|
e.preventDefault();
|
|
270
269
|
return;
|
|
271
270
|
}
|
|
272
|
-
if (
|
|
271
|
+
if (instance?.vnode.props?.onClick) {
|
|
273
272
|
emit("click", e);
|
|
274
273
|
return;
|
|
275
274
|
}
|
|
276
|
-
dropdownEventBus
|
|
275
|
+
dropdownEventBus?.emit("click", e);
|
|
277
276
|
}
|
|
278
277
|
function onMouseover(e) {
|
|
279
|
-
|
|
280
|
-
if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseover) {
|
|
278
|
+
if (instance?.vnode.props?.onMouseover) {
|
|
281
279
|
emit("mouseover", e);
|
|
282
280
|
return;
|
|
283
281
|
}
|
|
284
|
-
dropdownEventBus
|
|
282
|
+
dropdownEventBus?.emit("mouseover", e);
|
|
285
283
|
}
|
|
286
284
|
function onMouseleave(e) {
|
|
287
|
-
|
|
288
|
-
if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseleave) {
|
|
285
|
+
if (instance?.vnode.props?.onMouseleave) {
|
|
289
286
|
emit("mouseleave", e);
|
|
290
287
|
return;
|
|
291
288
|
}
|
|
292
|
-
dropdownEventBus
|
|
289
|
+
dropdownEventBus?.emit("mouseleave", e);
|
|
293
290
|
}
|
|
294
291
|
return (_ctx, _cache) => {
|
|
295
292
|
return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {
|
|
@@ -360,7 +357,7 @@ function useModifiers(prefix, modifiers, others) {
|
|
|
360
357
|
const toReturn = {
|
|
361
358
|
[prefix]: true
|
|
362
359
|
};
|
|
363
|
-
const modifiersArray = typeof
|
|
360
|
+
const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
|
|
364
361
|
if (modifiersArray) {
|
|
365
362
|
if (Array.isArray(modifiersArray)) {
|
|
366
363
|
modifiersArray.forEach((modifier) => {
|
|
@@ -385,12 +382,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
385
382
|
const emit = __emit;
|
|
386
383
|
const { modifiers } = toRefs(props);
|
|
387
384
|
function onClick(event) {
|
|
388
|
-
var _a;
|
|
389
385
|
const target = event.target;
|
|
390
|
-
if (target
|
|
386
|
+
if (target?.dataset.index) {
|
|
391
387
|
const index = Number.parseInt(target.dataset.index);
|
|
392
|
-
const item =
|
|
393
|
-
if (!item ||
|
|
388
|
+
const item = props.items?.[index];
|
|
389
|
+
if (!item || item?.disabled) {
|
|
394
390
|
return;
|
|
395
391
|
}
|
|
396
392
|
emit("click", item);
|
|
@@ -416,9 +412,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
416
412
|
renderList(_ctx.items, ({ on = {}, data, ...item }, index) => {
|
|
417
413
|
return openBlock(), createBlock(_sfc_main$1, mergeProps({
|
|
418
414
|
key: index,
|
|
419
|
-
"data-index": index
|
|
420
|
-
|
|
421
|
-
}, item, toHandlers(on)), {
|
|
415
|
+
"data-index": index
|
|
416
|
+
}, { ref_for: true }, item, toHandlers(on)), {
|
|
422
417
|
default: withCtx(() => [
|
|
423
418
|
renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, data, index }))
|
|
424
419
|
]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvNav=t(e.
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvNav=t(e.Vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),s=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),u={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={disabled:{type:Boolean,default:!1}},c={active:{type:Boolean,default:!1}},f={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},v={label:{type:[String,Number],default:void 0}},m={modifiers:{type:[String,Array],default:void 0}};r.before,o.bottom;const b={...d,...v,...p,...c,...f,...u,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},g={items:{type:Array,default:()=>[]}};t.local;const y={...m,...g},k=b;const S=e.defineComponent({name:"VvAction",props:k,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,u=r,d=e.getCurrentInstance(),c=e.inject(l,void 0),f=e.ref(null);o({$el:f});const{reference:p,bus:v,aria:m,expanded:b}=e.inject(s,{});e.watch(()=>f.value,e=>{p&&(p.value=e)});const g=e.computed(()=>n.pressed||b?.value),{role:y}=e.inject(i,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return c?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),S=e.computed(()=>{const e={...m?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function h(e){n.disabled?e.preventDefault():d?.vnode.props?.onClick?u("click",e):v?.emit("click",e)}function x(e){d?.vnode.props?.onMouseover?u("mouseover",e):v?.emit("mouseover",e)}function B(e){d?.vnode.props?.onMouseleave?u("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(S),{ref_key:"element",ref:f,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:h,onMouseoverPassive:x,onMouseleavePassive:B}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}}),h={class:"vv-nav__item",role:"presentation"},x=e.defineComponent({name:"VvNavItem",inheritAttrs:!1,setup:t=>(t,o)=>(e.openBlock(),e.createElementBlock("li",h,[e.renderSlot(t.$slots,"before"),e.createVNode(S,e.mergeProps(t.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16),e.renderSlot(t.$slots,"after")]))});return e.defineComponent({name:"VvNav",props:y,emits:["click"],setup(t,{emit:o}){const r=t,n=o,{modifiers:a}=e.toRefs(r);function l(e){const t=e.target;if(t?.dataset.index){const e=Number.parseInt(t.dataset.index),o=r.items?.[e];if(!o||o?.disabled)return;n("click",o)}}const s=function(t,o){return e.computed(()=>{const e={[t]:!0},r="string"==typeof o?.value?o.value.split(" "):o?.value;return r&&Array.isArray(r)&&r.forEach(o=>{o&&(e[`${t}--${o}`]=!0)}),e})}("vv-nav",a);return(t,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(s))},[e.createElementVNode("ul",{class:"vv-nav__menu",role:"menu",onClick:e.withModifiers(l,["stop"])},[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,({on:o={},data:r,...n},a)=>(e.openBlock(),e.createBlock(x,e.mergeProps({key:a,"data-index":a},{ref_for:!0},n,e.toHandlers(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:n,data:r,index:a}))]),_:2},1040,["data-index"]))),128))])])],2))}})});
|
|
@@ -196,7 +196,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
196
196
|
}
|
|
197
197
|
);
|
|
198
198
|
const pressed = computed(() => {
|
|
199
|
-
return props.pressed ||
|
|
199
|
+
return props.pressed || dropdownExpanded?.value;
|
|
200
200
|
});
|
|
201
201
|
const { role } = useInjectedDropdownAction();
|
|
202
202
|
const hasTag = computed(() => {
|
|
@@ -204,7 +204,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
204
204
|
case props.disabled:
|
|
205
205
|
return ActionTag.button;
|
|
206
206
|
case props.to !== void 0:
|
|
207
|
-
return
|
|
207
|
+
return volver?.nuxt ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
|
|
208
208
|
case props.href !== void 0:
|
|
209
209
|
return ActionTag.a;
|
|
210
210
|
default:
|
|
@@ -213,10 +213,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
213
213
|
});
|
|
214
214
|
const hasProps = computed(() => {
|
|
215
215
|
const toReturn = {
|
|
216
|
-
...dropdownAria
|
|
216
|
+
...dropdownAria?.value,
|
|
217
217
|
ariaPressed: pressed.value ? true : void 0,
|
|
218
218
|
ariaLabel: props.ariaLabel,
|
|
219
|
-
role: role
|
|
219
|
+
role: role?.value
|
|
220
220
|
};
|
|
221
221
|
switch (hasTag.value) {
|
|
222
222
|
case ActionTag.a:
|
|
@@ -244,32 +244,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
244
244
|
}
|
|
245
245
|
});
|
|
246
246
|
function onClick(e) {
|
|
247
|
-
var _a;
|
|
248
247
|
if (props.disabled) {
|
|
249
248
|
e.preventDefault();
|
|
250
249
|
return;
|
|
251
250
|
}
|
|
252
|
-
if (
|
|
251
|
+
if (instance?.vnode.props?.onClick) {
|
|
253
252
|
emit("click", e);
|
|
254
253
|
return;
|
|
255
254
|
}
|
|
256
|
-
dropdownEventBus
|
|
255
|
+
dropdownEventBus?.emit("click", e);
|
|
257
256
|
}
|
|
258
257
|
function onMouseover(e) {
|
|
259
|
-
|
|
260
|
-
if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseover) {
|
|
258
|
+
if (instance?.vnode.props?.onMouseover) {
|
|
261
259
|
emit("mouseover", e);
|
|
262
260
|
return;
|
|
263
261
|
}
|
|
264
|
-
dropdownEventBus
|
|
262
|
+
dropdownEventBus?.emit("mouseover", e);
|
|
265
263
|
}
|
|
266
264
|
function onMouseleave(e) {
|
|
267
|
-
|
|
268
|
-
if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseleave) {
|
|
265
|
+
if (instance?.vnode.props?.onMouseleave) {
|
|
269
266
|
emit("mouseleave", e);
|
|
270
267
|
return;
|
|
271
268
|
}
|
|
272
|
-
dropdownEventBus
|
|
269
|
+
dropdownEventBus?.emit("mouseleave", e);
|
|
273
270
|
}
|
|
274
271
|
return (_ctx, _cache) => {
|
|
275
272
|
return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvNavItem=t(e.
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvNavItem=t(e.Vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),s=Symbol.for("dropdownTrigger"),u=Symbol.for("dropdownAction"),i={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={disabled:{type:Boolean,default:!1}},c={active:{type:Boolean,default:!1}},f={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},v={label:{type:[String,Number],default:void 0}};r.before,o.bottom;const m={...d,...v,...p,...c,...f,...i,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};t.local;const b=m;const g=e.defineComponent({name:"VvAction",props:b,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,i=r,d=e.getCurrentInstance(),c=e.inject(l,void 0),f=e.ref(null);o({$el:f});const{reference:p,bus:v,aria:m,expanded:b}=e.inject(s,{});e.watch(()=>f.value,e=>{p&&(p.value=e)});const g=e.computed(()=>n.pressed||b?.value),{role:y}=e.inject(u,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return c?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),S=e.computed(()=>{const e={...m?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function h(e){n.disabled?e.preventDefault():d?.vnode.props?.onClick?i("click",e):v?.emit("click",e)}function x(e){d?.vnode.props?.onMouseover?i("mouseover",e):v?.emit("mouseover",e)}function C(e){d?.vnode.props?.onMouseleave?i("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(S),{ref_key:"element",ref:f,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:h,onMouseoverPassive:x,onMouseleavePassive:C}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}}),y={class:"vv-nav__item",role:"presentation"};return e.defineComponent({name:"VvNavItem",inheritAttrs:!1,setup:t=>(t,o)=>(e.openBlock(),e.createElementBlock("li",y,[e.renderSlot(t.$slots,"before"),e.createVNode(g,e.mergeProps(t.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16),e.renderSlot(t.$slots,"after")]))})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvNavSeparator=o(e.
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvNavSeparator=o(e.Vue)}(this,function(e){"use strict";const o={class:"vv-nav__separator",role:"separator"};return((e,o)=>{const t=e.__vccOpts||e;for(const[n,r]of o)t[n]=r;return t})({name:"VvNavSeparator"},[["render",function(t,n,r,a,s,f){return e.openBlock(),e.createElementBlock("li",o,[e.renderSlot(t.$slots,"default")])}]])});
|
|
@@ -108,7 +108,7 @@ function useModifiers(prefix, modifiers, others) {
|
|
|
108
108
|
const toReturn = {
|
|
109
109
|
[prefix]: true
|
|
110
110
|
};
|
|
111
|
-
const modifiersArray = typeof
|
|
111
|
+
const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
|
|
112
112
|
if (modifiersArray) {
|
|
113
113
|
if (Array.isArray(modifiersArray)) {
|
|
114
114
|
modifiersArray.forEach((modifier) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvProgress=t(e.
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvProgress=t(e.Vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i={modifiers:{type:[String,Array],default:void 0}};r.before,o.bottom,n.button,u.button,t.local;const s={...i,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}};return e.defineComponent({name:"VvProgress",props:s,setup(t){const o=t,{value:r,max:n,label:u}=e.toRefs(o),i=e.computed(()=>void 0===o.value),{modifiers:s}=e.toRefs(o),a=function(t,o,r){return e.computed(()=>{const n={[t]:!0},u="string"==typeof o?.value?o.value.split(" "):o?.value;return u&&Array.isArray(u)&&u.forEach(e=>{e&&(n[`${t}--${e}`]=!0)}),r&&Object.keys(r.value).forEach(o=>{n[`${t}--${o}`]=e.unref(r.value[o])}),n})}("vv-progress",s,e.computed(()=>({indeterminate:i.value})));return(t,o)=>(e.openBlock(),e.createElementBlock("progress",e.normalizeProps(e.guardReactiveProps({class:e.unref(a),ariaLabel:e.unref(u),max:e.unref(n),value:e.unref(r)})),null,16))}})});
|
|
@@ -200,7 +200,7 @@ function useGroupStateInject(groupKey) {
|
|
|
200
200
|
const group = inject(groupKey, void 0);
|
|
201
201
|
const isInGroup = computed(() => group !== void 0);
|
|
202
202
|
function getGroupOrLocalRef(propName, props, emit) {
|
|
203
|
-
const groupPropValue = group
|
|
203
|
+
const groupPropValue = group?.[propName];
|
|
204
204
|
if (groupPropValue) {
|
|
205
205
|
return computed({
|
|
206
206
|
get() {
|
|
@@ -238,10 +238,10 @@ function useGroupProps(props, emit) {
|
|
|
238
238
|
const valid = getGroupOrLocalRef("valid", props);
|
|
239
239
|
const invalid = getGroupOrLocalRef("invalid", props);
|
|
240
240
|
const readonly = computed(
|
|
241
|
-
() => Boolean(props.readonly ||
|
|
241
|
+
() => Boolean(props.readonly || group?.readonly.value)
|
|
242
242
|
);
|
|
243
243
|
const disabled = computed(
|
|
244
|
-
() => Boolean(props.disabled ||
|
|
244
|
+
() => Boolean(props.disabled || group?.disabled.value)
|
|
245
245
|
);
|
|
246
246
|
return {
|
|
247
247
|
// local props
|
|
@@ -382,7 +382,6 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
382
382
|
};
|
|
383
383
|
},
|
|
384
384
|
render() {
|
|
385
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
386
385
|
if (this.isVisible) {
|
|
387
386
|
let role;
|
|
388
387
|
if (this.hasInvalidLabelOrSlot) {
|
|
@@ -397,7 +396,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
397
396
|
{
|
|
398
397
|
role
|
|
399
398
|
},
|
|
400
|
-
|
|
399
|
+
this.$slots.loading?.() ?? this.loadingLabel
|
|
401
400
|
);
|
|
402
401
|
}
|
|
403
402
|
if (this.hasInvalidLabelOrSlot) {
|
|
@@ -406,7 +405,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
406
405
|
{
|
|
407
406
|
role
|
|
408
407
|
},
|
|
409
|
-
|
|
408
|
+
this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel
|
|
410
409
|
);
|
|
411
410
|
}
|
|
412
411
|
if (this.hasValidLabelOrSlot) {
|
|
@@ -415,7 +414,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
415
414
|
{
|
|
416
415
|
role
|
|
417
416
|
},
|
|
418
|
-
|
|
417
|
+
this.$slots.valid?.() ?? this.validLabel
|
|
419
418
|
);
|
|
420
419
|
}
|
|
421
420
|
return h(
|
|
@@ -423,7 +422,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
423
422
|
{
|
|
424
423
|
role
|
|
425
424
|
},
|
|
426
|
-
|
|
425
|
+
this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel
|
|
427
426
|
);
|
|
428
427
|
}
|
|
429
428
|
return null;
|
|
@@ -444,8 +443,7 @@ function useVolver() {
|
|
|
444
443
|
function useDefaults(componentName, propsDefinition, props) {
|
|
445
444
|
const volver = useVolver();
|
|
446
445
|
const volverComponentDefaults = computed(() => {
|
|
447
|
-
|
|
448
|
-
if (!volver || !((_a = volver.defaults.value) == null ? void 0 : _a[componentName])) {
|
|
446
|
+
if (!volver || !volver.defaults.value?.[componentName]) {
|
|
449
447
|
return void 0;
|
|
450
448
|
}
|
|
451
449
|
return volver.defaults.value[componentName];
|
|
@@ -495,14 +493,14 @@ function useDefaults(componentName, propsDefinition, props) {
|
|
|
495
493
|
});
|
|
496
494
|
}
|
|
497
495
|
function useUniqueId(id) {
|
|
498
|
-
return computed(() => String(
|
|
496
|
+
return computed(() => String(id?.value || useId()));
|
|
499
497
|
}
|
|
500
498
|
function useModifiers(prefix, modifiers, others) {
|
|
501
499
|
return computed(() => {
|
|
502
500
|
const toReturn = {
|
|
503
501
|
[prefix]: true
|
|
504
502
|
};
|
|
505
|
-
const modifiersArray = typeof
|
|
503
|
+
const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
|
|
506
504
|
if (modifiersArray) {
|
|
507
505
|
if (Array.isArray(modifiersArray)) {
|
|
508
506
|
modifiersArray.forEach((modifier) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadio=t(e.
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadio=t(e.Vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),a=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(a||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),o=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(o||{});const n=Symbol.for("volver"),r=Symbol.for("radioGroup"),u={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},d={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},s={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},v={disabled:{type:Boolean,default:!1}},f={label:{type:[String,Number],default:void 0}},c={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},b={hintLabel:{type:String,default:""}};l.before;const m={tabindex:{type:[String,Number],default:0}},h={id:[String,Number]};a.bottom;const g={...{...h,name:{type:String,required:!0}},...m,...u,...d,...b,...v,...c,...p,...f,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}};i.button,o.button,t.local;const y=g;function S(t,a){const{id:l}=e.toRefs(t),{group:i,isInGroup:o,getGroupOrLocalRef:n}=function(t){const a=e.inject(t,void 0),l=e.computed(()=>void 0!==a);return{group:a,isInGroup:l,getGroupOrLocalRef:function(t,l,i){const o=a?.[t];if(o)return e.computed({get:()=>o.value,set(e){o.value=e}});const n=e.toRef(l,t);return e.computed({get:()=>n.value,set(e){i&&i(`update:${t}`,e)}})}}}(r),u=n("modelValue",t,a),d=n("valid",t),s=n("invalid",t),v=e.computed(()=>Boolean(t.readonly||i?.readonly.value)),f=e.computed(()=>Boolean(t.disabled||i?.disabled.value));return{id:l,group:i,isInGroup:o,modelValue:u,valid:d,invalid:s,readonly:v,disabled:f}}function L(e,t,a){return O(e,t)}function O(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const a=Array.isArray(e),l=Array.isArray(t);let i,o,n;if(a&&l){if(o=e.length,o!==t.length)return!1;for(i=o;0!==i--;)if(!O(e[i],t[i]))return!1;return!0}if(a!==l)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===t.getTime();const d=e instanceof RegExp,s=t instanceof RegExp;if(d!==s)return!1;if(d&&s)return e.toString()===t.toString();const v=Object.keys(e);if(o=v.length,o!==Object.keys(t).length)return!1;for(i=o;0!==i--;)if(!Object.prototype.hasOwnProperty.call(t,v[i]))return!1;for(i=o;0!==i--;)if(n=v[i],!O(e[n],t[n]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function V(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}function $(t,a,l){const i=e.inject(n,void 0),o=e.computed(()=>{if(i&&i.defaults.value?.[t])return i.defaults.value[t]});return e.computed(()=>{if(void 0===o.value)return l;const e=o.value,t=a,i=l;return Object.keys(t).reduce((a,l)=>{const o=i[l];if(a[l]=o,l in e){if(Array.isArray(t[l])){const i=t[l];if(i.length){i[0]===o&&(a[l]=e[l])}}if("function"==typeof t[l]){(0,t[l])()===o&&(a[l]=e[l])}if("object"==typeof t[l]){let i=t[l].default;"function"==typeof i&&(i=i()),"object"==typeof i?JSON.stringify(i)===JSON.stringify(o)&&(a[l]=e[l]):i===o&&(a[l]=e[l])}}return a},{})})}const A=["for"],R=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"];return e.defineComponent({name:"VvRadio",props:y,emits:["click","update:modelValue","change","blur"],setup(t,{emit:a}){const l=t,i=a,o=e.useSlots(),n=$("VvRadio",y,l),{id:r,disabled:u,readonly:d,modelValue:s,valid:v,invalid:f}=S(l,i),c=function(t){return e.computed(()=>String(t?.value||e.useId()))}(r),p=e.computed(()=>`${c.value}-hint`),b=e.computed(()=>h.value?-1:l.tabindex),m=e.ref(),h=e.computed(()=>u.value||d.value),g=e.computed(()=>!0===f.value||!0!==v.value&&void 0),O=e.computed(()=>Array.isArray(s.value)?function(e,t){if(null!=e&&t&&t.length)for(const a of t)if(L(e,a))return!0;return!1}(l.value,s.value):L(l.value,s.value)),k=e.computed(()=>!["string","number","boolean"].includes(typeof l.value)||l.value),N=e.computed({get:()=>O.value?k.value:null,set(e){Array.isArray(s.value)?s.value=[l.value]:s.value=l.value,i("change",e)}}),{modifiers:x}=e.toRefs(l),B=function(t,a,l){return e.computed(()=>{const i={[t]:!0},o="string"==typeof a?.value?a.value.split(" "):a?.value;return o&&Array.isArray(o)&&o.forEach(e=>{e&&(i[`${t}--${e}`]=!0)}),l&&Object.keys(l.value).forEach(a=>{i[`${t}--${a}`]=e.unref(l.value[a])}),i})}("vv-radio",x,e.computed(()=>({valid:v.value,invalid:f.value,disabled:u.value,readonly:d.value}))),{HintSlot:j,hasHintLabelOrSlot:I,hasInvalidLabelOrSlot:P,hintSlotScope:C}=function(t,a){const l=e.computed(()=>e.isRef(t)?t.value:t),i=e.computed(()=>V(l.value.invalidLabel)),o=e.computed(()=>V(l.value.validLabel)),n=e.computed(()=>l.value.loadingLabel),r=e.computed(()=>l.value.hintLabel),u=e.computed(()=>Boolean(l.value.loading&&(a.loading||n.value))),d=e.computed(()=>!u.value&&Boolean(l.value.invalid&&(a.invalid||i.value))),s=e.computed(()=>!u.value&&!d.value&&Boolean(l.value.valid&&(a.valid||o.value))),v=e.computed(()=>!u.value&&!d.value&&!s.value&&Boolean(a.hint||r.value)),f=e.computed(()=>d.value||s.value||u.value||v.value),c=e.computed(()=>({modelValue:l.value.modelValue,valid:l.value.valid,invalid:l.value.invalid,loading:l.value.loading})),p=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:i,validLabel:o,loadingLabel:n,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){if(this.isVisible){let t;return this.hasInvalidLabelOrSlot&&(t="alert"),this.hasValidLabelOrSlot&&(t="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:t},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:t},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:t},this.$slots.valid?.()??this.validLabel):e.h(this.tag,{role:t},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hintSlotScope:c,HintSlot:p}}(n,o);return(t,a)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(B)),for:e.unref(c)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(c),ref_key:"input",ref:m,"onUpdate:modelValue":a[0]||(a[0]=t=>e.isRef(N)?N.value=t:null),type:"radio",class:"vv-radio__input",name:t.name,disabled:e.unref(h),value:e.unref(k),tabindex:e.unref(b),"aria-invalid":e.unref(g),"aria-describedby":e.unref(I)?e.unref(p):void 0,"aria-errormessage":e.unref(P)?e.unref(p):void 0},null,8,R),[[e.vModelRadio,e.unref(N)]]),e.renderSlot(t.$slots,"default",{value:e.unref(s)},()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),e.createVNode(e.unref(j),{id:e.unref(p),class:"vv-radio__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(C))))]),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(C))))]),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(C))))]),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(C))))]),key:"3"}:void 0]),1032,["id"])],10,A))}})});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { computed, isRef, defineComponent, h, inject, toRef, toRefs, useId, unref, useSlots, ref, createElementBlock, openBlock, normalizeClass, withDirectives, renderSlot, createVNode, createElementVNode, vModelRadio, createTextVNode, toDisplayString, createSlots, withCtx, normalizeProps, guardReactiveProps, provide, createCommentVNode, Fragment, renderList, createBlock, mergeProps } from "vue";
|
|
2
2
|
import { useVModel } from "@vueuse/core";
|
|
3
|
-
import {
|
|
3
|
+
import { getProperty } from "dot-prop";
|
|
4
4
|
var StorageType = /* @__PURE__ */ ((StorageType2) => {
|
|
5
5
|
StorageType2["local"] = "local";
|
|
6
6
|
StorageType2["session"] = "session";
|
|
@@ -386,7 +386,6 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
386
386
|
};
|
|
387
387
|
},
|
|
388
388
|
render() {
|
|
389
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
390
389
|
if (this.isVisible) {
|
|
391
390
|
let role;
|
|
392
391
|
if (this.hasInvalidLabelOrSlot) {
|
|
@@ -401,7 +400,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
401
400
|
{
|
|
402
401
|
role
|
|
403
402
|
},
|
|
404
|
-
|
|
403
|
+
this.$slots.loading?.() ?? this.loadingLabel
|
|
405
404
|
);
|
|
406
405
|
}
|
|
407
406
|
if (this.hasInvalidLabelOrSlot) {
|
|
@@ -410,7 +409,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
410
409
|
{
|
|
411
410
|
role
|
|
412
411
|
},
|
|
413
|
-
|
|
412
|
+
this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel
|
|
414
413
|
);
|
|
415
414
|
}
|
|
416
415
|
if (this.hasValidLabelOrSlot) {
|
|
@@ -419,7 +418,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
419
418
|
{
|
|
420
419
|
role
|
|
421
420
|
},
|
|
422
|
-
|
|
421
|
+
this.$slots.valid?.() ?? this.validLabel
|
|
423
422
|
);
|
|
424
423
|
}
|
|
425
424
|
return h(
|
|
@@ -427,7 +426,7 @@ function HintSlotFactory(propsOrRef, slots) {
|
|
|
427
426
|
{
|
|
428
427
|
role
|
|
429
428
|
},
|
|
430
|
-
|
|
429
|
+
this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel
|
|
431
430
|
);
|
|
432
431
|
}
|
|
433
432
|
return null;
|
|
@@ -446,7 +445,7 @@ function useGroupStateInject(groupKey) {
|
|
|
446
445
|
const group = inject(groupKey, void 0);
|
|
447
446
|
const isInGroup = computed(() => group !== void 0);
|
|
448
447
|
function getGroupOrLocalRef(propName, props, emit) {
|
|
449
|
-
const groupPropValue = group
|
|
448
|
+
const groupPropValue = group?.[propName];
|
|
450
449
|
if (groupPropValue) {
|
|
451
450
|
return computed({
|
|
452
451
|
get() {
|
|
@@ -484,10 +483,10 @@ function useGroupProps(props, emit) {
|
|
|
484
483
|
const valid = getGroupOrLocalRef("valid", props);
|
|
485
484
|
const invalid = getGroupOrLocalRef("invalid", props);
|
|
486
485
|
const readonly = computed(
|
|
487
|
-
() => Boolean(props.readonly ||
|
|
486
|
+
() => Boolean(props.readonly || group?.readonly.value)
|
|
488
487
|
);
|
|
489
488
|
const disabled = computed(
|
|
490
|
-
() => Boolean(props.disabled ||
|
|
489
|
+
() => Boolean(props.disabled || group?.disabled.value)
|
|
491
490
|
);
|
|
492
491
|
return {
|
|
493
492
|
// local props
|
|
@@ -508,8 +507,7 @@ function useVolver() {
|
|
|
508
507
|
function useDefaults(componentName, propsDefinition, props) {
|
|
509
508
|
const volver = useVolver();
|
|
510
509
|
const volverComponentDefaults = computed(() => {
|
|
511
|
-
|
|
512
|
-
if (!volver || !((_a = volver.defaults.value) == null ? void 0 : _a[componentName])) {
|
|
510
|
+
if (!volver || !volver.defaults.value?.[componentName]) {
|
|
513
511
|
return void 0;
|
|
514
512
|
}
|
|
515
513
|
return volver.defaults.value[componentName];
|
|
@@ -559,14 +557,14 @@ function useDefaults(componentName, propsDefinition, props) {
|
|
|
559
557
|
});
|
|
560
558
|
}
|
|
561
559
|
function useUniqueId(id) {
|
|
562
|
-
return computed(() => String(
|
|
560
|
+
return computed(() => String(id?.value || useId()));
|
|
563
561
|
}
|
|
564
562
|
function useModifiers(prefix, modifiers, others) {
|
|
565
563
|
return computed(() => {
|
|
566
564
|
const toReturn = {
|
|
567
565
|
[prefix]: true
|
|
568
566
|
};
|
|
569
|
-
const modifiersArray = typeof
|
|
567
|
+
const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
|
|
570
568
|
if (modifiersArray) {
|
|
571
569
|
if (Array.isArray(modifiersArray)) {
|
|
572
570
|
modifiersArray.forEach((modifier) => {
|
|
@@ -735,7 +733,7 @@ function useOptions(props) {
|
|
|
735
733
|
return labelKey.value(option);
|
|
736
734
|
}
|
|
737
735
|
return String(
|
|
738
|
-
labelKey.value ?
|
|
736
|
+
labelKey.value ? getProperty(option, labelKey.value) : option
|
|
739
737
|
);
|
|
740
738
|
};
|
|
741
739
|
const getOptionValue = (option) => {
|
|
@@ -745,7 +743,7 @@ function useOptions(props) {
|
|
|
745
743
|
if (typeof valueKey.value === "function") {
|
|
746
744
|
return valueKey.value(option);
|
|
747
745
|
}
|
|
748
|
-
return valueKey.value ?
|
|
746
|
+
return valueKey.value ? getProperty(option, valueKey.value) : option;
|
|
749
747
|
};
|
|
750
748
|
const isOptionDisabled = (option) => {
|
|
751
749
|
if (typeof option === "string") {
|
|
@@ -754,7 +752,7 @@ function useOptions(props) {
|
|
|
754
752
|
if (typeof disabledKey.value === "function") {
|
|
755
753
|
return disabledKey.value(option);
|
|
756
754
|
}
|
|
757
|
-
return disabledKey.value ?
|
|
755
|
+
return disabledKey.value ? Boolean(getProperty(option, disabledKey.value)) : false;
|
|
758
756
|
};
|
|
759
757
|
const getOptionGrouped = (option) => {
|
|
760
758
|
if (typeof option == "string") {
|
|
@@ -800,7 +798,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
800
798
|
valid,
|
|
801
799
|
invalid
|
|
802
800
|
});
|
|
803
|
-
const { getOptionLabel, getOptionValue } = useOptions(props);
|
|
801
|
+
const { getOptionLabel, getOptionValue, isOptionDisabled } = useOptions(props);
|
|
804
802
|
const bemCssClasses = useModifiers(
|
|
805
803
|
"vv-radio-group",
|
|
806
804
|
modifiers,
|
|
@@ -819,7 +817,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
819
817
|
name: props.name,
|
|
820
818
|
label: getOptionLabel(option),
|
|
821
819
|
value: getOptionValue(option),
|
|
822
|
-
required: props.required
|
|
820
|
+
required: props.required,
|
|
821
|
+
disabled: isOptionDisabled(option)
|
|
823
822
|
};
|
|
824
823
|
}
|
|
825
824
|
const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
|
|
@@ -841,10 +840,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
841
840
|
renderList(_ctx.options, (option, index) => {
|
|
842
841
|
return openBlock(), createBlock(
|
|
843
842
|
_sfc_main$1,
|
|
844
|
-
mergeProps({
|
|
845
|
-
key: index,
|
|
846
|
-
ref_for: true
|
|
847
|
-
}, getOptionProps(option, index)),
|
|
843
|
+
mergeProps({ key: index }, { ref_for: true }, getOptionProps(option, index)),
|
|
848
844
|
null,
|
|
849
845
|
16
|
|
850
846
|
/* FULL_PROPS */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@vueuse/core"),require("ts-dot-prop")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core","ts-dot-prop"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadioGroup=t(e.vue,e.core,e.tsDotProp)}(this,(function(e,t,l){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});const u=Symbol.for("volver"),d=Symbol.for("radioGroup"),s={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},v={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},f={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},p={disabled:{type:Boolean,default:!1}},c={required:{type:Boolean,default:!1}},m={label:{type:[String,Number],default:void 0}},b={readonly:{type:Boolean,default:!1}},y={modifiers:{type:[String,Array],default:void 0}},g={hintLabel:{type:String,default:""}},h={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};i.before;const S={tabindex:{type:[String,Number],default:0}},L={id:[String,Number]};o.bottom;const k={...{...L,name:{type:String,required:!0}},...S,...s,...v,...g,...p,...b,...y,...m,...f,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},O={...s,...v,...h,...g,...p,...b,...y,...m,...f,...c,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}};n.button,r.button,a.local;const V=O;function $(e,t,l){return B(e,t)}function B(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),a=Array.isArray(t);let o,i,n;if(l&&a){if(i=e.length,i!==t.length)return!1;for(o=i;0!==o--;)if(!B(e[o],t[o]))return!1;return!0}if(l!==a)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===t.getTime();const d=e instanceof RegExp,s=t instanceof RegExp;if(d!==s)return!1;if(d&&s)return e.toString()===t.toString();const v=Object.keys(e);if(i=v.length,i!==Object.keys(t).length)return!1;for(o=i;0!==o--;)if(!Object.prototype.hasOwnProperty.call(t,v[o]))return!1;for(o=i;0!==o--;)if(n=v[o],!B(e[n],t[n]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function R(e){return Array.isArray(e)?e.filter((e=>"string"==typeof e)).join(" "):e}function x(t,l){const a=e.computed((()=>e.isRef(t)?t.value:t)),o=e.computed((()=>R(a.value.invalidLabel))),i=e.computed((()=>R(a.value.validLabel))),n=e.computed((()=>a.value.loadingLabel)),r=e.computed((()=>a.value.hintLabel)),u=e.computed((()=>Boolean(a.value.loading&&(l.loading||n.value)))),d=e.computed((()=>!u.value&&Boolean(a.value.invalid&&(l.invalid||o.value)))),s=e.computed((()=>!u.value&&!d.value&&Boolean(a.value.valid&&(l.valid||i.value)))),v=e.computed((()=>!u.value&&!d.value&&!s.value&&Boolean(l.hint||r.value))),f=e.computed((()=>d.value||s.value||u.value||v.value)),p=e.computed((()=>({modelValue:a.value.modelValue,valid:a.value.valid,invalid:a.value.invalid,loading:a.value.loading}))),c=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:o,validLabel:i,loadingLabel:n,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){var t,l,a,o,i,n,r,u;if(this.isVisible){let d;return this.hasInvalidLabelOrSlot&&(d="alert"),this.hasValidLabelOrSlot&&(d="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:d},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:d},(null==(o=(a=this.$slots).invalid)?void 0:o.call(a))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(n=(i=this.$slots).valid)?void 0:n.call(i))??this.validLabel):e.h(this.tag,{role:d},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hintSlotScope:p,HintSlot:c}}const N=k;function A(t,l){const{id:a}=e.toRefs(t),{group:o,isInGroup:i,getGroupOrLocalRef:n}=function(t){const l=e.inject(t,void 0),a=e.computed((()=>void 0!==l));return{group:l,isInGroup:a,getGroupOrLocalRef:function(t,a,o){const i=null==l?void 0:l[t];if(i)return e.computed({get:()=>i.value,set(e){i.value=e}});const n=e.toRef(a,t);return e.computed({get:()=>n.value,set(e){o&&o(`update:${t}`,e)}})}}}(d),r=n("modelValue",t,l),u=n("valid",t),s=n("invalid",t),v=e.computed((()=>Boolean(t.readonly||(null==o?void 0:o.readonly.value)))),f=e.computed((()=>Boolean(t.disabled||(null==o?void 0:o.disabled.value))));return{id:a,group:o,isInGroup:i,modelValue:r,valid:u,invalid:s,readonly:v,disabled:f}}function P(t,l,a){const o=e.inject(u,void 0),i=e.computed((()=>{var e;if(o&&(null==(e=o.defaults.value)?void 0:e[t]))return o.defaults.value[t]}));return e.computed((()=>{if(void 0===i.value)return a;const e=i.value,t=l,o=a;return Object.keys(t).reduce(((l,a)=>{const i=o[a];if(l[a]=i,a in e){if(Array.isArray(t[a])){const o=t[a];if(o.length){o[0]===i&&(l[a]=e[a])}}if("function"==typeof t[a]){(0,t[a])()===i&&(l[a]=e[a])}if("object"==typeof t[a]){let o=t[a].default;"function"==typeof o&&(o=o()),"object"==typeof o?JSON.stringify(o)===JSON.stringify(i)&&(l[a]=e[a]):o===i&&(l[a]=e[a])}}return l}),{})}))}function C(t,l,a){return e.computed((()=>{const o={[t]:!0},i="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return i&&Array.isArray(i)&&i.forEach((e=>{e&&(o[`${t}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((l=>{o[`${t}--${l}`]=e.unref(a.value[l])})),o}))}const j=["for"],_=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"],w=e.defineComponent({name:"VvRadio",props:N,emits:["click","update:modelValue","change","blur"],setup(t,{emit:l}){const a=t,o=l,i=e.useSlots(),n=P("VvRadio",N,a),{id:r,disabled:u,readonly:d,modelValue:s,valid:v,invalid:f}=A(a,o),p=function(t){return e.computed((()=>String((null==t?void 0:t.value)||e.useId())))}(r),c=e.computed((()=>`${p.value}-hint`)),m=e.computed((()=>y.value?-1:a.tabindex)),b=e.ref(),y=e.computed((()=>u.value||d.value)),g=e.computed((()=>!0===f.value||!0!==v.value&&void 0)),h=e.computed((()=>Array.isArray(s.value)?function(e,t){if(null!=e&&t&&t.length)for(const l of t)if($(e,l))return!0;return!1}(a.value,s.value):$(a.value,s.value))),S=e.computed((()=>!["string","number","boolean"].includes(typeof a.value)||a.value)),L=e.computed({get:()=>h.value?S.value:null,set(e){Array.isArray(s.value)?s.value=[a.value]:s.value=a.value,o("change",e)}}),{modifiers:k}=e.toRefs(a),O=C("vv-radio",k,e.computed((()=>({valid:v.value,invalid:f.value,disabled:u.value,readonly:d.value})))),{HintSlot:V,hasHintLabelOrSlot:B,hasInvalidLabelOrSlot:R,hintSlotScope:w}=x(n,i);return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(O)),for:e.unref(p)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(p),ref_key:"input",ref:b,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(L)?L.value=t:null),type:"radio",class:"vv-radio__input",name:t.name,disabled:e.unref(y),value:e.unref(S),tabindex:e.unref(m),"aria-invalid":e.unref(g),"aria-describedby":e.unref(B)?e.unref(c):void 0,"aria-errormessage":e.unref(R)?e.unref(c):void 0},null,8,_),[[e.vModelRadio,e.unref(L)]]),e.renderSlot(t.$slots,"default",{value:e.unref(s)},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)])),e.createVNode(e.unref(V),{id:e.unref(c),class:"vv-radio__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(w))))])),key:"3"}:void 0]),1032,["id"])],10,j))}});const z=["textContent"],q={class:"vv-radio-group__wrapper"};return e.defineComponent({name:"VvRadioGroup",props:V,emits:["update:modelValue","change"],setup(a,{emit:o}){const i=a,n=o,r=e.useSlots(),u=P("VvRadioGroup",V,i),s=t.useVModel(i,"modelValue",n),{disabled:v,readonly:f,vertical:p,valid:c,invalid:m,modifiers:b}=e.toRefs(i);var y,g;y=d,g={modelValue:s,disabled:v,readonly:f,valid:c,invalid:m},e.provide(y,g);const{getOptionLabel:h,getOptionValue:S}=function(t){const{options:a,labelKey:o,valueKey:i,disabledKey:n}=e.toRefs(t);return{options:a,getOptionLabel:e=>"string"==typeof e?e:"function"==typeof o.value?o.value(e):String(o.value?l.get(e,o.value):e),getOptionValue:e=>"string"==typeof e?e:"function"==typeof i.value?i.value(e):i.value?l.get(e,i.value):e,isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof n.value?n.value(e):!!n.value&&l.get(e,n.value)),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}(i),L=C("vv-radio-group",b,e.computed((()=>({disabled:v.value,readonly:f.value,required:i.required,horizontal:!p.value,valid:c.value,invalid:m.value}))));const{HintSlot:k,hintSlotScope:O}=x(u,r);return(t,l)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(L))},[t.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(t.label)},null,8,z)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",q,[t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,((t,l)=>(e.openBlock(),e.createBlock(w,e.mergeProps({key:l,ref_for:!0},function(e,t){return{id:`${i.name}_opt${t}`,name:i.name,label:h(e),value:S(e),required:i.required}}(t,l)),null,16)))),128)):e.renderSlot(t.$slots,"default",{key:1})]),e.createVNode(e.unref(k),{class:"vv-radio-group__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"3"}:void 0]),1024)],2))}})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@vueuse/core"),require("dot-prop")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core","dot-prop"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadioGroup=t(e.Vue,e.VueUse,e.dotProp)}(this,function(e,t,l){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});const u=Symbol.for("volver"),d=Symbol.for("radioGroup"),s={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},v={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},f={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},p={disabled:{type:Boolean,default:!1}},c={required:{type:Boolean,default:!1}},m={label:{type:[String,Number],default:void 0}},b={readonly:{type:Boolean,default:!1}},y={modifiers:{type:[String,Array],default:void 0}},g={hintLabel:{type:String,default:""}},h={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};i.before;const S={tabindex:{type:[String,Number],default:0}},L={id:[String,Number]};o.bottom;const V={...{...L,name:{type:String,required:!0}},...S,...s,...v,...g,...p,...b,...y,...m,...f,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},O={...s,...v,...h,...g,...p,...b,...y,...m,...f,...c,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}};n.button,r.button,a.local;const k=O;function $(e,t,l){return B(e,t)}function B(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),a=Array.isArray(t);let o,i,n;if(l&&a){if(i=e.length,i!==t.length)return!1;for(o=i;0!==o--;)if(!B(e[o],t[o]))return!1;return!0}if(l!==a)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===t.getTime();const d=e instanceof RegExp,s=t instanceof RegExp;if(d!==s)return!1;if(d&&s)return e.toString()===t.toString();const v=Object.keys(e);if(i=v.length,i!==Object.keys(t).length)return!1;for(o=i;0!==o--;)if(!Object.prototype.hasOwnProperty.call(t,v[o]))return!1;for(o=i;0!==o--;)if(n=v[o],!B(e[n],t[n]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function R(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}function P(t,l){const a=e.computed(()=>e.isRef(t)?t.value:t),o=e.computed(()=>R(a.value.invalidLabel)),i=e.computed(()=>R(a.value.validLabel)),n=e.computed(()=>a.value.loadingLabel),r=e.computed(()=>a.value.hintLabel),u=e.computed(()=>Boolean(a.value.loading&&(l.loading||n.value))),d=e.computed(()=>!u.value&&Boolean(a.value.invalid&&(l.invalid||o.value))),s=e.computed(()=>!u.value&&!d.value&&Boolean(a.value.valid&&(l.valid||i.value))),v=e.computed(()=>!u.value&&!d.value&&!s.value&&Boolean(l.hint||r.value)),f=e.computed(()=>d.value||s.value||u.value||v.value),p=e.computed(()=>({modelValue:a.value.modelValue,valid:a.value.valid,invalid:a.value.invalid,loading:a.value.loading})),c=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:o,validLabel:i,loadingLabel:n,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){if(this.isVisible){let t;return this.hasInvalidLabelOrSlot&&(t="alert"),this.hasValidLabelOrSlot&&(t="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:t},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:t},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:t},this.$slots.valid?.()??this.validLabel):e.h(this.tag,{role:t},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hintSlotScope:p,HintSlot:c}}const x=V;function N(t,l){const{id:a}=e.toRefs(t),{group:o,isInGroup:i,getGroupOrLocalRef:n}=function(t){const l=e.inject(t,void 0),a=e.computed(()=>void 0!==l);return{group:l,isInGroup:a,getGroupOrLocalRef:function(t,a,o){const i=l?.[t];if(i)return e.computed({get:()=>i.value,set(e){i.value=e}});const n=e.toRef(a,t);return e.computed({get:()=>n.value,set(e){o&&o(`update:${t}`,e)}})}}}(d),r=n("modelValue",t,l),u=n("valid",t),s=n("invalid",t),v=e.computed(()=>Boolean(t.readonly||o?.readonly.value)),f=e.computed(()=>Boolean(t.disabled||o?.disabled.value));return{id:a,group:o,isInGroup:i,modelValue:r,valid:u,invalid:s,readonly:v,disabled:f}}function A(t,l,a){const o=e.inject(u,void 0),i=e.computed(()=>{if(o&&o.defaults.value?.[t])return o.defaults.value[t]});return e.computed(()=>{if(void 0===i.value)return a;const e=i.value,t=l,o=a;return Object.keys(t).reduce((l,a)=>{const i=o[a];if(l[a]=i,a in e){if(Array.isArray(t[a])){const o=t[a];if(o.length){o[0]===i&&(l[a]=e[a])}}if("function"==typeof t[a]){(0,t[a])()===i&&(l[a]=e[a])}if("object"==typeof t[a]){let o=t[a].default;"function"==typeof o&&(o=o()),"object"==typeof o?JSON.stringify(o)===JSON.stringify(i)&&(l[a]=e[a]):o===i&&(l[a]=e[a])}}return l},{})})}function C(t,l,a){return e.computed(()=>{const o={[t]:!0},i="string"==typeof l?.value?l.value.split(" "):l?.value;return i&&Array.isArray(i)&&i.forEach(e=>{e&&(o[`${t}--${e}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{o[`${t}--${l}`]=e.unref(a.value[l])}),o})}const j=["for"],_=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"],w=e.defineComponent({name:"VvRadio",props:x,emits:["click","update:modelValue","change","blur"],setup(t,{emit:l}){const a=t,o=l,i=e.useSlots(),n=A("VvRadio",x,a),{id:r,disabled:u,readonly:d,modelValue:s,valid:v,invalid:f}=N(a,o),p=function(t){return e.computed(()=>String(t?.value||e.useId()))}(r),c=e.computed(()=>`${p.value}-hint`),m=e.computed(()=>y.value?-1:a.tabindex),b=e.ref(),y=e.computed(()=>u.value||d.value),g=e.computed(()=>!0===f.value||!0!==v.value&&void 0),h=e.computed(()=>Array.isArray(s.value)?function(e,t){if(null!=e&&t&&t.length)for(const l of t)if($(e,l))return!0;return!1}(a.value,s.value):$(a.value,s.value)),S=e.computed(()=>!["string","number","boolean"].includes(typeof a.value)||a.value),L=e.computed({get:()=>h.value?S.value:null,set(e){Array.isArray(s.value)?s.value=[a.value]:s.value=a.value,o("change",e)}}),{modifiers:V}=e.toRefs(a),O=C("vv-radio",V,e.computed(()=>({valid:v.value,invalid:f.value,disabled:u.value,readonly:d.value}))),{HintSlot:k,hasHintLabelOrSlot:B,hasInvalidLabelOrSlot:R,hintSlotScope:w}=P(n,i);return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(O)),for:e.unref(p)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(p),ref_key:"input",ref:b,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(L)?L.value=t:null),type:"radio",class:"vv-radio__input",name:t.name,disabled:e.unref(y),value:e.unref(S),tabindex:e.unref(m),"aria-invalid":e.unref(g),"aria-describedby":e.unref(B)?e.unref(c):void 0,"aria-errormessage":e.unref(R)?e.unref(c):void 0},null,8,_),[[e.vModelRadio,e.unref(L)]]),e.renderSlot(t.$slots,"default",{value:e.unref(s)},()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),e.createVNode(e.unref(k),{id:e.unref(c),class:"vv-radio__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(w))))]),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(w))))]),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(w))))]),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(w))))]),key:"3"}:void 0]),1032,["id"])],10,j))}});const z=["textContent"],q={class:"vv-radio-group__wrapper"};return e.defineComponent({name:"VvRadioGroup",props:k,emits:["update:modelValue","change"],setup(a,{emit:o}){const i=a,n=o,r=e.useSlots(),u=A("VvRadioGroup",k,i),s=t.useVModel(i,"modelValue",n),{disabled:v,readonly:f,vertical:p,valid:c,invalid:m,modifiers:b}=e.toRefs(i);var y,g;y=d,g={modelValue:s,disabled:v,readonly:f,valid:c,invalid:m},e.provide(y,g);const{getOptionLabel:h,getOptionValue:S,isOptionDisabled:L}=function(t){const{options:a,labelKey:o,valueKey:i,disabledKey:n}=e.toRefs(t);return{options:a,getOptionLabel:e=>"string"==typeof e?e:"function"==typeof o.value?o.value(e):String(o.value?l.getProperty(e,o.value):e),getOptionValue:e=>"string"==typeof e?e:"function"==typeof i.value?i.value(e):i.value?l.getProperty(e,i.value):e,isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof n.value?n.value(e):!!n.value&&Boolean(l.getProperty(e,n.value))),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}(i),V=C("vv-radio-group",b,e.computed(()=>({disabled:v.value,readonly:f.value,required:i.required,horizontal:!p.value,valid:c.value,invalid:m.value})));const{HintSlot:O,hintSlotScope:$}=P(u,r);return(t,l)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(V))},[t.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(t.label)},null,8,z)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",q,[t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(t,l)=>(e.openBlock(),e.createBlock(w,e.mergeProps({key:l},{ref_for:!0},function(e,t){return{id:`${i.name}_opt${t}`,name:i.name,label:h(e),value:S(e),required:i.required,disabled:L(e)}}(t,l)),null,16))),128)):e.renderSlot(t.$slots,"default",{key:1})]),e.createVNode(e.unref(O),{class:"vv-radio-group__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref($))))]),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref($))))]),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref($))))]),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref($))))]),key:"3"}:void 0]),1024)],2))}})});
|