@quidgest/ui 0.6.2 → 0.7.0
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 +877 -155
- package/dist/ui.css +89 -28
- package/dist/ui.esm.js +1143 -781
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +4 -4
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +180 -144
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +122 -40
- package/package.json +2 -2
package/dist/ui.min.js
CHANGED
|
@@ -1,187 +1,223 @@
|
|
|
1
1
|
!function(e,t){"object"==typeof exports&&typeof module<"u"?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e=typeof globalThis<"u"?globalThis:e||self)["Quidgest UI"]={},e.Vue)}(this,(function(e,t){"use strict"
|
|
2
|
-
function o(e){return null==e||("string"==typeof e||Array.isArray(e)?0===e.length:"object"==typeof e&&0===Object.keys(e).length)}function
|
|
2
|
+
function o(e){return null==e||("string"==typeof e||Array.isArray(e)?0===e.length:"object"==typeof e&&0===Object.keys(e).length)}function l(e){return null!==e&&"object"==typeof e&&!Array.isArray(e)}function n(e={},t={}){const o={}
|
|
3
3
|
for(const t in e)o[t]=e[t]
|
|
4
4
|
for(const a in t){const r=e[a],i=t[a]
|
|
5
|
-
|
|
5
|
+
l(r)&&l(i)?o[a]=n(r,i):o[a]=i}return o}const a="q-defaults"
|
|
6
6
|
function r(e){if(o(e))return
|
|
7
|
-
const
|
|
8
|
-
t.provide(a,
|
|
7
|
+
const l=i(),r=t.ref(e),d=t.computed((()=>o(r.value)?l.value:n(l.value,r.value)))
|
|
8
|
+
t.provide(a,d)}function i(){const e=t.inject(a,void 0)
|
|
9
9
|
if(!e)throw new Error("[Quidgest UI] Could not find defaults instance")
|
|
10
|
-
return e}const
|
|
11
|
-
function
|
|
10
|
+
return e}const d={primary:"#00a1f8",primaryLight:"#e5f6ff",primaryDark:"#0079ba",secondary:"#11294d",secondaryLight:"#707f94",secondaryDark:"#040a13",highlight:"#DF640A",background:"#fff",container:"#fff",info:"#17a2b8",infoLight:"#bceff7",infoDark:"#11798a",success:"#28a745",successLight:"#c2f0cd",successDark:"#1e7d34",warning:"#ffa900",warningLight:"#ffeabf",warningDark:"#bf7f00",danger:"#b71c1c",dangerLight:"#f5bebe",dangerDark:"#891515",onBackground:"#1e2436",onPrimary:"#fff",onSecondary:"#fff",onHighlight:"#fff",onSuccess:"#fff",onWarning:"#fff",onDanger:"#fff",onInfo:"#fff"},s={primary:"#018BD2",primaryLight:"#cce7f6",primaryDark:"#006fac",secondary:"#11294d",secondaryLight:"#707f94",secondaryDark:"#040a13",highlight:"#FFAD54",background:"#1e2436",container:"#21323d",info:"#3DB6D1",infoLight:"#5aa2bc",infoDark:"#0c616a",success:"#00C781",successLight:"#6bae78",successDark:"#0f3b16",warning:"#FFD860",warningLight:"#ffd07a",warningDark:"#cc8000",danger:"#FC4B6C",dangerLight:"#FF7A88",dangerDark:"#B21929",onBackground:"#fff",onPrimary:"#fff",onSecondary:"#fff",onHighlight:"#fff",onSuccess:"#fff",onWarning:"#fff",onDanger:"#fff",onInfo:"#fff"}
|
|
11
|
+
function c(e){if(!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(e))throw new Error("Invalid color format")
|
|
12
12
|
4===e.length&&(e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3])
|
|
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
|
-
const o=m(e),
|
|
16
|
-
return o.l=o.l+
|
|
15
|
+
const o=m(e),l=t/100
|
|
16
|
+
return o.l=o.l+l*(100-o.l),v(o)}function f(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
|
-
const o=m(e),
|
|
19
|
-
return o.l=o.l-
|
|
18
|
+
const o=m(e),l=t/100
|
|
19
|
+
return o.l=o.l-l*o.l,v(o)}function p(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
|
-
const
|
|
22
|
-
if(
|
|
23
|
-
else{const e=
|
|
24
|
-
switch(r=
|
|
25
|
-
break
|
|
26
|
-
case o:i=(
|
|
27
|
-
break
|
|
28
|
-
case
|
|
29
|
-
let
|
|
30
|
-
if(0===o)
|
|
31
|
-
else{const e=
|
|
32
|
-
|
|
33
|
-
function g(e,o){let
|
|
34
|
-
if(o)for(const e of o.themes){const t="light"===e.mode?s
|
|
21
|
+
const d=(n+a)/2
|
|
22
|
+
if(n===a)i=r=0
|
|
23
|
+
else{const e=n-a
|
|
24
|
+
switch(r=d>.5?e/(2-n-a):e/(n+a),n){case t:i=(o-l)/e+(o<l?6:0)
|
|
25
|
+
break
|
|
26
|
+
case o:i=(l-t)/e+2
|
|
27
|
+
break
|
|
28
|
+
case l:i=(t-o)/e+4}i/=6}return{h:Math.round(360*i),s:Math.round(100*r),l:Math.round(100*d)}}function v(e){const t=e.h/360,o=e.s/100,l=e.l/100
|
|
29
|
+
let n,a,r
|
|
30
|
+
if(0===o)n=a=r=l
|
|
31
|
+
else{const e=l<.5?l*(1+o):l+o-l*o,i=2*l-e
|
|
32
|
+
n=h(i,e,t+1/3),a=h(i,e,t),r=h(i,e,t-1/3)}return{r:Math.round(255*n),g:Math.round(255*a),b:Math.round(255*r)}}function h(e,t,o){return o<0&&(o+=1),o>1&&(o-=1),o<1/6?e+6*(t-e)*o:o<.5?t:o<2/3?e+(t-e)*(2/3-o)*6:e}const y="q-theme"
|
|
33
|
+
function g(e,o){let l=null
|
|
34
|
+
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
|
-
if(o&&!t.startsWith("on")&&!t.endsWith("Light")&&!t.endsWith("Dark")){const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
t.watch((()=>
|
|
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]=p(u(l,85))),a in e.colors||(e.colors[a]=p(f(l,25)))}}}e.colors=b(t,e.colors),e.name===o.defaultTheme&&(l=e)}else{const e="default"
|
|
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
|
+
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)
|
|
42
42
|
t||(t=document.createElement("style"),t.type="text/css",t.id=y,document.head.appendChild(t))
|
|
43
|
-
let o,
|
|
43
|
+
let o,l=":root {\n"
|
|
44
44
|
for(o in e){const t=e[o]
|
|
45
|
-
if(t){
|
|
46
|
-
const e=
|
|
47
|
-
|
|
48
|
-
function
|
|
49
|
-
return
|
|
45
|
+
if(t){l+=` ${k(o)}: ${t};\n`
|
|
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 b(e,t={}){return{...e,...t}}function k(e){return e?`--q-theme-${e.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}`:""}const B=[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 w(e){const l=e.setup
|
|
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
|
|
52
52
|
if(!o)throw new Error("[Quidgest UI] Could not determine component name")
|
|
53
|
-
const
|
|
53
|
+
const l=i()
|
|
54
54
|
return t.computed((()=>{var e
|
|
55
|
-
return null==(e=
|
|
56
|
-
if(o(a.value))return
|
|
55
|
+
return null==(e=l.value)?void 0:e[o]}))}()
|
|
56
|
+
if(o(a.value))return l(e,n)
|
|
57
57
|
const r=t.getCurrentInstance()
|
|
58
|
-
if(null===r)return
|
|
59
|
-
const
|
|
60
|
-
const
|
|
58
|
+
if(null===r)return l(e,n)
|
|
59
|
+
const d=new Proxy(e,{get(e,t){var o
|
|
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
|
-
return typeof(null==(o=e.props)?void 0:o[t])<"u"}(r.vnode,t)?n
|
|
63
|
-
return
|
|
64
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:"q-spinner-loader",style:t.normalizeStyle(
|
|
65
|
-
function a(e){
|
|
66
|
-
return["q-btn"
|
|
67
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(r.value),disabled:
|
|
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 _=w(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)},B,4))}})),x=["disabled","onClick"],C={key:0,class:"q-btn__spinner"},S={class:"q-btn__content"},V=w(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=e,n=t.computed((()=>l.disabled||l.loading))
|
|
65
|
+
function a(e){n.value||o("click",e)}const r=t.computed((()=>{const e="regular"!==l.size?`q-btn--${l.size}`:void 0
|
|
66
|
+
return["q-btn",`q-btn--${l.bStyle}`,e,{"q-btn--active":l.active,"q-btn--borderless":l.borderless,"q-btn--elevated":l.elevated,"q-btn--block":l.block,"q-btn--loading":l.loading}]}))
|
|
67
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(r.value),disabled:n.value,onClick:t.withModifiers(a,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",C,[t.createVNode(t.unref(_),{size:23})])):t.createCommentVNode("",!0),t.createElementVNode("span",S,[e.iconOnRight?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(l.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(l.label),1)],64))])],10,x))}})),E=w(t.defineComponent({__name:"QButtonGroup",props:{bStyle:{},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
|
-
const
|
|
70
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(
|
|
71
|
-
t.watch((()=>
|
|
72
|
-
const a=t.computed({get:()=>
|
|
73
|
-
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
return o({fieldRef:l}),(e,o)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{class:"q-field__label",for:n.id,"data-val-required":a.value},t.toDisplayString(n.label),9,z),t.renderSlot(e.$slots,"label.append"),t.createElementVNode("div",t.mergeProps({ref_key:"fieldRef",ref:l,id:n.id,class:["q-field",`q-field--${n.size}`,{"q-field--readonly":n.readonly,"q-field--disabled":n.disabled}]},e.$attrs),[t.createElementVNode("div",N,[e.$slots.prepend?(t.openBlock(),t.createElementBlock("div",T,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",Q,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)]),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",I,[t.renderSlot(e.$slots,"extras")])):t.createCommentVNode("",!0)],16,D)],64))}})),F=t.defineComponent({__name:"QIcon",props:{icon:{},type:{default:"svg"},size:{default:void 0}},setup(e){const o=e,n=t.computed((()=>{switch(o.type){case"svg":return K
|
|
77
|
-
case"font":return W
|
|
78
|
-
case"img":return G
|
|
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=w(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=e,n=t.ref(l.modelValue)
|
|
71
|
+
t.watch((()=>l.modelValue),(e=>n.value=e))
|
|
72
|
+
const a=t.computed({get:()=>n.value,set(e){n.value=e,o("update:modelValue",e)}})
|
|
73
|
+
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(E),{"b-style":"secondary",disabled:l.disabled,borderless:l.borderless,elevated:l.elevated},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.options,(o=>(t.openBlock(),t.createBlock(t.unref(V),{key:o.key,title:o.title,label:o.label,active:a.value===o.key,onClick:()=>function(e){a.value!==e.key||l.mandatory?a.value=e.key:a.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
|
|
74
|
+
case"font":return A
|
|
75
|
+
case"img":return F
|
|
79
76
|
default:return}}))
|
|
80
|
-
return(e,
|
|
81
|
-
return(e,o)=>
|
|
82
|
-
return(e,
|
|
77
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.value),{icon:o.icon,size:o.size},null,8,["icon","size"]))}}),L=t.defineComponent({__name:"QIconFont",props:{icon:{},library:{default:""},variant:{default:""},size:{default:void 0}},setup(e){const o=e,l=t.computed((()=>o.variant?`${o.library}-${o.variant}`:o.library)),n=t.computed((()=>o.library&&o.icon?`${o.library}-${o.icon}`:o.icon)),a=t.computed((()=>({"font-size":void 0!==o.size?`${o.size}px`:void 0})))
|
|
78
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("i",{class:t.normalizeClass(["q-icon","q-icon__font",l.value,n.value]),style:t.normalizeStyle(a.value)},null,6))}}),I=["src"],z=t.defineComponent({__name:"QIconImg",props:{icon:{},size:{}},setup(e){const o=e,l=t.computed((()=>({"font-size":void 0!==o.size?`${o.size}px`:void 0})))
|
|
79
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:o.icon,class:"q-icon q-icon__img",style:t.normalizeStyle(l.value)},null,12,I))}}),N={},D=t.defineComponent({name:"InlineSvg",emits:["loaded","unloaded","error"],inheritAttrs:!1,render(){if(!this.svgElSource)return null
|
|
83
80
|
const e=this.getSvgContent(this.svgElSource)
|
|
84
81
|
if(!e)return t.h("div",this.$attrs)
|
|
85
82
|
const o={}
|
|
86
83
|
return this.copySvgAttrs(o,this.svgElSource),this.copySvgAttrs(o,e),this.copyComponentAttrs(o,this.$attrs),o.innerHTML=e.innerHTML,t.h("svg",o)},props:{src:{type:String,required:!0},symbol:{type:String,default:""},title:{type:String,default:""},transformSource:{type:Function,default:void 0},keepDuringLoading:{type:Boolean,default:!0}},data:()=>({svgElSource:null}),async mounted(){await this.getSource(this.src)},methods:{copySvgAttrs(e,t){const o=t.attributes
|
|
87
|
-
if(o)for(const t of o)e[t.name]=t.value},copyComponentAttrs(e,t){for(const[o,
|
|
84
|
+
if(o)for(const t of o)e[t.name]=t.value},copyComponentAttrs(e,t){for(const[o,l]of Object.entries(t))!1!==l&&null!=l&&(e[o]=l)},getSvgContent(e){return this.symbol&&!(e=e.getElementById(this.symbol))?null:(this.transformSource&&(e=e.cloneNode(!0),e=this.transformSource(e)),this.title&&(this.transformSource||(e=e.cloneNode(!0)),function(e,t){const o=e.getElementsByTagName("title")
|
|
88
85
|
if(o.length)o[0].textContent=t
|
|
89
86
|
else{const o=document.createElementNS("http://www.w3.org/2000/svg","title")
|
|
90
|
-
o.textContent=t,e.insertBefore(o,e.firstChild)}}(e,this.title)),e)},async getSource(e){try{
|
|
87
|
+
o.textContent=t,e.insertBefore(o,e.firstChild)}}(e,this.title)),e)},async getSource(e){try{N[e]||(N[e]=function(e){if(e.getIsPending)return e
|
|
91
88
|
let t=!0
|
|
92
89
|
const o=e.then((e=>(t=!1,e)),(e=>{throw t=!1,e}))
|
|
93
|
-
return o.getIsPending=()=>t,o}(this.download(e))),this.svgElSource&&
|
|
94
|
-
const t=await
|
|
95
|
-
this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t){this.svgElSource&&(this.svgElSource=null,this.$emit("unloaded")),delete
|
|
90
|
+
return o.getIsPending=()=>t,o}(this.download(e))),this.svgElSource&&N[e].getIsPending()&&!this.keepDuringLoading&&(this.svgElSource=null,this.$emit("unloaded"))
|
|
91
|
+
const t=await N[e]
|
|
92
|
+
this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t){this.svgElSource&&(this.svgElSource=null,this.$emit("unloaded")),delete N[e],this.$emit("error",t)}},async download(e){const t=await fetch(e)
|
|
96
93
|
if(!t.ok)throw new Error("Error loading SVG")
|
|
97
|
-
const o=await t.text(),
|
|
98
|
-
if(!
|
|
99
|
-
return
|
|
100
|
-
const
|
|
101
|
-
return(e,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
94
|
+
const o=await t.text(),l=(new DOMParser).parseFromString(o,"text/xml").getElementsByTagName("svg")[0]
|
|
95
|
+
if(!l)throw new Error("Loaded file is not a valid SVG")
|
|
96
|
+
return l}},watch:{src(e){this.getSource(e)}}})
|
|
97
|
+
const T=t.defineComponent({__name:"QIconSvg",props:{icon:{},bundle:{default:""},size:{default:void 0}},emits:["loaded","unloaded"],setup(e,{emit:o}){const l=e,n=t.computed((()=>({"font-size":void 0!==l.size?`${l.size}px`:void 0})))
|
|
98
|
+
function a(e){o("loaded",e)}function r(){o("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(D),{class:"q-icon q-icon__svg",src:l.bundle,symbol:l.icon,style:t.normalizeStyle(n.value),onLoaded:a,onUnloaded:r},null,8,["src","symbol","style"]))}}),Q=w($),A=w(L),F=w(z),M=w(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=e,a=t.ref(n.modelValue),r=t.ref(!1),i=t.computed((()=>d.value.length>1?"div":"ul")),d=t.computed((()=>n.groups.length?n.groups:[{title:""}])),s=t.ref(null)
|
|
99
|
+
function c(e){a.value=e,l("update:modelValue",e)}function u(){r.value=!0}function f(){r.value=!1}function p(e){var t
|
|
100
|
+
if(null!=(t=s.value)&&t.contains(e.relatedTarget))return
|
|
101
|
+
let o
|
|
102
|
+
o=a.value?n.items.findIndex((e=>e[n.itemValue]===a.value)):g()
|
|
103
|
+
h(o,r.value)}function m(e){switch(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&e.preventDefault(),e.key){case"ArrowDown":v("next")
|
|
107
104
|
break
|
|
108
|
-
case"ArrowUp":
|
|
105
|
+
case"ArrowUp":v("prev")
|
|
109
106
|
break
|
|
110
|
-
case"Home":
|
|
107
|
+
case"Home":v("first")
|
|
111
108
|
break
|
|
112
|
-
case"End":
|
|
113
|
-
return"next"===e?o===t.length-1?o:o+1:0===o?0:o-1}(e))
|
|
109
|
+
case"End":v("last")}}function v(e){switch(e){case"next":case"prev":h(function(e){return B(y().indexOf(document.activeElement),e)}(e))
|
|
114
110
|
break
|
|
115
|
-
case"first":
|
|
111
|
+
case"first":h(g())
|
|
116
112
|
break
|
|
117
|
-
case"last":
|
|
118
|
-
null==(
|
|
113
|
+
case"last":h(b())}}function h(e,t=!1){var o
|
|
114
|
+
null==(o=y().at(e))||o.focus({preventScroll:t})}function y(){var e
|
|
119
115
|
const t=null==(e=s.value)?void 0:e.querySelectorAll("li")
|
|
120
|
-
return t?Array.from(t)
|
|
121
|
-
|
|
122
|
-
return
|
|
123
|
-
|
|
124
|
-
let
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
const
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
116
|
+
return t?Array.from(t):[]}function g(){const e=y(),t=e.find((e=>w(e)))
|
|
117
|
+
return t?e.indexOf(t):-1}function b(){const e=y(),t=[...e].reverse().find((e=>w(e)))
|
|
118
|
+
return t?e.indexOf(t):-1}function k(e,t,o){return"prev"===t&&0===e||"next"===t&&e===o.length-1}function B(e,t){const o=y()
|
|
119
|
+
if(k(e,t,o))return e
|
|
120
|
+
let l=e+("next"===t?1:-1)
|
|
121
|
+
for(;!w(o[l]);){if(k(l,t,o))return e
|
|
122
|
+
l+="next"===t?1:-1}return l}function w(e){return-2===e.tabIndex}function _(e){return e?n.items.filter((t=>t.group===e)):n.items}return t.watch((()=>n.modelValue),(e=>{a.value=e})),o({focusItem:h,getItem:function(e){return y().at(e)},getAdjacentItemIndex:B,getFirstFocusableItemIndex:g,getLastFocusableItemIndex:b}),(e,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.value),{ref_key:"listRef",ref:s,class:t.normalizeClass(["q-list",{"q-list--disabled":n.disabled}]),role:"listbox",tabindex:n.disabled?-1:0,onFocus:p,onMousedown:u,onMouseup:f,onKeydown:m},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.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[n.itemValue],value:e[n.itemValue],label:e[n.itemLabel],icon:e.icon,disabled:n.disabled||e.disabled,highlighted:n.highlighted===e[n.itemValue],selected:a.value===e[n.itemValue],onSelect:c},null,8,["value","label","icon","disabled","highlighted","selected"])))),128))])),_:2},1032,["title","disabled"])))),128))])),_:1},40,["class","tabindex"]))}})
|
|
123
|
+
let P=0
|
|
124
|
+
function O(){return"uid-"+ ++P}const U=["id","tabindex","aria-label","aria-selected","onClick"],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=e,n=O()
|
|
125
|
+
function a(){l.disabled||o("select",l.value)}function r(e){"Tab"===e.key&&a(),("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),a())}return(e,o)=>(t.openBlock(),t.createElementBlock("li",{id:t.unref(n),role:"option",tabindex:l.disabled?void 0:-2,class:t.normalizeClass(["q-list-item",{"q-list-item--disabled":l.disabled,"q-list-item--selected":l.selected,"q-list-item--highlighted":l.highlighted}]),"aria-label":l.label,"aria-selected":l.disabled?void 0:l.selected,onKeydown:r,onClick:t.withModifiers(a,["stop","prevent"])},[l.icon?(t.openBlock(),t.createBlock(t.unref(Q),t.normalizeProps(t.mergeProps({key:0},l.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(l.label)+" ",1),t.createElementVNode("div",H,[l.selected?(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:0},l.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=w(R),Z=w(W),J=w(X)
|
|
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
|
+
let c=o
|
|
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"]}
|
|
130
|
+
for(const n of l[o])if(te(e,t,n))return n
|
|
131
|
+
return o}(n,i,c))
|
|
132
|
+
const u={x:0,y:0,placement:c}
|
|
133
|
+
switch(c){case"top":u.x="anchor"===l?a:a+(n.width-d)/2,u.y=r-s
|
|
134
|
+
break
|
|
135
|
+
case"bottom":u.x="anchor"===l?a:a+(n.width-d)/2,u.y=r+n.height
|
|
136
|
+
break
|
|
137
|
+
case"left":u.x=a-d,u.y=r+n.height/2-s/2
|
|
138
|
+
break
|
|
139
|
+
case"right":u.x=a+n.width,u.y=r+n.height/2-s/2}return"anchor"===l&&n.width>=d&&(u.width=n.width),u}function te(e,t,o){let l=!1,n=!1
|
|
140
|
+
switch(o){case"top":l=le(e,t),n=e.top>t.height
|
|
141
|
+
break
|
|
142
|
+
case"bottom":l=le(e,t),n=window.innerHeight-e.top-e.height>t.height
|
|
143
|
+
break
|
|
144
|
+
case"left":l=e.left>t.width,n=oe(e,t)
|
|
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=w(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=e,n=t.computed((()=>["q-overlay",`q-overlay--${a.placement}`,{"q-overlay--inverted":"inverted"===l.appearance},...l.contentClasses])),a=t.reactive({visible:l.modelValue,animating:!1,top:0,left:0,width:0,placement:l.placement}),r=t.computed((()=>a.visible&&!l.disabled))
|
|
147
|
+
t.watch((()=>l.modelValue),(()=>a.visible=l.modelValue)),t.watch((()=>a.visible),(()=>a.animating=!0))
|
|
144
148
|
const i=t.computed((()=>{let e=0,t=0
|
|
145
|
-
switch(a.placement){case"top":t=-(
|
|
146
|
-
break
|
|
147
|
-
case"bottom":t=
|
|
148
|
-
break
|
|
149
|
-
case"left":e=-(
|
|
150
|
-
break
|
|
151
|
-
case"right":e=
|
|
152
|
-
return void 0!==a.width&&["top","bottom"].includes(a.placement)&&(o.width=`${a.width}px`),o})),
|
|
153
|
-
function
|
|
154
|
-
if(e){const t=
|
|
155
|
-
a.left=t.x,a.top=t.y,a.width=t.width,a.placement=t.placement}}let
|
|
156
|
-
function m(){const e="hover"===
|
|
157
|
-
|
|
158
|
-
e&&(window.addEventListener("scroll",
|
|
159
|
-
if(e)switch(
|
|
160
|
-
break
|
|
161
|
-
case"hover":e.addEventListener("mouseenter",m),e.addEventListener("mouseleave",
|
|
162
|
-
return(e,
|
|
163
|
-
|
|
164
|
-
return
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
null==(
|
|
174
|
-
return
|
|
175
|
-
return
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
149
|
+
switch(a.placement){case"top":t=-(l.offset||0)
|
|
150
|
+
break
|
|
151
|
+
case"bottom":t=l.offset||0
|
|
152
|
+
break
|
|
153
|
+
case"left":e=-(l.offset||0)
|
|
154
|
+
break
|
|
155
|
+
case"right":e=l.offset||0}const o={top:`${a.top+t}px`,left:`${a.left+e}px`}
|
|
156
|
+
return void 0!==a.width&&["top","bottom"].includes(a.placement)&&(o.width=`${a.width}px`),o})),d=t.ref(null)
|
|
157
|
+
function s(){const e=ne(l.anchor)
|
|
158
|
+
if(e){const t=ee(e,d.value,l.placement,l.width)
|
|
159
|
+
a.left=t.x,a.top=t.y,a.width=t.width,a.placement=t.placement}}let c,u,f,p
|
|
160
|
+
function m(){const e="hover"===l.trigger?l.delay:0
|
|
161
|
+
c||(c=window.setTimeout((()=>a.visible=!0),e))}function v(){clearTimeout(c),c=void 0,a.visible=!1}function h(){r.value?v():m()}function y(){o("enter")}function g(){window.clearTimeout(u),u=window.setTimeout((()=>a.animating=!1),200),o("leave")}function b(){ne(l.anchor)?(s(),p=window.setTimeout(b,100)):v()}function k(){t.nextTick((()=>{const e=ne(l.anchor)
|
|
162
|
+
e&&(window.addEventListener("scroll",s),window.addEventListener("resize",s),f=new MutationObserver(s),f.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),s())})),l.spy&&b()}function B(){window.removeEventListener("scroll",s),window.removeEventListener("resize",s),null==f||f.disconnect(),l.spy&&(clearTimeout(p),p=void 0)}return t.watch([()=>r.value,()=>l.placement],s),t.onBeforeUnmount(B),t.onMounted(s),t.watch((()=>l.disabled),(e=>{e||t.nextTick((()=>{const e=ne(l.anchor)
|
|
163
|
+
if(e)switch(l.trigger){case"click":e.addEventListener("click",h)
|
|
164
|
+
break
|
|
165
|
+
case"hover":e.addEventListener("mouseenter",m),e.addEventListener("mouseleave",v)}}))}),{immediate:!0}),t.watch((()=>r.value),(e=>{e?k():B()}),{immediate:!0}),(e,o)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"trigger",{open:r.value}),r.value||a.animating?(t.openBlock(),t.createBlock(t.Teleport,{key:0,disabled:!l.attach,to:l.attach},[t.createVNode(t.Transition,{name:l.transition,appear:"",onEnter:y,onLeave:g},{default:t.withCtx((()=>[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(n.value),style:t.normalizeStyle(i.value)},[t.createElementVNode("div",{class:t.normalizeClass(["q-overlay__content"]),ref_key:"overlay",ref:d},[l.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={class:"q-field__label"},se=["for"],ce={key:0,class:"q-field__prepend"},ue={key:1,class:"q-field__append"},fe={key:0,class:"q-field__extras"},pe=w(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}])},[t.createElementVNode("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.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",fe,[t.renderSlot(e.$slots,"extras")])):t.createCommentVNode("",!0)],10,ie))}})),me=["required","placeholder","readonly","disabled","maxlength"],ve=w(t.defineComponent({__name:"QTextField",props:{modelValue:{default:""},id:{default:()=>O()},placeholder:{default:""},label:{default:""},size:{default:"medium"},maxLength:{default:void 0},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e,{expose:o,emit:l}){const n=e,a=t.ref(n.modelValue),r=t.ref(null),i=t.ref(null),d=t.computed({get:()=>a.value,set(e){a.value=e,l("update:modelValue",e)}})
|
|
167
|
+
return t.watch((()=>n.modelValue),(e=>a.value=e)),o({fieldRef:t.computed((()=>{var e
|
|
168
|
+
return null==(e=r.value)?void 0:e.fieldRef})),inputRef:i}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(pe),{ref_key:"fieldRef",ref:r,class:"q-text-field",id:n.id,label:n.label,size:n.size,readonly:n.readonly,disabled:n.disabled,required:n.required},t.createSlots({default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=e=>d.value=e),ref_key:"inputRef",ref:i,class:"q-text-field__input",type:"text",required:n.required,placeholder:n.placeholder,readonly:n.readonly,disabled:n.disabled,maxlength:n.maxLength},null,8,me),[[t.vModelText,d.value]])])),_:2},[e.$slots.append?{name:"append",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"append")])),key:"0"}:void 0]),1032,["id","label","size","readonly","disabled","required"]))}}))
|
|
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"},ge={noData:"No data available"},be={clear:{icon:"close"}},ke=w(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:"medium"},texts:{default:()=>ge},icons:{default:()=>be}},emits:["update:modelValue","update:inputValue","before-show","before-hide","show","hide"],setup(e,{emit:o}){const l=e,n=he(),a=t.ref(l.modelValue),r=t.ref(!1),i=t.ref(""),d=t.ref(void 0),s=t.ref(null),c=t.ref(null),u=t.ref(null)
|
|
171
|
+
t.onMounted(k)
|
|
172
|
+
const f=t.computed((()=>l.clearable&&!l.readonly&&!l.disabled&&!l.loading)),p=t.computed((()=>{var e
|
|
173
|
+
return"manual"!==l.filterMode&&y.value?null==(e=l.items)?void 0:e.filter((e=>e[l.itemLabel].toLowerCase().startsWith(i.value.toLowerCase()))):l.items})),m=t.computed((()=>{var e
|
|
174
|
+
return null==(e=l.items)?void 0:e.find((e=>e[l.itemValue]===a.value))})),v=t.computed((()=>{const e=d.value
|
|
175
|
+
if(void 0!==e&&p.value[e])return p.value[e]})),h=t.computed((()=>{var e
|
|
176
|
+
if(void 0===d.value)return
|
|
177
|
+
const t=null==(e=c.value)?void 0:e.getItem(d.value)
|
|
178
|
+
return null==t?void 0:t.id})),y=t.computed((()=>{var e
|
|
179
|
+
return i.value.length>0&&i.value!==(null==(e=m.value)?void 0:e[l.itemLabel])}))
|
|
180
|
+
function g(e){a.value=e,k(),o("update:modelValue",e)}function b(e){g(e),w()}function k(){var e
|
|
181
|
+
i.value=(null==(e=m.value)?void 0:e[l.itemLabel])||""}function B(){r.value||l.readonly||l.disabled||(o("before-show"),r.value=!0)}function w(){r.value&&(o("before-hide"),r.value=!1,d.value=void 0)}function x(){g(void 0),d.value=void 0}function C(){if(B(),void 0!==m.value){const e=p.value.indexOf(m.value);-1!==e&&t.nextTick((()=>I(e)))}}function S(e){var o,n
|
|
182
|
+
if(e.key&&!l.readonly&&!l.disabled)if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),"Escape"===e.key)r.value?w():x()
|
|
183
|
+
else if(["ArrowDown","ArrowUp"].includes(e.key))r.value?t.nextTick((()=>{if(void 0===d.value)V()
|
|
184
|
+
else{const t="ArrowDown"===e.key?"next":"prev"
|
|
185
|
+
!function(e,t){var o
|
|
186
|
+
d.value=null==(o=c.value)?void 0:o.getAdjacentItemIndex(e,t)}(d.value,t)}})):(B(),t.nextTick((()=>{"ArrowDown"===e.key?V():function(){var e
|
|
187
|
+
d.value=null==(e=c.value)?void 0:e.getLastFocusableItemIndex()}()})))
|
|
188
|
+
else if("Enter"===e.key){if(void 0===v.value)return
|
|
189
|
+
b(v.value[l.itemValue])}else"Home"===e.key?d.value=null==(o=c.value)?void 0:o.getFirstFocusableItemIndex():"End"===e.key?d.value=null==(n=c.value)?void 0:n.getLastFocusableItemIndex():(/^[a-z]$/i.test(e.key)||"Backspace"===e.key)&&B()}function V(){var e,t
|
|
190
|
+
if(void 0!==a.value){const t=p.value.findIndex((e=>e[l.itemValue]===a.value))
|
|
191
|
+
d.value=-1===t?null==(e=c.value)?void 0:e.getFirstFocusableItemIndex():t}else d.value=null==(t=c.value)?void 0:t.getFirstFocusableItemIndex()}function E(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))&&(w(),k())}function q(){var e,t
|
|
192
|
+
null==(t=null==(e=s.value)?void 0:e.inputRef)||t.focus()}function $(){o("show")}function L(){o("hide")}function I(e){var t
|
|
193
|
+
const o=null==(t=c.value)?void 0:t.getItem(e)
|
|
194
|
+
null==o||o.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>l.modelValue),(e=>{a.value=e})),t.watch(d,(e=>{void 0!==e&&I(e)})),t.watch(i,(e=>{!e&&f.value?x():r.value&&"automatic"===l.selectionMode&&t.nextTick(V)})),(e,o)=>{var d,m
|
|
195
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ve),{modelValue:i.value,"onUpdate:modelValue":o[0]||(o[0]=e=>i.value=e),id:l.id,label:l.label,required:l.required,ref_key:"triggerEl",ref:s,role:"combobox",class:t.normalizeClass(["q-combobox",...t.unref(n).class]),readonly:l.readonly,disabled:l.disabled,"aria-expanded":r.value,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":h.value,size:l.size,onClick:C,onFocusout:E,onKeydown:t.withModifiers(S,["stop"])},{append:t.withCtx((()=>[f.value&&i.value?(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:0},l.icons.clear,{class:"q-combobox__clear",onClick:t.withModifiers(x,["stop","prevent"])}),null,16,["onClick"])):t.createCommentVNode("",!0)])),_:1},8,["modelValue","id","label","required","class","readonly","disabled","aria-expanded","aria-activedescendant","size","onKeydown"]),null!=(d=s.value)&&d.fieldRef?(t.openBlock(),t.createBlock(t.unref(re),{key:0,"model-value":r.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:4,anchor:null==(m=s.value)?void 0:m.fieldRef,onEnter:$,onLeave:L},{default:t.withCtx((()=>{var n
|
|
196
|
+
return[t.createElementVNode("div",{ref_key:"contentRef",ref:u,class:"q-select__body",onFocusout:E},[t.renderSlot(e.$slots,"body.prepend"),l.loading?(t.openBlock(),t.createBlock(t.unref(_),{key:0,class:"q-select__loader",size:24})):p.value.length?(t.openBlock(),t.createBlock(t.unref(Y),{key:1,ref_key:"listRef",ref:c,class:"q-select__items",modelValue:a.value,"onUpdate:modelValue":[o[1]||(o[1]=e=>a.value=e),b],highlighted:null==(n=v.value)?void 0:n[l.itemValue],items:p.value,groups:e.groups,"item-label":l.itemLabel,"item-value":l.itemValue,onMouseup:q},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)}}})),Be={key:0,class:"q-input-group__prepend"},we={key:0},_e={key:1,class:"q-input-group__append"},xe={key:0},Ce=w(t.defineComponent({inheritAttrs:!1,__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}},setup(e){const o=e
|
|
197
|
+
return(e,l)=>(t.openBlock(),t.createBlock(t.unref(pe),{id:o.id,label:o.label,readonly:o.readonly,disabled:o.disabled,required:o.required},{control:t.withCtx((()=>[t.createElementVNode("div",t.mergeProps({class:"q-input-group"},e.$attrs),[e.$slots.prepend||o.prependIcon?(t.openBlock(),t.createElementBlock("div",Be,[o.prependIcon?(t.openBlock(),t.createElementBlock("span",we,[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",_e,[o.appendIcon?(t.openBlock(),t.createElementBlock("span",xe,[t.createVNode(t.unref(Q),t.normalizeProps(t.guardReactiveProps(o.appendIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),_:3},8,["id","label","readonly","disabled","required"]))}})),Se={class:"q-line-loader"}
|
|
198
|
+
const Ve=w(((e,t)=>{const o=e.__vccOpts||e
|
|
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=w(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"},Ne={key:1,class:"q-select__placeholder"},De=["onKeydown"],Te={placeholder:"Choose..."},Qe={chevron:{icon:"chevron-down"},clear:{icon:"close"}},Ae=w(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:()=>Qe},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},size:{default:"medium"},texts:{default:()=>Te}},emits:["update:modelValue","before-show","before-hide","show","hide"],setup(e,{emit:o}){const l=e,n=he(),a=t.ref(l.modelValue),r=t.ref(!1),i=t.ref(""),d=t.ref(null),s=t.ref(null),c=t.ref(null),u=t.computed((()=>{var e
|
|
202
|
+
return null==(e=l.items)?void 0:e.find((e=>e[l.itemValue]===a.value))})),f=t.computed((()=>u.value?u.value[l.itemLabel]:"")),p=t.computed((()=>l.clearable&&!l.readonly&&!l.disabled&&!l.loading))
|
|
203
|
+
function m(e){a.value=e,o("update:modelValue",e),g()}function v(){p.value&&m(void 0)}function h(){l.readonly||l.disabled||(r.value?g():r.value||(o("before-show"),r.value=!0))}function y(e){var t,o,l;(null==(t=c.value)||!t.contains(e.relatedTarget))&&(null==(l=null==(o=d.value)?void 0:o.fieldRef)||!l.contains(e.relatedTarget))&&g()}function g(){r.value&&(o("before-hide"),r.value=!1)}let b
|
|
204
|
+
function k(e){if(e.key&&!l.readonly&&!l.disabled){if(window.clearTimeout(b),["Enter"," ","ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),["Enter"," "].includes(e.key)&&(r.value=!0),["Escape","Tab"].includes(e.key)&&(r.value?r.value=!1:l.clearable&&"Escape"===e.key&&v()),"Delete"===e.key&&l.clearable&&v(),/^[a-z]$/i.test(e.key)){i.value+=e.key.toLowerCase()
|
|
205
|
+
for(let e=0;e<l.items.length;e++)if(l.items[e][l.itemLabel].toLowerCase().startsWith(i.value)){C(e)
|
|
206
|
+
break}}b=window.setTimeout((function(){i.value=""}),500)}}function B(){var e
|
|
207
|
+
l.loading?null==(e=c.value)||e.focus():x(),o("show")}function w(){var e,t
|
|
208
|
+
null==(t=null==(e=d.value)?void 0:e.fieldRef)||t.focus(),o("hide")}function x(){var e
|
|
209
|
+
null==(e=s.value)||e.$el.focus()}function C(e){var t
|
|
210
|
+
null==(t=s.value)||t.focusItem(e)}return t.watch((()=>l.modelValue),(e=>{a.value=e})),t.watch((()=>l.loading),(e=>{!e&&r.value&&t.nextTick(x)})),(e,o)=>{var i,g,b
|
|
211
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(pe),{id:l.id,label:l.label,required:l.required,ref_key:"triggerEl",ref:d,role:"combobox",tabindex:"0",class:t.normalizeClass(["q-select",{"q-select--readonly":l.readonly,"q-select--disabled":l.disabled,"q-select--expanded":r.value},...t.unref(n).class]),readonly:l.readonly,disabled:l.disabled,"aria-expanded":r.value,"aria-haspopup":"listbox",size:l.size,onClick:h,onKeydown:t.withModifiers(k,["stop"])},t.createSlots({append:t.withCtx((()=>[p.value&&a.value?(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:0},l.icons.clear,{class:"q-select__clear",onClick:t.withModifiers(v,["stop","prevent"])}),null,16,["onClick"])):t.createCommentVNode("",!0),l.readonly||l.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(Q),t.mergeProps({key:1},l.icons.chevron,{class:"q-select__chevron"}),null,16))])),default:t.withCtx((()=>[a.value?(t.openBlock(),t.createElementBlock("span",ze,t.toDisplayString(f.value),1)):(t.openBlock(),t.createElementBlock("span",Ne,t.toDisplayString(e.texts.placeholder),1))])),_:2},[null!=(i=u.value)&&i.icon?{name:"prepend",fn:t.withCtx((()=>{var e
|
|
212
|
+
return[t.createVNode(t.unref(Q),t.normalizeProps(t.guardReactiveProps(null==(e=u.value)?void 0:e.icon)),null,16)]})),key:"0"}:void 0]),1032,["id","label","required","class","readonly","disabled","aria-expanded","size","onKeydown"]),null!=(g=d.value)&&g.fieldRef?(t.openBlock(),t.createBlock(t.unref(re),{key:0,"model-value":r.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:2,anchor:null==(b=d.value)?void 0:b.fieldRef,onEnter:B,onLeave:w},{default:t.withCtx((()=>[t.createElementVNode("div",{ref_key:"contentRef",ref:c,class:"q-select__body",tabindex:"-1",onFocusout:y,onKeydown:t.withModifiers(k,["stop"])},[t.renderSlot(e.$slots,"body.prepend"),l.loading?(t.openBlock(),t.createBlock(t.unref(_),{key:0,class:"q-select__loader",size:24})):(t.openBlock(),t.createBlock(t.unref(Y),{key:1,ref_key:"listRef",ref:s,class:"q-select__items",modelValue:a.value,"onUpdate:modelValue":[o[0]||(o[0]=e=>a.value=e),m],items:l.items,groups:e.groups,"item-label":l.itemLabel,"item-value":l.itemValue},null,8,["modelValue","items","groups","item-label","item-value"])),t.renderSlot(e.$slots,"body.append")],40,De)])),_:3},8,["model-value","anchor"])):t.createCommentVNode("",!0)],64)}}})),Fe=["innerHTML"],Me={key:1},Re=w(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
|
+
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,Fe)):(t.openBlock(),t.createElementBlock("span",Me,t.toDisplayString(o.text),1))])),_:1},8,["model-value","anchor","appearance","arrow","attach","delay","disabled","placement","trigger"]))}})),Pe={mounted(e,t){e.clickOutsideEvent=function(o){const l=o.target
|
|
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=pe,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=Ae,e.QSpinnerLoader=_,e.QTextField=ve,e.QTooltip=Re,e.clickOutside=Pe,e.createFramework=function(e={}){return{install:o=>{const l=e.components||{}
|
|
216
|
+
for(const e in l)o.component(e,l[e])
|
|
217
|
+
const n=e.directives||{}
|
|
218
|
+
for(const e in n)o.directive(e,n[e])
|
|
183
219
|
const r=e.defaults||{}
|
|
184
|
-
o.provide(a,t.ref(r)),g(o,e.themes)}}},e.defaultDarkColorScheme=
|
|
220
|
+
o.provide(a,t.ref(r)),g(o,e.themes)}}},e.defaultDarkColorScheme=s,e.defaultLightColorScheme=d,e.useTheme=function(){const e=t.inject(y)
|
|
185
221
|
if(!e)throw new Error("[Quidgest UI] Could not find theme instance")
|
|
186
222
|
return e},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}))
|
|
187
223
|
//# sourceMappingURL=ui.min.js.map
|