@quidgest/ui 0.9.3 → 0.9.5
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/ui.esm.js +392 -385
- 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 +67 -67
- 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
|
@@ -4,11 +4,11 @@ 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 l=i(),r=t.ref(e),
|
|
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="q-theme"
|
|
11
|
+
function s(){const e=t.inject(d)
|
|
12
12
|
if(!e)throw new Error("[Quidgest UI] Could not find theme instance")
|
|
13
13
|
return e}const c={primary:"#008ad2",primaryLight:"#cde5ff",primaryDark:"#006398",secondary:"#001d31",highlight:"#ff8241",info:"#17a2b8",infoLight:"#bceff7",infoDark:"#11798a",success:"#28a745",successLight:"#c2f0cd",successDark:"#1e7d34",warning:"#ffa900",warningLight:"#ffeabf",warningDark:"#bf7f00",danger:"#b71c1c",dangerLight:"#f7cccc",dangerDark:"#891515",background:"#fff",container:"#fff",neutral:"#7c858d",neutralLight:"#c4c5ca",neutralDark:"#40474f",onBackground:"#202428",onPrimary:"#fff",onSecondary:"#fff",onHighlight:"#fff",onSuccess:"#fff",onWarning:"#fff",onDanger:"#fff",onInfo:"#fff"},u={primary:"#009ff5",primaryLight:"#ade2ff",primaryDark:"#164965",secondary:"#003552",highlight:"#f65600",info:"#25cbe4",infoLight:"#bceff7",infoDark:"#225964",success:"#3acf5d",successLight:"#c2f0cd",successDark:"#275738",warning:"#ffa900",warningLight:"#ffeabf",warningDark:"#5a471e",danger:"#de2b2b",dangerLight:"#f7cccc",dangerDark:"#4d2528",background:"#202428",container:"#202428",neutral:"#9299a0",neutralLight:"#dee1e3",neutralDark:"#41464a",onBackground:"#fff",onPrimary:"#fff",onSecondary:"#fff",onHighlight:"#fff",onSuccess:"#fff",onWarning:"#fff",onDanger:"#fff",onInfo:"#fff"}
|
|
14
14
|
function p(e){if(!function(e){return/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(e)}(e))throw new Error("Invalid color format")
|
|
@@ -20,8 +20,8 @@ let l
|
|
|
20
20
|
for(l in e){const o=e[l]
|
|
21
21
|
if(o){t+=` ${v(l)}: ${o};\n`
|
|
22
22
|
const e=p(o)
|
|
23
|
-
t+=` ${v(l)}-rgb: ${e.r} ${e.g} ${e.b};\n`}}t+="}\n"}const o=function(){let e=document.getElementById(
|
|
24
|
-
return e||(e=document.createElement("style"),e.id=
|
|
23
|
+
t+=` ${v(l)}-rgb: ${e.r} ${e.g} ${e.b};\n`}}t+="}\n"}const o=function(){let e=document.getElementById(d)
|
|
24
|
+
return e||(e=document.createElement("style"),e.id=d,document.head.appendChild(e)),e}()
|
|
25
25
|
o.textContent=t}function v(e){return e?`--q-theme-${f(e)}`:""}function h(e){const t=document.documentElement,o=Array.from(t.classList).filter((e=>!e.startsWith("q-theme")))
|
|
26
26
|
t.className=o.join(" "),t.classList.add(`q-theme--${e}`)}const y=[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)]
|
|
27
27
|
function b(e){const l=e.setup
|
|
@@ -30,17 +30,17 @@ const l=t.getCurrentInstance()
|
|
|
30
30
|
if(!l)throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function")
|
|
31
31
|
const a=l.type.name??l.type.__name
|
|
32
32
|
if(!a)throw new Error("[Quidgest UI] Could not determine component name")
|
|
33
|
-
const r=i(),
|
|
34
|
-
return t.computed((()=>n(s
|
|
33
|
+
const r=i(),d=null==(e=r.value)?void 0:e.Global,s=null==(o=r.value)?void 0:o[a]
|
|
34
|
+
return t.computed((()=>n(d,s)))}()
|
|
35
35
|
if(o(r.value))return l(e,a)
|
|
36
|
-
const
|
|
37
|
-
if(null===
|
|
38
|
-
const
|
|
36
|
+
const d=t.getCurrentInstance()
|
|
37
|
+
if(null===d)return l(e,a)
|
|
38
|
+
const s=new Proxy(e,{get(e,t){var o
|
|
39
39
|
const l=Reflect.get(e,t),n=null==(o=r.value)?void 0:o[t]
|
|
40
40
|
return"string"!=typeof t||function(e,t){var o
|
|
41
41
|
const l=f(t)
|
|
42
|
-
return!!l&&typeof(null==(o=e.props)?void 0:o[l])<"u"}(
|
|
43
|
-
return l(
|
|
42
|
+
return!!l&&typeof(null==(o=e.props)?void 0:o[l])<"u"}(d.vnode,t)?l:n??l}})
|
|
43
|
+
return l(s,a)}),e}const g=b(t.defineComponent({__name:"QSpinnerLoader",props:{size:{default:48},class:{default:void 0}},setup(e){const o=e,l=t.computed((()=>({"font-size":48!==o.size?`${o.size}px`:void 0})))
|
|
44
44
|
return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-spinner-loader",o.class]),style:t.normalizeStyle(l.value)},y,6))}})),k=["disabled"],B={key:0,class:"q-btn__spinner"},w={class:"q-btn__content"},x=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"},class:{default:void 0}},emits:["click"],setup(e,{emit:o}){const l=e,n=o,a=t.computed((()=>l.disabled||l.loading))
|
|
45
45
|
function r(e){a.value||n("click",e)}const i=t.computed((()=>{const e="regular"!==l.size?`q-btn--${l.size}`:void 0
|
|
46
46
|
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},l.class]}))
|
|
@@ -71,9 +71,9 @@ const o=await t.text(),l=(new DOMParser).parseFromString(o,"text/xml").getElemen
|
|
|
71
71
|
if(!l)throw new Error("Loaded file is not a valid SVG")
|
|
72
72
|
return l}},watch:{src(e){this.getSource(e)}},expose:[]})
|
|
73
73
|
const L=t.defineComponent({__name:"QIconSvg",props:{icon:{},bundle:{default:""},size:{default:void 0},class:{default:void 0}},emits:["loaded","unloaded"],setup(e,{emit:o}){const l=e,n=o,a=t.computed((()=>({"font-size":void 0!==l.size?`${l.size}px`:void 0})))
|
|
74
|
-
function r(e){n("loaded",e)}function i(){n("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(z),{class:t.normalizeClass(["q-icon","q-icon__svg",l.class]),src:l.bundle,symbol:l.icon,style:t.normalizeStyle(a.value),onLoaded:r,onUnloaded:i},null,8,["class","src","symbol","style"]))}}),I=b(S),N=b(V),T=b(E),M=b(L),D=t.defineComponent({__name:"QList",props:t.mergeModels({highlighted:{type:[String,Number,Boolean,Symbol],default:void 0},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},disabled:{type:Boolean},class:{default:void 0}},{modelValue:{type:[String,Number,Boolean,Symbol]},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:o}){const l=e,n=t.useModel(e,"modelValue"),a=t.ref(!1),r=t.computed((()=>i.value.length>1?"div":"ul")),i=t.computed((()=>l.groups.length?l.groups:[{id:"",title:""}])),
|
|
75
|
-
function
|
|
76
|
-
if(null!=(t=
|
|
74
|
+
function r(e){n("loaded",e)}function i(){n("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(z),{class:t.normalizeClass(["q-icon","q-icon__svg",l.class]),src:l.bundle,symbol:l.icon,style:t.normalizeStyle(a.value),onLoaded:r,onUnloaded:i},null,8,["class","src","symbol","style"]))}}),I=b(S),N=b(V),T=b(E),M=b(L),D=t.defineComponent({__name:"QList",props:t.mergeModels({highlighted:{type:[String,Number,Boolean,Symbol],default:void 0},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},disabled:{type:Boolean},class:{default:void 0}},{modelValue:{type:[String,Number,Boolean,Symbol]},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:o}){const l=e,n=t.useModel(e,"modelValue"),a=t.ref(!1),r=t.computed((()=>i.value.length>1?"div":"ul")),i=t.computed((()=>l.groups.length?l.groups:[{id:"",title:""}])),d=t.ref(null)
|
|
75
|
+
function s(e){n.value=e}function c(){a.value=!0}function u(){a.value=!1}function p(e){var t
|
|
76
|
+
if(null!=(t=d.value)&&t.contains(e.relatedTarget))return
|
|
77
77
|
let o
|
|
78
78
|
o=n.value?l.items.findIndex((e=>e[l.itemValue]===n.value)):y()
|
|
79
79
|
v(o,a.value)}function f(e){switch(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&e.preventDefault(),e.key){case"ArrowDown":m("next")
|
|
@@ -88,54 +88,54 @@ case"first":v(y())
|
|
|
88
88
|
break
|
|
89
89
|
case"last":v(b())}}function v(e,t=!1){var o
|
|
90
90
|
null==(o=h()[e])||o.focus({preventScroll:t})}function h(){var e
|
|
91
|
-
const t=null==(e=
|
|
91
|
+
const t=null==(e=d.value)?void 0:e.querySelectorAll("li")
|
|
92
92
|
return t?Array.from(t):[]}function y(){const e=h(),t=e.find((e=>B(e)))
|
|
93
93
|
return t?e.indexOf(t):-1}function b(){const e=h(),t=[...e].reverse().find((e=>B(e)))
|
|
94
94
|
return t?e.indexOf(t):-1}function g(e,t,o){return"prev"===t&&0===e||"next"===t&&e===o.length-1}function k(e,t){const o=h()
|
|
95
95
|
if(g(e,t,o))return e
|
|
96
96
|
let l=e+("next"===t?1:-1)
|
|
97
97
|
for(;!B(o[l]);){if(g(l,t,o))return e
|
|
98
|
-
l+="next"===t?1:-1}return l}function B(e){return-2===e.tabIndex}function w(e){return e?l.items.filter((t=>t.group===e)):l.items}return o({focusItem:v,getItem:function(e){return h()[e]},getAdjacentItemIndex:k,getFirstFocusableItemIndex:y,getLastFocusableItemIndex:b}),(e,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.value),{ref_key:"listRef",ref:
|
|
98
|
+
l+="next"===t?1:-1}return l}function B(e){return-2===e.tabIndex}function w(e){return e?l.items.filter((t=>t.group===e)):l.items}return o({focusItem:v,getItem:function(e){return h()[e]},getAdjacentItemIndex:k,getFirstFocusableItemIndex:y,getLastFocusableItemIndex:b}),(e,o)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.value),{ref_key:"listRef",ref:d,class:t.normalizeClass(["q-list",{"q-list--disabled":l.disabled},l.class]),role:"listbox",tabindex:l.disabled?-1:0,onFocus:p,onMousedown:c,onMouseup:u,onKeydown:f},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,(o=>(t.openBlock(),t.createBlock(t.unref(W),{key:o.id,title:1===i.value.length?void 0:o.title,disabled:o.disabled},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(w(o.id),(o=>(t.openBlock(),t.createBlock(t.unref(K),{key:o[l.itemValue],value:o[l.itemValue],label:o[l.itemLabel],icon:o.icon,disabled:l.disabled||o.disabled,highlighted:l.highlighted===o[l.itemValue],selected:n.value===o[l.itemValue],onSelect:s},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"item",{item:o})])),_:2},1032,["value","label","icon","disabled","highlighted","selected"])))),128))])),_:2},1032,["title","disabled"])))),128))])),_:3},40,["class","tabindex"]))}})
|
|
99
99
|
let Q=0
|
|
100
|
-
function A(e){return e||"uid-"+ ++Q}const F=["id","tabindex","aria-label","aria-selected"],P={class:"q-list-item__check-container"},R={check:{icon:"check"}},U=t.defineComponent({__name:"QListItem",props:{value:{type:[String,Number,Boolean,Symbol]},label:{},icon:{default:void 0},selected:{type:Boolean},highlighted:{type:Boolean},icons:{default:()=>R},disabled:{type:Boolean}},emits:["select"],setup(e,{emit:o}){const l=e,n=o,a=A()
|
|
101
|
-
function r(){l.disabled||n("select",l.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: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:i,onClick:t.withModifiers(r,["stop","prevent"])},[t.renderSlot(e.$slots,"default",{},(()=>[l.icon?(t.openBlock(),t.createBlock(t.unref(I),t.normalizeProps(t.mergeProps({key:0},l.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(l.label),1)])),t.createElementVNode("div",P,[l.selected?(t.openBlock(),t.createBlock(t.unref(I),t.mergeProps({key:0},l.icons.check,{class:"q-list-item__check"}),null,16)):t.createCommentVNode("",!0)])],42,F))}}),H=["aria-labelledby"],O=["id"],j=t.defineComponent({__name:"QListItemGroup",props:{title:{default:""},disabled:{type:Boolean}},setup(e){const o=e,l=A()
|
|
100
|
+
function A(e){return e||"uid-"+ ++Q}const F=["id","data-key","tabindex","aria-label","aria-selected"],P={class:"q-list-item__check-container"},R={check:{icon:"check"}},U=t.defineComponent({__name:"QListItem",props:{value:{type:[String,Number,Boolean,Symbol]},label:{},icon:{default:void 0},selected:{type:Boolean},highlighted:{type:Boolean},icons:{default:()=>R},disabled:{type:Boolean}},emits:["select"],setup(e,{emit:o}){const l=e,n=o,a=A()
|
|
101
|
+
function r(){l.disabled||n("select",l.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),"data-key":l.value,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:i,onClick:t.withModifiers(r,["stop","prevent"])},[t.renderSlot(e.$slots,"default",{},(()=>[l.icon?(t.openBlock(),t.createBlock(t.unref(I),t.normalizeProps(t.mergeProps({key:0},l.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(l.label),1)])),t.createElementVNode("div",P,[l.selected?(t.openBlock(),t.createBlock(t.unref(I),t.mergeProps({key:0},l.icons.check,{class:"q-list-item__check"}),null,16)):t.createCommentVNode("",!0)])],42,F))}}),H=["aria-labelledby"],O=["id"],j=t.defineComponent({__name:"QListItemGroup",props:{title:{default:""},disabled:{type:Boolean}},setup(e){const o=e,l=A()
|
|
102
102
|
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,O)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],8,H))}}),G=b(D),K=b(U),W=b(j)
|
|
103
|
-
function Z(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(),
|
|
103
|
+
function Z(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
|
|
104
104
|
let c=o
|
|
105
105
|
i&&!X(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"]}
|
|
106
106
|
for(const n of l[o])if(X(e,t,n))return n
|
|
107
107
|
return o}(n,i,c))
|
|
108
108
|
const u={x:0,y:0,placement:c}
|
|
109
|
-
switch(c){case"top":u.x="anchor"===l?a:a+(n.width-
|
|
109
|
+
switch(c){case"top":u.x="anchor"===l?a:a+(n.width-d)/2,u.y=r-s
|
|
110
110
|
break
|
|
111
|
-
case"bottom":u.x="anchor"===l?a:a+(n.width-
|
|
111
|
+
case"bottom":u.x="anchor"===l?a:a+(n.width-d)/2,u.y=r+n.height
|
|
112
112
|
break
|
|
113
|
-
case"left":u.x=a-
|
|
113
|
+
case"left":u.x=a-d,u.y=r+n.height/2-s/2
|
|
114
114
|
break
|
|
115
|
-
case"right":u.x=a+n.width,u.y=r+n.height/2-
|
|
115
|
+
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 X(e,t,o){let l=!1,n=!1
|
|
116
116
|
switch(o){case"top":l=J(e,t),n=e.top>t.height
|
|
117
117
|
break
|
|
118
118
|
case"bottom":l=J(e,t),n=window.innerHeight-e.top-e.height>t.height
|
|
119
119
|
break
|
|
120
120
|
case"left":l=e.left>t.width,n=Y(e,t)
|
|
121
121
|
break
|
|
122
|
-
case"right":l=window.innerWidth-e.left-e.width>t.width,n=Y(e,t)}return l&&n}function Y(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function J(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function ee(e){return"string"==typeof e?document.querySelector(e):e}const te=["role"],oe={key:0,role:"presentation",class:"q-overlay__arrow"},le=b(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:t.mergeModels({anchor:{default:void 0},appearance:{default:"regular"},arrow:{type:Boolean},attach:{default:"body"},backdropBlur:{type:Boolean},delay:{default:500},offset:{default:8},placement:{default:"right"},spy:{type:Boolean},transition:{default:"fade"},trigger:{default:"click"},width:{default:"auto"},class:{default:void 0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:t.mergeModels(["enter","leave"],["update:modelValue"]),setup(e,{emit:o}){const l=e,n=o,a=t.useModel(e,"modelValue"),r=t.computed((()=>["q-overlay",`q-overlay--${
|
|
123
|
-
t.watch(a,(()=>
|
|
124
|
-
const
|
|
125
|
-
switch(
|
|
122
|
+
case"right":l=window.innerWidth-e.left-e.width>t.width,n=Y(e,t)}return l&&n}function Y(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function J(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function ee(e){return"string"==typeof e?document.querySelector(e):e}const te=["role"],oe={key:0,role:"presentation",class:"q-overlay__arrow"},le=b(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:t.mergeModels({anchor:{default:void 0},appearance:{default:"regular"},arrow:{type:Boolean},attach:{default:"body"},backdropBlur:{type:Boolean},delay:{default:500},offset:{default:8},placement:{default:"right"},spy:{type:Boolean},transition:{default:"fade"},trigger:{default:"click"},width:{default:"auto"},class:{default:void 0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:t.mergeModels(["enter","leave"],["update:modelValue"]),setup(e,{emit:o}){const l=e,n=o,a=t.useModel(e,"modelValue"),r=t.computed((()=>["q-overlay",`q-overlay--${d.placement}`,{"q-overlay--inverted":"inverted"===l.appearance},l.class])),i=t.computed((()=>(a.value||d.animating)&&"click"===l.trigger)),d=t.reactive({animating:!1,top:0,left:0,width:0,placement:l.placement})
|
|
123
|
+
t.watch(a,(()=>d.animating=!0))
|
|
124
|
+
const s=t.computed((()=>{let e=0,t=0
|
|
125
|
+
switch(d.placement){case"top":t=-(l.offset||0)
|
|
126
126
|
break
|
|
127
127
|
case"bottom":t=l.offset||0
|
|
128
128
|
break
|
|
129
129
|
case"left":e=-(l.offset||0)
|
|
130
130
|
break
|
|
131
|
-
case"right":e=l.offset||0}const o={top:`${
|
|
132
|
-
return void 0!==
|
|
131
|
+
case"right":e=l.offset||0}const o={top:`${d.top+t}px`,left:`${d.left+e}px`}
|
|
132
|
+
return void 0!==d.width&&["top","bottom"].includes(d.placement)&&(o.width=`${d.width}px`),o})),c=t.ref(null)
|
|
133
133
|
function u(){if(l.anchor){const e=ee(l.anchor)
|
|
134
134
|
if(e){const t=Z(e,c.value,l.placement,l.width)
|
|
135
|
-
|
|
135
|
+
d.left=t.x,d.top=t.y,d.width=t.width,d.placement=t.placement}}}let p,f,m,v
|
|
136
136
|
function h(){b(0)}function y(){b(l.delay)}function b(e){p||(p=window.setTimeout((()=>{a.value=!0,t.nextTick((()=>{var e
|
|
137
137
|
"click"===l.trigger&&(null==(e=c.value)||e.focus())}))}),e))}function g(){clearTimeout(p),p=void 0,a.value=!1,t.nextTick((()=>{if(l.anchor&&"click"===l.trigger){const e=ee(l.anchor)
|
|
138
|
-
null==e||e.focus()}}))}function k(){n("enter")}function B(){window.clearTimeout(f),f=window.setTimeout((()=>
|
|
138
|
+
null==e||e.focus()}}))}function k(){n("enter")}function B(){window.clearTimeout(f),f=window.setTimeout((()=>d.animating=!1),200),n("leave")}function w(){l.anchor&&(ee(l.anchor)?(u(),v=window.setTimeout(w,100)):g())}function x(){t.nextTick((()=>{if(!l.anchor)return
|
|
139
139
|
const e=ee(l.anchor)
|
|
140
140
|
e&&(window.addEventListener("resize",u),m=new MutationObserver(u),m.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),u())})),l.spy&&w(),l.anchor&&document.addEventListener("scroll",g)}function _(){window.removeEventListener("resize",u),null==m||m.disconnect(),l.spy&&(clearTimeout(v),v=void 0),document.removeEventListener("scroll",g)}return t.watch([a,()=>l.placement],u),t.onBeforeUnmount((()=>{(function(){if(!l.anchor)return
|
|
141
141
|
const e=ee(l.anchor)
|
|
@@ -145,57 +145,57 @@ case"hover":e.removeEventListener("mouseenter",y),e.removeEventListener("mousele
|
|
|
145
145
|
const e=ee(l.anchor)
|
|
146
146
|
if(e)switch(l.trigger){case"click":e.addEventListener("click",h)
|
|
147
147
|
break
|
|
148
|
-
case"hover":e.addEventListener("mouseenter",y),e.addEventListener("mouseleave",g),e.addEventListener("focusin",h),e.addEventListener("focusout",g)}})),u()}))})),t.watch(a,(e=>{e?x():_()}),{immediate:!0}),(e,o)=>(t.openBlock(),t.createBlock(t.Teleport,{disabled:!a.value&&!
|
|
149
|
-
return o({fieldRef:a}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(n),class:t.normalizeClass(["q-field",`q-field--${l.size}`,{"q-field--readonly":l.readonly,"q-field--disabled":l.disabled,"q-field--required":r.value},l.class])},[l.label?(t.openBlock(),t.createElementBlock("div",ae,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:l.for},t.toDisplayString(l.label),9,re),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:a},e.$attrs),[e.$slots.prepend?(t.openBlock(),t.createElementBlock("div",ie,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",
|
|
148
|
+
case"hover":e.addEventListener("mouseenter",y),e.addEventListener("mouseleave",g),e.addEventListener("focusin",h),e.addEventListener("focusout",g)}})),u()}))})),t.watch(a,(e=>{e?x():_()}),{immediate:!0}),(e,o)=>(t.openBlock(),t.createBlock(t.Teleport,{disabled:!a.value&&!d.animating||!l.attach,to:l.attach},[i.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["q-overlay__underlay",{"q-overlay__underlay--blur":l.backdropBlur}])},null,2)):t.createCommentVNode("",!0),t.createVNode(t.Transition,{name:l.transition,appear:"",onEnter:k,onLeave:B},{default:t.withCtx((()=>[a.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(r.value),style:t.normalizeStyle(s.value)},[t.createElementVNode("div",t.mergeProps({class:"q-overlay__content",ref_key:"overlayRef",ref:c,tabindex:"-1",role:i.value?"dialog":void 0},e.$attrs,{onKeydown:t.withKeys(g,["escape"]),onBlur:g}),[l.arrow?(t.openBlock(),t.createElementBlock("div",oe)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],16,te)],6)):t.createCommentVNode("",!0)])),_:3},8,["name"])],8,["disabled","to"]))}})),ne=["id"],ae={key:0,class:"q-field__label"},re=["for"],ie={key:0,class:"q-field__prepend"},de={key:1,class:"q-field__append"},se={key:1,class:"q-field__extras"},ce=b(t.defineComponent({inheritAttrs:!1,__name:"QField",props:{id:{default:void 0},label:{default:""},for:{default:void 0},size:{default:"medium"},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},class:{default:void 0}},setup(e,{expose:o}){const l=e,n=A(l.id),a=t.ref(null),r=t.computed((()=>l.required&&!l.readonly&&!l.disabled))
|
|
149
|
+
return o({fieldRef:a}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(n),class:t.normalizeClass(["q-field",`q-field--${l.size}`,{"q-field--readonly":l.readonly,"q-field--disabled":l.disabled,"q-field--required":r.value},l.class])},[l.label?(t.openBlock(),t.createElementBlock("div",ae,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:l.for},t.toDisplayString(l.label),9,re),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:a},e.$attrs),[e.$slots.prepend?(t.openBlock(),t.createElementBlock("div",ie,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",de,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",se,[t.renderSlot(e.$slots,"extras")])):t.createCommentVNode("",!0)],10,ne))}})),ue=["id","type","role","required","placeholder","readonly","disabled","maxlength"],pe=b(t.defineComponent({inheritAttrs:!1,__name:"QTextField",props:t.mergeModels({id:{default:void 0},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"},class:{default:void 0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e,{expose:o}){const l=e,n=t.useModel(e,"modelValue"),a=A(l.id),r=t.ref(null),i=t.ref(null),d=t.computed((()=>l.readonly||l.disabled?"":l.placeholder))
|
|
150
150
|
return o({fieldRef:t.computed((()=>{var e
|
|
151
|
-
return null==(e=r.value)?void 0:e.fieldRef})),inputRef:i}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(ce),{ref_key:"fieldRef",ref:r,class:t.normalizeClass(["q-text-field",l.class]),for:t.unref(a),label:l.label,size:l.size,readonly:l.readonly,disabled:l.disabled,required:l.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",t.mergeProps({"onUpdate:modelValue":o[0]||(o[0]=e=>n.value=e),ref_key:"inputRef",ref:i,id:t.unref(a),class:"q-text-field__input",type:l.type,role:l.role,required:l.required,placeholder:
|
|
151
|
+
return null==(e=r.value)?void 0:e.fieldRef})),inputRef:i}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(ce),{ref_key:"fieldRef",ref:r,class:t.normalizeClass(["q-text-field",l.class]),for:t.unref(a),label:l.label,size:l.size,readonly:l.readonly,disabled:l.disabled,required:l.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",t.mergeProps({"onUpdate:modelValue":o[0]||(o[0]=e=>n.value=e),ref_key:"inputRef",ref:i,id:t.unref(a),class:"q-text-field__input",type:l.type,role:l.role,required:l.required,placeholder:d.value,readonly:l.readonly,disabled:l.disabled,maxlength:l.maxLength},e.$attrs),null,16,ue),[[t.vModelDynamic,n.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,["class","for","label","size","readonly","disabled","required"]))}})),fe=["data-key"],me={key:0,class:"q-select__loader"},ve={key:2,class:"q-select__loader"},he={noData:"No data available"},ye={chevron:{icon:"chevron-down"},clear:{icon:"close"}},be=b(t.defineComponent({__name:"QCombobox",props:t.mergeModels({id:{default:void 0},placeholder:{default:""},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"},emptyValue:{type:[String,Number,Boolean,Symbol],default:void 0},size:{default:void 0},texts:{default:()=>he},icons:{default:()=>ye},class:{default:void 0}},{modelValue:{type:[String,Number,Boolean,Symbol]},modelModifiers:{},open:{type:Boolean},openModifiers:{},search:{default:""},searchModifiers:{}}),emits:t.mergeModels(["before-show","before-hide","show","hide"],["update:modelValue","update:open","update:search"]),setup(e,{expose:o,emit:l}){const n=e,a=l,r=t.useModel(e,"modelValue"),i=t.useModel(e,"open"),d=t.useModel(e,"search"),s=t.ref(void 0),c=t.ref(null),u=t.ref(null),p=t.ref(null)
|
|
152
152
|
t.onMounted(w)
|
|
153
153
|
const f=t.computed((()=>n.clearable&&!n.readonly&&!n.disabled)),m=t.computed((()=>{var e
|
|
154
|
-
return"manual"!==n.filterMode&&k.value?null==(e=n.items)?void 0:e.filter((e=>e[n.itemLabel].toLowerCase().startsWith(
|
|
155
|
-
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===r.value))})),h=t.computed((()=>void 0===v.value)),y=t.computed((()=>{const e=
|
|
154
|
+
return"manual"!==n.filterMode&&k.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
|
|
155
|
+
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===r.value))})),h=t.computed((()=>void 0===v.value)),y=t.computed((()=>{const e=s.value
|
|
156
156
|
if(void 0!==e&&m.value[e])return m.value[e]})),b=t.computed((()=>{var e
|
|
157
|
-
if(void 0===
|
|
158
|
-
const t=null==(e=u.value)?void 0:e.getItem(
|
|
157
|
+
if(void 0===s.value)return
|
|
158
|
+
const t=null==(e=u.value)?void 0:e.getItem(s.value)
|
|
159
159
|
return null==t?void 0:t.id})),k=t.computed((()=>{var e
|
|
160
|
-
return
|
|
160
|
+
return d.value.length>0&&d.value!==(null==(e=v.value)?void 0:e[n.itemLabel])}))
|
|
161
161
|
function B(e){r.value=e,C()}function w(){var e
|
|
162
162
|
const t=(null==(e=v.value)?void 0:e[n.itemLabel])||""
|
|
163
|
-
|
|
163
|
+
d.value!==t&&(d.value=t)}function _(){i.value||n.readonly||n.disabled||(a("before-show"),i.value=!0,L())}function C(){i.value&&(a("before-hide"),i.value=!1,s.value=void 0)}function S(){i.value?C():q()}function V(){f.value&&(r.value=n.emptyValue,s.value=void 0,L())}function q(){if(_(),void 0!==v.value){const e=m.value.indexOf(v.value);-1!==e&&t.nextTick((()=>D(e)))}}function E(e){var o,l
|
|
164
164
|
if(e.key&&!n.readonly&&!n.disabled)if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),"Escape"===e.key)w(),i.value&&C()
|
|
165
|
-
else if(["ArrowDown","ArrowUp"].includes(e.key))i.value?t.nextTick((()=>{if(void 0===
|
|
165
|
+
else if(["ArrowDown","ArrowUp"].includes(e.key))i.value?t.nextTick((()=>{if(void 0===s.value)$()
|
|
166
166
|
else{const t="ArrowDown"===e.key?"next":"prev"
|
|
167
167
|
!function(e,t){var o
|
|
168
|
-
|
|
169
|
-
|
|
168
|
+
s.value=null==(o=u.value)?void 0:o.getAdjacentItemIndex(e,t)}(s.value,t)}})):(_(),t.nextTick((()=>{"ArrowDown"===e.key?$():function(){var e
|
|
169
|
+
s.value=null==(e=u.value)?void 0:e.getLastFocusableItemIndex()}()})))
|
|
170
170
|
else if("Enter"===e.key){if(void 0===y.value)return
|
|
171
|
-
B(y.value[n.itemValue])}else"Home"===e.key?
|
|
172
|
-
if(h.value)
|
|
171
|
+
B(y.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)&&_()}function $(){var e,t
|
|
172
|
+
if(h.value)s.value=null==(t=u.value)?void 0:t.getFirstFocusableItemIndex()
|
|
173
173
|
else{const t=m.value.findIndex((e=>e[n.itemValue]===r.value))
|
|
174
|
-
|
|
175
|
-
null!=(t=p.value)&&t.contains(e.relatedTarget)||null!=(l=null==(o=c.value)?void 0:o.fieldRef)&&l.contains(e.relatedTarget)?(e.preventDefault(),e.stopPropagation()):(C(),f.value&&!
|
|
174
|
+
s.value=-1===t?null==(e=u.value)?void 0:e.getFirstFocusableItemIndex():t}}function z(e){var t,o,l
|
|
175
|
+
null!=(t=p.value)&&t.contains(e.relatedTarget)||null!=(l=null==(o=c.value)?void 0:o.fieldRef)&&l.contains(e.relatedTarget)?(e.preventDefault(),e.stopPropagation()):(C(),f.value&&!d.value&&(r.value=n.emptyValue),w())}function L(){var e,t
|
|
176
176
|
null==(t=null==(e=c.value)?void 0:e.inputRef)||t.focus()}function N(){L()}function T(){a("show")}function M(){a("hide")}function D(e){var t
|
|
177
177
|
const o=null==(t=u.value)?void 0:t.getItem(e)
|
|
178
|
-
null==o
|
|
179
|
-
|
|
180
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(pe),{modelValue:
|
|
181
|
-
return[t.createElementVNode("div",{ref_key:"contentRef",ref:p,class:"q-select__body",onFocusout:z},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createElementBlock("div",
|
|
182
|
-
return r({QField:{size:"block"}}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(ce),{id:o.id,class:t.normalizeClass(["q-input-group",o.class]),label:o.label,required:o.required,size:o.size},{default:t.withCtx((()=>[e.$slots.prepend||o.prependIcon?(t.openBlock(),t.createElementBlock("div",
|
|
183
|
-
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",o.class])},null,2))}})),
|
|
184
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(le),{"model-value":l.value,class:"q-popover",trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,disabled:o.disabled,placement:o.placement},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",
|
|
178
|
+
u.value&&(u.value.$el.scrollTop=null==o?void 0:o.offsetTop)}return t.watch(r,w),t.watch((()=>n.items),((e,t)=>{if(!h.value){const e=t.find((e=>e[n.itemValue]===r.value))
|
|
179
|
+
d.value===(null==e?void 0:e[n.itemLabel])&&w()}}),{deep:!0}),t.watch(s,(e=>{void 0!==e&&D(e)})),t.watch(d,(e=>{e&&i.value&&"automatic"===n.selectionMode&&t.nextTick($)})),t.watch((()=>n.loading),(e=>{!e&&i.value&&t.nextTick($)})),o({triggerEl:c}),(e,o)=>{var l
|
|
180
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(pe),{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",placeholder:n.placeholder,class:t.normalizeClass(["q-combobox",{"q-combobox--readonly":n.readonly,"q-combobox--disabled":n.disabled,"q-combobox--expanded":i.value},n.class]),readonly:n.readonly,disabled:n.disabled,"data-loading":n.loading,autocomplete:"off","aria-expanded":i.value,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":b.value,size:n.size,onClick:q,onFocusout:z,onKeydown:t.withModifiers(E,["stop"])},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),append:t.withCtx((()=>[t.renderSlot(e.$slots,"append"),f.value&&d.value?(t.openBlock(),t.createBlock(t.unref(x),{key:0,class:"q-combobox__clear","b-style":"plain",borderless:"",tabindex:"-1",onClick:V},{default:t.withCtx((()=>[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(n.icons.clear)),null,16)])),_:1})):t.createCommentVNode("",!0),n.readonly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(x),{key:1,class:"q-combobox__chevron","b-style":"plain",borderless:"",tabindex:"-1",disabled:n.disabled,onClick:S},{default:t.withCtx((()=>[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(n.icons.chevron)),null,16)])),_:1},8,["disabled"]))])),_:2},[e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"prepend")])),key:"0"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"1"}:void 0]),1032,["modelValue","id","label","required","placeholder","class","readonly","disabled","data-loading","aria-expanded","aria-activedescendant","size"]),t.createVNode(t.unref(le),{modelValue:i.value,"onUpdate:modelValue":o[2]||(o[2]=e=>i.value=e),spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:4,anchor:null==(l=c.value)?void 0:l.$el,onEnter:T,onLeave:M},{default:t.withCtx((()=>{var l
|
|
181
|
+
return[t.createElementVNode("div",{ref_key:"contentRef",ref:p,"data-testid":"combobox-dropdown","data-key":n.id,class:"q-select__body",onFocusout:z},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createElementBlock("div",me,[t.createVNode(t.unref(g),{size:24})])):m.value.length?(t.openBlock(),t.createBlock(t.unref(G),{key:1,ref_key:"listRef",ref:u,class:"q-select__items",modelValue:r.value,"onUpdate:modelValue":[o[1]||(o[1]=e=>r.value=e),B],highlighted:null==(l=y.value)?void 0:l[n.itemValue],items:m.value,groups:e.groups,"item-label":n.itemLabel,"item-value":n.itemValue,onMouseup:N},{item:t.withCtx((({item:o})=>[t.renderSlot(e.$slots,"item",{item:o})])),_:3},8,["modelValue","highlighted","items","groups","item-label","item-value"])):(t.openBlock(),t.createElementBlock("div",ve,t.toDisplayString(e.texts.noData),1)),t.renderSlot(e.$slots,"body.append")],40,fe)]})),_:3},8,["modelValue","anchor"])],64)}}})),ge={key:0,class:"q-input-group__prepend"},ke={key:0},Be={key:1,class:"q-input-group__append"},we={key:0},xe=b(t.defineComponent({__name:"QInputGroup",props:{id:{default:void 0},label:{default:""},required:{type:Boolean},prependIcon:{default:void 0},appendIcon:{default:void 0},size:{default:"large"},class:{default:void 0}},setup(e){const o=e
|
|
182
|
+
return r({QField:{size:"block"}}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(ce),{id:o.id,class:t.normalizeClass(["q-input-group",o.class]),label:o.label,required:o.required,size:o.size},{default:t.withCtx((()=>[e.$slots.prepend||o.prependIcon?(t.openBlock(),t.createElementBlock("div",ge,[o.prependIcon?(t.openBlock(),t.createElementBlock("span",ke,[t.createVNode(t.unref(I),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",Be,[o.appendIcon?(t.openBlock(),t.createElementBlock("span",we,[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(o.appendIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)])),_:3},8,["id","class","label","required","size"]))}})),_e=b(t.defineComponent({__name:"QLineLoader",props:{class:{default:void 0}},setup(e){const o=e
|
|
183
|
+
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",o.class])},null,2))}})),Ce={key:0,class:"q-popover__header"},Se={key:1,class:"q-popover__body"},Ve=["innerHTML"],qe={key:1},Ee=b(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:t.mergeModels({anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},text:{},title:{}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=e,l=t.useModel(e,"modelValue")
|
|
184
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(le),{"model-value":l.value,class:"q-popover",trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,disabled:o.disabled,placement:o.placement},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",Ce,[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",Se,[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,Ve)):(t.openBlock(),t.createElementBlock("span",qe,t.toDisplayString(o.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","disabled","placement"]))}})),$e={key:0,class:"q-select__value"},ze={key:1,class:"q-select__placeholder"},Le=["data-key"],Ie={key:0,class:"q-select__loader"},Ne={placeholder:"Choose..."},Te={chevron:{icon:"chevron-down"},clear:{icon:"close"}},Me=b(t.defineComponent({__name:"QSelect",props:t.mergeModels({id:{default:void 0},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"},emptyValue:{type:[String,Number,Boolean,Symbol],default:void 0},size:{default:void 0},texts:{default:()=>Ne},class:{default:""}},{modelValue:{type:[String,Number,Boolean,Symbol]},modelModifiers:{}}),emits:t.mergeModels(["before-show","before-hide","show","hide"],["update:modelValue"]),setup(e,{emit:o}){const l=e,n=o,a=t.useModel(e,"modelValue"),r=t.ref(!1),i=t.ref(""),d=t.ref(null),s=t.ref(null),c=t.ref(null),u=t.computed((()=>void 0===p.value)),p=t.computed((()=>{var e
|
|
185
185
|
return null==(e=l.items)?void 0:e.find((e=>e[l.itemValue]===a.value))})),f=t.computed((()=>p.value?p.value[l.itemLabel]:"")),m=t.computed((()=>l.clearable&&!l.readonly&&!l.disabled&&!l.loading))
|
|
186
|
-
function v(e){a.value=e,B()}function h(){m.value&&v(l.emptyValue)}function y(){l.readonly||l.disabled||(r.value?B():k())}function b(e){var t,o,l;(null==(t=c.value)||!t.contains(e.relatedTarget))&&(null==(l=null==(o=
|
|
186
|
+
function v(e){a.value=e,B()}function h(){m.value&&v(l.emptyValue)}function y(){l.readonly||l.disabled||(r.value?B():k())}function b(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))&&B()}function k(){r.value||(n("before-show"),r.value=!0)}function B(){r.value&&(n("before-hide"),r.value=!1)}function w(){r.value?B():k()}let _
|
|
187
187
|
function C(e){if(e.key&&!l.readonly&&!l.disabled){if(window.clearTimeout(_),["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:m.value&&"Escape"===e.key&&h()),"Delete"===e.key&&l.clearable&&h(),/^[a-z]$/i.test(e.key)){i.value+=e.key.toLowerCase()
|
|
188
188
|
for(let e=0;e<l.items.length;e++)if(l.items[e][l.itemLabel].toLowerCase().startsWith(i.value)){E(e)
|
|
189
189
|
break}}_=window.setTimeout((function(){i.value=""}),500)}}function S(){var e
|
|
190
190
|
l.loading?null==(e=c.value)||e.focus():q(),n("show")}function V(){var e,t
|
|
191
|
-
null==(t=null==(e=
|
|
192
|
-
null==(e=
|
|
193
|
-
null==(t=
|
|
194
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ce),{id:l.id,label:l.label,required:l.required,ref_key:"triggerEl",ref:
|
|
195
|
-
return[t.renderSlot(e.$slots,"prepend"),null!=(o=p.value)&&o.icon?(t.openBlock(),t.createBlock(t.unref(I),t.normalizeProps(t.mergeProps({key:0},null==(l=p.value)?void 0:l.icon)),null,16)):t.createCommentVNode("",!0)]})),key:"0"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"1"}:void 0]),1032,["id","label","required","tabindex","class","readonly","disabled","aria-expanded","size"]),t.createVNode(t.unref(le),{modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=e=>r.value=e),spy:"",trigger:"manual",placement:"bottom",width:"anchor",anchor:null==(i=
|
|
196
|
-
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-theme-provider",`q-theme--${o.theme}`])},[t.renderSlot(e.$slots,"default")],2))}})),
|
|
197
|
-
return(e,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"anchor",{props:{"aria-describedby":t.unref(n)}}),t.createVNode(t.unref(le),{"model-value":l.value,anchor:o.anchor,role:"tooltip",id:t.unref(n),appearance:o.appearance,arrow:o.arrow,attach:o.attach,class:t.normalizeClass(["q-tooltip",o.class]),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,
|
|
198
|
-
e.QButton=x,e.QButtonGroup=_,e.QButtonToggle=C,e.QCombobox=
|
|
191
|
+
null==(t=null==(e=d.value)?void 0:e.fieldRef)||t.focus(),n("hide")}function q(){var e
|
|
192
|
+
null==(e=s.value)||e.$el.focus()}function E(e){var t
|
|
193
|
+
null==(t=s.value)||t.focusItem(e)}return t.watch((()=>l.loading),(e=>{!e&&r.value&&t.nextTick(q)})),(e,o)=>{var n,i
|
|
194
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ce),{id:l.id,label:l.label,required:l.required,ref_key:"triggerEl",ref:d,role:"combobox",tabindex:l.disabled?-1:0,class:t.normalizeClass(["q-select",{"q-select--readonly":l.readonly,"q-select--disabled":l.disabled,"q-select--expanded":r.value},l.class]),readonly:l.readonly,disabled:l.disabled,"data-loading":l.loading,"aria-expanded":r.value,"aria-haspopup":"listbox",size:l.size,onClick:y,onKeydown:t.withModifiers(C,["stop"])},t.createSlots({append:t.withCtx((()=>[t.renderSlot(e.$slots,"append"),m.value&&a.value?(t.openBlock(),t.createBlock(t.unref(x),{key:0,class:"q-select__clear","b-style":"plain",borderless:"",tabindex:"-1",onClick:h},{default:t.withCtx((()=>[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(l.icons.clear)),null,16)])),_:1})):t.createCommentVNode("",!0),l.readonly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(x),{key:1,class:"q-select__chevron","b-style":"plain",borderless:"",tabindex:"-1",disabled:l.disabled,onClick:w},{default:t.withCtx((()=>[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(l.icons.chevron)),null,16)])),_:1},8,["disabled"]))])),default:t.withCtx((()=>[u.value?(t.openBlock(),t.createElementBlock("span",ze,[l.readonly||l.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.texts.placeholder),1)],64))])):(t.openBlock(),t.createElementBlock("span",$e,t.toDisplayString(f.value),1))])),_:2},[null!=(n=p.value)&&n.icon||e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>{var o,l
|
|
195
|
+
return[t.renderSlot(e.$slots,"prepend"),null!=(o=p.value)&&o.icon?(t.openBlock(),t.createBlock(t.unref(I),t.normalizeProps(t.mergeProps({key:0},null==(l=p.value)?void 0:l.icon)),null,16)):t.createCommentVNode("",!0)]})),key:"0"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"1"}:void 0]),1032,["id","label","required","tabindex","class","readonly","disabled","data-loading","aria-expanded","size"]),t.createVNode(t.unref(le),{modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=e=>r.value=e),spy:"",trigger:"manual",placement:"bottom",width:"anchor",anchor:null==(i=d.value)?void 0:i.$el,offset:2,onEnter:S,onLeave:V},{default:t.withCtx((()=>[t.createElementVNode("div",{ref_key:"contentRef",ref:c,"data-testid":"combobox-dropdown","data-key":l.id,class:"q-select__body",tabindex:"-1",onFocusout:b,onKeydown:t.withModifiers(C,["stop"])},[t.renderSlot(e.$slots,"body.prepend"),l.loading?(t.openBlock(),t.createElementBlock("div",Ie,[t.createVNode(t.unref(g),{size:24})])):(t.openBlock(),t.createBlock(t.unref(G),{key:1,ref_key:"listRef",ref:s,class:"q-select__items",modelValue:a.value,"onUpdate:modelValue":[o[0]||(o[0]=e=>a.value=e),v],items:l.items,groups:e.groups,"item-label":l.itemLabel,"item-value":l.itemValue},{item:t.withCtx((({item:o})=>[t.renderSlot(e.$slots,"item",{item:o})])),_:3},8,["modelValue","items","groups","item-label","item-value"])),t.renderSlot(e.$slots,"body.append")],40,Le)])),_:3},8,["modelValue","anchor"])],64)}}})),De=b(t.defineComponent({__name:"QThemeProvider",props:{theme:{}},setup(e){const o=e
|
|
196
|
+
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-theme-provider",`q-theme--${o.theme}`])},[t.renderSlot(e.$slots,"default")],2))}})),Qe=["innerHTML"],Ae={key:1},Fe=b(t.defineComponent({__name:"QTooltip",props:t.mergeModels({id:{default:void 0},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"},class:{default:void 0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=e,l=t.useModel(e,"modelValue"),n=A(o.id)
|
|
197
|
+
return(e,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"anchor",{props:{"aria-describedby":t.unref(n)}}),t.createVNode(t.unref(le),{"model-value":l.value,anchor:o.anchor,role:"tooltip",id:t.unref(n),appearance:o.appearance,arrow:o.arrow,attach:o.attach,class:t.normalizeClass(["q-tooltip",o.class]),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,Qe)):(t.openBlock(),t.createElementBlock("span",Ae,t.toDisplayString(o.text),1))])),_:1},8,["model-value","anchor","id","appearance","arrow","attach","class","delay","disabled","placement","trigger"])],64))}}))
|
|
198
|
+
e.QButton=x,e.QButtonGroup=_,e.QButtonToggle=C,e.QCombobox=be,e.QField=ce,e.QIcon=I,e.QIconFont=N,e.QIconImg=T,e.QIconSvg=M,e.QInputGroup=xe,e.QLineLoader=_e,e.QList=G,e.QListItem=K,e.QListItemGroup=W,e.QOverlay=le,e.QPopover=Ee,e.QSelect=Me,e.QSpinnerLoader=g,e.QTextField=pe,e.QThemeProvider=De,e.QTooltip=Fe,e.createFramework=function(e={}){return{install:o=>{const l=e.components||{}
|
|
199
199
|
for(const e in l)o.component(e,l[e])
|
|
200
200
|
const n=e.defaults||{}
|
|
201
201
|
o.provide(a,t.ref(n)),function(e,o){const l=[]
|
|
@@ -203,6 +203,6 @@ let n
|
|
|
203
203
|
if(o)for(const e of o.themes){const t={..."light"===e.mode?c:u,...e.colors}
|
|
204
204
|
l.push({name:e.name,mode:e.mode,scheme:t}),e.name===o.defaultTheme&&(n=e.name)}else n="default",l.push({name:n,mode:"light",scheme:c})
|
|
205
205
|
if(n){const o={activeTheme:t.ref(n),themes:l}
|
|
206
|
-
m(l),t.watch(o.activeTheme,h,{immediate:!0}),e.provide(
|
|
207
|
-
return t.provide(
|
|
206
|
+
m(l),t.watch(o.activeTheme,h,{immediate:!0}),e.provide(d,o)}}(o,e.themes)}}},e.defaultDarkColorScheme=u,e.defaultLightColorScheme=c,e.provideTheme=function(e){const o=s(),l={activeTheme:t.ref(e),themes:o.themes}
|
|
207
|
+
return t.provide(d,l),l},e.useTheme=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}))
|
|
208
208
|
//# sourceMappingURL=ui.min.js.map
|