@volverjs/ui-vue 0.0.10-beta.75 → 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 +15 -20
- 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 +15 -20
- 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 +7349 -628
- 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") {
|
|
@@ -842,10 +840,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
842
840
|
renderList(_ctx.options, (option, index) => {
|
|
843
841
|
return openBlock(), createBlock(
|
|
844
842
|
_sfc_main$1,
|
|
845
|
-
mergeProps({
|
|
846
|
-
key: index,
|
|
847
|
-
ref_for: true
|
|
848
|
-
}, getOptionProps(option, index)),
|
|
843
|
+
mergeProps({ key: index }, { ref_for: true }, getOptionProps(option, index)),
|
|
849
844
|
null,
|
|
850
845
|
16
|
|
851
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 O={...{...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}},k={...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=k;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=O;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:O}=e.toRefs(a),k=C("vv-radio",O,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(k)),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,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.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),O=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:$}=x(u,r);return(t,l)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(O))},[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(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($))))])),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))}})}));
|
|
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))}})});
|