@volverjs/ui-vue 0.0.10-beta.68 → 0.0.10-beta.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/VvAccordion/VvAccordion.vue.d.ts +5 -4
- package/dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts +4 -2
- package/dist/components/VvAction/VvAction.vue.d.ts +1 -1
- package/dist/components/VvAlert/VvAlert.es.js +6 -7
- package/dist/components/VvAlert/VvAlert.umd.js +1 -1
- package/dist/components/VvAlert/VvAlert.vue.d.ts +14 -8
- package/dist/components/VvAlert/index.d.ts +1 -1
- package/dist/components/VvAlertGroup/VvAlertGroup.es.js +6 -7
- package/dist/components/VvAlertGroup/VvAlertGroup.umd.js +1 -1
- package/dist/components/VvAlertGroup/VvAlertGroup.vue.d.ts +5 -3
- package/dist/components/VvAlertGroup/index.d.ts +1 -1
- package/dist/components/VvAvatar/VvAvatar.vue.d.ts +1 -1
- package/dist/components/VvAvatarGroup/VvAvatarGroup.vue.d.ts +1 -1
- package/dist/components/VvBadge/VvBadge.vue.d.ts +1 -1
- package/dist/components/VvBreadcrumb/VvBreadcrumb.vue.d.ts +2 -2
- package/dist/components/VvButton/VvButton.es.js +6 -7
- package/dist/components/VvButton/VvButton.umd.js +1 -1
- package/dist/components/VvButton/VvButton.vue.d.ts +9 -5
- package/dist/components/VvButtonGroup/VvButtonGroup.vue.d.ts +3 -2
- package/dist/components/VvCard/VvCard.vue.d.ts +7 -4
- package/dist/components/VvCheckbox/VvCheckbox.umd.js +1 -1
- package/dist/components/VvCheckbox/VvCheckbox.vue.d.ts +14 -10
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js +1 -1
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts +13 -9
- package/dist/components/VvCombobox/VvCombobox.es.js +301 -182
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +41 -23
- package/dist/components/VvCombobox/index.d.ts +36 -4
- package/dist/components/VvDialog/VvDialog.vue.d.ts +5 -3
- package/dist/components/VvDropdown/VvDropdown.vue.d.ts +11 -8
- package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts +2 -116
- package/dist/components/VvDropdown/VvDropdownItem.vue.d.ts +1 -1
- package/dist/components/VvDropdown/VvDropdownOption.vue.d.ts +4 -3
- package/dist/components/VvIcon/VvIcon.es.js +5 -6
- package/dist/components/VvIcon/VvIcon.umd.js +1 -1
- package/dist/components/VvIcon/index.d.ts +2 -2
- package/dist/components/VvInputFile/VvInputFile.es.js +50 -13
- package/dist/components/VvInputFile/VvInputFile.umd.js +1 -1
- package/dist/components/VvInputFile/VvInputFile.vue.d.ts +13 -9
- package/dist/components/VvInputFile/index.d.ts +4 -4
- package/dist/components/VvInputText/VvInputText.es.js +39 -18
- package/dist/components/VvInputText/VvInputText.umd.js +1 -1
- package/dist/components/VvInputText/VvInputText.vue.d.ts +37 -20
- package/dist/components/VvInputText/index.d.ts +12 -4
- package/dist/components/VvNav/VvNav.vue.d.ts +4 -3
- package/dist/components/VvNav/VvNavItem.vue.d.ts +1 -1
- package/dist/components/VvRadio/VvRadio.umd.js +1 -1
- package/dist/components/VvRadio/VvRadio.vue.d.ts +14 -10
- package/dist/components/VvRadioGroup/VvRadioGroup.umd.js +1 -1
- package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts +13 -9
- package/dist/components/VvSelect/VvSelect.es.js +143 -51
- package/dist/components/VvSelect/VvSelect.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.vue.d.ts +24 -14
- package/dist/components/VvSelect/index.d.ts +34 -2
- package/dist/components/VvTab/VvTab.vue.d.ts +3 -2
- package/dist/components/VvTextarea/VvTextarea.es.js +7 -8
- package/dist/components/VvTextarea/VvTextarea.umd.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.vue.d.ts +23 -16
- package/dist/components/VvTextarea/index.d.ts +1 -1
- package/dist/components/VvTooltip/VvTooltip.vue.d.ts +1 -1
- package/dist/components/{VvInputText → common}/VvInputClearAction.d.ts +10 -0
- package/dist/components/{VvInputText → common}/VvInputPasswordAction.d.ts +9 -0
- package/dist/components/{VvInputText → common}/VvInputStepAction.d.ts +9 -0
- package/dist/components/index.es.js +201 -79
- package/dist/components/index.umd.js +1 -1
- package/dist/composables/alert/useAlert.d.ts +4 -4
- package/dist/composables/dropdown/useDropdownContextmenu.d.ts +1 -1
- package/dist/composables/dropdown/useDropdownVirtualElement.d.ts +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/props/index.d.ts +3 -3
- package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +44 -22
- package/dist/stories/Alert/Alert.settings.d.ts +1 -1
- package/dist/stories/Button/Button.settings.d.ts +1 -1
- package/dist/stories/Combobox/Combobox.settings.d.ts +1 -1
- package/dist/stories/Nav/Nav.settings.d.ts +1 -1
- package/dist/stories/Tab/Tab.settings.d.ts +1 -1
- package/dist/utils/FileUtilities.d.ts +14 -0
- package/package.json +31 -31
|
@@ -38,20 +38,21 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
38
38
|
not: boolean;
|
|
39
39
|
modifiers: string | string[];
|
|
40
40
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
41
|
-
summary?: (
|
|
41
|
+
summary?: (props: {
|
|
42
42
|
isExpanded: boolean;
|
|
43
43
|
expand: () => void;
|
|
44
44
|
collapse: () => void;
|
|
45
45
|
groupExpand: (name?: string | string[]) => void;
|
|
46
46
|
groupCollapse: (name?: string | string[]) => void;
|
|
47
|
-
}) => any
|
|
48
|
-
|
|
47
|
+
}) => any;
|
|
48
|
+
} & {
|
|
49
|
+
default?: (props: {
|
|
49
50
|
isExpanded: boolean;
|
|
50
51
|
expand: () => void;
|
|
51
52
|
collapse: () => void;
|
|
52
53
|
groupExpand: (name?: string | string[]) => void;
|
|
53
54
|
groupCollapse: (name?: string | string[]) => void;
|
|
54
|
-
}) => any
|
|
55
|
+
}) => any;
|
|
55
56
|
}>;
|
|
56
57
|
export default _default;
|
|
57
58
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -71,6 +71,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
71
71
|
groupExpand: (name?: string | string[]) => void;
|
|
72
72
|
groupCollapse: (name?: string | string[]) => void;
|
|
73
73
|
}) => any) | undefined;
|
|
74
|
+
} & {
|
|
74
75
|
[x: `content::${string}`]: ((props: {
|
|
75
76
|
isExpanded: boolean;
|
|
76
77
|
expand: () => void;
|
|
@@ -78,11 +79,12 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
78
79
|
groupExpand: (name?: string | string[]) => void;
|
|
79
80
|
groupCollapse: (name?: string | string[]) => void;
|
|
80
81
|
}) => any) | undefined;
|
|
81
|
-
|
|
82
|
+
} & {
|
|
83
|
+
default?: (props: {
|
|
82
84
|
expandedAccordions: Set<string>;
|
|
83
85
|
expand: (name?: string | string[]) => void;
|
|
84
86
|
collapse: boolean & ((name?: string | string[]) => void);
|
|
85
|
-
}) => any
|
|
87
|
+
}) => any;
|
|
86
88
|
}>;
|
|
87
89
|
export default _default;
|
|
88
90
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -98,7 +98,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
98
98
|
active: boolean;
|
|
99
99
|
pressed: boolean;
|
|
100
100
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
101
|
-
default?: (
|
|
101
|
+
default?: (props: {}) => any;
|
|
102
102
|
}>;
|
|
103
103
|
export default _default;
|
|
104
104
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { inject, computed, useId, unref, watch, ref, defineComponent, mergeDefaults, toRefs, createBlock, createCommentVNode, openBlock, mergeProps, createElementBlock, normalizeProps, guardReactiveProps, renderSlot, createTextVNode, toDisplayString, withModifiers, createElementVNode } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { iconLoaded, Icon, addIcon } from "@iconify/vue";
|
|
3
3
|
var StorageType = /* @__PURE__ */ ((StorageType2) => {
|
|
4
4
|
StorageType2["local"] = "local";
|
|
5
5
|
StorageType2["session"] = "session";
|
|
@@ -42,7 +42,7 @@ const INJECTION_KEY_ALERT_GROUP = Symbol.for(
|
|
|
42
42
|
const IconProps = {
|
|
43
43
|
/**
|
|
44
44
|
* VvIcon name or props
|
|
45
|
-
* @see
|
|
45
|
+
* @see VvIcon
|
|
46
46
|
*/
|
|
47
47
|
icon: {
|
|
48
48
|
type: [String, Object],
|
|
@@ -348,13 +348,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
348
348
|
const icon = computed(() => {
|
|
349
349
|
const name = props.name ?? "";
|
|
350
350
|
const iconName = `@${provider.value}:${props.prefix}:${name}`;
|
|
351
|
-
if (
|
|
351
|
+
if (iconLoaded(iconName)) {
|
|
352
352
|
return iconName;
|
|
353
353
|
}
|
|
354
354
|
const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
|
|
355
355
|
(iconsCollection2) => {
|
|
356
356
|
const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
|
|
357
|
-
return
|
|
357
|
+
return iconLoaded(icon2);
|
|
358
358
|
}
|
|
359
359
|
);
|
|
360
360
|
if (iconsCollection) {
|
|
@@ -386,7 +386,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
388
|
if (volver) {
|
|
389
|
-
if (props.src && !
|
|
389
|
+
if (props.src && !iconLoaded(`@${provider.value}:${props.prefix}:${props.name}`)) {
|
|
390
390
|
show.value = false;
|
|
391
391
|
volver.fetchIcon(props.src).then((svg) => {
|
|
392
392
|
if (svg) {
|
|
@@ -414,9 +414,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
414
414
|
flip: _ctx.flip,
|
|
415
415
|
rotate: unref(hasRotate),
|
|
416
416
|
color: _ctx.color,
|
|
417
|
-
onLoad: _ctx.onLoad,
|
|
418
417
|
icon: unref(icon)
|
|
419
|
-
}), null, 16, ["class"])) : createCommentVNode("v-if", true);
|
|
418
|
+
}, { onLoad: _ctx.onLoad }), null, 16, ["class", "onLoad"])) : createCommentVNode("v-if", true);
|
|
420
419
|
};
|
|
421
420
|
}
|
|
422
421
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAlert=o(e.vue,e.vue$1)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),a=(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(a||{});const s=Symbol.for("volver"),u=Symbol.for("alertGroup"),c={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:r.before,validation:e=>Object.values(r).includes(e)}},d={id:[String,Number]};function v(o,t,l){return e.computed((()=>{const r={[o]:!0},n="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}l.bottom,n.button,i.button,t.local;const f={...d,...c,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:a.alert}};function p(o,t){const{bus:n}=e.inject(u,{}),i=(a=e.computed((()=>o.id)),e.computed((()=>String((null==a?void 0:a.value)||e.useId()))));var a;const s=e.computed((()=>`${i.value}-title`));let c;const d=()=>{c&&clearTimeout(c),t("close",i.value),null==n||n.emit("close",i.value)};e.watch((()=>o.autoClose),(e=>{e>0?c=setTimeout(d,e):c&&clearTimeout(c)}),{immediate:!0});const f=e.ref(!1),p=()=>{f.value=!0,c&&clearTimeout(c)},m=()=>{f.value=!1,o.autoClose>0&&(c=setTimeout(d,o.autoClose))},{hasIcon:h}=function(o,t){const n=e.computed((()=>"string"==typeof(null==o?void 0:o.value)?{name:null==o?void 0:o.value}:null==o?void 0:o.value)),i=e.computed((()=>(null==t?void 0:t.value)===r.before?n.value:void 0)),a=e.computed((()=>(null==t?void 0:t.value)===r.after?n.value:void 0)),s=e.computed((()=>(null==t?void 0:t.value)===l.left?n.value:void 0)),u=e.computed((()=>(null==t?void 0:t.value)===l.right?n.value:void 0)),c=e.computed((()=>(null==t?void 0:t.value)===l.top?n.value:void 0)),d=e.computed((()=>(null==t?void 0:t.value)===l.bottom?n.value:void 0));return{hasIcon:n,hasIconLeft:s,hasIconRight:u,hasIconTop:c,hasIconBottom:d,hasIconBefore:i,hasIconAfter:a}}(e.computed((()=>o.icon))),b=v("vv-alert",e.computed((()=>o.modifiers)),e.computed((()=>({dismissable:o.autoClose>0||o.dismissable,"auto-close":o.autoClose>0,hover:f.value})))),y=e.computed((()=>({"--alert-duration":`${o.autoClose}ms`})));return{close:d,hasIcon:h,hasTitleId:s,hasProps:e.computed((()=>({onMouseover:p,onMouseleave:m,class:b.value,style:y.value,role:o.role,"aria-labelledby":s.value})))}}const m={prefix:"normal"};const h=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},m),setup(t){const l=t,r=e.computed((()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate)),n=e.ref(!0),i=e.inject(s,void 0),{modifiers:a}=e.toRefs(l),u=v("vv-icon",a),c=e.computed((()=>l.provider||(null==i?void 0:i.iconsProvider))),d=e.computed((()=>{const e=l.name??"",t=`@${c.value}:${l.prefix}:${e}`;if(o.
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAlert=o(e.vue,e.vue$1)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),a=(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(a||{});const s=Symbol.for("volver"),u=Symbol.for("alertGroup"),c={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:r.before,validation:e=>Object.values(r).includes(e)}},d={id:[String,Number]};function v(o,t,l){return e.computed((()=>{const r={[o]:!0},n="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}l.bottom,n.button,i.button,t.local;const f={...d,...c,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:a.alert}};function p(o,t){const{bus:n}=e.inject(u,{}),i=(a=e.computed((()=>o.id)),e.computed((()=>String((null==a?void 0:a.value)||e.useId()))));var a;const s=e.computed((()=>`${i.value}-title`));let c;const d=()=>{c&&clearTimeout(c),t("close",i.value),null==n||n.emit("close",i.value)};e.watch((()=>o.autoClose),(e=>{e>0?c=setTimeout(d,e):c&&clearTimeout(c)}),{immediate:!0});const f=e.ref(!1),p=()=>{f.value=!0,c&&clearTimeout(c)},m=()=>{f.value=!1,o.autoClose>0&&(c=setTimeout(d,o.autoClose))},{hasIcon:h}=function(o,t){const n=e.computed((()=>"string"==typeof(null==o?void 0:o.value)?{name:null==o?void 0:o.value}:null==o?void 0:o.value)),i=e.computed((()=>(null==t?void 0:t.value)===r.before?n.value:void 0)),a=e.computed((()=>(null==t?void 0:t.value)===r.after?n.value:void 0)),s=e.computed((()=>(null==t?void 0:t.value)===l.left?n.value:void 0)),u=e.computed((()=>(null==t?void 0:t.value)===l.right?n.value:void 0)),c=e.computed((()=>(null==t?void 0:t.value)===l.top?n.value:void 0)),d=e.computed((()=>(null==t?void 0:t.value)===l.bottom?n.value:void 0));return{hasIcon:n,hasIconLeft:s,hasIconRight:u,hasIconTop:c,hasIconBottom:d,hasIconBefore:i,hasIconAfter:a}}(e.computed((()=>o.icon))),b=v("vv-alert",e.computed((()=>o.modifiers)),e.computed((()=>({dismissable:o.autoClose>0||o.dismissable,"auto-close":o.autoClose>0,hover:f.value})))),y=e.computed((()=>({"--alert-duration":`${o.autoClose}ms`})));return{close:d,hasIcon:h,hasTitleId:s,hasProps:e.computed((()=>({onMouseover:p,onMouseleave:m,class:b.value,style:y.value,role:o.role,"aria-labelledby":s.value})))}}const m={prefix:"normal"};const h=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},m),setup(t){const l=t,r=e.computed((()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate)),n=e.ref(!0),i=e.inject(s,void 0),{modifiers:a}=e.toRefs(l),u=v("vv-icon",a),c=e.computed((()=>l.provider||(null==i?void 0:i.iconsProvider))),d=e.computed((()=>{const e=l.name??"",t=`@${c.value}:${l.prefix}:${e}`;if(o.iconLoaded(t))return t;const r=null==i?void 0:i.iconsCollections.find((t=>{const l=`@${c.value}:${t.prefix}:${e}`;return o.iconLoaded(l)}));return r?`@${c.value}:${r.prefix}:${e}`:e}));function f(e){const t=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=(null==t?void 0:t.innerHTML.trim())||"";t&&r&&o.addIcon(`@${c.value}:${l.prefix}:${l.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&l.src&&!o.iconLoaded(`@${c.value}:${l.prefix}:${l.name}`)&&(n.value=!1,i.fetchIcon(l.src).then((e=>{e&&(f(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),l.svg&&f(l.svg),(t,l)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(r),color:t.color,icon:e.unref(d)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),b={key:0,class:"vv-alert__header"},y=["id"],g=["aria-label"],$={key:1,class:"vv-alert__content"},k={key:2,class:"vv-alert__footer"};return e.defineComponent({name:"VvAlert",props:f,emits:["close"],setup(o,{expose:t,emit:l}){const r=o,n=l,{hasProps:i,hasTitleId:a,hasIcon:s,close:u}=p(r,n);return t({close:u}),(o,t)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(i))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||e.unref(s)||o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("div",b,[e.unref(s)?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},e.unref(s),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"header",{},(()=>[e.renderSlot(o.$slots,"title::before"),o.$slots.title||o.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(a),class:"vv-alert__title"},[e.renderSlot(o.$slots,"title",{},(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]))],8,y)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"title::after")])),e.renderSlot(o.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(u)})),(()=>[o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:t[0]||(t[0]=e.withModifiers(((...o)=>e.unref(u)&&e.unref(u)(...o)),["stop"]))},t[1]||(t[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)]),8,g)):e.createCommentVNode("v-if",!0)]))])):e.createCommentVNode("v-if",!0),o.$slots.default||o.content?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.content),1)]))])):e.createCommentVNode("v-if",!0),o.$slots.footer||o.footer?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(o.$slots,"footer",{},(()=>[e.createTextVNode(e.toDisplayString(o.footer),1)]))])):e.createCommentVNode("v-if",!0)],16))}})}));
|
|
@@ -98,15 +98,21 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
98
98
|
icon: string | import("../VvIcon").VvIconProps;
|
|
99
99
|
iconPosition: "before" | "after";
|
|
100
100
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
101
|
-
header?: (
|
|
102
|
-
|
|
103
|
-
title?: (
|
|
104
|
-
|
|
105
|
-
|
|
101
|
+
header?: (props: {}) => any;
|
|
102
|
+
} & {
|
|
103
|
+
'title::before'?: (props: {}) => any;
|
|
104
|
+
} & {
|
|
105
|
+
title?: (props: {}) => any;
|
|
106
|
+
} & {
|
|
107
|
+
'title::after'?: (props: {}) => any;
|
|
108
|
+
} & {
|
|
109
|
+
close?: (props: {
|
|
106
110
|
close: () => void;
|
|
107
|
-
}) => any
|
|
108
|
-
|
|
109
|
-
|
|
111
|
+
}) => any;
|
|
112
|
+
} & {
|
|
113
|
+
default?: (props: {}) => any;
|
|
114
|
+
} & {
|
|
115
|
+
footer?: (props: {}) => any;
|
|
110
116
|
}>;
|
|
111
117
|
export default _default;
|
|
112
118
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { provide, computed, unref, inject, useId, watch, ref, defineComponent, mergeDefaults, toRefs, createBlock, createCommentVNode, openBlock, mergeProps, createElementBlock, normalizeProps, guardReactiveProps, renderSlot, createTextVNode, toDisplayString, withModifiers, createElementVNode, createVNode, TransitionGroup, toHandlers, withCtx, Fragment, renderList } from "vue";
|
|
2
2
|
import mitt from "mitt";
|
|
3
|
-
import {
|
|
3
|
+
import { iconLoaded, Icon, addIcon } from "@iconify/vue";
|
|
4
4
|
var StorageType = /* @__PURE__ */ ((StorageType2) => {
|
|
5
5
|
StorageType2["local"] = "local";
|
|
6
6
|
StorageType2["session"] = "session";
|
|
@@ -52,7 +52,7 @@ const ModifiersProps = {
|
|
|
52
52
|
const IconProps = {
|
|
53
53
|
/**
|
|
54
54
|
* VvIcon name or props
|
|
55
|
-
* @see
|
|
55
|
+
* @see VvIcon
|
|
56
56
|
*/
|
|
57
57
|
icon: {
|
|
58
58
|
type: [String, Object],
|
|
@@ -470,13 +470,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
470
470
|
const icon = computed(() => {
|
|
471
471
|
const name = props.name ?? "";
|
|
472
472
|
const iconName = `@${provider.value}:${props.prefix}:${name}`;
|
|
473
|
-
if (
|
|
473
|
+
if (iconLoaded(iconName)) {
|
|
474
474
|
return iconName;
|
|
475
475
|
}
|
|
476
476
|
const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
|
|
477
477
|
(iconsCollection2) => {
|
|
478
478
|
const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
|
|
479
|
-
return
|
|
479
|
+
return iconLoaded(icon2);
|
|
480
480
|
}
|
|
481
481
|
);
|
|
482
482
|
if (iconsCollection) {
|
|
@@ -508,7 +508,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
508
508
|
}
|
|
509
509
|
}
|
|
510
510
|
if (volver) {
|
|
511
|
-
if (props.src && !
|
|
511
|
+
if (props.src && !iconLoaded(`@${provider.value}:${props.prefix}:${props.name}`)) {
|
|
512
512
|
show.value = false;
|
|
513
513
|
volver.fetchIcon(props.src).then((svg) => {
|
|
514
514
|
if (svg) {
|
|
@@ -536,9 +536,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
536
536
|
flip: _ctx.flip,
|
|
537
537
|
rotate: unref(hasRotate),
|
|
538
538
|
color: _ctx.color,
|
|
539
|
-
onLoad: _ctx.onLoad,
|
|
540
539
|
icon: unref(icon)
|
|
541
|
-
}), null, 16, ["class"])) : createCommentVNode("v-if", true);
|
|
540
|
+
}, { onLoad: _ctx.onLoad }), null, 16, ["class", "onLoad"])) : createCommentVNode("v-if", true);
|
|
542
541
|
};
|
|
543
542
|
}
|
|
544
543
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","mitt","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAlertGroup=t(e.vue,e.mitt,e.vue$1)}(this,(function(e,t,o){"use strict";var l=(e=>(e.local="local",e.session="session",e))(l||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","mitt","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAlertGroup=t(e.vue,e.mitt,e.vue$1)}(this,(function(e,t,o){"use strict";var l=(e=>(e.local="local",e.session="session",e))(l||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),s=(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(s||{});const u=Symbol.for("volver"),c=Symbol.for("alertGroup"),d={modifiers:{type:[String,Array],default:void 0}},v={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:n.before,validation:e=>Object.values(n).includes(e)}},f={id:[String,Number]};function p(t,o,l){return e.computed((()=>{const r={[t]:!0},n="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(r[`${t}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((o=>{r[`${t}--${o}`]=e.unref(l.value[o])})),r}))}r.bottom,a.button,i.button,l.local;const m={...d,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}};function b(o,l){const r=function({name:o}){const l=t();return e.provide(c,{name:o,bus:l}),l}({name:e.computed((()=>o.name))});(o.block&&!o.inline||!o.block&&o.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const n=e.computed((()=>{const t=[p("vv-alert-group",e.computed((()=>o.modifiers)),e.computed((()=>({stack:o.stack,reverse:o.reverse,absolute:"absolute"===o.position,fixed:"fixed"===o.position})))).value];return o.inline&&o.block&&t.push(`vv-alert-group--${o.block}-${o.inline}`),t})),a=e.computed((()=>o.transition?o.transition:o.position?"start"===o.inline?"vv-alert--fade-inline-start":"end"===o.inline?"vv-alert--fade-inline-end":"top"===o.block?"vv-alert--fade-block-top":"bottom"===o.block?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade"));return r.on("close",(e=>{l("close",e)})),{hasTransition:a,hasProps:e.computed((()=>({class:n.value})))}}const h={...f,...v,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:s.alert}};function g(t,o){const{bus:l}=e.inject(c,{}),a=(i=e.computed((()=>t.id)),e.computed((()=>String((null==i?void 0:i.value)||e.useId()))));var i;const s=e.computed((()=>`${a.value}-title`));let u;const d=()=>{u&&clearTimeout(u),o("close",a.value),null==l||l.emit("close",a.value)};e.watch((()=>t.autoClose),(e=>{e>0?u=setTimeout(d,e):u&&clearTimeout(u)}),{immediate:!0});const v=e.ref(!1),f=()=>{v.value=!0,u&&clearTimeout(u)},m=()=>{v.value=!1,t.autoClose>0&&(u=setTimeout(d,t.autoClose))},{hasIcon:b}=function(t,o){const l=e.computed((()=>"string"==typeof(null==t?void 0:t.value)?{name:null==t?void 0:t.value}:null==t?void 0:t.value)),a=e.computed((()=>(null==o?void 0:o.value)===n.before?l.value:void 0)),i=e.computed((()=>(null==o?void 0:o.value)===n.after?l.value:void 0)),s=e.computed((()=>(null==o?void 0:o.value)===r.left?l.value:void 0)),u=e.computed((()=>(null==o?void 0:o.value)===r.right?l.value:void 0)),c=e.computed((()=>(null==o?void 0:o.value)===r.top?l.value:void 0)),d=e.computed((()=>(null==o?void 0:o.value)===r.bottom?l.value:void 0));return{hasIcon:l,hasIconLeft:s,hasIconRight:u,hasIconTop:c,hasIconBottom:d,hasIconBefore:a,hasIconAfter:i}}(e.computed((()=>t.icon))),h=p("vv-alert",e.computed((()=>t.modifiers)),e.computed((()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:v.value})))),g=e.computed((()=>({"--alert-duration":`${t.autoClose}ms`})));return{close:d,hasIcon:b,hasTitleId:s,hasProps:e.computed((()=>({onMouseover:f,onMouseleave:m,class:h.value,style:g.value,role:t.role,"aria-labelledby":s.value})))}}const y={prefix:"normal"};const k=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},y),setup(t){const l=t,r=e.computed((()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate)),n=e.ref(!0),a=e.inject(u,void 0),{modifiers:i}=e.toRefs(l),s=p("vv-icon",i),c=e.computed((()=>l.provider||(null==a?void 0:a.iconsProvider))),d=e.computed((()=>{const e=l.name??"",t=`@${c.value}:${l.prefix}:${e}`;if(o.iconLoaded(t))return t;const r=null==a?void 0:a.iconsCollections.find((t=>{const l=`@${c.value}:${t.prefix}:${e}`;return o.iconLoaded(l)}));return r?`@${c.value}:${r.prefix}:${e}`:e}));function v(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=(null==t?void 0:t.innerHTML.trim())||"";t&&r&&o.addIcon(`@${c.value}:${l.prefix}:${l.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return a&&l.src&&!o.iconLoaded(`@${c.value}:${l.prefix}:${l.name}`)&&(n.value=!1,a.fetchIcon(l.src).then((e=>{e&&(v(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),l.svg&&v(l.svg),(t,l)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(s)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(r),color:t.color,icon:e.unref(d)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),$={key:0,class:"vv-alert__header"},S=["id"],B=["aria-label"],C={key:1,class:"vv-alert__content"},w={key:2,class:"vv-alert__footer"},x=e.defineComponent({name:"VvAlert",props:h,emits:["close"],setup(t,{expose:o,emit:l}){const r=t,n=l,{hasProps:a,hasTitleId:i,hasIcon:s,close:u}=g(r,n);return o({close:u}),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[t.$slots.header||t.$slots.title||t.$slots.close||t.$slots["title::before"]||t.$slots["title::after"]||t.title||e.unref(s)||t.dismissable||t.autoClose?(e.openBlock(),e.createElementBlock("div",$,[e.unref(s)?(e.openBlock(),e.createBlock(k,e.mergeProps({key:0},e.unref(s),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"header",{},(()=>[e.renderSlot(t.$slots,"title::before"),t.$slots.title||t.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(i),class:"vv-alert__title"},[e.renderSlot(t.$slots,"title",{},(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]))],8,S)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"title::after")])),e.renderSlot(t.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(u)})),(()=>[t.dismissable||t.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":t.closeLabel,onClick:o[0]||(o[0]=e.withModifiers(((...t)=>e.unref(u)&&e.unref(u)(...t)),["stop"]))},o[1]||(o[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)]),8,B)):e.createCommentVNode("v-if",!0)]))])):e.createCommentVNode("v-if",!0),t.$slots.default||t.content?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.content),1)]))])):e.createCommentVNode("v-if",!0),t.$slots.footer||t.footer?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(t.$slots,"footer",{},(()=>[e.createTextVNode(e.toDisplayString(t.footer),1)]))])):e.createCommentVNode("v-if",!0)],16))}});return e.defineComponent({name:"VvAlertGroup",props:m,emits:["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{emit:o}){const l=t,r=o,{hasProps:n,hasTransition:a}=b(l,r),i={"before-enter":()=>{r("beforeEnter")},"after-leave":()=>{r("afterLeave")},enter:()=>{r("enter")},"after-enter":()=>{r("afterEnter")},"enter-cancelled":()=>{r("enterCancelled")},"before-leave":()=>{r("beforeLeave")},leave:()=>{r("leave")},"leave-cancelled":()=>{r("leaveCancelled")}};return(t,o)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(n))),[e.renderSlot(t.$slots,"before"),e.createVNode(e.TransitionGroup,e.mergeProps({tag:"div",role:"group",name:e.unref(a),class:"vv-alert-group__list"},e.toHandlers(i)),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(t=>(e.openBlock(),e.createBlock(x,e.mergeProps({ref_for:!0},t,{key:t.id}),null,16)))),128))]))])),_:3},16,["name"]),e.renderSlot(t.$slots,"after")],16))}})}));
|
|
@@ -82,9 +82,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
82
82
|
block: "top" | "bottom" | "center";
|
|
83
83
|
position: "absolute" | "fixed";
|
|
84
84
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
85
|
-
before?: (
|
|
86
|
-
|
|
87
|
-
|
|
85
|
+
before?: (props: {}) => any;
|
|
86
|
+
} & {
|
|
87
|
+
default?: (props: {}) => any;
|
|
88
|
+
} & {
|
|
89
|
+
after?: (props: {}) => any;
|
|
88
90
|
}>;
|
|
89
91
|
export default _default;
|
|
90
92
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
13
13
|
}>> & Readonly<{}>, {
|
|
14
14
|
modifiers: string | string[];
|
|
15
15
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
16
|
-
default?: (
|
|
16
|
+
default?: (props: {}) => any;
|
|
17
17
|
}>;
|
|
18
18
|
export default _default;
|
|
19
19
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
39
39
|
items: import("@/components/VvAvatarGroup").AvatarItem[];
|
|
40
40
|
toShow: number;
|
|
41
41
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
42
|
-
default?: (
|
|
42
|
+
default?: (props: {}) => any;
|
|
43
43
|
}>;
|
|
44
44
|
export default _default;
|
|
45
45
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
13
13
|
}>> & Readonly<{}>, {
|
|
14
14
|
modifiers: string | string[];
|
|
15
15
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
16
|
-
default?: (
|
|
16
|
+
default?: (props: {}) => any;
|
|
17
17
|
}>;
|
|
18
18
|
export default _default;
|
|
19
19
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
13
13
|
}>> & Readonly<{}>, {
|
|
14
14
|
modifiers: string | string[];
|
|
15
15
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
16
|
-
label?: (
|
|
16
|
+
label?: (props: {
|
|
17
17
|
index: number;
|
|
18
18
|
label: string;
|
|
19
19
|
isLast: boolean;
|
|
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
28
28
|
class?: string | string[];
|
|
29
29
|
on?: Record<"click" | string, () => void>;
|
|
30
30
|
data?: Record<string, unknown>;
|
|
31
|
-
}) => any
|
|
31
|
+
}) => any;
|
|
32
32
|
}>;
|
|
33
33
|
export default _default;
|
|
34
34
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { inject, computed, toRef, toRefs, defineComponent, getCurrentInstance, ref, watch, resolveComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, mergeDefaults, createCommentVNode, useId, useAttrs, useSlots, createElementBlock, Fragment } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { iconLoaded, Icon, addIcon } from "@iconify/vue";
|
|
3
3
|
var StorageType = /* @__PURE__ */ ((StorageType2) => {
|
|
4
4
|
StorageType2["local"] = "local";
|
|
5
5
|
StorageType2["session"] = "session";
|
|
@@ -137,7 +137,7 @@ const ModifiersProps = {
|
|
|
137
137
|
const IconProps = {
|
|
138
138
|
/**
|
|
139
139
|
* VvIcon name or props
|
|
140
|
-
* @see
|
|
140
|
+
* @see VvIcon
|
|
141
141
|
*/
|
|
142
142
|
icon: {
|
|
143
143
|
type: [String, Object],
|
|
@@ -548,13 +548,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
548
548
|
const icon = computed(() => {
|
|
549
549
|
const name = props.name ?? "";
|
|
550
550
|
const iconName = `@${provider.value}:${props.prefix}:${name}`;
|
|
551
|
-
if (
|
|
551
|
+
if (iconLoaded(iconName)) {
|
|
552
552
|
return iconName;
|
|
553
553
|
}
|
|
554
554
|
const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
|
|
555
555
|
(iconsCollection2) => {
|
|
556
556
|
const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
|
|
557
|
-
return
|
|
557
|
+
return iconLoaded(icon2);
|
|
558
558
|
}
|
|
559
559
|
);
|
|
560
560
|
if (iconsCollection) {
|
|
@@ -586,7 +586,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
586
586
|
}
|
|
587
587
|
}
|
|
588
588
|
if (volver) {
|
|
589
|
-
if (props.src && !
|
|
589
|
+
if (props.src && !iconLoaded(`@${provider.value}:${props.prefix}:${props.name}`)) {
|
|
590
590
|
show.value = false;
|
|
591
591
|
volver.fetchIcon(props.src).then((svg) => {
|
|
592
592
|
if (svg) {
|
|
@@ -614,9 +614,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
614
614
|
flip: _ctx.flip,
|
|
615
615
|
rotate: unref(hasRotate),
|
|
616
616
|
color: _ctx.color,
|
|
617
|
-
onLoad: _ctx.onLoad,
|
|
618
617
|
icon: unref(icon)
|
|
619
|
-
}), null, 16, ["class"])) : createCommentVNode("v-if", true);
|
|
618
|
+
}, { onLoad: _ctx.onLoad }), null, 16, ["class", "onLoad"])) : createCommentVNode("v-if", true);
|
|
620
619
|
};
|
|
621
620
|
}
|
|
622
621
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButton=t(e.vue,e.vue$1)}(this,(function(e,t){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{});const u=Symbol.for("volver"),a=Symbol.for("buttonGroup"),s=Symbol.for("dropdownTrigger"),d=Symbol.for("dropdownAction"),c={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},v={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},f={disabled:{type:Boolean,default:!1}},p={active:{type:Boolean,default:!1}},m={current:{type:Boolean,default:!1}},g={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},y={modifiers:{type:[String,Array],default:void 0}},h={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:l.before,validation:e=>Object.values(l).includes(e)}},k={unselectable:{type:Boolean,default:!0}},S={id:[String,Number]};n.bottom;const B={...f,...b,...g,...p,...m,...c,type:{type:String,default:r.button,validator:e=>Object.values(r).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:i.button}};o.local;const $={...B,...S,...y,...k,...v,...h,iconPosition:{type:String,default:n.left,validator:e=>Object.values(n).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function x(t,o){const{group:n,isInGroup:l,getGroupOrLocalRef:r}=function(t){const o=e.inject(t,void 0),n=e.computed((()=>void 0!==o));return{group:o,isInGroup:n,getGroupOrLocalRef:function(t,n,l){const r=null==o?void 0:o[t];if(r)return e.computed({get:()=>r.value,set(e){r.value=e}});const i=e.toRef(n,t);return e.computed({get:()=>i.value,set(e){l&&l(`update:${t}`,e)}})}}}(a),{id:i,iconPosition:u,icon:s,label:d,pressed:c}=e.toRefs(t),v=r("modelValue",t,o),f=r("toggle",t),p=r("unselectable",t),m=e.computed((()=>(null==n?void 0:n.multiple.value)??!1)),g=e.computed((()=>{let e=t.modifiers,o=null==n?void 0:n.modifiers.value;const l=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>l.add(e)))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach((e=>l.add(e)))),Array.from(l)})),b=e.computed((()=>Boolean(t.disabled||(null==n?void 0:n.disabled.value))));return{group:n,isInGroup:l,modelValue:v,toggle:f,unselectable:p,multiple:m,modifiers:g,disabled:b,id:i,pressed:c,iconPosition:u,icon:s,label:d}}const w=B;function L(){return e.inject(u,void 0)}const A=e.defineComponent({name:"VvAction",props:w,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:n}){const l=t,r=n,u=e.getCurrentInstance(),a=L(),c=e.ref(null);o({$el:c});const{reference:v,bus:f,aria:p,expanded:m}=e.inject(s,{});e.watch((()=>c.value),(e=>{v&&(v.value=e)}));const g=e.computed((()=>l.pressed||(null==m?void 0:m.value))),{role:b}=e.inject(d,{}),y=e.computed((()=>{switch(!0){case l.disabled:return i.button;case void 0!==l.to:return(null==a?void 0:a.nuxt)?e.resolveComponent(i.nuxtLink):i.routerLink;case void 0!==l.href:return i.a;default:return l.defaultTag}})),h=e.computed((()=>{const e={...null==p?void 0:p.value,ariaPressed:!!g.value||void 0,ariaLabel:l.ariaLabel,role:null==b?void 0:b.value};switch(y.value){case i.a:return{...e,href:l.href,target:l.target,rel:l.rel};case i.routerLink:case i.nuxtLink:return{...e,to:l.to,target:l.target};case i.button:return{...e,type:l.type,disabled:l.disabled};default:return e}}));function k(e){var t;l.disabled?e.preventDefault():(null==(t=null==u?void 0:u.vnode.props)?void 0:t.onClick)?r("click",e):null==f||f.emit("click",e)}function S(e){var t;(null==(t=null==u?void 0:u.vnode.props)?void 0:t.onMouseover)?r("mouseover",e):null==f||f.emit("mouseover",e)}function B(e){var t;(null==(t=null==u?void 0:u.vnode.props)?void 0:t.onMouseleave)?r("mouseleave",e):null==f||f.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(y)),e.mergeProps(e.unref(h),{ref_key:"element",ref:c,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:k,onMouseoverPassive:S,onMouseleavePassive:B}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}}),I={prefix:"normal"};function V(t,o,n){return e.computed((()=>{const l={[t]:!0},r="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${t}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{l[`${t}--${o}`]=e.unref(n.value[o])})),l}))}const N=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},I),setup(o){const n=o,l=e.computed((()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate)),r=e.ref(!0),i=L(),{modifiers:u}=e.toRefs(n),a=V("vv-icon",u),s=e.computed((()=>n.provider||(null==i?void 0:i.iconsProvider))),d=e.computed((()=>{const e=n.name??"",o=`@${s.value}:${n.prefix}:${e}`;if(t.iconExists(o))return o;const l=null==i?void 0:i.iconsCollections.find((o=>{const n=`@${s.value}:${o.prefix}:${e}`;return t.iconExists(n)}));return l?`@${s.value}:${l.prefix}:${e}`:e}));function c(e){const o=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),l=(null==o?void 0:o.innerHTML.trim())||"";o&&l&&t.addIcon(`@${s.value}:${n.prefix}:${n.name}`,{body:l,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return i&&n.src&&!t.iconExists(`@${s.value}:${n.prefix}:${n.name}`)&&(r.value=!1,i.fetchIcon(n.src).then((e=>{e&&(c(e),r.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),n.svg&&c(n.svg),(o,n)=>e.unref(r)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(a)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:e.unref(l),color:o.color,onLoad:o.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}});function j(e,t,o){return C(e,t)}function C(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const o=Array.isArray(e),n=Array.isArray(t);let l,r,i;if(o&&n){if(r=e.length,r!==t.length)return!1;for(l=r;0!=l--;)if(!C(e[l],t[l]))return!1;return!0}if(o!==n)return!1;const u=e instanceof Date,a=t instanceof Date;if(u!==a)return!1;if(u&&a)return e.getTime()===t.getTime();const s=e instanceof RegExp,d=t instanceof RegExp;if(s!==d)return!1;if(s&&d)return e.toString()===t.toString();const c=Object.keys(e);if(r=c.length,r!==Object.keys(t).length)return!1;for(l=r;0!=l--;)if(!Object.prototype.hasOwnProperty.call(t,c[l]))return!1;for(l=r;0!=l--;)if(i=c[l],!C(e[i],t[i]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function P(e,t){if(null!=e&&t&&t.length)for(const o of t)if(j(e,o))return!0;return!1}const O={key:1,class:"vv-button__label"},E={key:1,class:"vv-button__label"};return e.defineComponent({name:"VvButton",inheritAttrs:!1,props:$,emits:["update:modelValue"],setup(t,{expose:o,emit:r}){const i=t,u=r,a=e.useAttrs(),s=e.useSlots(),{id:d,modifiers:c,iconPosition:v,icon:f,label:p,modelValue:m,disabled:g,toggle:b,unselectable:y}=x(i,u),h=function(t){return e.computed((()=>String((null==t?void 0:t.value)||e.useId())))}(d),k=e.computed((()=>(null==a?void 0:a.name)||h.value)),S=e.ref(null);o({$el:e.computed((()=>{var e;return null==(e=S.value)?void 0:e.$el}))});const B=e.computed((()=>b.value?Array.isArray(m.value)?P(k.value,m.value):j(k.value,m.value):i.pressed)),$=V("vv-button",c,e.computed((()=>({reverse:[n.right,n.bottom].includes(v.value),column:[n.top,n.bottom].includes(v.value),"icon-only":Boolean((null==f?void 0:f.value)&&!(null==p?void 0:p.value)&&!s.default)})))),{hasIcon:w}=function(t,o){const r=e.computed((()=>"string"==typeof(null==t?void 0:t.value)?{name:null==t?void 0:t.value}:null==t?void 0:t.value)),i=e.computed((()=>(null==o?void 0:o.value)===l.before?r.value:void 0)),u=e.computed((()=>(null==o?void 0:o.value)===l.after?r.value:void 0)),a=e.computed((()=>(null==o?void 0:o.value)===n.left?r.value:void 0)),s=e.computed((()=>(null==o?void 0:o.value)===n.right?r.value:void 0)),d=e.computed((()=>(null==o?void 0:o.value)===n.top?r.value:void 0)),c=e.computed((()=>(null==o?void 0:o.value)===n.bottom?r.value:void 0));return{hasIcon:r,hasIconLeft:a,hasIconRight:s,hasIconTop:d,hasIconBottom:c,hasIconBefore:i,hasIconAfter:u}}(f),L=e.computed((()=>void 0!==i.value?i.value:k.value)),I=e.computed((()=>{if(b.value)return{onClick:C}}));function C(){if(b.value){if(Array.isArray(m.value))return P(L.value,m.value)?void(y.value&&(m.value=m.value.filter((e=>e!==L.value)))):void m.value.push(L.value);if(L.value===m.value&&y.value)return void(m.value=i.uncheckedValue);m.value=L.value}}return(t,o)=>(e.openBlock(),e.createBlock(A,e.mergeProps({...e.unref(a),...e.unref(I),disabled:e.unref(g),pressed:e.unref(B),active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel,ariaLabel:t.ariaLabel},{id:e.unref(h),ref_key:"element",ref:S,class:e.unref($)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[t.loading?e.renderSlot(t.$slots,"loading",{key:0},(()=>[t.loadingIcon?(e.openBlock(),e.createBlock(N,{key:0,class:"vv-button__loading-icon",name:t.loadingIcon},null,8,["name"])):e.createCommentVNode("v-if",!0),t.loadingLabel?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.loadingLabel),1)):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"before"),e.unref(w)?(e.openBlock(),e.createBlock(N,e.mergeProps({key:0},e.unref(w),{class:"vv-button__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",E,[e.renderSlot(t.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)]))])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"after")],64))]))])),_:3},16,["id","class"]))}})}));
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButton=o(e.vue,e.vue$1)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{});const u=Symbol.for("volver"),a=Symbol.for("buttonGroup"),d=Symbol.for("dropdownTrigger"),s=Symbol.for("dropdownAction"),c={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},v={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},f={disabled:{type:Boolean,default:!1}},p={active:{type:Boolean,default:!1}},m={current:{type:Boolean,default:!1}},g={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},y={modifiers:{type:[String,Array],default:void 0}},h={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:l.before,validation:e=>Object.values(l).includes(e)}},k={unselectable:{type:Boolean,default:!0}},S={id:[String,Number]};n.bottom;const B={...f,...b,...g,...p,...m,...c,type:{type:String,default:r.button,validator:e=>Object.values(r).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:i.button}};t.local;const $={...B,...S,...y,...k,...v,...h,iconPosition:{type:String,default:n.left,validator:e=>Object.values(n).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function w(o,t){const{group:n,isInGroup:l,getGroupOrLocalRef:r}=function(o){const t=e.inject(o,void 0),n=e.computed((()=>void 0!==t));return{group:t,isInGroup:n,getGroupOrLocalRef:function(o,n,l){const r=null==t?void 0:t[o];if(r)return e.computed({get:()=>r.value,set(e){r.value=e}});const i=e.toRef(n,o);return e.computed({get:()=>i.value,set(e){l&&l(`update:${o}`,e)}})}}}(a),{id:i,iconPosition:u,icon:d,label:s,pressed:c}=e.toRefs(o),v=r("modelValue",o,t),f=r("toggle",o),p=r("unselectable",o),m=e.computed((()=>(null==n?void 0:n.multiple.value)??!1)),g=e.computed((()=>{let e=o.modifiers,t=null==n?void 0:n.modifiers.value;const l=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>l.add(e)))),t&&(Array.isArray(t)||(t=t.split(" ")),t.forEach((e=>l.add(e)))),Array.from(l)})),b=e.computed((()=>Boolean(o.disabled||(null==n?void 0:n.disabled.value))));return{group:n,isInGroup:l,modelValue:v,toggle:f,unselectable:p,multiple:m,modifiers:g,disabled:b,id:i,pressed:c,iconPosition:u,icon:d,label:s}}const x=B;function L(){return e.inject(u,void 0)}const A=e.defineComponent({name:"VvAction",props:x,emits:["click","mouseover","mouseleave"],setup(o,{expose:t,emit:n}){const l=o,r=n,u=e.getCurrentInstance(),a=L(),c=e.ref(null);t({$el:c});const{reference:v,bus:f,aria:p,expanded:m}=e.inject(d,{});e.watch((()=>c.value),(e=>{v&&(v.value=e)}));const g=e.computed((()=>l.pressed||(null==m?void 0:m.value))),{role:b}=e.inject(s,{}),y=e.computed((()=>{switch(!0){case l.disabled:return i.button;case void 0!==l.to:return(null==a?void 0:a.nuxt)?e.resolveComponent(i.nuxtLink):i.routerLink;case void 0!==l.href:return i.a;default:return l.defaultTag}})),h=e.computed((()=>{const e={...null==p?void 0:p.value,ariaPressed:!!g.value||void 0,ariaLabel:l.ariaLabel,role:null==b?void 0:b.value};switch(y.value){case i.a:return{...e,href:l.href,target:l.target,rel:l.rel};case i.routerLink:case i.nuxtLink:return{...e,to:l.to,target:l.target};case i.button:return{...e,type:l.type,disabled:l.disabled};default:return e}}));function k(e){var o;l.disabled?e.preventDefault():(null==(o=null==u?void 0:u.vnode.props)?void 0:o.onClick)?r("click",e):null==f||f.emit("click",e)}function S(e){var o;(null==(o=null==u?void 0:u.vnode.props)?void 0:o.onMouseover)?r("mouseover",e):null==f||f.emit("mouseover",e)}function B(e){var o;(null==(o=null==u?void 0:u.vnode.props)?void 0:o.onMouseleave)?r("mouseleave",e):null==f||f.emit("mouseleave",e)}return(o,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(y)),e.mergeProps(e.unref(h),{ref_key:"element",ref:c,class:{active:o.active,pressed:e.unref(g),disabled:o.disabled,current:o.current},onClickPassive:k,onMouseoverPassive:S,onMouseleavePassive:B}),{default:e.withCtx((()=>[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]))])),_:3},16,["class"]))}}),I={prefix:"normal"};function V(o,t,n){return e.computed((()=>{const l={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}const N=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},I),setup(t){const n=t,l=e.computed((()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate)),r=e.ref(!0),i=L(),{modifiers:u}=e.toRefs(n),a=V("vv-icon",u),d=e.computed((()=>n.provider||(null==i?void 0:i.iconsProvider))),s=e.computed((()=>{const e=n.name??"",t=`@${d.value}:${n.prefix}:${e}`;if(o.iconLoaded(t))return t;const l=null==i?void 0:i.iconsCollections.find((t=>{const n=`@${d.value}:${t.prefix}:${e}`;return o.iconLoaded(n)}));return l?`@${d.value}:${l.prefix}:${e}`:e}));function c(e){const t=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),l=(null==t?void 0:t.innerHTML.trim())||"";t&&l&&o.addIcon(`@${d.value}:${n.prefix}:${n.name}`,{body:l,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&n.src&&!o.iconLoaded(`@${d.value}:${n.prefix}:${n.name}`)&&(r.value=!1,i.fetchIcon(n.src).then((e=>{e&&(c(e),r.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),n.svg&&c(n.svg),(t,n)=>e.unref(r)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(a)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(l),color:t.color,icon:e.unref(s)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}});function j(e,o,t){return C(e,o)}function C(e,o){if(e===o)return!0;if(e&&o&&"object"==typeof e&&"object"==typeof o){const t=Array.isArray(e),n=Array.isArray(o);let l,r,i;if(t&&n){if(r=e.length,r!==o.length)return!1;for(l=r;0!==l--;)if(!C(e[l],o[l]))return!1;return!0}if(t!==n)return!1;const u=e instanceof Date,a=o instanceof Date;if(u!==a)return!1;if(u&&a)return e.getTime()===o.getTime();const d=e instanceof RegExp,s=o instanceof RegExp;if(d!==s)return!1;if(d&&s)return e.toString()===o.toString();const c=Object.keys(e);if(r=c.length,r!==Object.keys(o).length)return!1;for(l=r;0!==l--;)if(!Object.prototype.hasOwnProperty.call(o,c[l]))return!1;for(l=r;0!==l--;)if(i=c[l],!C(e[i],o[i]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(o)}function P(e,o){if(null!=e&&o&&o.length)for(const t of o)if(j(e,t))return!0;return!1}const O={key:1,class:"vv-button__label"},_={key:1,class:"vv-button__label"};return e.defineComponent({name:"VvButton",inheritAttrs:!1,props:$,emits:["update:modelValue"],setup(o,{expose:t,emit:r}){const i=o,u=r,a=e.useAttrs(),d=e.useSlots(),{id:s,modifiers:c,iconPosition:v,icon:f,label:p,modelValue:m,disabled:g,toggle:b,unselectable:y}=w(i,u),h=function(o){return e.computed((()=>String((null==o?void 0:o.value)||e.useId())))}(s),k=e.computed((()=>(null==a?void 0:a.name)||h.value)),S=e.ref(null);t({$el:e.computed((()=>{var e;return null==(e=S.value)?void 0:e.$el}))});const B=e.computed((()=>b.value?Array.isArray(m.value)?P(k.value,m.value):j(k.value,m.value):i.pressed)),$=V("vv-button",c,e.computed((()=>({reverse:[n.right,n.bottom].includes(v.value),column:[n.top,n.bottom].includes(v.value),"icon-only":Boolean((null==f?void 0:f.value)&&!(null==p?void 0:p.value)&&!d.default)})))),{hasIcon:x}=function(o,t){const r=e.computed((()=>"string"==typeof(null==o?void 0:o.value)?{name:null==o?void 0:o.value}:null==o?void 0:o.value)),i=e.computed((()=>(null==t?void 0:t.value)===l.before?r.value:void 0)),u=e.computed((()=>(null==t?void 0:t.value)===l.after?r.value:void 0)),a=e.computed((()=>(null==t?void 0:t.value)===n.left?r.value:void 0)),d=e.computed((()=>(null==t?void 0:t.value)===n.right?r.value:void 0)),s=e.computed((()=>(null==t?void 0:t.value)===n.top?r.value:void 0)),c=e.computed((()=>(null==t?void 0:t.value)===n.bottom?r.value:void 0));return{hasIcon:r,hasIconLeft:a,hasIconRight:d,hasIconTop:s,hasIconBottom:c,hasIconBefore:i,hasIconAfter:u}}(f),L=e.computed((()=>void 0!==i.value?i.value:k.value)),I=e.computed((()=>{if(b.value)return{onClick:C}}));function C(){if(b.value){if(Array.isArray(m.value))return P(L.value,m.value)?void(y.value&&(m.value=m.value.filter((e=>e!==L.value)))):void m.value.push(L.value);if(L.value===m.value&&y.value)return void(m.value=i.uncheckedValue);m.value=L.value}}return(o,t)=>(e.openBlock(),e.createBlock(A,e.mergeProps({...e.unref(a),...e.unref(I),disabled:e.unref(g),pressed:e.unref(B),active:o.active,type:o.type,to:o.to,href:o.href,target:o.target,rel:o.rel,ariaLabel:o.ariaLabel},{id:e.unref(h),ref_key:"element",ref:S,class:e.unref($)}),{default:e.withCtx((()=>[e.renderSlot(o.$slots,"default",{},(()=>[o.loading?e.renderSlot(o.$slots,"loading",{key:0},(()=>[o.loadingIcon?(e.openBlock(),e.createBlock(N,{key:0,class:"vv-button__loading-icon",name:o.loadingIcon},null,8,["name"])):e.createCommentVNode("v-if",!0),o.loadingLabel?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(o.loadingLabel),1)):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(o.$slots,"before"),e.unref(x)?(e.openBlock(),e.createBlock(N,e.mergeProps({key:0},e.unref(x),{class:"vv-button__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(o.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)]))])):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"after")],64))]))])),_:3},16,["id","class"]))}})}));
|
|
@@ -201,11 +201,15 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
201
201
|
loadingLabel: string;
|
|
202
202
|
unselectable: boolean;
|
|
203
203
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
204
|
-
default?: (
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
204
|
+
default?: (props: {}) => any;
|
|
205
|
+
} & {
|
|
206
|
+
loading?: (props: {}) => any;
|
|
207
|
+
} & {
|
|
208
|
+
before?: (props: {}) => any;
|
|
209
|
+
} & {
|
|
210
|
+
label?: (props: {}) => any;
|
|
211
|
+
} & {
|
|
212
|
+
after?: (props: {}) => any;
|
|
209
213
|
}>;
|
|
210
214
|
export default _default;
|
|
211
215
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -71,8 +71,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
71
71
|
unselectable: boolean;
|
|
72
72
|
multiple: boolean;
|
|
73
73
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
74
|
-
legend?: (
|
|
75
|
-
|
|
74
|
+
legend?: (props: {}) => any;
|
|
75
|
+
} & {
|
|
76
|
+
default?: (props: {}) => any;
|
|
76
77
|
}>;
|
|
77
78
|
export default _default;
|
|
78
79
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -13,10 +13,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
13
13
|
}>> & Readonly<{}>, {
|
|
14
14
|
modifiers: string | string[];
|
|
15
15
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
16
|
-
header?: (
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
header?: (props: {}) => any;
|
|
17
|
+
} & {
|
|
18
|
+
default?: (props: {}) => any;
|
|
19
|
+
} & {
|
|
20
|
+
content?: (props: {}) => any;
|
|
21
|
+
} & {
|
|
22
|
+
footer?: (props: {}) => any;
|
|
20
23
|
}>;
|
|
21
24
|
export default _default;
|
|
22
25
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -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).VvCheckbox=t(e.vue)}(this,(function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),a=(e=>(e.before="before",e.after="after",e))(a||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),n=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(n||{});const o=Symbol.for("volver"),r=Symbol.for("checkGroup"),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}},c={label:{type:[String,Number],default:void 0}},f={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},b={hintLabel:{type:String,default:""}};a.before;const h={tabindex:{type:[String,Number],default:0}},m={id:[String,Number]};l.bottom;const y={...{...m,name:{type:String,required:!0}},...h,...u,...d,...b,...v,...f,...p,...c,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}};i.button,n.button,t.local;const g={...y,...p,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean};function S(t,l){const{group:a,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,i){const n=null==l?void 0:l[t];if(n)return e.computed({get:()=>n.value,set(e){n.value=e}});const o=e.toRef(a,t);return e.computed({get:()=>o.value,set(e){i&&i(`update:${t}`,e)}})}}}(r),{id:o,switch:u,indeterminate:d}=e.toRefs(t),s=n("modelValue",t,l),v=n("valid",t),c=n("invalid",t),f=e.computed((()=>Boolean(t.readonly||(null==a?void 0:a.readonly.value)))),p=e.computed((()=>Boolean(t.disabled||(null==a?void 0:a.disabled.value))));return{id:o,propsSwitch:u,indeterminate:d,group:a,isInGroup:i,modelValue:s,valid:v,invalid:c,readonly:f,disabled:p}}function L(e,t,l){return k(e,t)}function k(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 i,n,o;if(l&&a){if(n=e.length,n!==t.length)return!1;for(i=n;0
|
|
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).VvCheckbox=t(e.vue)}(this,(function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),a=(e=>(e.before="before",e.after="after",e))(a||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),n=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(n||{});const o=Symbol.for("volver"),r=Symbol.for("checkGroup"),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}},c={label:{type:[String,Number],default:void 0}},f={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},b={hintLabel:{type:String,default:""}};a.before;const h={tabindex:{type:[String,Number],default:0}},m={id:[String,Number]};l.bottom;const y={...{...m,name:{type:String,required:!0}},...h,...u,...d,...b,...v,...f,...p,...c,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}};i.button,n.button,t.local;const g={...y,...p,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean};function S(t,l){const{group:a,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,i){const n=null==l?void 0:l[t];if(n)return e.computed({get:()=>n.value,set(e){n.value=e}});const o=e.toRef(a,t);return e.computed({get:()=>o.value,set(e){i&&i(`update:${t}`,e)}})}}}(r),{id:o,switch:u,indeterminate:d}=e.toRefs(t),s=n("modelValue",t,l),v=n("valid",t),c=n("invalid",t),f=e.computed((()=>Boolean(t.readonly||(null==a?void 0:a.readonly.value)))),p=e.computed((()=>Boolean(t.disabled||(null==a?void 0:a.disabled.value))));return{id:o,propsSwitch:u,indeterminate:d,group:a,isInGroup:i,modelValue:s,valid:v,invalid:c,readonly:f,disabled:p}}function L(e,t,l){return k(e,t)}function k(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 i,n,o;if(l&&a){if(n=e.length,n!==t.length)return!1;for(i=n;0!==i--;)if(!k(e[i],t[i]))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(n=v.length,n!==Object.keys(t).length)return!1;for(i=n;0!==i--;)if(!Object.prototype.hasOwnProperty.call(t,v[i]))return!1;for(i=n;0!==i--;)if(o=v[i],!k(e[o],t[o]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function O(e){return Array.isArray(e)?e.filter((e=>"string"==typeof e)).join(" "):e}function V(t,l,a){const i=e.inject(o,void 0),n=e.computed((()=>{var e;if(i&&(null==(e=i.defaults.value)?void 0:e[t]))return i.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return a;const e=n.value,t=l,i=a;return Object.keys(t).reduce(((l,a)=>{const n=i[a];if(l[a]=n,a in e){if(Array.isArray(t[a])){const i=t[a];if(i.length){i[0]===n&&(l[a]=e[a])}}if("function"==typeof t[a]){(0,t[a])()===n&&(l[a]=e[a])}if("object"==typeof t[a]){let i=t[a].default;"function"==typeof i&&(i=i()),"object"==typeof i?JSON.stringify(i)===JSON.stringify(n)&&(l[a]=e[a]):i===n&&(l[a]=e[a])}}return l}),{})}))}const x=["for"],A=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"];return e.defineComponent({name:"VvCheckbox",props:g,emits:["click","update:modelValue","change","blur"],setup(t,{emit:l}){const a=t,i=l,n=e.useSlots(),o=V("VvCheckbox",g,a),{id:r,disabled:u,readonly:d,valid:s,invalid:v,propsSwitch:c,modelValue:f,indeterminate:p,isInGroup:b}=S(a,i),h=function(t){return e.computed((()=>String((null==t?void 0:t.value)||e.useId())))}(r),m=e.computed((()=>`${h.value}-hint`)),y=e.computed((()=>B.value?-1:a.tabindex)),k=e.ref(),$=e.computed((()=>void 0!==a.uncheckedValue&&!b.value)),B=e.computed((()=>u.value||d.value)),N=e.computed((()=>!0===v.value||!0!==s.value&&void 0)),w=e.computed((()=>$.value?f.value===a.value:Array.isArray(f.value)?function(e,t){if(null!=e&&t&&t.length)for(const l of t)if(L(e,l))return!0;return!1}(a.value,f.value):L(a.value,f.value))),j=e.computed((()=>!!p.value||!(w.value||!$.value||a.uncheckedValue===f.value))),R=e.computed((()=>{if(!$.value)return!["string","number","boolean"].includes(typeof a.value)||a.value})),C=e.computed({get:()=>w.value,set(e){if($.value)f.value=e?a.value:a.uncheckedValue;else if(Array.isArray(f.value)||b.value){const t=f.value??[],l=new Set(Array.isArray(t)?t:[t]);e?l.add(a.value):l.delete(a.value),f.value=[...l]}else f.value=e?a.value:void 0;i("change",e)}}),{modifiers:I}=e.toRefs(a),P=function(t,l,a){return e.computed((()=>{const i={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(i[`${t}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((l=>{i[`${t}--${l}`]=e.unref(a.value[l])})),i}))}("vv-checkbox",I,e.computed((()=>({switch:c.value,valid:s.value,invalid:v.value,disabled:u.value,readonly:d.value,indeterminate:p.value}))));e.watchEffect((()=>{$.value&&Array.isArray(f.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")})),e.watch((()=>j.value),(e=>{k.value.indeterminate=!!e})),e.onMounted((()=>{j.value&&(k.value.indeterminate=!0)}));const{HintSlot:E,hasHintLabelOrSlot:G,hasInvalidLabelOrSlot:H,hintSlotScope:T}=function(t,l){const a=e.computed((()=>e.isRef(t)?t.value:t)),i=e.computed((()=>O(a.value.invalidLabel))),n=e.computed((()=>O(a.value.validLabel))),o=e.computed((()=>a.value.loadingLabel)),r=e.computed((()=>a.value.hintLabel)),u=e.computed((()=>Boolean(a.value.loading&&(l.loading||o.value)))),d=e.computed((()=>!u.value&&Boolean(a.value.invalid&&(l.invalid||i.value)))),s=e.computed((()=>!u.value&&!d.value&&Boolean(a.value.valid&&(l.valid||n.value)))),v=e.computed((()=>!u.value&&!d.value&&!s.value&&Boolean(l.hint||r.value))),c=e.computed((()=>d.value||s.value||u.value||v.value)),f=e.computed((()=>({modelValue:a.value.modelValue,valid:a.value.valid,invalid:a.value.invalid,loading:a.value.loading}))),p=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:c,invalidLabel:i,validLabel:n,loadingLabel:o,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){var t,l,a,i,n,o,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==(i=(a=this.$slots).invalid)?void 0:i.call(a))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(o=(n=this.$slots).valid)?void 0:o.call(n))??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:f,HintSlot:p}}(o,n);return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(P)),for:e.unref(h)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(h),ref_key:"input",ref:k,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(C)?C.value=t:null),type:"checkbox",class:"vv-checkbox__input",name:t.name,disabled:e.unref(B),value:e.unref(R),tabindex:e.unref(y),"aria-invalid":e.unref(N),"aria-describedby":e.unref(G)?e.unref(m):void 0,"aria-errormessage":e.unref(H)?e.unref(m):void 0},null,8,A),[[e.vModelCheckbox,e.unref(C)]]),e.renderSlot(t.$slots,"default",{value:e.unref(f)},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)])),e.createVNode(e.unref(E),{id:e.unref(m),class:"vv-checkbox__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(T))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(T))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(T))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(T))))])),key:"3"}:void 0]),1032,["id"])],10,x))}})}));
|