@quidgest/ui 0.7.7 → 0.7.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -0
- package/dist/ui.esm.js +426 -400
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +2 -2
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.js +45 -45
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +1 -1
- package/package.json +27 -27
package/dist/ui.min.js
CHANGED
|
@@ -13,10 +13,10 @@ function c(e){if(!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(e))throw new Error("
|
|
|
13
13
|
return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function u(e,t){if(t<0||t>100)throw new Error("Amount must be in the range [0, 100]")
|
|
14
14
|
if(0===t)return e
|
|
15
15
|
const o=m(e),l=t/100
|
|
16
|
-
return o.l=o.l+l*(100-o.l),v(o)}function
|
|
16
|
+
return o.l=o.l+l*(100-o.l),v(o)}function p(e,t){if(t<0||t>100)throw new Error("Amount must be in the range [0, 100]")
|
|
17
17
|
if(0===t)return e
|
|
18
18
|
const o=m(e),l=t/100
|
|
19
|
-
return o.l=o.l-l*o.l,v(o)}function
|
|
19
|
+
return o.l=o.l-l*o.l,v(o)}function f(e){return`#${e.r.toString(16).padStart(2,"0")}${e.g.toString(16).padStart(2,"0")}${e.b.toString(16).padStart(2,"0")}`}function m(e){const t=e.r/255,o=e.g/255,l=e.b/255,n=Math.max(t,o,l),a=Math.min(t,o,l)
|
|
20
20
|
let r,i=0
|
|
21
21
|
const d=(n+a)/2
|
|
22
22
|
if(n===a)i=r=0
|
|
@@ -35,7 +35,7 @@ if(o)for(const e of o.themes){const t="light"===e.mode?d:s
|
|
|
35
35
|
if(e.colors){let t
|
|
36
36
|
for(t in e.colors){const o=e.colors[t]
|
|
37
37
|
if(o&&!t.startsWith("on")&&!t.endsWith("Light")&&!t.endsWith("Dark")){const l=c(o),n=`${t}Light`,a=`${t}Dark`
|
|
38
|
-
n in e.colors||(e.colors[n]=
|
|
38
|
+
n in e.colors||(e.colors[n]=f(u(l,85))),a in e.colors||(e.colors[a]=f(p(l,25)))}}}e.colors=g(t,e.colors),e.name===o.defaultTheme&&(l=e)}else{const e="default"
|
|
39
39
|
l={name:e,mode:"light",colors:d},o={defaultTheme:e,themes:[l]}}if(l){const n=t.ref({activeTheme:l.name,themes:o.themes})
|
|
40
40
|
t.watch((()=>n.value.activeTheme),(e=>{const t=n.value.themes.find((t=>t.name===e))
|
|
41
41
|
t&&function(e){let t=document.getElementById(y)
|
|
@@ -44,8 +44,8 @@ let o,l=":root {\n"
|
|
|
44
44
|
for(o in e){const t=e[o]
|
|
45
45
|
if(t){l+=` ${k(o)}: ${t};\n`
|
|
46
46
|
const e=c(t)
|
|
47
|
-
l+=` ${k(o)}-rgb: ${e.r} ${e.g} ${e.b};\n`}}l+="}",t.textContent=l}(t.colors)}),{immediate:!0}),e.provide(y,n)}}function g(e,t={}){return{...e,...t}}function k(e){return e?`--q-theme-${e.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}`:""}const
|
|
48
|
-
function
|
|
47
|
+
l+=` ${k(o)}-rgb: ${e.r} ${e.g} ${e.b};\n`}}l+="}",t.textContent=l}(t.colors)}),{immediate:!0}),e.provide(y,n)}}function g(e,t={}){return{...e,...t}}function k(e){return e?`--q-theme-${e.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}`:""}const w=[t.createElementVNode("svg",{viewBox:"25 25 50 50"},[t.createElementVNode("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})],-1)]
|
|
48
|
+
function B(e){const l=e.setup
|
|
49
49
|
return l&&(e.setup=(e,n)=>{const a=function(){const e=t.getCurrentInstance()
|
|
50
50
|
if(!e)throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function")
|
|
51
51
|
const o=e.type.name??e.type.__name
|
|
@@ -60,14 +60,14 @@ const d=new Proxy(e,{get(e,t){var o
|
|
|
60
60
|
const l=Reflect.get(e,t),n=null==(o=a.value)?void 0:o[t]
|
|
61
61
|
return"string"!=typeof t||function(e,t){var o
|
|
62
62
|
return typeof(null==(o=e.props)?void 0:o[t])<"u"}(r.vnode,t)?l:n??l}})
|
|
63
|
-
return l(d,n)}),e}const x=
|
|
64
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:"q-spinner-loader",style:t.normalizeStyle(l.value)},
|
|
63
|
+
return l(d,n)}),e}const x=B(t.defineComponent({__name:"QSpinnerLoader",props:{size:{default:48}},setup(e){const o=e,l=t.computed((()=>({"font-size":48!==o.size?`${o.size}px`:void 0})))
|
|
64
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:"q-spinner-loader",style:t.normalizeStyle(l.value)},w,4))}})),_=["disabled"],C={key:0,class:"q-btn__spinner"},S={class:"q-btn__content"},V=B(t.defineComponent({__name:"QButton",props:{active:{type:Boolean},bStyle:{default:"secondary"},label:{default:""},disabled:{type:Boolean},iconOnRight:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},block:{type:Boolean},loading:{type:Boolean},size:{default:"regular"}},emits:["click"],setup(e,{emit:o}){const l=o,n=e,a=t.computed((()=>n.disabled||n.loading))
|
|
65
65
|
function r(e){a.value||l("click",e)}const i=t.computed((()=>{const e="regular"!==n.size?`q-btn--${n.size}`:void 0
|
|
66
66
|
return["q-btn",`q-btn--${n.bStyle}`,e,{"q-btn--active":n.active,"q-btn--borderless":n.borderless,"q-btn--elevated":n.elevated,"q-btn--block":n.block,"q-btn--loading":n.loading}]}))
|
|
67
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(i.value),disabled:a.value,onClick:t.withModifiers(r,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",C,[t.createVNode(t.unref(x),{size:23})])):t.createCommentVNode("",!0),t.createElementVNode("span",S,[e.iconOnRight?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(n.label),1)],64)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.iconOnRight?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.label),1)],64))])],10,_))}})),E=
|
|
67
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(i.value),disabled:a.value,onClick:t.withModifiers(r,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",C,[t.createVNode(t.unref(x),{size:23})])):t.createCommentVNode("",!0),t.createElementVNode("span",S,[e.iconOnRight?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(n.label),1)],64)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.iconOnRight?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.label),1)],64))])],10,_))}})),E=B(t.defineComponent({__name:"QButtonGroup",props:{bStyle:{default:void 0},disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean}},setup(e){const o=e
|
|
68
68
|
r({QButton:{bStyle:t.toRef(o,"bStyle"),disabled:t.toRef(o,"disabled"),borderless:t.toRef(o,"borderless"),elevated:!1}})
|
|
69
69
|
const l=t.computed((()=>["q-btn-group",{"q-btn-group--elevated":o.elevated}]))
|
|
70
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(l.value)},[t.renderSlot(e.$slots,"default")],2))}})),q=
|
|
70
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(l.value)},[t.renderSlot(e.$slots,"default")],2))}})),q=B(t.defineComponent({__name:"QButtonToggle",props:{modelValue:{},options:{},disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},mandatory:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:o}){const l=o,n=e,a=t.ref(n.modelValue)
|
|
71
71
|
t.watch((()=>n.modelValue),(e=>a.value=e))
|
|
72
72
|
const r=t.computed({get:()=>a.value,set(e){a.value=e,l("update:modelValue",e)}})
|
|
73
73
|
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(E),{"b-style":"secondary",disabled:n.disabled,borderless:n.borderless,elevated:n.elevated},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(o=>(t.openBlock(),t.createBlock(t.unref(V),{key:o.key,title:o.title,label:o.label,active:r.value===o.key,onClick:()=>function(e){r.value!==e.key||n.mandatory?r.value=e.key:r.value=void 0}(o)},{default:t.withCtx((()=>[t.renderSlot(e.$slots,o.key)])),_:2},1032,["title","label","active","onClick"])))),128))])),_:3},8,["disabled","borderless","elevated"]))}})),$=t.defineComponent({__name:"QIcon",props:{icon:{},type:{default:"svg"},size:{default:void 0}},setup(e){const o=e,l=t.computed((()=>{switch(o.type){case"svg":return M
|
|
@@ -95,8 +95,8 @@ const o=await t.text(),l=(new DOMParser).parseFromString(o,"text/xml").getElemen
|
|
|
95
95
|
if(!l)throw new Error("Loaded file is not a valid SVG")
|
|
96
96
|
return l}},watch:{src(e){this.getSource(e)}}})
|
|
97
97
|
const T=t.defineComponent({__name:"QIconSvg",props:{icon:{},bundle:{default:""},size:{default:void 0}},emits:["loaded","unloaded"],setup(e,{emit:o}){const l=o,n=e,a=t.computed((()=>({"font-size":void 0!==n.size?`${n.size}px`:void 0})))
|
|
98
|
-
function r(e){l("loaded",e)}function i(){l("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(N),{class:"q-icon q-icon__svg",src:n.bundle,symbol:n.icon,style:t.normalizeStyle(a.value),onLoaded:r,onUnloaded:i},null,8,["src","symbol","style"]))}}),Q=
|
|
99
|
-
function u(e){r.value=e,n("update:modelValue",e)}function
|
|
98
|
+
function r(e){l("loaded",e)}function i(){l("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(N),{class:"q-icon q-icon__svg",src:n.bundle,symbol:n.icon,style:t.normalizeStyle(a.value),onLoaded:r,onUnloaded:i},null,8,["src","symbol","style"]))}}),Q=B($),A=B(L),F=B(z),M=B(T),R=t.defineComponent({__name:"QList",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},highlighted:{type:[String,Number,Boolean,Symbol],default:void 0},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},disabled:{type:Boolean}},emits:["update:modelValue"],setup(e,{expose:o,emit:l}){const n=l,a=e,r=t.ref(a.modelValue),i=t.ref(!1),d=t.computed((()=>s.value.length>1?"div":"ul")),s=t.computed((()=>a.groups.length?a.groups:[{title:""}])),c=t.ref(null)
|
|
99
|
+
function u(e){r.value=e,n("update:modelValue",e)}function p(){i.value=!0}function f(){i.value=!1}function m(e){var t
|
|
100
100
|
if(null!=(t=c.value)&&t.contains(e.relatedTarget))return
|
|
101
101
|
let o
|
|
102
102
|
o=r.value?a.items.findIndex((e=>e[a.itemValue]===r.value)):g()
|
|
@@ -106,7 +106,7 @@ case"ArrowUp":h("prev")
|
|
|
106
106
|
break
|
|
107
107
|
case"Home":h("first")
|
|
108
108
|
break
|
|
109
|
-
case"End":h("last")}}function h(e){switch(e){case"next":case"prev":y(function(e){return
|
|
109
|
+
case"End":h("last")}}function h(e){switch(e){case"next":case"prev":y(function(e){return B(b().indexOf(document.activeElement),e)}(e))
|
|
110
110
|
break
|
|
111
111
|
case"first":y(g())
|
|
112
112
|
break
|
|
@@ -115,15 +115,15 @@ null==(o=b().at(e))||o.focus({preventScroll:t})}function b(){var e
|
|
|
115
115
|
const t=null==(e=c.value)?void 0:e.querySelectorAll("li")
|
|
116
116
|
return t?Array.from(t):[]}function g(){const e=b(),t=e.find((e=>x(e)))
|
|
117
117
|
return t?e.indexOf(t):-1}function k(){const e=b(),t=[...e].reverse().find((e=>x(e)))
|
|
118
|
-
return t?e.indexOf(t):-1}function
|
|
119
|
-
if(
|
|
118
|
+
return t?e.indexOf(t):-1}function w(e,t,o){return"prev"===t&&0===e||"next"===t&&e===o.length-1}function B(e,t){const o=b()
|
|
119
|
+
if(w(e,t,o))return e
|
|
120
120
|
let l=e+("next"===t?1:-1)
|
|
121
|
-
for(;!x(o[l]);){if(
|
|
122
|
-
l+="next"===t?1:-1}return l}function x(e){return-2===e.tabIndex}function _(e){return e?a.items.filter((t=>t.group===e)):a.items}return t.watch((()=>a.modelValue),(e=>{r.value=e})),o({focusItem:y,getItem:function(e){return b().at(e)},getAdjacentItemIndex:
|
|
121
|
+
for(;!x(o[l]);){if(w(l,t,o))return e
|
|
122
|
+
l+="next"===t?1:-1}return l}function x(e){return-2===e.tabIndex}function _(e){return e?a.items.filter((t=>t.group===e)):a.items}return t.watch((()=>a.modelValue),(e=>{r.value=e})),o({focusItem:y,getItem:function(e){return b().at(e)},getAdjacentItemIndex:B,getFirstFocusableItemIndex:g,getLastFocusableItemIndex:k}),(e,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(d.value),{ref_key:"listRef",ref:c,class:t.normalizeClass(["q-list",{"q-list--disabled":a.disabled}]),role:"listbox",tabindex:a.disabled?-1:0,onFocus:m,onMousedown:p,onMouseup:f,onKeydown:v},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(e=>(t.openBlock(),t.createBlock(t.unref(J),{key:e.id,title:e.title,disabled:e.disabled},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(_(e.id),(e=>(t.openBlock(),t.createBlock(t.unref(Z),{key:e[a.itemValue],value:e[a.itemValue],label:e[a.itemLabel],icon:e.icon,disabled:a.disabled||e.disabled,highlighted:a.highlighted===e[a.itemValue],selected:r.value===e[a.itemValue],onSelect:u},null,8,["value","label","icon","disabled","highlighted","selected"])))),128))])),_:2},1032,["title","disabled"])))),128))])),_:1},40,["class","tabindex"]))}})
|
|
123
123
|
let P=0
|
|
124
124
|
function O(){return"uid-"+ ++P}const U=["id","tabindex","aria-label","aria-selected"],H={class:"q-list-item__check-container"},j={check:{icon:"check"}},W=t.defineComponent({__name:"QListItem",props:{value:{type:[String,Number,Boolean,Symbol]},label:{},icon:{default:void 0},selected:{type:Boolean},highlighted:{type:Boolean},icons:{default:()=>j},disabled:{type:Boolean}},emits:["select"],setup(e,{emit:o}){const l=o,n=e,a=O()
|
|
125
125
|
function r(){n.disabled||l("select",n.value)}function i(e){"Tab"===e.key&&r(),("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),r())}return(e,o)=>(t.openBlock(),t.createElementBlock("li",{id:t.unref(a),role:"option",tabindex:n.disabled?void 0:-2,class:t.normalizeClass(["q-list-item",{"q-list-item--disabled":n.disabled,"q-list-item--selected":n.selected,"q-list-item--highlighted":n.highlighted}]),"aria-label":n.label,"aria-selected":n.disabled?void 0:n.selected,onKeydown:i,onClick:t.withModifiers(r,["stop","prevent"])},[n.icon?(t.openBlock(),t.createBlock(t.unref(Q),t.normalizeProps(t.mergeProps({key:0},n.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(n.label)+" ",1),t.createElementVNode("div",H,[n.selected?(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:0},n.icons.check,{class:"q-list-item__check"}),null,16)):t.createCommentVNode("",!0)])],42,U))}}),G=["aria-labelledby"],K=["id"],X=t.defineComponent({__name:"QListItemGroup",props:{title:{default:""},disabled:{type:Boolean}},setup(e){const o=e,l=O()
|
|
126
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock("ul",{class:"q-list-item-group",role:"group","aria-labelledby":o.title?t.unref(l):void 0},[o.title?(t.openBlock(),t.createElementBlock("li",{key:0,id:t.unref(l),class:"q-list-item-group__title",role:"presentation"},t.toDisplayString(o.title),9,K)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],8,G))}}),Y=
|
|
126
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("ul",{class:"q-list-item-group",role:"group","aria-labelledby":o.title?t.unref(l):void 0},[o.title?(t.openBlock(),t.createElementBlock("li",{key:0,id:t.unref(l),class:"q-list-item-group__title",role:"presentation"},t.toDisplayString(o.title),9,K)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],8,G))}}),Y=B(R),Z=B(W),J=B(X)
|
|
127
127
|
function ee(e,t,o="right",l){const n=e.getBoundingClientRect(),a=n.x+window.scrollX,r=n.y+window.scrollY,i=null==t?void 0:t.getBoundingClientRect(),d=(null==i?void 0:i.width)??0,s=(null==i?void 0:i.height)??0
|
|
128
128
|
let c=o
|
|
129
129
|
i&&!te(n,i,c)&&(c=function(e,t,o){const l={top:["bottom","left","right"],bottom:["top","left","right"],left:["right","top","bottom"],right:["left","top","bottom"]}
|
|
@@ -143,7 +143,7 @@ case"bottom":l=le(e,t),n=window.innerHeight-e.top-e.height>t.height
|
|
|
143
143
|
break
|
|
144
144
|
case"left":l=e.left>t.width,n=oe(e,t)
|
|
145
145
|
break
|
|
146
|
-
case"right":l=window.innerWidth-e.left-e.width>t.width,n=oe(e,t)}return l&&n}function oe(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function le(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function ne(e){return"string"==typeof e?document.querySelector(e):e&&"$el"in e?e.$el:e}const ae={key:0,class:"q-overlay__arrow"},re=
|
|
146
|
+
case"right":l=window.innerWidth-e.left-e.width>t.width,n=oe(e,t)}return l&&n}function oe(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function le(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function ne(e){return"string"==typeof e?document.querySelector(e):e&&"$el"in e?e.$el:e}const ae={key:0,class:"q-overlay__arrow"},re=B(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:{modelValue:{type:Boolean},anchor:{},appearance:{default:"regular"},arrow:{type:Boolean},attach:{default:"body"},contentClasses:{default:()=>[]},delay:{default:500},disabled:{type:Boolean},offset:{default:8},placement:{default:"right"},spy:{type:Boolean},transition:{default:"fade"},trigger:{default:"click"},width:{default:"auto"}},emits:["enter","leave"],setup(e,{emit:o}){const l=o,n=e,a=t.computed((()=>["q-overlay",`q-overlay--${r.placement}`,{"q-overlay--inverted":"inverted"===n.appearance},...n.contentClasses])),r=t.reactive({visible:n.modelValue,animating:!1,top:0,left:0,width:0,placement:n.placement}),i=t.computed((()=>r.visible&&!n.disabled))
|
|
147
147
|
t.watch((()=>n.modelValue),(()=>r.visible=n.modelValue)),t.watch((()=>r.visible),(()=>r.animating=!0))
|
|
148
148
|
const d=t.computed((()=>{let e=0,t=0
|
|
149
149
|
switch(r.placement){case"top":t=-(n.offset||0)
|
|
@@ -156,20 +156,20 @@ case"right":e=n.offset||0}const o={top:`${r.top+t}px`,left:`${r.left+e}px`}
|
|
|
156
156
|
return void 0!==r.width&&["top","bottom"].includes(r.placement)&&(o.width=`${r.width}px`),o})),s=t.ref(null)
|
|
157
157
|
function c(){const e=ne(n.anchor)
|
|
158
158
|
if(e){const t=ee(e,s.value,n.placement,n.width)
|
|
159
|
-
r.left=t.x,r.top=t.y,r.width=t.width,r.placement=t.placement}}let u,f,
|
|
159
|
+
r.left=t.x,r.top=t.y,r.width=t.width,r.placement=t.placement}}let u,p,f,m
|
|
160
160
|
function v(){const e="hover"===n.trigger?n.delay:0
|
|
161
|
-
u||(u=window.setTimeout((()=>r.visible=!0),e))}function h(){clearTimeout(u),u=void 0,r.visible=!1}function y(){i.value?h():v()}function b(){l("enter")}function g(){window.clearTimeout(
|
|
162
|
-
e&&(window.addEventListener("scroll",c),window.addEventListener("resize",c),
|
|
161
|
+
u||(u=window.setTimeout((()=>r.visible=!0),e))}function h(){clearTimeout(u),u=void 0,r.visible=!1}function y(){i.value?h():v()}function b(){l("enter")}function g(){window.clearTimeout(p),p=window.setTimeout((()=>r.animating=!1),200),l("leave")}function k(){ne(n.anchor)?(c(),m=window.setTimeout(k,100)):h()}function w(){t.nextTick((()=>{const e=ne(n.anchor)
|
|
162
|
+
e&&(window.addEventListener("scroll",c),window.addEventListener("resize",c),f=new MutationObserver(c),f.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),c())})),n.spy&&k()}function B(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c),null==f||f.disconnect(),n.spy&&(clearTimeout(m),m=void 0)}return t.watch([()=>i.value,()=>n.placement],c),t.onBeforeUnmount(B),t.onMounted(c),t.watch((()=>n.disabled),(e=>{e||t.nextTick((()=>{const e=ne(n.anchor)
|
|
163
163
|
if(e)switch(n.trigger){case"click":e.addEventListener("click",y)
|
|
164
164
|
break
|
|
165
|
-
case"hover":e.addEventListener("mouseenter",v),e.addEventListener("mouseleave",h)}}))}),{immediate:!0}),t.watch((()=>i.value),(e=>{e?
|
|
166
|
-
return o({fieldRef:n}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{id:l.id,class:t.normalizeClass(["q-field",`q-field--${l.size}`,{"q-field--readonly":l.readonly,"q-field--disabled":l.disabled,"q-field--required":a.value}])},[l.label?(t.openBlock(),t.createElementBlock("div",de,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:l.id},t.toDisplayString(l.label),9,se),t.renderSlot(e.$slots,"label.append")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"control",{},(()=>[t.createElementVNode("div",t.mergeProps({class:"q-field__control",ref_key:"fieldRef",ref:n},e.$attrs),[e.$slots.prepend?(t.openBlock(),t.createElementBlock("div",ce,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",ue,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",
|
|
165
|
+
case"hover":e.addEventListener("mouseenter",v),e.addEventListener("mouseleave",h)}}))}),{immediate:!0}),t.watch((()=>i.value),(e=>{e?w():B()}),{immediate:!0}),(e,o)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"trigger",{open:i.value}),i.value||r.animating?(t.openBlock(),t.createBlock(t.Teleport,{key:0,disabled:!n.attach,to:n.attach},[t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:b,onLeave:g},{default:t.withCtx((()=>[i.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(a.value),style:t.normalizeStyle(d.value)},[t.createElementVNode("div",{class:t.normalizeClass(["q-overlay__content"]),ref_key:"overlay",ref:s},[n.arrow?(t.openBlock(),t.createElementBlock("div",ae)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],512)],6)):t.createCommentVNode("",!0)])),_:3},8,["name"])],8,["disabled","to"])):t.createCommentVNode("",!0)],64))}})),ie=["id"],de={key:0,class:"q-field__label"},se=["for"],ce={key:0,class:"q-field__prepend"},ue={key:1,class:"q-field__append"},pe={key:1,class:"q-field__extras"},fe=B(t.defineComponent({inheritAttrs:!1,__name:"QField",props:{id:{default:()=>O()},label:{default:""},size:{default:"medium"},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean}},setup(e,{expose:o}){const l=e,n=t.ref(null),a=t.computed((()=>l.required&&!l.readonly&&!l.disabled))
|
|
166
|
+
return o({fieldRef:n}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{id:l.id,class:t.normalizeClass(["q-field",`q-field--${l.size}`,{"q-field--readonly":l.readonly,"q-field--disabled":l.disabled,"q-field--required":a.value}])},[l.label?(t.openBlock(),t.createElementBlock("div",de,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:l.id},t.toDisplayString(l.label),9,se),t.renderSlot(e.$slots,"label.append")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"control",{},(()=>[t.createElementVNode("div",t.mergeProps({class:"q-field__control",ref_key:"fieldRef",ref:n},e.$attrs),[e.$slots.prepend?(t.openBlock(),t.createElementBlock("div",ce,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",ue,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",pe,[t.renderSlot(e.$slots,"extras")])):t.createCommentVNode("",!0)],10,ie))}})),me=["type","role","required","placeholder","readonly","disabled","maxlength"],ve=B(t.defineComponent({__name:"QTextField",props:{modelValue:{default:""},id:{default:()=>O()},placeholder:{default:""},label:{default:""},size:{default:void 0},maxLength:{default:void 0},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},role:{default:void 0},type:{default:"text"}},emits:["update:modelValue"],setup(e,{expose:o,emit:l}){const n=l,a=e,r=t.ref(a.modelValue),i=t.ref(null),d=t.ref(null),s=t.computed({get:()=>r.value,set(e){r.value=e,n("update:modelValue",e)}})
|
|
167
167
|
return t.watch((()=>a.modelValue),(e=>r.value=e)),o({fieldRef:t.computed((()=>{var e
|
|
168
|
-
return null==(e=i.value)?void 0:e.fieldRef})),inputRef:d}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(
|
|
168
|
+
return null==(e=i.value)?void 0:e.fieldRef})),inputRef:d}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(fe),{ref_key:"fieldRef",ref:i,class:"q-text-field",id:a.id,label:a.label,size:a.size,readonly:a.readonly,disabled:a.disabled,required:a.required},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=e=>s.value=e),ref_key:"inputRef",ref:d,class:"q-text-field__input",type:a.type,role:a.role,required:a.required,placeholder:a.placeholder,readonly:a.readonly,disabled:a.disabled,maxlength:a.maxLength},null,8,me),[[t.vModelDynamic,s.value]])])),_:2},[e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"prepend")])),key:"0"}:void 0,e.$slots.append?{name:"append",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"append")])),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"2"}:void 0]),1032,["id","label","size","readonly","disabled","required"]))}}))
|
|
169
169
|
function he(){const e=t.useAttrs(),o={}
|
|
170
|
-
return"string"==typeof e.class?o.class=e.class.split(" "):Array.isArray(e.class)?o.class=e.class:o.class=[],o}const ye={key:2,class:"q-select__loader"},be={noData:"No data available"},ge={clear:{icon:"close"}},ke=
|
|
171
|
-
t.onMounted(
|
|
172
|
-
const
|
|
170
|
+
return"string"==typeof e.class?o.class=e.class.split(" "):Array.isArray(e.class)?o.class=e.class:o.class=[],o}const ye={key:2,class:"q-select__loader"},be={noData:"No data available"},ge={clear:{icon:"close"}},ke=B(t.defineComponent({inheritAttrs:!1,__name:"QCombobox",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},id:{default:()=>O()},selectionMode:{default:"automatic"},filterMode:{default:"builtin"},label:{default:""},clearable:{type:Boolean},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},loading:{type:Boolean},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},size:{default:void 0},texts:{default:()=>be},icons:{default:()=>ge}},emits:["update:modelValue","update:inputValue","before-show","before-hide","show","hide"],setup(e,{emit:o}){const l=o,n=e,a=he(),r=t.ref(n.modelValue),i=t.ref(!1),d=t.ref(""),s=t.ref(void 0),c=t.ref(null),u=t.ref(null),p=t.ref(null)
|
|
171
|
+
t.onMounted(w)
|
|
172
|
+
const f=t.computed((()=>n.clearable&&!n.readonly&&!n.disabled&&!n.loading)),m=t.computed((()=>{var e
|
|
173
173
|
return"manual"!==n.filterMode&&b.value?null==(e=n.items)?void 0:e.filter((e=>e[n.itemLabel].toLowerCase().startsWith(d.value.toLowerCase()))):n.items})),v=t.computed((()=>{var e
|
|
174
174
|
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===r.value))})),h=t.computed((()=>{const e=s.value
|
|
175
175
|
if(void 0!==e&&m.value[e])return m.value[e]})),y=t.computed((()=>{var e
|
|
@@ -177,42 +177,42 @@ if(void 0===s.value)return
|
|
|
177
177
|
const t=null==(e=u.value)?void 0:e.getItem(s.value)
|
|
178
178
|
return null==t?void 0:t.id})),b=t.computed((()=>{var e
|
|
179
179
|
return d.value.length>0&&d.value!==(null==(e=v.value)?void 0:e[n.itemLabel])}))
|
|
180
|
-
function g(e){r.value=e,
|
|
181
|
-
d.value=(null==(e=v.value)?void 0:e[n.itemLabel])||""}function
|
|
180
|
+
function g(e){r.value=e,w(),l("update:modelValue",e)}function k(e){g(e),_()}function w(){var e
|
|
181
|
+
d.value=(null==(e=v.value)?void 0:e[n.itemLabel])||""}function B(){i.value||n.readonly||n.disabled||(l("before-show"),i.value=!0)}function _(){i.value&&(l("before-hide"),i.value=!1,s.value=void 0)}function C(){g(void 0),s.value=void 0}function S(){if(B(),void 0!==v.value){const e=m.value.indexOf(v.value);-1!==e&&t.nextTick((()=>z(e)))}}function V(e){var o,l
|
|
182
182
|
if(e.key&&!n.readonly&&!n.disabled)if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),"Escape"===e.key)i.value?_():C()
|
|
183
183
|
else if(["ArrowDown","ArrowUp"].includes(e.key))i.value?t.nextTick((()=>{if(void 0===s.value)E()
|
|
184
184
|
else{const t="ArrowDown"===e.key?"next":"prev"
|
|
185
185
|
!function(e,t){var o
|
|
186
|
-
s.value=null==(o=u.value)?void 0:o.getAdjacentItemIndex(e,t)}(s.value,t)}})):(
|
|
186
|
+
s.value=null==(o=u.value)?void 0:o.getAdjacentItemIndex(e,t)}(s.value,t)}})):(B(),t.nextTick((()=>{"ArrowDown"===e.key?E():function(){var e
|
|
187
187
|
s.value=null==(e=u.value)?void 0:e.getLastFocusableItemIndex()}()})))
|
|
188
188
|
else if("Enter"===e.key){if(void 0===h.value)return
|
|
189
|
-
k(h.value[n.itemValue])}else"Home"===e.key?s.value=null==(o=u.value)?void 0:o.getFirstFocusableItemIndex():"End"===e.key?s.value=null==(l=u.value)?void 0:l.getLastFocusableItemIndex():(/^[a-z]$/i.test(e.key)||"Backspace"===e.key)&&
|
|
189
|
+
k(h.value[n.itemValue])}else"Home"===e.key?s.value=null==(o=u.value)?void 0:o.getFirstFocusableItemIndex():"End"===e.key?s.value=null==(l=u.value)?void 0:l.getLastFocusableItemIndex():(/^[a-z]$/i.test(e.key)||"Backspace"===e.key)&&B()}function E(){var e,t
|
|
190
190
|
if(void 0!==r.value){const t=m.value.findIndex((e=>e[n.itemValue]===r.value))
|
|
191
|
-
s.value=-1===t?null==(e=u.value)?void 0:e.getFirstFocusableItemIndex():t}else s.value=null==(t=u.value)?void 0:t.getFirstFocusableItemIndex()}function q(e){var t,o,l;(null==(t=
|
|
191
|
+
s.value=-1===t?null==(e=u.value)?void 0:e.getFirstFocusableItemIndex():t}else s.value=null==(t=u.value)?void 0:t.getFirstFocusableItemIndex()}function q(e){var t,o,l;(null==(t=p.value)||!t.contains(e.relatedTarget))&&(null==(l=null==(o=c.value)?void 0:o.fieldRef)||!l.contains(e.relatedTarget))&&(_(),w())}function $(){var e,t
|
|
192
192
|
null==(t=null==(e=c.value)?void 0:e.inputRef)||t.focus()}function L(){l("show")}function I(){l("hide")}function z(e){var t
|
|
193
193
|
const o=null==(t=u.value)?void 0:t.getItem(e)
|
|
194
|
-
null==o||o.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>n.modelValue),(e=>{r.value=e})),t.watch(s,(e=>{void 0!==e&&z(e)})),t.watch(d,(e=>{!e&&
|
|
195
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ve),{modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=e=>d.value=e),id:n.id,label:n.label,required:n.required,ref_key:"triggerEl",ref:c,role:"combobox",class:t.normalizeClass(["q-combobox",...t.unref(a).class]),readonly:n.readonly,disabled:n.disabled,"aria-expanded":i.value,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":y.value,size:n.size,onClick:S,onFocusout:q,onKeydown:t.withModifiers(V,["stop"])},{append:t.withCtx((()=>[
|
|
196
|
-
return[t.createElementVNode("div",{ref_key:"contentRef",ref:
|
|
197
|
-
return r({QField:{size:"block"}}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(
|
|
198
|
-
const Ve=
|
|
194
|
+
null==o||o.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>n.modelValue),(e=>{r.value=e})),t.watch(s,(e=>{void 0!==e&&z(e)})),t.watch(d,(e=>{!e&&f.value?C():i.value&&"automatic"===n.selectionMode&&t.nextTick(E)})),(e,o)=>{var l,s
|
|
195
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ve),{modelValue:d.value,"onUpdate:modelValue":o[0]||(o[0]=e=>d.value=e),id:n.id,label:n.label,required:n.required,ref_key:"triggerEl",ref:c,role:"combobox",class:t.normalizeClass(["q-combobox",...t.unref(a).class]),readonly:n.readonly,disabled:n.disabled,"aria-expanded":i.value,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":y.value,size:n.size,onClick:S,onFocusout:q,onKeydown:t.withModifiers(V,["stop"])},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),_:2},[e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"prepend")])),key:"0"}:void 0,f.value&&d.value||e.$slots.append?{name:"append",fn:t.withCtx((()=>[f.value&&d.value?(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:0},n.icons.clear,{class:"q-combobox__clear",onClick:t.withModifiers(C,["stop","prevent"])}),null,16)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"2"}:void 0]),1032,["modelValue","id","label","required","class","readonly","disabled","aria-expanded","aria-activedescendant","size"]),null!=(l=c.value)&&l.fieldRef?(t.openBlock(),t.createBlock(t.unref(re),{key:0,"model-value":i.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:4,anchor:null==(s=c.value)?void 0:s.fieldRef,onEnter:L,onLeave:I},{default:t.withCtx((()=>{var l
|
|
196
|
+
return[t.createElementVNode("div",{ref_key:"contentRef",ref:p,class:"q-select__body",onFocusout:q},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createBlock(t.unref(x),{key:0,class:"q-select__loader",size:24})):m.value.length?(t.openBlock(),t.createBlock(t.unref(Y),{key:1,ref_key:"listRef",ref:u,class:"q-select__items",modelValue:r.value,"onUpdate:modelValue":[o[1]||(o[1]=e=>r.value=e),k],highlighted:null==(l=h.value)?void 0:l[n.itemValue],items:m.value,groups:e.groups,"item-label":n.itemLabel,"item-value":n.itemValue,onMouseup:$},null,8,["modelValue","highlighted","items","groups","item-label","item-value"])):(t.openBlock(),t.createElementBlock("div",ye,t.toDisplayString(e.texts.noData),1)),t.renderSlot(e.$slots,"body.append")],544)]})),_:3},8,["model-value","anchor"])):t.createCommentVNode("",!0)],64)}}})),we={key:0,class:"q-input-group__prepend"},Be={key:0},xe={key:1,class:"q-input-group__append"},_e={key:0},Ce=B(t.defineComponent({__name:"QInputGroup",props:{id:{default:()=>O()},label:{default:""},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},prependIcon:{default:void 0},appendIcon:{default:void 0},size:{default:"large"}},setup(e){const o=e
|
|
197
|
+
return r({QField:{size:"block"}}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(fe),{class:"q-input-group",id:o.id,label:o.label,readonly:o.readonly,disabled:o.disabled,required:o.required,size:o.size},{default:t.withCtx((()=>[e.$slots.prepend||o.prependIcon?(t.openBlock(),t.createElementBlock("div",we,[o.prependIcon?(t.openBlock(),t.createElementBlock("span",Be,[t.createVNode(t.unref(Q),t.normalizeProps(t.guardReactiveProps(o.prependIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append||o.appendIcon?(t.openBlock(),t.createElementBlock("div",xe,[o.appendIcon?(t.openBlock(),t.createElementBlock("span",_e,[t.createVNode(t.unref(Q),t.normalizeProps(t.guardReactiveProps(o.appendIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)])),_:3},8,["id","label","readonly","disabled","required","size"]))}})),Se={class:"q-line-loader"}
|
|
198
|
+
const Ve=B(((e,t)=>{const o=e.__vccOpts||e
|
|
199
199
|
for(const[e,l]of t)o[e]=l
|
|
200
|
-
return o})({},[["render",function(e,o){return t.openBlock(),t.createElementBlock("div",Se)}]])),Ee={key:0,class:"q-popover__header"},qe={key:1,class:"q-popover__body"},$e=["innerHTML"],Le={key:1},Ie=
|
|
201
|
-
return(e,l)=>(t.openBlock(),t.createBlock(t.unref(re),{"model-value":o.modelValue,trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,"content-classes":["q-popover"],disabled:o.disabled,placement:o.placement,spy:o.spy},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",Ee,[t.createTextVNode(t.toDisplayString(o.title)+" ",1),t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),o.text||e.$slots.body?(t.openBlock(),t.createElementBlock("div",qe,[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,$e)):(t.openBlock(),t.createElementBlock("span",Le,t.toDisplayString(o.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","disabled","placement","spy"]))}})),ze={key:0,class:"q-select__value"},De={key:1,class:"q-select__placeholder"},Ne={placeholder:"Choose..."},Te={chevron:{icon:"chevron-down"},clear:{icon:"close"}},Qe=
|
|
202
|
-
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===r.value))})),
|
|
200
|
+
return o})({},[["render",function(e,o){return t.openBlock(),t.createElementBlock("div",Se)}]])),Ee={key:0,class:"q-popover__header"},qe={key:1,class:"q-popover__body"},$e=["innerHTML"],Le={key:1},Ie=B(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:{modelValue:{type:Boolean},anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},spy:{type:Boolean,default:!0},text:{},title:{}},setup(e){const o=e
|
|
201
|
+
return(e,l)=>(t.openBlock(),t.createBlock(t.unref(re),{"model-value":o.modelValue,trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,"content-classes":["q-popover"],disabled:o.disabled,placement:o.placement,spy:o.spy},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",Ee,[t.createTextVNode(t.toDisplayString(o.title)+" ",1),t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),o.text||e.$slots.body?(t.openBlock(),t.createElementBlock("div",qe,[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,$e)):(t.openBlock(),t.createElementBlock("span",Le,t.toDisplayString(o.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","disabled","placement","spy"]))}})),ze={key:0,class:"q-select__value"},De={key:1,class:"q-select__placeholder"},Ne={placeholder:"Choose..."},Te={chevron:{icon:"chevron-down"},clear:{icon:"close"}},Qe=B(t.defineComponent({inheritAttrs:!1,__name:"QSelect",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},id:{default:()=>O()},label:{default:""},clearable:{type:Boolean},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},loading:{type:Boolean},icons:{default:()=>Te},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},size:{default:void 0},texts:{default:()=>Ne}},emits:["update:modelValue","before-show","before-hide","show","hide"],setup(e,{emit:o}){const l=o,n=e,a=he(),r=t.ref(n.modelValue),i=t.ref(!1),d=t.ref(""),s=t.ref(null),c=t.ref(null),u=t.ref(null),p=t.computed((()=>{var e
|
|
202
|
+
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===r.value))})),f=t.computed((()=>p.value?p.value[n.itemLabel]:"")),m=t.computed((()=>n.clearable&&!n.readonly&&!n.disabled&&!n.loading))
|
|
203
203
|
function v(e){r.value=e,l("update:modelValue",e),g()}function h(){m.value&&v(void 0)}function y(){n.readonly||n.disabled||(i.value?g():i.value||(l("before-show"),i.value=!0))}function b(e){var t,o,l;(null==(t=u.value)||!t.contains(e.relatedTarget))&&(null==(l=null==(o=s.value)?void 0:o.fieldRef)||!l.contains(e.relatedTarget))&&g()}function g(){i.value&&(l("before-hide"),i.value=!1)}let k
|
|
204
|
-
function
|
|
204
|
+
function w(e){if(e.key&&!n.readonly&&!n.disabled){if(window.clearTimeout(k),["Enter"," ","ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),["Enter"," "].includes(e.key)&&(i.value=!0),["Escape","Tab"].includes(e.key)&&(i.value?i.value=!1:n.clearable&&"Escape"===e.key&&h()),"Delete"===e.key&&n.clearable&&h(),/^[a-z]$/i.test(e.key)){d.value+=e.key.toLowerCase()
|
|
205
205
|
for(let e=0;e<n.items.length;e++)if(n.items[e][n.itemLabel].toLowerCase().startsWith(d.value)){S(e)
|
|
206
|
-
break}}k=window.setTimeout((function(){d.value=""}),500)}}function
|
|
206
|
+
break}}k=window.setTimeout((function(){d.value=""}),500)}}function B(){var e
|
|
207
207
|
n.loading?null==(e=u.value)||e.focus():C(),l("show")}function _(){var e,t
|
|
208
208
|
null==(t=null==(e=s.value)?void 0:e.fieldRef)||t.focus(),l("hide")}function C(){var e
|
|
209
209
|
null==(e=c.value)||e.$el.focus()}function S(e){var t
|
|
210
210
|
null==(t=c.value)||t.focusItem(e)}return t.watch((()=>n.modelValue),(e=>{r.value=e})),t.watch((()=>n.loading),(e=>{!e&&i.value&&t.nextTick(C)})),(e,o)=>{var l,d,g
|
|
211
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(
|
|
212
|
-
return[t.createVNode(t.unref(Q),t.normalizeProps(t.guardReactiveProps(null==(e=
|
|
211
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(fe),{id:n.id,label:n.label,required:n.required,ref_key:"triggerEl",ref:s,role:"combobox",tabindex:"0",class:t.normalizeClass(["q-select",{"q-select--readonly":n.readonly,"q-select--disabled":n.disabled,"q-select--expanded":i.value},...t.unref(a).class]),readonly:n.readonly,disabled:n.disabled,"aria-expanded":i.value,"aria-haspopup":"listbox",size:n.size,onClick:y,onKeydown:t.withModifiers(w,["stop"])},t.createSlots({append:t.withCtx((()=>[m.value&&r.value?(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:0},n.icons.clear,{class:"q-select__clear",onClick:t.withModifiers(h,["stop","prevent"])}),null,16)):t.createCommentVNode("",!0),n.readonly||n.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:1},n.icons.chevron,{class:"q-select__chevron"}),null,16))])),default:t.withCtx((()=>[r.value?(t.openBlock(),t.createElementBlock("span",ze,t.toDisplayString(f.value),1)):(t.openBlock(),t.createElementBlock("span",De,t.toDisplayString(e.texts.placeholder),1))])),_:2},[null!=(l=p.value)&&l.icon?{name:"prepend",fn:t.withCtx((()=>{var e
|
|
212
|
+
return[t.createVNode(t.unref(Q),t.normalizeProps(t.guardReactiveProps(null==(e=p.value)?void 0:e.icon)),null,16)]})),key:"0"}:void 0]),1032,["id","label","required","class","readonly","disabled","aria-expanded","size"]),null!=(d=s.value)&&d.fieldRef?(t.openBlock(),t.createBlock(t.unref(re),{key:0,"model-value":i.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:2,anchor:null==(g=s.value)?void 0:g.fieldRef,onEnter:B,onLeave:_},{default:t.withCtx((()=>[t.createElementVNode("div",{ref_key:"contentRef",ref:u,class:"q-select__body",tabindex:"-1",onFocusout:b,onKeydown:t.withModifiers(w,["stop"])},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createBlock(t.unref(x),{key:0,class:"q-select__loader",size:24})):(t.openBlock(),t.createBlock(t.unref(Y),{key:1,ref_key:"listRef",ref:c,class:"q-select__items",modelValue:r.value,"onUpdate:modelValue":[o[0]||(o[0]=e=>r.value=e),v],items:n.items,groups:e.groups,"item-label":n.itemLabel,"item-value":n.itemValue},null,8,["modelValue","items","groups","item-label","item-value"])),t.renderSlot(e.$slots,"body.append")],544)])),_:3},8,["model-value","anchor"])):t.createCommentVNode("",!0)],64)}}})),Ae=["innerHTML"],Fe={key:1},Me=B(t.defineComponent({inheritAttrs:!1,__name:"QTooltip",props:{modelValue:{type:Boolean},anchor:{},appearance:{default:"inverted"},arrow:{type:Boolean,default:!0},attach:{default:"body"},delay:{default:500},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},text:{},trigger:{default:"hover"}},setup(e){const o=e
|
|
213
213
|
return(e,l)=>(t.openBlock(),t.createBlock(t.unref(re),{"model-value":o.modelValue,anchor:o.anchor,appearance:o.appearance,arrow:o.arrow,attach:o.attach,"content-classes":["q-tooltip"],delay:o.delay,disabled:o.disabled,placement:o.placement,trigger:o.trigger},{default:t.withCtx((()=>[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,Ae)):(t.openBlock(),t.createElementBlock("span",Fe,t.toDisplayString(o.text),1))])),_:1},8,["model-value","anchor","appearance","arrow","attach","delay","disabled","placement","trigger"]))}})),Re={mounted(e,t){e.clickOutsideEvent=function(o){const l=o.target
|
|
214
214
|
t.arg?e===l||e.contains(l)||l.closest(t.arg)||t.value(o,e):e===l||e.contains(l)||t.value(o,e)},document.addEventListener("click",e.clickOutsideEvent)},unmounted(e){document.removeEventListener("click",e.clickOutsideEvent)}}
|
|
215
|
-
e.QButton=V,e.QButtonGroup=E,e.QButtonToggle=q,e.QCombobox=ke,e.QField=
|
|
215
|
+
e.QButton=V,e.QButtonGroup=E,e.QButtonToggle=q,e.QCombobox=ke,e.QField=fe,e.QIcon=Q,e.QIconFont=A,e.QIconImg=F,e.QIconSvg=M,e.QInputGroup=Ce,e.QLineLoader=Ve,e.QList=Y,e.QListItem=Z,e.QListItemGroup=J,e.QOverlay=re,e.QPopover=Ie,e.QSelect=Qe,e.QSpinnerLoader=x,e.QTextField=ve,e.QTooltip=Me,e.clickOutside=Re,e.createFramework=function(e={}){return{install:o=>{const l=e.components||{}
|
|
216
216
|
for(const e in l)o.component(e,l[e])
|
|
217
217
|
const n=e.directives||{}
|
|
218
218
|
for(const e in n)o.directive(e,n[e])
|