@volverjs/ui-vue 0.0.10-beta.75 → 0.0.10-beta.77
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 +45 -57
- package/dist/components/VvInputFile/VvInputFile.umd.js +1 -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 +346 -394
- package/dist/components/index.umd.js +1 -1
- package/dist/composables/index.es.js +10 -15
- package/dist/composables/index.umd.js +1 -1
- package/dist/directives/index.es.js +9 -14
- package/dist/directives/index.umd.js +1 -1
- package/dist/directives/v-contextmenu.es.js +8 -13
- package/dist/directives/v-contextmenu.umd.js +1 -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
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("vue-imask"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","vue-imask","@floating-ui/vue","@vueuse/core","mitt","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvInputText=t(e.vue,e.vueImask,e.vue$1,e.core,e.mitt,e.vue$2)}(this,(function(e,t,o,l,a,n){"use strict";const i=e=>e.toString().padStart(2,"0");function r(e){if("string"!=typeof e)return!1;if(!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{1,3})?(?:Z|[+-]\d{2}:?\d{2})?$/.test(e))return!1;const t=new Date(e);return!Number.isNaN(t.getTime())&&t.toISOString()===e}function u(e,t="date",o){if("string"==typeof e&&!r(e))return"";const l=new Date(e);if(Number.isNaN(l.getTime()))return"";let a=`${l.getFullYear()}-${i(l.getMonth()+1)}`;if("month"===t)return a;if(a+=`-${i(l.getDate())}`,"date"===t)return a;const n=o?`${i(l.getHours())}:${i(l.getMinutes())}:${i(l.getSeconds())}`:`${i(l.getHours())}:${i(l.getMinutes())}`;return"time"===t?n:`${a}T${n}`}function s(t){return null==(o=e.unref(t))||""===o||Array.isArray(o)&&0===o.length||!(o instanceof Date)&&"object"==typeof o&&0===Object.keys(o).length;var o}function d(e){return Array.isArray(e)?e.filter((e=>"string"==typeof e)).join(" "):e}var c=(e=>(e.local="local",e.session="session",e))(c||{}),v=(e=>(e.absolute="absolute",e.fixed="fixed",e))(v||{}),p=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(p||{}),f=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(f||{}),m=(e=>(e.before="before",e.after="after",e))(m||{}),h=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(h||{}),b=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(b||{}),g=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(g||{}),y=(e=>(e.listbox="listbox",e.menu="menu",e))(y||{}),S=(e=>(e.option="option",e.presentation="presentation",e))(S||{});const w=Symbol.for("volver"),k=Symbol.for("dropdownTrigger"),E=Symbol.for("dropdownItem"),x=Symbol.for("dropdownAction"),$="eye-on",T="eye-off",L="calendar",D="time",B="color",C="close",O="trash",N={prefix:"normal"},P={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},A={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},M={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},I={disabled:{type:Boolean,default:!1}},_={required:{type:Boolean,default:!1}},V={selected:{type:Boolean,default:!1}},H={label:{type:[String,Number],default:void 0}},R={readonly:{type:Boolean,default:!1}},j={modifiers:{type:[String,Array],default:void 0}},z={hintLabel:{type:String,default:""}},F={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},U={debounce:{type:[Number,String],default:void 0}},W={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:m.before,validation:e=>Object.values(m).includes(e)}},Y={tabindex:{type:[String,Number],default:0}},q={floating:{type:Boolean,default:!1}},K={unselectable:{type:Boolean,default:!0}},X={id:[String,Number]},J={placement:{type:String,default:p.bottom,validator:e=>Object.values(p).includes(e)||Object.values(f).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(v).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},Z={...{...X,name:{type:String,required:!0}},...{autofocus:{type:Boolean,default:!1}},...{autocomplete:{type:String,default:"off"}},...Y,...I,...R,...P,...A,...z,...M,...j,...F,...U,...W,...q,...H,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},..._};h.button,b.button;const G={storageType:{type:String,default:c.local,validator:e=>Object.values(c).includes(e)},storageKey:String},Q={...X,...J,...j,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:y.menu,validator:e=>Object.values(y).includes(e)}},ee={focusOnHover:{type:Boolean,default:!1}},te={...I,...V,...K,...j,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function oe(t){return e.computed((()=>String((null==t?void 0:t.value)||e.useId())))}function le(t,o,l){return e.computed((()=>{const a={[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&&(a[`${t}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((o=>{a[`${t}--${o}`]=e.unref(l.value[o])})),a}))}const ae=["id","tabindex","role","aria-labelledby"],ne=e.defineComponent({name:"VvDropdown",inheritAttrs:!1,props:Q,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:n,emit:i}){const r=t,u=i,{id:s}=e.toRefs(r),d=oe(s),c=e.useAttrs(),f=e.ref("auto"),m=e.ref("auto"),h=e.ref(),b=e.ref(),g=e.ref(),w=e.ref(),x=e.computed({get:()=>r.reference??h.value,set:e=>{h.value=e}}),$=e.ref(!1);e.onMounted((()=>{l.useMutationObserver(b.value,(()=>{var e;$.value="true"===(null==(e=window.getComputedStyle(b.value).getPropertyValue("--dropdown-custom-position"))?void 0:e.trim())}),{attributeFilter:["style"],window:window})}));const T=e.computed((()=>{const e=[];if(r.autoPlacement?"boolean"==typeof r.autoPlacement?e.push(o.autoPlacement()):e.push(o.autoPlacement(r.autoPlacement)):r.flip&&("boolean"==typeof r.flip?e.push(o.flip({fallbackStrategy:"initialPlacement"})):e.push(o.flip(r.flip))),r.shift&&("boolean"==typeof r.shift?e.push(o.shift()):e.push(o.shift(r.shift))),r.size){const t=({availableWidth:e,availableHeight:t})=>{f.value=`${e}px`,m.value=`${t}px`};"boolean"==typeof r.size?e.push(o.size({apply:t})):e.push(o.size({...r.size,apply:t}))}return r.offset&&(e.push(o.offset(Number(r.offset))),["string","number"].includes(typeof r.offset)?e.push(o.offset(Number(r.offset))):e.push(o.offset(r.offset))),r.arrow&&e.push(o.arrow({element:g})),e})),{x:L,y:D,middlewareData:B,placement:C,strategy:O}=o.useFloating(x,b,{whileElementsMounted:(...e)=>o.autoUpdate(...e,{animationFrame:r.strategy===v.fixed}),placement:e.computed((()=>r.placement)),strategy:e.computed((()=>r.strategy)),middleware:T}),N=e.computed((()=>{var e;if($.value)return;const t=r.triggerWidth&&x.value?`${null==(e=x.value)?void 0:e.offsetWidth}px`:void 0;return{position:O.value,top:`${D.value??0}px`,left:`${L.value??0}px`,maxWidth:t?void 0:f.value,maxHeight:m.value,width:t}})),P=e.computed((()=>C.value.split("-")[0])),A=e.computed((()=>{var e,t,o,l,a;if($.value)return;const n={[p.top]:p.bottom,[p.right]:p.left,[p.bottom]:p.top,[p.left]:p.right}[P.value];return{left:void 0!==(null==(e=B.value.arrow)?void 0:e.x)?`${null==(t=B.value.arrow)?void 0:t.x}px`:void 0,top:void 0!==(null==(o=B.value.arrow)?void 0:o.y)?`${null==(l=B.value.arrow)?void 0:l.y}px`:void 0,[n]:-((null==(a=g.value)?void 0:a.offsetWidth)??0)/2+"px"}})),M=l.useVModel(r,"modelValue",u),I=e.ref(!1),_=e.computed({get:()=>M.value??I.value,set:e=>{void 0!==M.value?M.value=e:I.value=e}});function V(){_.value=!0}function H(){_.value=!1}function R(){_.value=!_.value}function j(e){x.value=e}l.onClickOutside(b,(()=>{!r.keepOpen&&_.value&&(_.value=!1)}),{ignore:[x]});const z=e.computed((()=>{var e,t;return(null==(t=null==(e=x.value)?void 0:e.getAttribute)?void 0:t.call(e,"id"))??void 0})),F=e.computed((()=>({"aria-controls":d.value,"aria-haspopup":!0,"aria-expanded":_.value}))),{component:U,bus:W}=function({reference:t,id:o,expanded:l,aria:n}){const i=a(),r=e.defineComponent({name:"VvDropdownTriggerProvider",setup(){e.provide(k,{reference:t,id:o,expanded:l,aria:n,bus:i})},render(){var t,o;return e.h(e.Fragment,{},null==(o=(t=this.$slots).default)?void 0:o.call(t))}});return{bus:i,component:r}}({reference:x,id:d,expanded:_,aria:F});W.on("click",R);const{role:Y,modifiers:q}=e.toRefs(r),K=le("vv-dropdown",q,e.computed((()=>({arrow:r.arrow})))),{focused:X}=l.useFocusWithin(b);function J(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden"))):[]}function Z(){e.nextTick((()=>{const e=J(b.value);e.length>0&&e[0].focus({preventScroll:!0})}))}function G(){e.nextTick((()=>{if(X.value){const e=J(b.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}}))}function Q(){e.nextTick((()=>{if(X.value){const e=J(b.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}}))}e.watch(_,(e=>{e&&r.autofocusFirst&&Z()})),n({toggle:R,show:V,hide:H,init:j,focusFirst:Z,focusFirstListElement:function(){e.nextTick((()=>{const e=J(w.value);e.length>0&&e[0].focus({preventScroll:!0})}))},focusNext:G,focusPrev:Q,customPosition:$});const ee=l.useElementHover(b),{itemRole:te}=function({role:t,...o}){const l=e.computed((()=>t.value===y.listbox?S.option:S.presentation));return e.provide(E,{role:l,...o}),{itemRole:l}}({role:Y,expanded:_,focused:X,hovered:ee});l.onKeyStroke("Escape",(e=>{_.value&&(e.preventDefault(),H())})),l.onKeyStroke("ArrowDown",(e=>{_.value&&X.value&&(e.preventDefault(),G())})),l.onKeyStroke("ArrowUp",(e=>{_.value&&X.value&&(e.preventDefault(),Q())})),l.onKeyStroke([" ","Enter"],(e=>{const t=e.target;_.value&&X.value&&t&&(null==t||t.click())}));const ne={"before-enter":()=>{u(_.value?"beforeExpand":"beforeCollapse"),u("beforeEnter")},"after-leave":()=>{u(_.value?"afterExpand":"afterCollapse"),u("afterLeave")},enter:()=>{u("enter")},"after-enter":()=>{u("afterEnter")},"enter-cancelled":()=>{u("enterCancelled")},"before-leave":()=>{u("beforeLeave")},leave:()=>{u("leave")},"leave-cancelled":()=>{u("leaveCancelled")}};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(U),null,{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({init:j,show:V,hide:H,toggle:R,expanded:e.unref(_),aria:e.unref(F)})))])),_:3}),e.createVNode(e.Transition,e.mergeProps({name:t.transitionName},e.toHandlers(ne),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:b,style:e.normalizeStyle(e.unref(N)),class:e.normalizeClass(e.unref(K))},[r.arrow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"arrowEl",ref:g,style:e.normalizeStyle(e.unref(A)),class:"vv-dropdown__arrow"},null,4)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)}))),e.createElementVNode("div",e.mergeProps(e.unref(c),{id:e.unref(d),ref_key:"listEl",ref:w,tabindex:e.unref(_)?void 0:-1,role:e.unref(Y),"aria-labelledby":e.unref(z),class:"vv-dropdown__list"}),[e.renderSlot(t.$slots,"items",e.normalizeProps(e.guardReactiveProps({role:e.unref(te)})))],16,ae),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)})))],6),[[e.vShow,e.unref(_)]])])),_:3},16,["name"])],64))}});const ie=e.defineComponent({name:"VvDropdownItem",props:ee,setup(t){const o=t,{role:a,expanded:n}=e.inject(E,{}),i=e.ref(null);!function({expanded:t}){e.provide(x,{role:e.ref(g.menuitem),expanded:t})}({expanded:n});const r=l.useElementHover(i),{focused:u}=l.useFocus(i),{focused:s}=l.useFocusWithin(i);return e.watch(r,(e=>{e&&o.focusOnHover&&(u.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(a)},{ref_key:"element",ref:i,class:["vv-dropdown__item",{"focus-visible":e.unref(u)||e.unref(s)}]}),[e.renderSlot(t.$slots,"default")],16))}}),re=["title"],ue=e.defineComponent({name:"VvDropdownOption",props:te,setup(t){const o=t,{modifiers:l}=e.toRefs(o),a=le("vv-dropdown-option",l,e.computed((()=>({disabled:o.disabled,selected:o.selected,unselectable:o.unselectable&&o.selected})))),n=e.computed((()=>o.selected?o.unselectable?o.deselectHintLabel:o.selectedHintLabel:o.disabled?"":o.selectHintLabel));return(t,o)=>(e.openBlock(),e.createBlock(ie,{class:e.normalizeClass(e.unref(a)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(n)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)),1)]))],8,re)])),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}});function se(){return e.inject(w,void 0)}const de=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:{}},N),setup(t){const o=t,l=e.computed((()=>"string"==typeof o.rotate?Number.parseFloat(o.rotate):o.rotate)),a=e.ref(!0),i=se(),{modifiers:r}=e.toRefs(o),u=le("vv-icon",r),s=e.computed((()=>o.provider||(null==i?void 0:i.iconsProvider))),d=e.computed((()=>{const e=o.name??"",t=`@${s.value}:${o.prefix}:${e}`;if(n.iconLoaded(t))return t;const l=null==i?void 0:i.iconsCollections.find((t=>{const o=`@${s.value}:${t.prefix}:${e}`;return n.iconLoaded(o)}));return l?`@${s.value}:${l.prefix}:${e}`:e}));function c(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),l=(null==t?void 0:t.innerHTML.trim())||"";t&&l&&n.addIcon(`@${s.value}:${o.prefix}:${o.name}`,{body:l,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&o.src&&!n.iconLoaded(`@${s.value}:${o.prefix}:${o.name}`)&&(a.value=!1,i.fetchIcon(o.src).then((e=>{e&&(c(e),a.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),o.svg&&c(o.svg),(t,o)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(n.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(l),color:t.color,icon:e.unref(d)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),ce={TEXT:"text",PASSWORD:"password",NUMBER:"number",EMAIL:"email",TEL:"tel",URL:"url",COLOR:"color",SEARCH:"search",DATE:"date",TIME:"time",DATETIME_LOCAL:"datetime-local",MONTH:"month",WEEK:"week"},ve={...Z,...G,modelValue:[String,Number,Date],type:{type:String,default:ce.TEXT,validator:e=>Object.values(ce).includes(e)},min:[Number,Date,String],max:[Number,Date,String],step:{type:[String,Number],default:1},pattern:String,multiple:Boolean,iconShowPassword:{type:[String,Object],default:$},iconHidePassword:{type:[String,Object],default:T},iconClear:{type:[String,Object],default:C},iconRemoveSuggestion:{type:[String,Object],default:O},labelStepUp:{type:String,default:"Increase value"},labelStepDown:{type:String,default:"Decrease value"},labelShowPassword:{type:String,default:"Show password"},labelHidePassword:{type:String,default:"Hide password"},labelClear:{type:String,default:"Clear"},labelRemoveSuggestion:{type:String,default:"Remove suggestion"},iMask:{type:Object,default:void 0},masked:{type:String,default:void 0},autoWidth:{type:Boolean,default:!1},hideActions:{type:Boolean,default:!1},unit:{type:String},selectOnFocus:{type:Boolean,default:!1},maxSuggestions:{type:Number,default:5},inputMode:{type:String,default:"text"}};function pe(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)===m.before?l.value:void 0)),n=e.computed((()=>(null==o?void 0:o.value)===m.after?l.value:void 0)),i=e.computed((()=>(null==o?void 0:o.value)===p.left?l.value:void 0)),r=e.computed((()=>(null==o?void 0:o.value)===p.right?l.value:void 0)),u=e.computed((()=>(null==o?void 0:o.value)===p.top?l.value:void 0)),s=e.computed((()=>(null==o?void 0:o.value)===p.bottom?l.value:void 0));return{hasIcon:l,hasIconLeft:i,hasIconRight:r,hasIconTop:u,hasIconBottom:s,hasIconBefore:a,hasIconAfter:n}}const fe=e.defineComponent({components:{VvIcon:de},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(t,{emit:o}){const{hasIcon:l}=pe(e.computed((()=>t.icon)));return{hasIcon:l,onClick:function(e){null==e||e.stopPropagation(),t.disabled||o("clear")}}},render(){const t=this.hasIcon?e.h(de,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return e.h("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},t)}}),me=e.defineComponent({components:{VvIcon:de},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},labelShow:{type:String,default:"Show password"},labelHide:{type:String,default:"Hide password"},iconShow:{type:[String,Object],default:$},iconHide:{type:[String,Object],default:T}},emits:["toggle-password"],setup(t,{emit:o}){const l=e.ref(!1),a=e.computed((()=>l.value?t.iconHide:t.iconShow)),{hasIcon:n}=pe(a);return{active:l,activeIcon:a,hasIcon:n,onClick:function(e){null==e||e.stopPropagation(),t.disabled||(l.value=!l.value,o("toggle-password",l.value))}}},render(){const t=this.hasIcon?e.h(de,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return e.h("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.active?this.labelHide:this.labelShow,type:"button",onClick:this.onClick},t)}}),he=e.defineComponent({components:{VvIcon:de},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String},mode:{type:String,validator:e=>["up","down"].includes(e),default:"up"}},emits:["step-up","step-down"],setup(t,{emit:o}){const l=e.computed((()=>"up"===t.mode));return{isUp:l,onClick:e=>{null==e||e.stopPropagation(),t.disabled||o(l.value?"step-up":"step-down")}}},render(){return e.h("button",{class:[`vv-${this.inputType}__action`,`vv-${this.inputType}__action-chevron`,this.isUp?`vv-${this.inputType}__action-chevron-up`:void 0],disabled:this.disabled,ariaLabel:this.label,type:"button",onClick:this.onClick})}});function be(t,o,l){return{name:"VvInputTextActions",components:{VvIcon:de,VvInputPasswordAction:me,VvInputStepAction:he,VvInputClearAction:fe},setup(){const t=e.computed((()=>o.disabled||o.readonly));return{isDirty:l,isDisabled:t,labelStepUp:o.labelStepUp,labelStepDown:o.labelStepDown,labelShowPassword:o.labelShowPassword,labelHidePassword:o.labelHidePassword,labelClear:o.labelClear,iconShowPassword:o.iconShowPassword,iconHidePassword:o.iconHidePassword}},render(){let l=null;switch(t){case ce.SEARCH:{const{onClear:t}=this.$attrs;l=[e.h(fe,{disabled:this.isDisabled||!this.isDirty,label:this.labelClear,onClear:t})];break}case ce.PASSWORD:{const{onTogglePassword:t}=this.$attrs;l=[e.h(me,{disabled:this.isDisabled,onTogglePassword:t,labelShow:this.labelShowPassword,labelHide:this.labelHidePassword,iconShow:this.iconShowPassword,iconHide:this.iconHidePassword})];break}case ce.NUMBER:{const{onStepUp:t,onStepDown:a}=this.$attrs;l=[e.h(he,{mode:"up",disabled:this.isDisabled||void 0!==o.max&&o.modelValue===o.max,label:this.labelStepUp,onStepUp:t,onStepDown:a}),e.h(he,{mode:"down",disabled:this.isDisabled||void 0!==o.min&&o.modelValue===o.min,label:this.labelStepDown,onStepUp:t,onStepDown:a})];break}}return Array.isArray(l)?e.h("div",{class:"vv-input-text__actions-group"},l):l}}}const ge=["for"],ye={key:0,class:"vv-input-text__input-before"},Se=["id"],we={key:1,class:"vv-input-text__unit"},ke={key:5,class:"vv-input-text__input-after"},Ee={key:6,class:"vv-input-text__limit"},xe={class:"flex-1"},$e=["title","onClick"];return e.defineComponent({name:"VvInputText",props:ve,emits:["update:modelValue","update:masked","accept","accept:typed","accept:masked","accept:unmasked","complete","complete:typed","complete:masked","complete:unmasked","suggestion:selected","suggestion:removed","focus","blur","keyup","keydown","keypress","clear"],setup(o,{expose:a,emit:n}){const v=o,p=n,f=e.useSlots(),m=se(),h=function(t,o,l){const a=se(),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return l;const e=n.value,t=o,a=l;return Object.keys(t).reduce(((o,l)=>{const n=a[l];if(o[l]=n,l in e){if(Array.isArray(t[l])){const a=t[l];a.length&&a[0]===n&&(o[l]=e[l])}if("function"==typeof t[l]&&(0,t[l])()===n&&(o[l]=e[l]),"object"==typeof t[l]){let a=t[l].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(o[l]=e[l]):a===n&&(o[l]=e[l])}}return o}),{})}))}("VvInputText",ve,v),{count:b,debounce:g,icon:y,iconPosition:S,iconRemoveSuggestion:w,id:k,invalid:E,label:x,loading:$,maxlength:T,minlength:C,modelValue:O,step:N,storageType:P,type:A,valid:M}=e.toRefs(v),I=oe(k),_=e.computed((()=>`${I.value}-hint`)),V=e.computed((()=>v.floating&&s(v.placeholder)?" ":v.placeholder)),H=function(t,o,l=0,{getter:a=e=>e,setter:n=e=>e}={}){let i;return"string"==typeof l&&(l=Number.parseInt(l)),e.computed({get:()=>a(null==t?void 0:t.value),set:e=>{i&&clearTimeout(i),i=setTimeout((()=>{o("update:modelValue",n(e))}),l)}})}(O,p,(null==g?void 0:g.value)??0),R=e.computed((()=>{const e="number"==typeof N.value?N.value:Number.parseInt(N.value);return!Number.isNaN(e)&&e%60!=0})),j=/^-0?[.,]?[0*]?$/,z=e.ref(!1),F=e.ref(),U=e.ref(),{el:W,mask:Y,typed:q,masked:K,unmasked:X}=t.useIMask(e.computed((()=>{if(!v.iMask)return{mask:/./};if(v.iMask.mask===Number){const e={...v.iMask};return v.min&&(e.min=Number(v.min)),v.max&&(e.max=Number(v.max)),e}return v.iMask})),{emit:p,onAccept:()=>{var e;if(z.value){if(p("update:masked",K.value),A.value===ce.NUMBER){if(/^-$|^$/.test(X.value)){if(null===H.value||void 0===H.value)return;return void(H.value=void 0)}return j.test(X.value)?void(H.value=0):"number"!=typeof q.value?void(H.value=Number(q.value)):void(H.value=q.value)}if(A.value!==ce.DATETIME_LOCAL&&A.value!==ce.DATE&&A.value!==ce.TIME&&A.value!==ce.MONTH)(H.value||X.value)&&(H.value=X.value);else{if(!q.value){if(!H.value)return;return F.value?void(H.value=void 0):void(H.value="")}if(!(q.value instanceof Date||F.value||U.value))return void(H.value=q.value);let t=q.value;if(t instanceof Date||(t=function(e,t="date"){if(!(null==e?void 0:e.trim()))return null;const o=new Date,l=o.getFullYear(),a=o.getMonth(),n=o.getDate();if("date"===t){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid date format. Expected: YYYY-MM-DD");return new Date(`${e}T00:00:00`)}if("month"===t){if(!/^\d{4}-\d{2}$/.test(e))throw new Error("Invalid month format. Expected: YYYY-MM");return new Date(`${e}-01T00:00:00`)}if("time"===t){if(!/^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/.test(e))throw new Error("Invalid time format. Expected: HH:mm or HH:mm:ss");return 8===e.length?new Date(`${l}-${i(a+1)}-${i(n)}T${e}`):new Date(`${l}-${i(a+1)}-${i(n)}T${e}:00`)}if(!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2})?$/.test(e))throw new Error("Invalid datetime format. Expected: YYYY-MM-DDThh:mm or YYYY-MM-DDThh:mm:ss");return 16===e.length?new Date(`${e}:00`):new Date(`${e}`)}(q.value,A.value)),F.value||U.value){const o=new Date(F.value||U.value);if(A.value!==ce.DATETIME_LOCAL&&A.value!==ce.DATE&&A.value!==ce.MONTH||(o.setFullYear(t.getFullYear()),o.setMonth(t.getMonth())),A.value!==ce.DATETIME_LOCAL&&A.value!==ce.DATE||o.setDate(t.getDate()),A.value!==ce.DATETIME_LOCAL&&A.value!==ce.TIME||(o.setHours(t.getHours()),o.setMinutes(t.getMinutes()),o.setSeconds(t.getSeconds())),F.value instanceof Date){if((null==(e=H.value)?void 0:e.getTime())===o.getTime())return;return void(H.value=o)}return void(H.value=o.toISOString())}H.value=u(t,A.value,R.value)}}}});function J(e){var t;if(null==e)return q.value="",void(X.value="");if((null==(t=v.iMask)?void 0:t.mask)!==Date){if(A.value!==ce.NUMBER||!j.test(X.value)||0!==e){if(A.value===ce.DATE||A.value===ce.MONTH||A.value===ce.DATETIME_LOCAL||A.value===ce.TIME){if(e instanceof Date||r(e)){e instanceof Date?(F.value=e,U.value=void 0):(U.value=e,F.value=void 0);const t=new Date(e);return q.value=u(t,A.value,R.value),void(X.value=q.value)}F.value=void 0,U.value=void 0}q.value=e,X.value=`${q.value}`}}else q.value=e instanceof Date?e:new Date(e)}e.onMounted((()=>{Y.value&&(z.value=!0,J(v.modelValue))})),e.watch((()=>v.modelValue),(e=>{Y.value&&J(e)})),e.watch((()=>v.masked),(e=>{K.value=e??""}));const Z=W,G=e.ref(),Q=e.ref(),ee=e.ref();a({$inner:G});const{focused:te}=function(t,o){const{focused:a}=l.useFocus(t);return e.watch(a,(l=>{o(l?"focus":"blur",e.unref(t))})),{focused:a}}(Z,p),ae=e.computed((()=>te.value&&!v.disabled&&!v.readonly));e.watch(ae,(e=>{var t,o;if(e&&h.value.selectOnFocus&&Z.value&&Z.value.select(),e&&(null==(t=je.value)?void 0:t.size))null==(o=ee.value)||o.show();else if(Ve.value&&je.value){const e=v.maxSuggestions;je.value.size>=e&&!je.value.has(H.value)&&(je.value=new Set([...je.value].slice(je.value.size-e+1))),je.value.add(H.value)}}));const ie=l.useElementVisibility(Z);e.watch(ie,(e=>{e&&v.autofocus&&!v.disabled&&!v.readonly&&(te.value=!0)}));const re=e.ref(!1),fe=e.computed((()=>v.type===ce.PASSWORD));function me(){re.value=!re.value}const he=e.computed((()=>v.type===ce.TIME||v.type===ce.DATETIME_LOCAL||v.type===ce.DATE||v.type===ce.WEEK||v.type===ce.MONTH)),Te=e.computed((()=>v.type===ce.NUMBER));function Le(){if(!Ie.value){if(v.iMask)return void(q.value=Number(q.value)+Number((null==N?void 0:N.value)??1));Z.value.stepUp(),H.value=Number(e.unref(Z).value)}}function De(){if(!Ie.value){if(v.iMask)return void(q.value=Number(q.value)-Number((null==N?void 0:N.value)??1));Z.value.stepDown(),H.value=Number(e.unref(Z).value)}}const Be=e.computed((()=>v.type===ce.SEARCH));function Ce(){H.value="",p("clear")}const{hasIconBefore:Oe,hasIconAfter:Ne}=pe(y,S),Pe=e.computed((()=>{if(void 0!==Ne.value)return Ne.value;switch(v.type){case ce.COLOR:return{name:B};case ce.DATE:case ce.DATETIME_LOCAL:case ce.WEEK:case ce.MONTH:return{name:L};case ce.TIME:return{name:D}}})),{hasIcon:Ae}=pe(w),{formatted:Me}=function(t,o){const l=e.computed((()=>(e.unref(t)??"").length)),a=e.computed((()=>void 0!==(null==o?void 0:o.lowerLimit)&&l.value<(null==o?void 0:o.lowerLimit)?l.value-o.lowerLimit:void 0!==(null==o?void 0:o.upperLimit)&&l.value<(null==o?void 0:o.upperLimit)?o.upperLimit-l.value:0)),n=e.computed((()=>{if(!1===(null==o?void 0:o.mode))return"";if("limit"===(null==o?void 0:o.mode)&&(null==o?void 0:o.upperLimit))return`${l.value} / ${o.lowerLimit?`${o.lowerLimit}-`:""}${o.upperLimit}`;if("countdown"===(null==o?void 0:o.mode)){if(0===a.value)return;return a}return l.value}));return{length:l,gap:a,formatted:n}}(H,{mode:b.value,upperLimit:Number(null==T?void 0:T.value),lowerLimit:Number(null==C?void 0:C.value)}),Ie=e.computed((()=>v.disabled||v.readonly)),_e=e.computed((()=>Ie.value?-1:v.tabindex)),Ve=e.computed((()=>!s(O))),He=e.computed((()=>!0===E.value||!0!==M.value&&void 0)),Re=e.computed((()=>v.storageKey??((null==m?void 0:m.experimentalFeatures.forceInputSuggestions)?v.name:void 0))),je=function(t,o=c.local,a){const n=e.ref();let i;return a&&(n.value=a),e.onMounted((()=>{t&&e.watch(t,((t,a)=>{const r=e.unref(o)===c.session?sessionStorage:localStorage;if(a&&a!==t&&r.removeItem(a),t)return i=l.useStorage(t,(null==i?void 0:i.value)??n.value,r),void(i.value&&(n.value=i.value));i=void 0}),{immediate:!0}),e.isRef(o)&&e.watch(o,((e,o)=>{if(null==t?void 0:t.value){if(e){const o=e===c.session?sessionStorage:localStorage;i=l.useStorage(t.value,(null==i?void 0:i.value)??n.value,o)}o&&o!==e&&(o===c.session?sessionStorage:localStorage).removeItem(t.value)}}))})),e.watch(n,(e=>{i&&(i.value=e)}),{deep:!0,immediate:!0}),n}(Re,P,new Set),ze=e.computed((()=>je.value?[...je.value].filter((e=>s(H.value)||`${e}`.toLowerCase().includes(`${H.value}`.toLowerCase())&&e!==H.value)).reverse():[])),Fe=e.computed((()=>(null==Re?void 0:Re.value)&&je.value&&je.value.size>0));const{modifiers:Ue}=e.toRefs(v),We=le("vv-input-text",Ue,e.computed((()=>({valid:M.value,invalid:E.value,loading:$.value,disabled:v.disabled,required:v.required,readonly:v.readonly,"icon-before":!!Oe.value,"icon-after":!!Pe.value,floating:v.floating&&!s(v.label),dirty:Ve.value,focus:ae.value&&!Ie.value,"auto-width":v.autoWidth})))),Ye=e.computed((()=>{const e=fe.value&&re.value?ce.TEXT:!he.value||Ve.value||te.value?v.iMask?ce.TEXT:v.type:ce.TEXT,t={type:e,name:v.name,tabindex:_e.value,disabled:v.disabled,readonly:v.readonly,required:v.required,autocomplete:v.autocomplete,"aria-invalid":He.value,"aria-describedby":Xe.value?_.value:void 0,"aria-errormessage":Je.value?_.value:void 0,inputMode:v.inputMode};if(e===ce.DATE||e===ce.MONTH||e===ce.WEEK||e===ce.TIME||e===ce.DATETIME_LOCAL||e===ce.NUMBER){let o=v.max;e!==ce.DATE||o||(o="9999-12-31"),t.step=v.step,t.max=void 0!==o?String(o):void 0,t.min=void 0!==v.min?String(v.min):void 0}return e!==ce.TEXT&&e!==ce.SEARCH&&e!==ce.URL&&e!==ce.TEL&&e!==ce.EMAIL&&e!==ce.PASSWORD&&e!==ce.NUMBER||(t.placeholder=V.value),e!==ce.TEXT&&e!==ce.SEARCH&&e!==ce.URL&&e!==ce.TEL&&e!==ce.EMAIL&&e!==ce.PASSWORD||(t.minlength=v.minlength,t.maxlength=v.maxlength,t.pattern=v.pattern),e===ce.EMAIL&&(t.multiple=v.multiple),t})),qe=e.computed((()=>({valid:v.valid,invalid:v.invalid,modelValue:v.modelValue,togglePassword:me,stepUp:Le,stepDown:De,clear:Ce}))),{HintSlot:Ke,hasHintLabelOrSlot:Xe,hasInvalidLabelOrSlot:Je,hintSlotScope:Ze}=function(t,o){const l=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>d(l.value.invalidLabel))),n=e.computed((()=>d(l.value.validLabel))),i=e.computed((()=>l.value.loadingLabel)),r=e.computed((()=>l.value.hintLabel)),u=e.computed((()=>Boolean(l.value.loading&&(o.loading||i.value)))),s=e.computed((()=>!u.value&&Boolean(l.value.invalid&&(o.invalid||a.value)))),c=e.computed((()=>!u.value&&!s.value&&Boolean(l.value.valid&&(o.valid||n.value)))),v=e.computed((()=>!u.value&&!s.value&&!c.value&&Boolean(o.hint||r.value))),p=e.computed((()=>s.value||c.value||u.value||v.value)),f=e.computed((()=>({modelValue:l.value.modelValue,valid:l.value.valid,invalid:l.value.invalid,loading:l.value.loading}))),m=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:p,invalidLabel:a,validLabel:n,loadingLabel:i,hintLabel:r,hasInvalidLabelOrSlot:s,hasValidLabelOrSlot:c,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){var t,o,l,a,n,i,r,u;if(this.isVisible){let s;return this.hasInvalidLabelOrSlot&&(s="alert"),this.hasValidLabelOrSlot&&(s="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:s},(null==(o=(t=this.$slots).loading)?void 0:o.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:s},(null==(a=(l=this.$slots).invalid)?void 0:a.call(l))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:s},(null==(i=(n=this.$slots).valid)?void 0:i.call(n))??this.validLabel):e.h(this.tag,{role:s},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:s,hasHintLabelOrSlot:v,hasValidLabelOrSlot:c,hasLoadingLabelOrSlot:u,hintSlotScope:f,HintSlot:m}}(h,f),Ge=be(ce.PASSWORD,v,Ve),Qe=be(ce.NUMBER,v,Ve),et=be(ce.SEARCH,v,Ve);function tt(){Ie.value||(te.value=!0)}const ot=e.computed((()=>{if(v.autoWidth)return{width:void 0!==H.value?`${String(H.value).length+1}ch`:void 0}}));function lt(e){switch(e.code){case"ArrowUp":Te.value&&(Le(),e.preventDefault());break;case"ArrowDown":Te.value&&(De(),e.preventDefault())}p("keydown",e)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(We))},[e.unref(x)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(I),class:"vv-input-text__label"},e.toDisplayString(e.unref(x)),9,ge)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"wrapperEl",ref:Q,class:"vv-input-text__wrapper"},[t.$slots.before?(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(qe))))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"innerEl",ref:G,class:"vv-input-text__inner",onClick:e.withModifiers(tt,["stop"])},[e.unref(Oe)?(e.openBlock(),e.createBlock(de,e.mergeProps({key:0},e.unref(Oe),{class:"vv-input-text__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(I),ref_key:"inputEl",ref:Z},e.unref(Ye),{style:e.unref(ot),onKeyup:o[0]||(o[0]=e=>p("keyup",e)),onKeydown:lt,onKeypress:o[1]||(o[1]=e=>p("keypress",e))}),null,16,Se),(t.unit||t.$slots.unit)&&e.unref(Ve)?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(t.$slots,"unit",e.normalizeProps(e.guardReactiveProps(e.unref(qe))),(()=>[e.createTextVNode(e.toDisplayString(t.unit),1)]))])):e.createCommentVNode("v-if",!0)],512),e.unref(Pe)?(e.openBlock(),e.createBlock(de,e.mergeProps({key:1},e.unref(Pe),{class:"vv-input-text__icon vv-input-text__icon-after"}),null,16)):!e.unref(fe)||t.hideActions||e.unref(Ie)?!e.unref(Te)||t.hideActions||e.unref(Ie)?!e.unref(Be)||t.hideActions||e.unref(Ie)?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(e.unref(et),{key:4,onClear:Ce})):(e.openBlock(),e.createBlock(e.unref(Qe),{key:3,onStepUp:Le,onStepDown:De})):(e.openBlock(),e.createBlock(e.unref(Ge),{key:2,onTogglePassword:me})),t.$slots.after?(e.openBlock(),e.createElementBlock("div",ke,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(qe))))])):e.createCommentVNode("v-if",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("span",Ee,[e.renderSlot(t.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(qe))),(()=>[e.createTextVNode(e.toDisplayString(e.unref(Me)),1)]))])):e.createCommentVNode("v-if",!0)],512),e.createVNode(e.unref(Ke),{id:e.unref(_),class:"vv-input-text__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))])),key:"3"}:void 0]),1032,["id"]),e.unref(Fe)?(e.openBlock(),e.createBlock(ne,{key:1,ref_key:"suggestionsDropdownEl",ref:ee,reference:e.unref(Q),"autofocus-first":!1,"trigger-width":!0},{items:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(ze),(o=>(e.openBlock(),e.createBlock(ue,{key:o,onClick:e.withModifiers((e=>{return t=o,H.value=t,null==(l=ee.value)||l.hide(),void p("suggestion:selected",t);var t,l}),["stop"])},{default:e.withCtx((()=>[e.createElementVNode("div",xe,[e.renderSlot(t.$slots,"suggestion",e.mergeProps({ref_for:!0},{value:o}),(()=>[e.createTextVNode(e.toDisplayString(o),1)]))]),e.unref(je)&&e.unref(Ae)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",tabindex:"-1",class:"cursor-pointer",title:t.labelRemoveSuggestion,onClick:e.withModifiers((e=>{return t=o,null==(l=je.value)||l.delete(t),void p("suggestion:removed",t);var t,l}),["stop"])},[e.createVNode(de,e.mergeProps({ref_for:!0},e.unref(Ae)),null,16)],8,$e)):e.createCommentVNode("v-if",!0)])),_:2},1032,["onClick"])))),128))])),_:3},8,["reference"])):e.createCommentVNode("v-if",!0)],2))}})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("vue-imask"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","vue-imask","@floating-ui/vue","@vueuse/core","mitt","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvInputText=t(e.vue,e.vueImask,e.vue$1,e.core,e.mitt,e.vue$2)}(this,function(e,t,o,a,l,n){"use strict";const i=e=>e.toString().padStart(2,"0");function r(e){if("string"!=typeof e)return!1;if(!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{1,3})?(?:Z|[+-]\d{2}:?\d{2})?$/.test(e))return!1;const t=new Date(e);return!Number.isNaN(t.getTime())&&t.toISOString()===e}function u(e,t="date",o){if("string"==typeof e&&!r(e))return"";const a=new Date(e);if(Number.isNaN(a.getTime()))return"";let l=`${a.getFullYear()}-${i(a.getMonth()+1)}`;if("month"===t)return l;if(l+=`-${i(a.getDate())}`,"date"===t)return l;const n=o?`${i(a.getHours())}:${i(a.getMinutes())}:${i(a.getSeconds())}`:`${i(a.getHours())}:${i(a.getMinutes())}`;return"time"===t?n:`${l}T${n}`}function s(t){return null==(o=e.unref(t))||""===o||Array.isArray(o)&&0===o.length||!(o instanceof Date)&&"object"==typeof o&&0===Object.keys(o).length;var o}function d(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}var c=(e=>(e.local="local",e.session="session",e))(c||{}),v=(e=>(e.absolute="absolute",e.fixed="fixed",e))(v||{}),p=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(p||{}),f=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(f||{}),m=(e=>(e.before="before",e.after="after",e))(m||{}),h=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(h||{}),b=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(b||{}),g=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(g||{}),y=(e=>(e.listbox="listbox",e.menu="menu",e))(y||{}),S=(e=>(e.option="option",e.presentation="presentation",e))(S||{});const w=Symbol.for("volver"),k=Symbol.for("dropdownTrigger"),E=Symbol.for("dropdownItem"),x=Symbol.for("dropdownAction"),$="eye-on",T="eye-off",L="calendar",D="time",B="color",C="close",O="trash",N={prefix:"normal"},P={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},A={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},M={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},I={disabled:{type:Boolean,default:!1}},_={required:{type:Boolean,default:!1}},V={selected:{type:Boolean,default:!1}},H={label:{type:[String,Number],default:void 0}},R={readonly:{type:Boolean,default:!1}},j={modifiers:{type:[String,Array],default:void 0}},z={hintLabel:{type:String,default:""}},F={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},U={debounce:{type:[Number,String],default:void 0}},W={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:m.before,validation:e=>Object.values(m).includes(e)}},Y={tabindex:{type:[String,Number],default:0}},q={floating:{type:Boolean,default:!1}},K={unselectable:{type:Boolean,default:!0}},X={id:[String,Number]},J={placement:{type:String,default:p.bottom,validator:e=>Object.values(p).includes(e)||Object.values(f).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(v).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},Z={...{...X,name:{type:String,required:!0}},...{autofocus:{type:Boolean,default:!1}},...{autocomplete:{type:String,default:"off"}},...Y,...I,...R,...P,...A,...z,...M,...j,...F,...U,...W,...q,...H,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},..._};h.button,b.button;const G={storageType:{type:String,default:c.local,validator:e=>Object.values(c).includes(e)},storageKey:String},Q={...X,...J,...j,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:y.menu,validator:e=>Object.values(y).includes(e)}},ee={focusOnHover:{type:Boolean,default:!1}},te={...I,...V,...K,...j,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function oe(t){return e.computed(()=>String(t?.value||e.useId()))}function ae(t,o,a){return e.computed(()=>{const l={[t]:!0},n="string"==typeof o?.value?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(e=>{e&&(l[`${t}--${e}`]=!0)}),a&&Object.keys(a.value).forEach(o=>{l[`${t}--${o}`]=e.unref(a.value[o])}),l})}const le=["id","tabindex","role","aria-labelledby"],ne=e.defineComponent({name:"VvDropdown",inheritAttrs:!1,props:Q,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:n,emit:i}){const r=t,u=i,{id:s}=e.toRefs(r),d=oe(s),c=e.useAttrs(),f=e.ref("auto"),m=e.ref("auto"),h=e.ref(),b=e.ref(),g=e.ref(),w=e.ref(),x=e.computed({get:()=>r.reference??h.value,set:e=>{h.value=e}}),$=e.ref(!1);e.onMounted(()=>{a.useMutationObserver(b.value,()=>{$.value="true"===window.getComputedStyle(b.value).getPropertyValue("--dropdown-custom-position")?.trim()},{attributeFilter:["style"],window:window})});const T=e.computed(()=>{const e=[];if(r.autoPlacement?"boolean"==typeof r.autoPlacement?e.push(o.autoPlacement()):e.push(o.autoPlacement(r.autoPlacement)):r.flip&&("boolean"==typeof r.flip?e.push(o.flip({fallbackStrategy:"initialPlacement"})):e.push(o.flip(r.flip))),r.shift&&("boolean"==typeof r.shift?e.push(o.shift()):e.push(o.shift(r.shift))),r.size){const t=({availableWidth:e,availableHeight:t})=>{f.value=`${e}px`,m.value=`${t}px`};"boolean"==typeof r.size?e.push(o.size({apply:t})):e.push(o.size({...r.size,apply:t}))}return r.offset&&(e.push(o.offset(Number(r.offset))),["string","number"].includes(typeof r.offset)?e.push(o.offset(Number(r.offset))):e.push(o.offset(r.offset))),r.arrow&&e.push(o.arrow({element:g})),e}),{x:L,y:D,middlewareData:B,placement:C,strategy:O}=o.useFloating(x,b,{whileElementsMounted:(...e)=>o.autoUpdate(...e,{animationFrame:r.strategy===v.fixed}),placement:e.computed(()=>r.placement),strategy:e.computed(()=>r.strategy),middleware:T}),N=e.computed(()=>{if($.value)return;const e=r.triggerWidth&&x.value?`${x.value?.offsetWidth}px`:void 0;return{position:O.value,top:`${D.value??0}px`,left:`${L.value??0}px`,maxWidth:e?void 0:f.value,maxHeight:m.value,width:e}}),P=e.computed(()=>C.value.split("-")[0]),A=e.computed(()=>{if($.value)return;const e={[p.top]:p.bottom,[p.right]:p.left,[p.bottom]:p.top,[p.left]:p.right}[P.value];return{left:void 0!==B.value.arrow?.x?`${B.value.arrow?.x}px`:void 0,top:void 0!==B.value.arrow?.y?`${B.value.arrow?.y}px`:void 0,[e]:-(g.value?.offsetWidth??0)/2+"px"}}),M=a.useVModel(r,"modelValue",u),I=e.ref(!1),_=e.computed({get:()=>M.value??I.value,set:e=>{void 0!==M.value?M.value=e:I.value=e}});function V(){_.value=!0}function H(){_.value=!1}function R(){_.value=!_.value}function j(e){x.value=e}a.onClickOutside(b,()=>{!r.keepOpen&&_.value&&(_.value=!1)},{ignore:[x]});const z=e.computed(()=>x.value?.getAttribute?.("id")??void 0),F=e.computed(()=>({"aria-controls":d.value,"aria-haspopup":!0,"aria-expanded":_.value})),{component:U,bus:W}=function({reference:t,id:o,expanded:a,aria:n}){const i=l(),r=e.defineComponent({name:"VvDropdownTriggerProvider",setup(){e.provide(k,{reference:t,id:o,expanded:a,aria:n,bus:i})},render(){return e.h(e.Fragment,{},this.$slots.default?.())}});return{bus:i,component:r}}({reference:x,id:d,expanded:_,aria:F});W.on("click",R);const{role:Y,modifiers:q}=e.toRefs(r),K=ae("vv-dropdown",q,e.computed(()=>({arrow:r.arrow}))),{focused:X}=a.useFocusWithin(b);function J(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden")):[]}function Z(){e.nextTick(()=>{const e=J(b.value);e.length>0&&e[0].focus({preventScroll:!0})})}function G(){e.nextTick(()=>{if(X.value){const e=J(b.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}})}function Q(){e.nextTick(()=>{if(X.value){const e=J(b.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}})}e.watch(_,e=>{e&&r.autofocusFirst&&Z()}),n({toggle:R,show:V,hide:H,init:j,focusFirst:Z,focusFirstListElement:function(){e.nextTick(()=>{const e=J(w.value);e.length>0&&e[0].focus({preventScroll:!0})})},focusNext:G,focusPrev:Q,customPosition:$});const ee=a.useElementHover(b),{itemRole:te}=function({role:t,...o}){const a=e.computed(()=>t.value===y.listbox?S.option:S.presentation);return e.provide(E,{role:a,...o}),{itemRole:a}}({role:Y,expanded:_,focused:X,hovered:ee});a.onKeyStroke("Escape",e=>{_.value&&(e.preventDefault(),H())}),a.onKeyStroke("ArrowDown",e=>{_.value&&X.value&&(e.preventDefault(),G())}),a.onKeyStroke("ArrowUp",e=>{_.value&&X.value&&(e.preventDefault(),Q())}),a.onKeyStroke([" ","Enter"],e=>{const t=e.target;_.value&&X.value&&t&&t?.click()});const ne={"before-enter":()=>{u(_.value?"beforeExpand":"beforeCollapse"),u("beforeEnter")},"after-leave":()=>{u(_.value?"afterExpand":"afterCollapse"),u("afterLeave")},enter:()=>{u("enter")},"after-enter":()=>{u("afterEnter")},"enter-cancelled":()=>{u("enterCancelled")},"before-leave":()=>{u("beforeLeave")},leave:()=>{u("leave")},"leave-cancelled":()=>{u("leaveCancelled")}};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(U),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({init:j,show:V,hide:H,toggle:R,expanded:e.unref(_),aria:e.unref(F)})))]),_:3}),e.createVNode(e.Transition,e.mergeProps({name:t.transitionName},e.toHandlers(ne),{persisted:""}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:b,style:e.normalizeStyle(e.unref(N)),class:e.normalizeClass(e.unref(K))},[r.arrow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"arrowEl",ref:g,style:e.normalizeStyle(e.unref(A)),class:"vv-dropdown__arrow"},null,4)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)}))),e.createElementVNode("div",e.mergeProps(e.unref(c),{id:e.unref(d),ref_key:"listEl",ref:w,tabindex:e.unref(_)?void 0:-1,role:e.unref(Y),"aria-labelledby":e.unref(z),class:"vv-dropdown__list"}),[e.renderSlot(t.$slots,"items",e.normalizeProps(e.guardReactiveProps({role:e.unref(te)})))],16,le),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(_)})))],6),[[e.vShow,e.unref(_)]])]),_:3},16,["name"])],64))}});const ie=e.defineComponent({name:"VvDropdownItem",props:ee,setup(t){const o=t,{role:l,expanded:n}=e.inject(E,{}),i=e.ref(null);!function({expanded:t}){e.provide(x,{role:e.ref(g.menuitem),expanded:t})}({expanded:n});const r=a.useElementHover(i),{focused:u}=a.useFocus(i),{focused:s}=a.useFocusWithin(i);return e.watch(r,e=>{e&&o.focusOnHover&&(u.value=!0)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(l)},{ref_key:"element",ref:i,class:["vv-dropdown__item",{"focus-visible":e.unref(u)||e.unref(s)}]}),[e.renderSlot(t.$slots,"default")],16))}}),re=["title"],ue=e.defineComponent({name:"VvDropdownOption",props:te,setup(t){const o=t,{modifiers:a}=e.toRefs(o),l=ae("vv-dropdown-option",a,e.computed(()=>({disabled:o.disabled,selected:o.selected,unselectable:o.unselectable&&o.selected}))),n=e.computed(()=>o.selected?o.unselectable?o.deselectHintLabel:o.selectedHintLabel:o.disabled?"":o.selectHintLabel);return(t,o)=>(e.openBlock(),e.createBlock(ie,{class:e.normalizeClass(e.unref(l)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(n)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),()=>[e.createTextVNode(e.toDisplayString(e.unref(n)),1)])],8,re)]),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}});function se(){return e.inject(w,void 0)}const de=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:{}},N),setup(t){const o=t,a=e.computed(()=>"string"==typeof o.rotate?Number.parseFloat(o.rotate):o.rotate),l=e.ref(!0),i=se(),{modifiers:r}=e.toRefs(o),u=ae("vv-icon",r),s=e.computed(()=>o.provider||i?.iconsProvider),d=e.computed(()=>{const e=o.name??"",t=`@${s.value}:${o.prefix}:${e}`;if(n.iconLoaded(t))return t;const a=i?.iconsCollections.find(t=>{const o=`@${s.value}:${t.prefix}:${e}`;return n.iconLoaded(o)});return a?`@${s.value}:${a.prefix}:${e}`:e});function c(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),a=t?.innerHTML.trim()||"";t&&a&&n.addIcon(`@${s.value}:${o.prefix}:${o.name}`,{body:a,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&o.src&&!n.iconLoaded(`@${s.value}:${o.prefix}:${o.name}`)&&(l.value=!1,i.fetchIcon(o.src).then(e=>{e&&(c(e),l.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),o.svg&&c(o.svg),(t,o)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(n.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(a),color:t.color,icon:e.unref(d)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),ce={TEXT:"text",PASSWORD:"password",NUMBER:"number",EMAIL:"email",TEL:"tel",URL:"url",COLOR:"color",SEARCH:"search",DATE:"date",TIME:"time",DATETIME_LOCAL:"datetime-local",MONTH:"month",WEEK:"week"},ve={...Z,...G,modelValue:[String,Number,Date],type:{type:String,default:ce.TEXT,validator:e=>Object.values(ce).includes(e)},min:[Number,Date,String],max:[Number,Date,String],step:{type:[String,Number],default:1},pattern:String,multiple:Boolean,iconShowPassword:{type:[String,Object],default:$},iconHidePassword:{type:[String,Object],default:T},iconClear:{type:[String,Object],default:C},iconRemoveSuggestion:{type:[String,Object],default:O},labelStepUp:{type:String,default:"Increase value"},labelStepDown:{type:String,default:"Decrease value"},labelShowPassword:{type:String,default:"Show password"},labelHidePassword:{type:String,default:"Hide password"},labelClear:{type:String,default:"Clear"},labelRemoveSuggestion:{type:String,default:"Remove suggestion"},iMask:{type:Object,default:void 0},masked:{type:String,default:void 0},autoWidth:{type:Boolean,default:!1},hideActions:{type:Boolean,default:!1},unit:{type:String},selectOnFocus:{type:Boolean,default:!1},maxSuggestions:{type:Number,default:5},inputMode:{type:String,default:"text"}};function pe(t,o){const a=e.computed(()=>"string"==typeof t?.value?{name:t?.value}:t?.value),l=e.computed(()=>o?.value===m.before?a.value:void 0),n=e.computed(()=>o?.value===m.after?a.value:void 0),i=e.computed(()=>o?.value===p.left?a.value:void 0),r=e.computed(()=>o?.value===p.right?a.value:void 0),u=e.computed(()=>o?.value===p.top?a.value:void 0),s=e.computed(()=>o?.value===p.bottom?a.value:void 0);return{hasIcon:a,hasIconLeft:i,hasIconRight:r,hasIconTop:u,hasIconBottom:s,hasIconBefore:l,hasIconAfter:n}}const fe=e.defineComponent({components:{VvIcon:de},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(t,{emit:o}){const{hasIcon:a}=pe(e.computed(()=>t.icon));return{hasIcon:a,onClick:function(e){e?.stopPropagation(),t.disabled||o("clear")}}},render(){const t=this.hasIcon?e.h(de,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return e.h("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},t)}}),me=e.defineComponent({components:{VvIcon:de},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},labelShow:{type:String,default:"Show password"},labelHide:{type:String,default:"Hide password"},iconShow:{type:[String,Object],default:$},iconHide:{type:[String,Object],default:T}},emits:["toggle-password"],setup(t,{emit:o}){const a=e.ref(!1),l=e.computed(()=>a.value?t.iconHide:t.iconShow),{hasIcon:n}=pe(l);return{active:a,activeIcon:l,hasIcon:n,onClick:function(e){e?.stopPropagation(),t.disabled||(a.value=!a.value,o("toggle-password",a.value))}}},render(){const t=this.hasIcon?e.h(de,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return e.h("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.active?this.labelHide:this.labelShow,type:"button",onClick:this.onClick},t)}}),he=e.defineComponent({components:{VvIcon:de},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String},mode:{type:String,validator:e=>["up","down"].includes(e),default:"up"}},emits:["step-up","step-down"],setup(t,{emit:o}){const a=e.computed(()=>"up"===t.mode);return{isUp:a,onClick:e=>{e?.stopPropagation(),t.disabled||o(a.value?"step-up":"step-down")}}},render(){return e.h("button",{class:[`vv-${this.inputType}__action`,`vv-${this.inputType}__action-chevron`,this.isUp?`vv-${this.inputType}__action-chevron-up`:void 0],disabled:this.disabled,ariaLabel:this.label,type:"button",onClick:this.onClick})}});function be(t,o,a){return{name:"VvInputTextActions",components:{VvIcon:de,VvInputPasswordAction:me,VvInputStepAction:he,VvInputClearAction:fe},setup(){const t=e.computed(()=>o.disabled||o.readonly);return{isDirty:a,isDisabled:t,labelStepUp:o.labelStepUp,labelStepDown:o.labelStepDown,labelShowPassword:o.labelShowPassword,labelHidePassword:o.labelHidePassword,labelClear:o.labelClear,iconShowPassword:o.iconShowPassword,iconHidePassword:o.iconHidePassword}},render(){let a=null;switch(t){case ce.SEARCH:{const{onClear:t}=this.$attrs;a=[e.h(fe,{disabled:this.isDisabled||!this.isDirty,label:this.labelClear,onClear:t})];break}case ce.PASSWORD:{const{onTogglePassword:t}=this.$attrs;a=[e.h(me,{disabled:this.isDisabled,onTogglePassword:t,labelShow:this.labelShowPassword,labelHide:this.labelHidePassword,iconShow:this.iconShowPassword,iconHide:this.iconHidePassword})];break}case ce.NUMBER:{const{onStepUp:t,onStepDown:l}=this.$attrs;a=[e.h(he,{mode:"up",disabled:this.isDisabled||void 0!==o.max&&o.modelValue===o.max,label:this.labelStepUp,onStepUp:t,onStepDown:l}),e.h(he,{mode:"down",disabled:this.isDisabled||void 0!==o.min&&o.modelValue===o.min,label:this.labelStepDown,onStepUp:t,onStepDown:l})];break}}return Array.isArray(a)?e.h("div",{class:"vv-input-text__actions-group"},a):a}}}const ge=["for"],ye={key:0,class:"vv-input-text__input-before"},Se=["id"],we={key:1,class:"vv-input-text__unit"},ke={key:5,class:"vv-input-text__input-after"},Ee={key:6,class:"vv-input-text__limit"},xe={class:"flex-1"},$e=["title","onClick"];return e.defineComponent({name:"VvInputText",props:ve,emits:["update:modelValue","update:masked","accept","accept:typed","accept:masked","accept:unmasked","complete","complete:typed","complete:masked","complete:unmasked","suggestion:selected","suggestion:removed","focus","blur","keyup","keydown","keypress","clear"],setup(o,{expose:l,emit:n}){const v=o,p=n,f=e.useSlots(),m=se(),h=function(t,o,a){const l=se(),n=e.computed(()=>{if(l&&l.defaults.value?.[t])return l.defaults.value[t]});return e.computed(()=>{if(void 0===n.value)return a;const e=n.value,t=o,l=a;return Object.keys(t).reduce((o,a)=>{const n=l[a];if(o[a]=n,a in e){if(Array.isArray(t[a])){const l=t[a];l.length&&l[0]===n&&(o[a]=e[a])}if("function"==typeof t[a]&&(0,t[a])()===n&&(o[a]=e[a]),"object"==typeof t[a]){let l=t[a].default;"function"==typeof l&&(l=l()),"object"==typeof l?JSON.stringify(l)===JSON.stringify(n)&&(o[a]=e[a]):l===n&&(o[a]=e[a])}}return o},{})})}("VvInputText",ve,v),{count:b,debounce:g,icon:y,iconPosition:S,iconRemoveSuggestion:w,id:k,invalid:E,label:x,loading:$,maxlength:T,minlength:C,modelValue:O,step:N,storageType:P,type:A,valid:M}=e.toRefs(v),I=oe(k),_=e.computed(()=>`${I.value}-hint`),V=e.computed(()=>v.floating&&s(v.placeholder)?" ":v.placeholder),H=function(t,o,a=0,{getter:l=e=>e,setter:n=e=>e}={}){let i;return"string"==typeof a&&(a=Number.parseInt(a)),e.computed({get:()=>l(t?.value),set:e=>{i&&clearTimeout(i),i=setTimeout(()=>{o("update:modelValue",n(e))},a)}})}(O,p,g?.value??0),R=e.computed(()=>{const e="number"==typeof N.value?N.value:Number.parseInt(N.value);return!Number.isNaN(e)&&e%60!=0}),j=/^-0?[.,]?[0*]?$/,z=e.ref(!1),F=e.ref(),U=e.ref(),{el:W,mask:Y,typed:q,masked:K,unmasked:X}=t.useIMask(e.computed(()=>{if(!v.iMask)return{mask:/./};if(v.iMask.mask===Number){const e={...v.iMask};return v.min&&(e.min=Number(v.min)),v.max&&(e.max=Number(v.max)),e}return v.iMask}),{emit:p,onAccept:()=>{if(z.value){if(p("update:masked",K.value),A.value===ce.NUMBER){if(/^-$|^$/.test(X.value)){if(null===H.value||void 0===H.value)return;return void(H.value=void 0)}return j.test(X.value)?void(H.value=0):"number"!=typeof q.value?void(H.value=Number(q.value)):void(H.value=q.value)}if(A.value===ce.DATETIME_LOCAL||A.value===ce.DATE||A.value===ce.TIME||A.value===ce.MONTH){if(!q.value){if(!H.value)return;return F.value?void(H.value=void 0):void(H.value="")}if(!(q.value instanceof Date||F.value||U.value))return void(H.value=q.value);let e=q.value;if(e instanceof Date||(e=function(e,t="date"){if(!e?.trim())return null;const o=new Date,a=o.getFullYear(),l=o.getMonth(),n=o.getDate();if("date"===t){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid date format. Expected: YYYY-MM-DD");return new Date(`${e}T00:00:00`)}if("month"===t){if(!/^\d{4}-\d{2}$/.test(e))throw new Error("Invalid month format. Expected: YYYY-MM");return new Date(`${e}-01T00:00:00`)}if("time"===t){if(!/^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/.test(e))throw new Error("Invalid time format. Expected: HH:mm or HH:mm:ss");return 8===e.length?new Date(`${a}-${i(l+1)}-${i(n)}T${e}`):new Date(`${a}-${i(l+1)}-${i(n)}T${e}:00`)}if(!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2})?$/.test(e))throw new Error("Invalid datetime format. Expected: YYYY-MM-DDThh:mm or YYYY-MM-DDThh:mm:ss");return 16===e.length?new Date(`${e}:00`):new Date(`${e}`)}(q.value,A.value)),F.value||U.value){const t=new Date(F.value||U.value);if(A.value!==ce.DATETIME_LOCAL&&A.value!==ce.DATE&&A.value!==ce.MONTH||(t.setFullYear(e.getFullYear()),t.setMonth(e.getMonth())),A.value!==ce.DATETIME_LOCAL&&A.value!==ce.DATE||t.setDate(e.getDate()),A.value!==ce.DATETIME_LOCAL&&A.value!==ce.TIME||(t.setHours(e.getHours()),t.setMinutes(e.getMinutes()),t.setSeconds(e.getSeconds())),F.value instanceof Date){if(H.value?.getTime()===t.getTime())return;return void(H.value=t)}return void(H.value=t.toISOString())}return void(H.value=u(e,A.value,R.value))}(H.value||X.value)&&(H.value=X.value)}}});function J(e){if(null==e)return q.value="",void(X.value="");if(v.iMask?.mask!==Date){if(A.value!==ce.NUMBER||!j.test(X.value)||0!==e){if(A.value===ce.DATE||A.value===ce.MONTH||A.value===ce.DATETIME_LOCAL||A.value===ce.TIME){if(e instanceof Date||r(e)){e instanceof Date?(F.value=e,U.value=void 0):(U.value=e,F.value=void 0);const t=new Date(e);return q.value=u(t,A.value,R.value),void(X.value=q.value)}F.value=void 0,U.value=void 0}q.value=e,X.value=`${q.value}`}}else q.value=e instanceof Date?e:new Date(e)}e.onMounted(()=>{Y.value&&(z.value=!0,J(v.modelValue))}),e.watch(()=>v.modelValue,e=>{Y.value&&J(e)}),e.watch(()=>v.masked,e=>{K.value=e??""});const Z=W,G=e.ref(),Q=e.ref(),ee=e.ref();l({$inner:G});const{focused:te}=function(t,o){const{focused:l}=a.useFocus(t);return e.watch(l,a=>{o(a?"focus":"blur",e.unref(t))}),{focused:l}}(Z,p),le=e.computed(()=>te.value&&!v.disabled&&!v.readonly);e.watch(le,e=>{if(e&&h.value.selectOnFocus&&Z.value&&Z.value.select(),e&&je.value?.size)ee.value?.show();else if(Ve.value&&je.value){const e=v.maxSuggestions;je.value.size>=e&&!je.value.has(H.value)&&(je.value=new Set([...je.value].slice(je.value.size-e+1))),je.value.add(H.value)}});const ie=a.useElementVisibility(Z);e.watch(ie,e=>{e&&v.autofocus&&!v.disabled&&!v.readonly&&(te.value=!0)});const re=e.ref(!1),fe=e.computed(()=>v.type===ce.PASSWORD);function me(){re.value=!re.value}const he=e.computed(()=>v.type===ce.TIME||v.type===ce.DATETIME_LOCAL||v.type===ce.DATE||v.type===ce.WEEK||v.type===ce.MONTH),Te=e.computed(()=>v.type===ce.NUMBER);function Le(){if(!Ie.value){if(v.iMask)return void(q.value=Number(q.value)+Number(N?.value??1));Z.value.stepUp(),H.value=Number(e.unref(Z).value)}}function De(){if(!Ie.value){if(v.iMask)return void(q.value=Number(q.value)-Number(N?.value??1));Z.value.stepDown(),H.value=Number(e.unref(Z).value)}}const Be=e.computed(()=>v.type===ce.SEARCH);function Ce(){H.value="",p("clear")}const{hasIconBefore:Oe,hasIconAfter:Ne}=pe(y,S),Pe=e.computed(()=>{if(void 0!==Ne.value)return Ne.value;switch(v.type){case ce.COLOR:return{name:B};case ce.DATE:case ce.DATETIME_LOCAL:case ce.WEEK:case ce.MONTH:return{name:L};case ce.TIME:return{name:D}}}),{hasIcon:Ae}=pe(w),{formatted:Me}=function(t,o){const a=e.computed(()=>(e.unref(t)??"").length),l=e.computed(()=>void 0!==o?.lowerLimit&&a.value<o?.lowerLimit?a.value-o.lowerLimit:void 0!==o?.upperLimit&&a.value<o?.upperLimit?o.upperLimit-a.value:0),n=e.computed(()=>{if(!1===o?.mode)return"";if("limit"===o?.mode&&o?.upperLimit)return`${a.value} / ${o.lowerLimit?`${o.lowerLimit}-`:""}${o.upperLimit}`;if("countdown"===o?.mode){if(0===l.value)return;return l}return a.value});return{length:a,gap:l,formatted:n}}(H,{mode:b.value,upperLimit:Number(T?.value),lowerLimit:Number(C?.value)}),Ie=e.computed(()=>v.disabled||v.readonly),_e=e.computed(()=>Ie.value?-1:v.tabindex),Ve=e.computed(()=>!s(O)),He=e.computed(()=>!0===E.value||!0!==M.value&&void 0),Re=e.computed(()=>v.storageKey??(m?.experimentalFeatures.forceInputSuggestions?v.name:void 0)),je=function(t,o=c.local,l){const n=e.ref();let i;return l&&(n.value=l),e.onMounted(()=>{t&&e.watch(t,(t,l)=>{const r=e.unref(o)===c.session?sessionStorage:localStorage;if(l&&l!==t&&r.removeItem(l),t)return i=a.useStorage(t,i?.value??n.value,r),void(i.value&&(n.value=i.value));i=void 0},{immediate:!0}),e.isRef(o)&&e.watch(o,(e,o)=>{if(t?.value){if(e){const o=e===c.session?sessionStorage:localStorage;i=a.useStorage(t.value,i?.value??n.value,o)}o&&o!==e&&(o===c.session?sessionStorage:localStorage).removeItem(t.value)}})}),e.watch(n,e=>{i&&(i.value=e)},{deep:!0,immediate:!0}),n}(Re,P,new Set),ze=e.computed(()=>je.value?[...je.value].filter(e=>s(H.value)||`${e}`.toLowerCase().includes(`${H.value}`.toLowerCase())&&e!==H.value).reverse():[]),Fe=e.computed(()=>Re?.value&&je.value&&je.value.size>0);const{modifiers:Ue}=e.toRefs(v),We=ae("vv-input-text",Ue,e.computed(()=>({valid:M.value,invalid:E.value,loading:$.value,disabled:v.disabled,required:v.required,readonly:v.readonly,"icon-before":!!Oe.value,"icon-after":!!Pe.value,floating:v.floating&&!s(v.label),dirty:Ve.value,focus:le.value&&!Ie.value,"auto-width":v.autoWidth}))),Ye=e.computed(()=>{const e=fe.value&&re.value?ce.TEXT:!he.value||Ve.value||te.value?v.iMask?ce.TEXT:v.type:ce.TEXT,t={type:e,name:v.name,tabindex:_e.value,disabled:v.disabled,readonly:v.readonly,required:v.required,autocomplete:v.autocomplete,"aria-invalid":He.value,"aria-describedby":Xe.value?_.value:void 0,"aria-errormessage":Je.value?_.value:void 0,inputMode:v.inputMode};if(e===ce.DATE||e===ce.MONTH||e===ce.WEEK||e===ce.TIME||e===ce.DATETIME_LOCAL||e===ce.NUMBER){let o=v.max;e!==ce.DATE||o||(o="9999-12-31"),t.step=v.step,t.max=void 0!==o?String(o):void 0,t.min=void 0!==v.min?String(v.min):void 0}return e!==ce.TEXT&&e!==ce.SEARCH&&e!==ce.URL&&e!==ce.TEL&&e!==ce.EMAIL&&e!==ce.PASSWORD&&e!==ce.NUMBER||(t.placeholder=V.value),e!==ce.TEXT&&e!==ce.SEARCH&&e!==ce.URL&&e!==ce.TEL&&e!==ce.EMAIL&&e!==ce.PASSWORD||(t.minlength=v.minlength,t.maxlength=v.maxlength,t.pattern=v.pattern),e===ce.EMAIL&&(t.multiple=v.multiple),t}),qe=e.computed(()=>({valid:v.valid,invalid:v.invalid,modelValue:v.modelValue,togglePassword:me,stepUp:Le,stepDown:De,clear:Ce})),{HintSlot:Ke,hasHintLabelOrSlot:Xe,hasInvalidLabelOrSlot:Je,hintSlotScope:Ze}=function(t,o){const a=e.computed(()=>e.isRef(t)?t.value:t),l=e.computed(()=>d(a.value.invalidLabel)),n=e.computed(()=>d(a.value.validLabel)),i=e.computed(()=>a.value.loadingLabel),r=e.computed(()=>a.value.hintLabel),u=e.computed(()=>Boolean(a.value.loading&&(o.loading||i.value))),s=e.computed(()=>!u.value&&Boolean(a.value.invalid&&(o.invalid||l.value))),c=e.computed(()=>!u.value&&!s.value&&Boolean(a.value.valid&&(o.valid||n.value))),v=e.computed(()=>!u.value&&!s.value&&!c.value&&Boolean(o.hint||r.value)),p=e.computed(()=>s.value||c.value||u.value||v.value),f=e.computed(()=>({modelValue:a.value.modelValue,valid:a.value.valid,invalid:a.value.invalid,loading:a.value.loading})),m=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:p,invalidLabel:l,validLabel:n,loadingLabel:i,hintLabel:r,hasInvalidLabelOrSlot:s,hasValidLabelOrSlot:c,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:s,hasHintLabelOrSlot:v,hasValidLabelOrSlot:c,hasLoadingLabelOrSlot:u,hintSlotScope:f,HintSlot:m}}(h,f),Ge=be(ce.PASSWORD,v,Ve),Qe=be(ce.NUMBER,v,Ve),et=be(ce.SEARCH,v,Ve);function tt(){Ie.value||(te.value=!0)}const ot=e.computed(()=>{if(v.autoWidth)return{width:void 0!==H.value?`${String(H.value).length+1}ch`:void 0}});function at(e){switch(e.code){case"ArrowUp":Te.value&&(Le(),e.preventDefault());break;case"ArrowDown":Te.value&&(De(),e.preventDefault())}p("keydown",e)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(We))},[e.unref(x)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(I),class:"vv-input-text__label"},e.toDisplayString(e.unref(x)),9,ge)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"wrapperEl",ref:Q,class:"vv-input-text__wrapper"},[t.$slots.before?(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(qe))))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"innerEl",ref:G,class:"vv-input-text__inner",onClick:e.withModifiers(tt,["stop"])},[e.unref(Oe)?(e.openBlock(),e.createBlock(de,e.mergeProps({key:0},e.unref(Oe),{class:"vv-input-text__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(I),ref_key:"inputEl",ref:Z},e.unref(Ye),{style:e.unref(ot),onKeyup:o[0]||(o[0]=e=>p("keyup",e)),onKeydown:at,onKeypress:o[1]||(o[1]=e=>p("keypress",e))}),null,16,Se),(t.unit||t.$slots.unit)&&e.unref(Ve)?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(t.$slots,"unit",e.normalizeProps(e.guardReactiveProps(e.unref(qe))),()=>[e.createTextVNode(e.toDisplayString(t.unit),1)])])):e.createCommentVNode("v-if",!0)],512),e.unref(Pe)?(e.openBlock(),e.createBlock(de,e.mergeProps({key:1},e.unref(Pe),{class:"vv-input-text__icon vv-input-text__icon-after"}),null,16)):!e.unref(fe)||t.hideActions||e.unref(Ie)?!e.unref(Te)||t.hideActions||e.unref(Ie)?!e.unref(Be)||t.hideActions||e.unref(Ie)?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(e.unref(et),{key:4,onClear:Ce})):(e.openBlock(),e.createBlock(e.unref(Qe),{key:3,onStepUp:Le,onStepDown:De})):(e.openBlock(),e.createBlock(e.unref(Ge),{key:2,onTogglePassword:me})),t.$slots.after?(e.openBlock(),e.createElementBlock("div",ke,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(qe))))])):e.createCommentVNode("v-if",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("span",Ee,[e.renderSlot(t.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(qe))),()=>[e.createTextVNode(e.toDisplayString(e.unref(Me)),1)])])):e.createCommentVNode("v-if",!0)],512),e.createVNode(e.unref(Ke),{id:e.unref(_),class:"vv-input-text__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))]),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))]),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))]),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(Ze))))]),key:"3"}:void 0]),1032,["id"]),e.unref(Fe)?(e.openBlock(),e.createBlock(ne,{key:1,ref_key:"suggestionsDropdownEl",ref:ee,reference:e.unref(Q),"autofocus-first":!1,"trigger-width":!0},{items:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(ze),o=>(e.openBlock(),e.createBlock(ue,{key:o,onClick:e.withModifiers(e=>{return t=o,H.value=t,ee.value?.hide(),void p("suggestion:selected",t);var t},["stop"])},{default:e.withCtx(()=>[e.createElementVNode("div",xe,[e.renderSlot(t.$slots,"suggestion",e.mergeProps({ref_for:!0},{value:o}),()=>[e.createTextVNode(e.toDisplayString(o),1)])]),e.unref(je)&&e.unref(Ae)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",tabindex:"-1",class:"cursor-pointer",title:t.labelRemoveSuggestion,onClick:e.withModifiers(e=>{return t=o,je.value?.delete(t),void p("suggestion:removed",t);var t},["stop"])},[e.createVNode(de,e.mergeProps({ref_for:!0},e.unref(Ae)),null,16)],8,$e)):e.createCommentVNode("v-if",!0)]),_:2},1032,["onClick"]))),128))]),_:3},8,["reference"])):e.createCommentVNode("v-if",!0)],2))}})});
|
|
@@ -389,6 +389,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
389
389
|
modifiers: string | string[];
|
|
390
390
|
type: import("../VvInputText").InputType;
|
|
391
391
|
storageType: "local" | "session";
|
|
392
|
+
placeholder: string;
|
|
392
393
|
icon: string | import("../VvIcon").VvIconProps;
|
|
393
394
|
iconPosition: "before" | "after";
|
|
394
395
|
required: boolean;
|
|
@@ -402,7 +403,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
|
|
|
402
403
|
valid: boolean;
|
|
403
404
|
validLabel: string | unknown[];
|
|
404
405
|
tabindex: string | number;
|
|
405
|
-
placeholder: string;
|
|
406
406
|
iconClear: string | import("../VvIcon").VvIconProps;
|
|
407
407
|
labelClear: string;
|
|
408
408
|
autocomplete: string;
|
|
@@ -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.vue)}(this,
|
|
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.vue)}(this,
|
|
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}},v={pressed:{type:Boolean,default:!1}},p={label:{type:[String,Number],default:void 0}};r.before,o.bottom;const m={...d,...p,...v,...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:v,bus:p,aria:m,expanded:b}=e.inject(s,{});e.watch(()=>f.value,e=>{v&&(v.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):p?.emit("click",e)}function x(e){d?.vnode.props?.onMouseover?i("mouseover",e):p?.emit("mouseover",e)}function C(e){d?.vnode.props?.onMouseleave?i("mouseleave",e):p?.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.vue)}(this,
|
|
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.vue)}(this,
|
|
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.vue)}(this,
|
|
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 $(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}function V(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=V("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(()=>$(l.value.invalidLabel)),o=e.computed(()=>$(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))}})});
|