@quidgest/ui 0.8.0 → 0.8.1
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 +208 -204
- 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.js +57 -56
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +1 -1
- package/package.json +1 -1
package/dist/ui.min.js
CHANGED
|
@@ -13,18 +13,18 @@ if(!e)throw new Error("[Quidgest UI] Could not find theme instance")
|
|
|
13
13
|
return e}const c={primary:"#007dbe",primaryLight:"#cde5ff",primaryDark:"#006398",secondary:"#001d31",highlight:"#be4300",info:"#17a2b8",infoLight:"#bceff7",infoDark:"#11798a",success:"#28a745",successLight:"#c2f0cd",successDark:"#1e7d34",warning:"#ffa900",warningLight:"#ffeabf",warningDark:"#bf7f00",danger:"#b71c1c",dangerLight:"#f5bebe",dangerDark:"#891515",background:"#fff",container:"#fff",neutral:"#72787e",neutralLight:"#c2c7ce",neutralDark:"#2b3137",onBackground:"#1e2436",onPrimary:"#fff",onSecondary:"#fff",onHighlight:"#fff",onSuccess:"#fff",onWarning:"#fff",onDanger:"#fff",onInfo:"#fff"},u={primary:"#018BD2",primaryLight:"#cce7f6",primaryDark:"#006fac",secondary:"#11294d",highlight:"#FFAD54",info:"#3DB6D1",infoLight:"#5aa2bc",infoDark:"#0c616a",success:"#00C781",successLight:"#6bae78",successDark:"#0f3b16",warning:"#FFD860",warningLight:"#ffd07a",warningDark:"#cc8000",danger:"#FC4B6C",dangerLight:"#FF7A88",dangerDark:"#B21929",background:"#1e2436",container:"#21323d",neutral:"#dee3eb",neutralLight:"#2b3137",neutralDark:"#ecf1f9",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")
|
|
15
15
|
4===e.length&&(e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3])
|
|
16
|
-
return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function f(e){let t=""
|
|
16
|
+
return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function f(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([0-9])([A-Za-z])/g,"$1-$2").replace(/([A-Za-z])([0-9])/g,"$1-$2").toLowerCase()}function m(e){let t=""
|
|
17
17
|
for(const l of e){t+=`.q-theme--${l.name} {\n`
|
|
18
18
|
const e=l.scheme
|
|
19
19
|
let o
|
|
20
20
|
for(o in e){const l=e[o]
|
|
21
|
-
if(l){t+=` ${
|
|
21
|
+
if(l){t+=` ${v(o)}: ${l};\n`
|
|
22
22
|
const e=p(l)
|
|
23
|
-
t+=` ${
|
|
23
|
+
t+=` ${v(o)}-rgb: ${e.r} ${e.g} ${e.b};\n`}}t+="}\n"}const l=function(){let e=document.getElementById(s)
|
|
24
24
|
return e||(e=document.createElement("style"),e.id=s,document.head.appendChild(e)),e}()
|
|
25
|
-
l.textContent=t}function
|
|
26
|
-
t.className=l.join(" "),t.classList.add(`q-theme--${e}`)}const
|
|
27
|
-
function
|
|
25
|
+
l.textContent=t}function v(e){return e?`--q-theme-${f(e)}`:""}function h(e){const t=document.documentElement,l=Array.from(t.classList).filter((e=>!e.startsWith("q-theme")))
|
|
26
|
+
t.className=l.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
|
+
function b(e){const o=e.setup
|
|
28
28
|
return o&&(e.setup=(e,a)=>{const r=function(){var e,l
|
|
29
29
|
const o=t.getCurrentInstance()
|
|
30
30
|
if(!o)throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function")
|
|
@@ -38,22 +38,23 @@ if(null===s)return o(e,a)
|
|
|
38
38
|
const d=new Proxy(e,{get(e,t){var l
|
|
39
39
|
const o=Reflect.get(e,t),n=null==(l=r.value)?void 0:l[t]
|
|
40
40
|
return"string"!=typeof t||function(e,t){var l
|
|
41
|
-
|
|
42
|
-
return
|
|
43
|
-
return(
|
|
41
|
+
const o=f(t)
|
|
42
|
+
return!!o&&typeof(null==(l=e.props)?void 0:l[o])<"u"}(s.vnode,t)?o:n??o}})
|
|
43
|
+
return o(d,a)}),e}const g=b(t.defineComponent({__name:"QSpinnerLoader",props:{size:{default:48},class:{default:void 0}},setup(e){const l=e,o=t.computed((()=>({"font-size":48!==l.size?`${l.size}px`:void 0})))
|
|
44
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-spinner-loader",l.class]),style:t.normalizeStyle(o.value)},y,6))}})),k=["disabled"],w={key:0,class:"q-btn__spinner"},B={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:l}){const o=l,n=e,a=t.computed((()=>n.disabled||n.loading))
|
|
44
45
|
function r(e){a.value||o("click",e)}const i=t.computed((()=>{const e="regular"!==n.size?`q-btn--${n.size}`:void 0
|
|
45
46
|
return["q-btn",`q-btn--${n.bStyle}`,e,{"q-btn--active":n.active,"q-btn--borderless":n.borderless,"q-btn--elevated":n.elevated,"q-btn--block":n.block,"q-btn--loading":n.loading},n.class]}))
|
|
46
|
-
return(e,l)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(i.value),disabled:a.value,onClick:t.withModifiers(r,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",
|
|
47
|
-
return r({QButton:{bStyle:"secondary",disabled:t.toRef(l,"disabled"),borderless:t.toRef(l,"borderless"),elevated:!1}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-btn-group",{"q-btn-group--elevated":l.elevated},l.class])},[t.renderSlot(e.$slots,"default")],2))}})),
|
|
47
|
+
return(e,l)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(i.value),disabled:a.value,onClick:t.withModifiers(r,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",w,[t.createVNode(t.unref(g),{size:20})])):t.createCommentVNode("",!0),t.createElementVNode("span",B,[e.iconOnRight?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(n.label),1)],64)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.iconOnRight?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(n.label),1)],64))])],10,k))}})),_=b(t.defineComponent({__name:"QButtonGroup",props:{disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},class:{default:void 0}},setup(e){const l=e
|
|
48
|
+
return r({QButton:{bStyle:"secondary",disabled:t.toRef(l,"disabled"),borderless:t.toRef(l,"borderless"),elevated:!1}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-btn-group",{"q-btn-group--elevated":l.elevated},l.class])},[t.renderSlot(e.$slots,"default")],2))}})),C=b(t.defineComponent({__name:"QButtonToggle",props:{modelValue:{},options:{},disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},required:{type:Boolean},class:{}},emits:["update:modelValue"],setup(e,{emit:l}){const o=l,n=e,a=t.ref(n.modelValue)
|
|
48
49
|
t.watch((()=>n.modelValue),(e=>a.value=e))
|
|
49
50
|
const r=t.computed({get:()=>a.value,set(e){a.value=e,o("update:modelValue",e)}})
|
|
50
|
-
return(e,l)=>(t.openBlock(),t.createBlock(t.unref(
|
|
51
|
-
case"font":return
|
|
52
|
-
case"img":return
|
|
51
|
+
return(e,l)=>(t.openBlock(),t.createBlock(t.unref(_),{"b-style":"secondary",class:t.normalizeClass(n.class),disabled:n.disabled,borderless:n.borderless,elevated:n.elevated},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.options,(l=>(t.openBlock(),t.createBlock(t.unref(x),{key:l.key,title:l.title,label:l.label,active:r.value===l.key,onClick:()=>function(e){r.value!==e.key||n.required?r.value=e.key:r.value=void 0}(l)},{default:t.withCtx((()=>[t.renderSlot(e.$slots,l.key)])),_:2},1032,["title","label","active","onClick"])))),128))])),_:3},8,["class","disabled","borderless","elevated"]))}})),S=t.defineComponent({__name:"QIcon",props:{icon:{},type:{default:"svg"},size:{default:void 0},class:{default:void 0}},setup(e){const l=e,o=t.computed((()=>{switch(l.type){case"svg":return D
|
|
52
|
+
case"font":return N
|
|
53
|
+
case"img":return T
|
|
53
54
|
default:return}}))
|
|
54
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.value),{class:t.normalizeClass(l.class),icon:l.icon,size:l.size},null,8,["class","icon","size"]))}}),
|
|
55
|
-
return(e,r)=>(t.openBlock(),t.createElementBlock("i",{class:t.normalizeClass(["q-icon","q-icon__font",o.value,n.value,l.class]),style:t.normalizeStyle(a.value)},null,6))}}),
|
|
56
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:l.icon,class:t.normalizeClass(["q-icon","q-icon__img",l.class]),style:t.normalizeStyle(o.value)},null,14,
|
|
55
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.value),{class:t.normalizeClass(l.class),icon:l.icon,size:l.size},null,8,["class","icon","size"]))}}),V=t.defineComponent({__name:"QIconFont",props:{icon:{},library:{default:""},variant:{default:""},size:{default:void 0},class:{default:void 0}},setup(e){const l=e,o=t.computed((()=>l.variant?`${l.library}-${l.variant}`:l.library)),n=t.computed((()=>l.library&&l.icon?`${l.library}-${l.icon}`:l.icon)),a=t.computed((()=>({"font-size":void 0!==l.size?`${l.size}px`:void 0})))
|
|
56
|
+
return(e,r)=>(t.openBlock(),t.createElementBlock("i",{class:t.normalizeClass(["q-icon","q-icon__font",o.value,n.value,l.class]),style:t.normalizeStyle(a.value)},null,6))}}),q=["src"],E=t.defineComponent({__name:"QIconImg",props:{icon:{},size:{},class:{}},setup(e){const l=e,o=t.computed((()=>({"font-size":void 0!==l.size?`${l.size}px`:void 0})))
|
|
57
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:l.icon,class:t.normalizeClass(["q-icon","q-icon__img",l.class]),style:t.normalizeStyle(o.value)},null,14,q))}}),$={},z=t.defineComponent({name:"InlineSvg",emits:["loaded","unloaded","error"],inheritAttrs:!1,render(){if(!this.svgElSource)return null
|
|
57
58
|
const e=this.getSvgContent(this.svgElSource)
|
|
58
59
|
if(!e)return t.h("div",this.$attrs)
|
|
59
60
|
const l={}
|
|
@@ -61,18 +62,18 @@ return this.copySvgAttrs(l,this.svgElSource),this.copySvgAttrs(l,e),this.copyCom
|
|
|
61
62
|
if(l)for(const t of l)e[t.name]=t.value},copyComponentAttrs(e,t){for(const[l,o]of Object.entries(t))!1!==o&&null!=o&&(e[l]=o)},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 l=e.getElementsByTagName("title")
|
|
62
63
|
if(l.length)l[0].textContent=t
|
|
63
64
|
else{const l=document.createElementNS("http://www.w3.org/2000/svg","title")
|
|
64
|
-
l.textContent=t,e.insertBefore(l,e.firstChild)}}(e,this.title)),e)},async getSource(e){try{
|
|
65
|
+
l.textContent=t,e.insertBefore(l,e.firstChild)}}(e,this.title)),e)},async getSource(e){try{$[e]||($[e]=function(e){if(e.getIsPending)return e
|
|
65
66
|
let t=!0
|
|
66
67
|
const l=e.then((e=>(t=!1,e)),(e=>{throw t=!1,e}))
|
|
67
|
-
return l.getIsPending=()=>t,l}(this.download(e))),this.svgElSource
|
|
68
|
-
const t=await
|
|
69
|
-
this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t){this.svgElSource&&(this.svgElSource=null,this.$emit("unloaded")),delete
|
|
68
|
+
return l.getIsPending=()=>t,l}(this.download(e))),this.svgElSource&&$[e].getIsPending()&&!this.keepDuringLoading&&(this.svgElSource=null,this.$emit("unloaded"))
|
|
69
|
+
const t=await $[e]
|
|
70
|
+
this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t){this.svgElSource&&(this.svgElSource=null,this.$emit("unloaded")),delete $[e],this.$emit("error",t)}},async download(e){const t=await fetch(e)
|
|
70
71
|
if(!t.ok)throw new Error("Error loading SVG")
|
|
71
72
|
const l=await t.text(),o=(new DOMParser).parseFromString(l,"text/xml").getElementsByTagName("svg")[0]
|
|
72
73
|
if(!o)throw new Error("Loaded file is not a valid SVG")
|
|
73
74
|
return o}},watch:{src(e){this.getSource(e)}}})
|
|
74
75
|
const L=t.defineComponent({__name:"QIconSvg",props:{icon:{},bundle:{default:""},size:{default:void 0},class:{default:void 0}},emits:["loaded","unloaded"],setup(e,{emit:l}){const o=l,n=e,a=t.computed((()=>({"font-size":void 0!==n.size?`${n.size}px`:void 0})))
|
|
75
|
-
function r(e){o("loaded",e)}function i(){o("unloaded")}return(e,l)=>(t.openBlock(),t.createBlock(t.unref(
|
|
76
|
+
function r(e){o("loaded",e)}function i(){o("unloaded")}return(e,l)=>(t.openBlock(),t.createBlock(t.unref(z),{class:t.normalizeClass(["q-icon","q-icon__svg",n.class]),src:n.bundle,symbol:n.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),D=b(L),Q=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},class:{default:void 0}},emits:["update:modelValue"],setup(e,{expose:l,emit:o}){const n=o,a=e,r=t.ref(a.modelValue),i=t.ref(!1),s=t.computed((()=>d.value.length>1?"div":"ul")),d=t.computed((()=>a.groups.length?a.groups:[{id:"",title:""}])),c=t.ref(null)
|
|
76
77
|
function u(e){r.value=e,n("update:modelValue",e)}function p(){i.value=!0}function f(){i.value=!1}function m(e){var t
|
|
77
78
|
if(null!=(t=c.value)&&t.contains(e.relatedTarget))return
|
|
78
79
|
let l
|
|
@@ -96,12 +97,12 @@ return t?e.indexOf(t):-1}function w(e,t,l){return"prev"===t&&0===e||"next"===t&&
|
|
|
96
97
|
if(w(e,t,l))return e
|
|
97
98
|
let o=e+("next"===t?1:-1)
|
|
98
99
|
for(;!x(l[o]);){if(w(o,t,l))return e
|
|
99
|
-
o+="next"===t?1:-1}return o}function x(e){return-2===e.tabIndex}function _(e){return e?a.items.filter((t=>t.group===e)):a.items}return t.watch((()=>a.modelValue),(e=>{r.value=e})),l({focusItem:y,getItem:function(e){return b()[e]},getAdjacentItemIndex:B,getFirstFocusableItemIndex:g,getLastFocusableItemIndex:k}),(e,l)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.value),{ref_key:"listRef",ref:c,class:t.normalizeClass(["q-list",{"q-list--disabled":a.disabled},a.class]),role:"listbox",tabindex:a.disabled?-1:0,onFocus:m,onMousedown:p,onMouseup:f,onKeydown:v},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,(l=>(t.openBlock(),t.createBlock(t.unref(
|
|
100
|
-
let
|
|
101
|
-
function
|
|
102
|
-
function r(){n.disabled||o("select",n.value)}function i(e){"Tab"===e.key&&r(),("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),r())}return(e,l)=>(t.openBlock(),t.createElementBlock("li",{id:t.unref(a),role:"option",tabindex:n.disabled?void 0:-2,class:t.normalizeClass(["q-list-item",{"q-list-item--disabled":n.disabled,"q-list-item--selected":n.selected,"q-list-item--highlighted":n.highlighted}]),"aria-label":n.label,"aria-selected":n.disabled?void 0:n.selected,onKeydown:i,onClick:t.withModifiers(r,["stop","prevent"])},[t.renderSlot(e.$slots,"default",{},(()=>[n.icon?(t.openBlock(),t.createBlock(t.unref(
|
|
103
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock("ul",{class:"q-list-item-group",role:"group","aria-labelledby":l.title?t.unref(o):void 0},[l.title?(t.openBlock(),t.createElementBlock("li",{key:0,id:t.unref(o),class:"q-list-item-group__title",role:"presentation"},t.toDisplayString(l.title),9,
|
|
104
|
-
function
|
|
100
|
+
o+="next"===t?1:-1}return o}function x(e){return-2===e.tabIndex}function _(e){return e?a.items.filter((t=>t.group===e)):a.items}return t.watch((()=>a.modelValue),(e=>{r.value=e})),l({focusItem:y,getItem:function(e){return b()[e]},getAdjacentItemIndex:B,getFirstFocusableItemIndex:g,getLastFocusableItemIndex:k}),(e,l)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.value),{ref_key:"listRef",ref:c,class:t.normalizeClass(["q-list",{"q-list--disabled":a.disabled},a.class]),role:"listbox",tabindex:a.disabled?-1:0,onFocus:m,onMousedown:p,onMouseup:f,onKeydown:v},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,(l=>(t.openBlock(),t.createBlock(t.unref(W),{key:l.id,title:1===d.value.length?void 0:l.title,disabled:l.disabled},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(_(l.id),(l=>(t.openBlock(),t.createBlock(t.unref(K),{key:l[a.itemValue],value:l[a.itemValue],label:l[a.itemLabel],icon:l.icon,disabled:a.disabled||l.disabled,highlighted:a.highlighted===l[a.itemValue],selected:r.value===l[a.itemValue],onSelect:u},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"item",{item:l})])),_:2},1032,["value","label","icon","disabled","highlighted","selected"])))),128))])),_:2},1032,["title","disabled"])))),128))])),_:3},40,["class","tabindex"]))}})
|
|
101
|
+
let F=0
|
|
102
|
+
function A(e){return e||"uid-"+ ++F}const P=["id","tabindex","aria-label","aria-selected"],R={class:"q-list-item__check-container"},M={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:()=>M},disabled:{type:Boolean}},emits:["select"],setup(e,{emit:l}){const o=l,n=e,a=A()
|
|
103
|
+
function r(){n.disabled||o("select",n.value)}function i(e){"Tab"===e.key&&r(),("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.stopPropagation(),r())}return(e,l)=>(t.openBlock(),t.createElementBlock("li",{id:t.unref(a),role:"option",tabindex:n.disabled?void 0:-2,class:t.normalizeClass(["q-list-item",{"q-list-item--disabled":n.disabled,"q-list-item--selected":n.selected,"q-list-item--highlighted":n.highlighted}]),"aria-label":n.label,"aria-selected":n.disabled?void 0:n.selected,onKeydown:i,onClick:t.withModifiers(r,["stop","prevent"])},[t.renderSlot(e.$slots,"default",{},(()=>[n.icon?(t.openBlock(),t.createBlock(t.unref(I),t.normalizeProps(t.mergeProps({key:0},n.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(n.label),1)])),t.createElementVNode("div",R,[n.selected?(t.openBlock(),t.createBlock(t.unref(I),t.mergeProps({key:0},n.icons.check,{class:"q-list-item__check"}),null,16)):t.createCommentVNode("",!0)])],42,P))}}),H=["aria-labelledby"],O=["id"],j=t.defineComponent({__name:"QListItemGroup",props:{title:{default:""},disabled:{type:Boolean}},setup(e){const l=e,o=A()
|
|
104
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("ul",{class:"q-list-item-group",role:"group","aria-labelledby":l.title?t.unref(o):void 0},[l.title?(t.openBlock(),t.createElementBlock("li",{key:0,id:t.unref(o),class:"q-list-item-group__title",role:"presentation"},t.toDisplayString(l.title),9,O)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],8,H))}}),G=b(Q),K=b(U),W=b(j)
|
|
105
|
+
function Z(e,t,l="right",o){const n=e.getBoundingClientRect(),a=n.x+window.scrollX,r=n.y+window.scrollY,i=null==t?void 0:t.getBoundingClientRect(),s=(null==i?void 0:i.width)??0,d=(null==i?void 0:i.height)??0
|
|
105
106
|
let c=l
|
|
106
107
|
i&&!X(n,i,c)&&(c=function(e,t,l){const o={top:["bottom","left","right"],bottom:["top","left","right"],left:["right","top","bottom"],right:["left","top","bottom"]}
|
|
107
108
|
for(const n of o[l])if(X(e,t,n))return n
|
|
@@ -114,13 +115,13 @@ break
|
|
|
114
115
|
case"left":u.x=a-s,u.y=r+n.height/2-d/2
|
|
115
116
|
break
|
|
116
117
|
case"right":u.x=a+n.width,u.y=r+n.height/2-d/2}return"anchor"===o&&n.width>=s&&(u.width=n.width),u}function X(e,t,l){let o=!1,n=!1
|
|
117
|
-
switch(l){case"top":o=
|
|
118
|
+
switch(l){case"top":o=J(e,t),n=e.top>t.height
|
|
118
119
|
break
|
|
119
|
-
case"bottom":o=
|
|
120
|
+
case"bottom":o=J(e,t),n=window.innerHeight-e.top-e.height>t.height
|
|
120
121
|
break
|
|
121
122
|
case"left":o=e.left>t.width,n=Y(e,t)
|
|
122
123
|
break
|
|
123
|
-
case"right":o=window.innerWidth-e.left-e.width>t.width,n=Y(e,t)}return o&&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
|
|
124
|
+
case"right":o=window.innerWidth-e.left-e.width>t.width,n=Y(e,t)}return o&&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&&"$el"in e?e.$el:e}const te=["role"],le={key:0,role:"presentation",class:"q-overlay__arrow"},oe=b(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:{modelValue:{type:Boolean},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}},emits:["enter","leave"],setup(e,{emit:l}){const o=l,n=e,a=t.computed((()=>["q-overlay",`q-overlay--${i.placement}`,{"q-overlay--inverted":"inverted"===n.appearance},n.class])),r=t.computed((()=>(i.visible||i.animating)&&"click"===n.trigger)),i=t.reactive({visible:n.modelValue,animating:!1,top:0,left:0,width:0,placement:n.placement})
|
|
124
125
|
t.watch((()=>n.modelValue),(()=>i.visible=n.modelValue)),t.watch((()=>i.visible),(()=>i.animating=!0))
|
|
125
126
|
const s=t.computed((()=>{let e=0,t=0
|
|
126
127
|
switch(i.placement){case"top":t=-(n.offset||0)
|
|
@@ -131,33 +132,33 @@ case"left":e=-(n.offset||0)
|
|
|
131
132
|
break
|
|
132
133
|
case"right":e=n.offset||0}const l={top:`${i.top+t}px`,left:`${i.left+e}px`}
|
|
133
134
|
return void 0!==i.width&&["top","bottom"].includes(i.placement)&&(l.width=`${i.width}px`),l})),d=t.ref(null)
|
|
134
|
-
function c(){if(n.anchor){const e=
|
|
135
|
-
if(e){const t=
|
|
135
|
+
function c(){if(n.anchor){const e=ee(n.anchor)
|
|
136
|
+
if(e){const t=Z(e,d.value,n.placement,n.width)
|
|
136
137
|
i.left=t.x,i.top=t.y,i.width=t.width,i.placement=t.placement}}}let u,p,f,m
|
|
137
138
|
function v(){y(0)}function h(){y(n.delay)}function y(e){u||(u=window.setTimeout((()=>{i.visible=!0,t.nextTick((()=>{var e
|
|
138
|
-
"click"===n.trigger&&(null==(e=d.value)||e.focus())}))}),e))}function b(){clearTimeout(u),u=void 0,i.visible=!1,t.nextTick((()=>{if(n.anchor&&"click"===n.trigger){const e=
|
|
139
|
-
null==e||e.focus()}}))}function g(){o("enter")}function k(){window.clearTimeout(p),p=window.setTimeout((()=>i.animating=!1),200),o("leave")}function w(){n.anchor&&(
|
|
140
|
-
const e=
|
|
139
|
+
"click"===n.trigger&&(null==(e=d.value)||e.focus())}))}),e))}function b(){clearTimeout(u),u=void 0,i.visible=!1,t.nextTick((()=>{if(n.anchor&&"click"===n.trigger){const e=ee(n.anchor)
|
|
140
|
+
null==e||e.focus()}}))}function g(){o("enter")}function k(){window.clearTimeout(p),p=window.setTimeout((()=>i.animating=!1),200),o("leave")}function w(){n.anchor&&(ee(n.anchor)?(c(),m=window.setTimeout(w,100)):b())}function B(){t.nextTick((()=>{if(!n.anchor)return
|
|
141
|
+
const e=ee(n.anchor)
|
|
141
142
|
e&&(window.addEventListener("scroll",c),window.addEventListener("resize",c),f=new MutationObserver(c),f.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),c())})),n.spy&&w()}function x(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c),null==f||f.disconnect(),n.spy&&(clearTimeout(m),m=void 0)}return t.watch([()=>i.visible,()=>n.placement],c),t.onBeforeUnmount((()=>{(function(){if(!n.anchor)return
|
|
142
|
-
const e=
|
|
143
|
+
const e=ee(n.anchor)
|
|
143
144
|
if(e)switch(n.trigger){case"click":e.removeEventListener("click",v)
|
|
144
145
|
break
|
|
145
146
|
case"hover":e.removeEventListener("mouseenter",h),e.removeEventListener("mouseleave",b),e.removeEventListener("focusin",v),e.removeEventListener("focusout",b)}})(),x()})),t.onMounted((()=>{t.nextTick((()=>{t.nextTick((()=>{if(!n.anchor)return
|
|
146
|
-
const e=
|
|
147
|
+
const e=ee(n.anchor)
|
|
147
148
|
if(e)switch(n.trigger){case"click":e.addEventListener("click",v)
|
|
148
149
|
break
|
|
149
|
-
case"hover":e.addEventListener("mouseenter",h),e.addEventListener("mouseleave",b),e.addEventListener("focusin",v),e.addEventListener("focusout",b)}})),c()}))})),t.watch((()=>i.visible),(e=>{e?B():x()}),{immediate:!0}),(e,l)=>(t.openBlock(),t.createBlock(t.Teleport,{disabled:!i.visible&&!i.animating||!n.attach,to:n.attach},[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["q-overlay__underlay",{"q-overlay__underlay--blur":n.backdropBlur}])},null,2)):t.createCommentVNode("",!0),t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:g,onLeave:k},{default:t.withCtx((()=>[i.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(a.value),style:t.normalizeStyle(s.value)},[t.createElementVNode("div",t.mergeProps({class:"q-overlay__content",ref_key:"overlayRef",ref:d,tabindex:"-1",role:r.value?"dialog":void 0},e.$attrs,{onKeydown:t.withKeys(b,["escape"]),onBlur:b}),[n.arrow?(t.openBlock(),t.createElementBlock("div",
|
|
150
|
-
return l({fieldRef:a}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(n),class:t.normalizeClass(["q-field",`q-field--${o.size}`,{"q-field--readonly":o.readonly,"q-field--disabled":o.disabled,"q-field--required":r.value},o.class])},[o.label?(t.openBlock(),t.createElementBlock("div",
|
|
150
|
+
case"hover":e.addEventListener("mouseenter",h),e.addEventListener("mouseleave",b),e.addEventListener("focusin",v),e.addEventListener("focusout",b)}})),c()}))})),t.watch((()=>i.visible),(e=>{e?B():x()}),{immediate:!0}),(e,l)=>(t.openBlock(),t.createBlock(t.Teleport,{disabled:!i.visible&&!i.animating||!n.attach,to:n.attach},[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["q-overlay__underlay",{"q-overlay__underlay--blur":n.backdropBlur}])},null,2)):t.createCommentVNode("",!0),t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:g,onLeave:k},{default:t.withCtx((()=>[i.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(a.value),style:t.normalizeStyle(s.value)},[t.createElementVNode("div",t.mergeProps({class:"q-overlay__content",ref_key:"overlayRef",ref:d,tabindex:"-1",role:r.value?"dialog":void 0},e.$attrs,{onKeydown:t.withKeys(b,["escape"]),onBlur:b}),[n.arrow?(t.openBlock(),t.createElementBlock("div",le)):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"},se={key:1,class:"q-field__append"},de={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:l}){const o=e,n=A(o.id),a=t.ref(null),r=t.computed((()=>o.required&&!o.readonly&&!o.disabled))
|
|
151
|
+
return l({fieldRef:a}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(n),class:t.normalizeClass(["q-field",`q-field--${o.size}`,{"q-field--readonly":o.readonly,"q-field--disabled":o.disabled,"q-field--required":r.value},o.class])},[o.label?(t.openBlock(),t.createElementBlock("div",ae,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:o.for},t.toDisplayString(o.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",se,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",de,[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:{modelValue:{default:""},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}},emits:["update:modelValue"],setup(e,{expose:l,emit:o}){const n=o,a=e,r=A(a.id),i=t.ref(a.modelValue),s=t.ref(null),d=t.ref(null),c=t.computed({get:()=>i.value,set(e){i.value=e,n("update:modelValue",e)}}),u=t.computed((()=>a.readonly||a.disabled?"":a.placeholder))
|
|
151
152
|
return t.watch((()=>a.modelValue),(e=>i.value=e)),l({fieldRef:t.computed((()=>{var e
|
|
152
|
-
return null==(e=s.value)?void 0:e.fieldRef})),inputRef:d}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(
|
|
153
|
+
return null==(e=s.value)?void 0:e.fieldRef})),inputRef:d}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(ce),{ref_key:"fieldRef",ref:s,class:t.normalizeClass(["q-text-field",a.class]),for:t.unref(r),label:a.label,size:a.size,readonly:a.readonly,disabled:a.disabled,required:a.required},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("input",t.mergeProps({"onUpdate:modelValue":l[0]||(l[0]=e=>c.value=e),ref_key:"inputRef",ref:d,id:t.unref(r),class:"q-text-field__input",type:a.type,role:a.role,required:a.required,placeholder:u.value,readonly:a.readonly,disabled:a.disabled,maxlength:a.maxLength},e.$attrs),null,16,ue),[[t.vModelDynamic,c.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={key:2,class:"q-select__loader"},me={noData:"No data available"},ve={clear:{icon:"close"}},he=b(t.defineComponent({__name:"QCombobox",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},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"},size:{default:void 0},texts:{default:()=>me},icons:{default:()=>ve},class:{default:void 0}},emits:["update:modelValue","update:inputValue","before-show","before-hide","show","hide"],setup(e,{expose:l,emit:o}){const n=o,a=e,r=t.ref(a.modelValue),i=t.ref(!1),s=t.ref(""),d=t.ref(void 0),c=t.ref(null),u=t.ref(null),p=t.ref(null)
|
|
153
154
|
t.onMounted(B)
|
|
154
155
|
const f=t.computed((()=>a.clearable&&!a.readonly&&!a.disabled&&!a.loading)),m=t.computed((()=>{var e
|
|
155
|
-
return"manual"!==a.filterMode&&
|
|
156
|
+
return"manual"!==a.filterMode&&b.value?null==(e=a.items)?void 0:e.filter((e=>e[a.itemLabel].toLowerCase().startsWith(s.value.toLowerCase()))):a.items})),v=t.computed((()=>{var e
|
|
156
157
|
return null==(e=a.items)?void 0:e.find((e=>e[a.itemValue]===r.value))})),h=t.computed((()=>{const e=d.value
|
|
157
158
|
if(void 0!==e&&m.value[e])return m.value[e]})),y=t.computed((()=>{var e
|
|
158
159
|
if(void 0===d.value)return
|
|
159
160
|
const t=null==(e=u.value)?void 0:e.getItem(d.value)
|
|
160
|
-
return null==t?void 0:t.id})),
|
|
161
|
+
return null==t?void 0:t.id})),b=t.computed((()=>{var e
|
|
161
162
|
return s.value.length>0&&s.value!==(null==(e=v.value)?void 0:e[a.itemLabel])}))
|
|
162
163
|
function k(e){r.value=e,B(),n("update:modelValue",e)}function w(e){k(e),_()}function B(){var e
|
|
163
164
|
s.value=(null==(e=v.value)?void 0:e[a.itemLabel])||""}function x(){i.value||a.readonly||a.disabled||(n("before-show"),i.value=!0)}function _(){i.value&&(n("before-hide"),i.value=!1,d.value=void 0)}function C(){k(void 0),d.value=void 0}function S(){if(x(),void 0!==v.value){const e=m.value.indexOf(v.value);-1!==e&&t.nextTick((()=>N(e)))}}function V(e){var l,o
|
|
@@ -172,15 +173,15 @@ w(h.value[a.itemValue])}else"Home"===e.key?d.value=null==(l=u.value)?void 0:l.ge
|
|
|
172
173
|
if(void 0!==r.value){const t=m.value.findIndex((e=>e[a.itemValue]===r.value))
|
|
173
174
|
d.value=-1===t?null==(e=u.value)?void 0:e.getFirstFocusableItemIndex():t}else d.value=null==(t=u.value)?void 0:t.getFirstFocusableItemIndex()}function E(e){var t,l,o
|
|
174
175
|
null!=(t=p.value)&&t.contains(e.relatedTarget)||null!=(o=null==(l=c.value)?void 0:l.fieldRef)&&o.contains(e.relatedTarget)?(e.preventDefault(),e.stopPropagation()):(_(),B())}function $(){var e,t
|
|
175
|
-
null==(t=null==(e=c.value)?void 0:e.inputRef)||t.focus()}function
|
|
176
|
+
null==(t=null==(e=c.value)?void 0:e.inputRef)||t.focus()}function z(){n("show")}function L(){n("hide")}function N(e){var t
|
|
176
177
|
const l=null==(t=u.value)?void 0:t.getItem(e)
|
|
177
|
-
null==l||l.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>a.modelValue),(e=>{r.value=e,B()})),t.watch(d,(e=>{void 0!==e&&N(e)})),t.watch(s,(e=>{!e&&f.value?C():i.value&&"automatic"===a.selectionMode&&t.nextTick(q),n("update:inputValue",e)})),l({triggerEl:c}),(e,l)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(
|
|
178
|
-
return[t.createElementVNode("div",{ref_key:"contentRef",ref:p,class:"q-select__body",onFocusout:E},[t.renderSlot(e.$slots,"body.prepend"),a.loading?(t.openBlock(),t.createBlock(t.unref(
|
|
179
|
-
return r({QField:{size:"block"}}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(
|
|
180
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",l.class])},null,2))}})),
|
|
181
|
-
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(
|
|
178
|
+
null==l||l.scrollIntoView({block:"nearest",inline:"start"})}return t.watch((()=>a.modelValue),(e=>{r.value=e,B()})),t.watch(d,(e=>{void 0!==e&&N(e)})),t.watch(s,(e=>{!e&&f.value?C():i.value&&"automatic"===a.selectionMode&&t.nextTick(q),n("update:inputValue",e)})),l({triggerEl:c}),(e,l)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(pe),{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=e=>s.value=e),id:a.id,label:a.label,required:a.required,ref_key:"triggerEl",ref:c,role:"combobox",placeholder:a.placeholder,class:t.normalizeClass(["q-combobox",a.class]),readonly:a.readonly,disabled:a.disabled,"aria-expanded":i.value,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":y.value,size:a.size,onClick:S,onFocusout:E,onKeydown:t.withModifiers(V,["stop"])},t.createSlots({"label.prepend":t.withCtx((()=>[t.renderSlot(e.$slots,"label.prepend")])),"label.append":t.withCtx((()=>[t.renderSlot(e.$slots,"label.append")])),_:2},[e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"prepend")])),key:"0"}:void 0,f.value&&s.value||e.$slots.append?{name:"append",fn:t.withCtx((()=>[f.value&&s.value?(t.openBlock(),t.createBlock(t.unref(I),t.mergeProps({key:0},a.icons.clear,{class:"q-combobox__clear",onClick:t.withModifiers(C,["stop","prevent"])}),null,16)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"2"}:void 0]),1032,["modelValue","id","label","required","placeholder","class","readonly","disabled","aria-expanded","aria-activedescendant","size"]),t.createVNode(t.unref(oe),{"model-value":i.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",offset:4,anchor:c.value,onEnter:z,onLeave:L},{default:t.withCtx((()=>{var o
|
|
179
|
+
return[t.createElementVNode("div",{ref_key:"contentRef",ref:p,class:"q-select__body",onFocusout:E},[t.renderSlot(e.$slots,"body.prepend"),a.loading?(t.openBlock(),t.createBlock(t.unref(g),{key:0,class:"q-select__loader",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":[l[1]||(l[1]=e=>r.value=e),w],highlighted:null==(o=h.value)?void 0:o[a.itemValue],items:m.value,groups:e.groups,"item-label":a.itemLabel,"item-value":a.itemValue,onMouseup:$},{item:t.withCtx((({item:l})=>[t.renderSlot(e.$slots,"item",{item:l})])),_:3},8,["modelValue","highlighted","items","groups","item-label","item-value"])):(t.openBlock(),t.createElementBlock("div",fe,t.toDisplayString(e.texts.noData),1)),t.renderSlot(e.$slots,"body.append")],544)]})),_:3},8,["model-value","anchor"])],64))}})),ye={key:0,class:"q-input-group__prepend"},be={key:0},ge={key:1,class:"q-input-group__append"},ke={key:0},we=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 l=e
|
|
180
|
+
return r({QField:{size:"block"}}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(ce),{id:l.id,class:t.normalizeClass(["q-input-group",l.class]),label:l.label,required:l.required,size:l.size},{default:t.withCtx((()=>[e.$slots.prepend||l.prependIcon?(t.openBlock(),t.createElementBlock("div",ye,[l.prependIcon?(t.openBlock(),t.createElementBlock("span",be,[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(l.prependIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append||l.appendIcon?(t.openBlock(),t.createElementBlock("div",ge,[l.appendIcon?(t.openBlock(),t.createElementBlock("span",ke,[t.createVNode(t.unref(I),t.normalizeProps(t.guardReactiveProps(l.appendIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)])),_:3},8,["id","class","label","required","size"]))}})),Be=b(t.defineComponent({__name:"QLineLoader",props:{class:{default:void 0}},setup(e){const l=e
|
|
181
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",l.class])},null,2))}})),xe={key:0,class:"q-popover__header"},_e={key:1,class:"q-popover__body"},Ce=["innerHTML"],Se={key:1},Ve=b(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:{modelValue:{type:Boolean},anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},text:{},title:{}},setup(e){const l=e
|
|
182
|
+
return(e,o)=>(t.openBlock(),t.createBlock(t.unref(oe),{"model-value":l.modelValue,class:"q-popover",trigger:"click",anchor:l.anchor,arrow:l.arrow,attach:l.attach,disabled:l.disabled,placement:l.placement},{default:t.withCtx((()=>[l.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",xe,[t.createTextVNode(t.toDisplayString(l.title)+" ",1),t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),l.text||e.$slots.body?(t.openBlock(),t.createElementBlock("div",_e,[l.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:l.text},null,8,Ce)):(t.openBlock(),t.createElementBlock("span",Se,t.toDisplayString(l.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","disabled","placement"]))}})),qe={key:0,class:"q-select__value"},Ee={key:1,class:"q-select__placeholder"},$e={key:0,class:"q-select__loader"},ze={placeholder:"Choose..."},Le={chevron:{icon:"chevron-down"},clear:{icon:"close"}},Ie=b(t.defineComponent({__name:"QSelect",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},id:{default:void 0},label:{default:""},clearable:{type:Boolean},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},loading:{type:Boolean},icons:{default:()=>Le},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},size:{default:void 0},texts:{default:()=>ze},class:{default:""}},emits:["update:modelValue","before-show","before-hide","show","hide"],setup(e,{emit:l}){const o=l,n=e,a=t.ref(n.modelValue),r=t.ref(!1),i=t.ref(""),s=t.ref(null),d=t.ref(null),c=t.ref(null),u=t.computed((()=>{var e
|
|
182
183
|
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===a.value))})),p=t.computed((()=>u.value?u.value[n.itemLabel]:"")),f=t.computed((()=>n.clearable&&!n.readonly&&!n.disabled&&!n.loading))
|
|
183
|
-
function m(e){a.value=e,o("update:modelValue",e),
|
|
184
|
+
function m(e){a.value=e,o("update:modelValue",e),b()}function v(){f.value&&m(void 0)}function h(){n.readonly||n.disabled||(r.value?b():r.value||(o("before-show"),r.value=!0))}function y(e){var t,l,o;(null==(t=c.value)||!t.contains(e.relatedTarget))&&(null==(o=null==(l=s.value)?void 0:l.fieldRef)||!o.contains(e.relatedTarget))&&b()}function b(){r.value&&(o("before-hide"),r.value=!1)}let k
|
|
184
185
|
function w(e){if(e.key&&!n.readonly&&!n.disabled){if(window.clearTimeout(k),["Enter"," ","ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),["Enter"," "].includes(e.key)&&(r.value=!0),["Escape","Tab"].includes(e.key)&&(r.value?r.value=!1:n.clearable&&"Escape"===e.key&&v()),"Delete"===e.key&&n.clearable&&v(),/^[a-z]$/i.test(e.key)){i.value+=e.key.toLowerCase()
|
|
185
186
|
for(let e=0;e<n.items.length;e++)if(n.items[e][n.itemLabel].toLowerCase().startsWith(i.value)){C(e)
|
|
186
187
|
break}}k=window.setTimeout((function(){i.value=""}),500)}}function B(){var e
|
|
@@ -188,11 +189,11 @@ n.loading?null==(e=c.value)||e.focus():_(),o("show")}function x(){var e,t
|
|
|
188
189
|
null==(t=null==(e=s.value)?void 0:e.fieldRef)||t.focus(),o("hide")}function _(){var e
|
|
189
190
|
null==(e=d.value)||e.$el.focus()}function C(e){var t
|
|
190
191
|
null==(t=d.value)||t.focusItem(e)}return t.watch((()=>n.modelValue),(e=>{a.value=e})),t.watch((()=>n.loading),(e=>{!e&&r.value&&t.nextTick(_)})),(e,l)=>{var o
|
|
191
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(
|
|
192
|
-
return[t.renderSlot(e.$slots,"prepend"),null!=(l=u.value)&&l.icon?(t.openBlock(),t.createBlock(t.unref(
|
|
193
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-theme-provider",`q-theme--${l.theme}`])},[t.renderSlot(e.$slots,"default")],2))}})),
|
|
194
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"anchor",{props:{"aria-describedby":t.unref(o)}}),t.createVNode(t.unref(
|
|
195
|
-
e.QButton=
|
|
192
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ce),{id:n.id,label:n.label,required:n.required,ref_key:"triggerEl",ref:s,role:"combobox",tabindex:n.disabled?-1:0,class:t.normalizeClass(["q-select",{"q-select--readonly":n.readonly,"q-select--disabled":n.disabled,"q-select--expanded":r.value},n.class]),readonly:n.readonly,disabled:n.disabled,"aria-expanded":r.value,"aria-haspopup":"listbox",size:n.size,onClick:h,onKeydown:t.withModifiers(w,["stop"])},t.createSlots({append:t.withCtx((()=>[t.renderSlot(e.$slots,"append"),f.value&&a.value?(t.openBlock(),t.createBlock(t.unref(I),t.mergeProps({key:0},n.icons.clear,{class:"q-select__clear",onClick:t.withModifiers(v,["stop","prevent"])}),null,16)):t.createCommentVNode("",!0),n.readonly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(I),t.mergeProps({key:1},n.icons.chevron,{class:"q-select__chevron"}),null,16))])),default:t.withCtx((()=>[void 0!==a.value?(t.openBlock(),t.createElementBlock("span",qe,t.toDisplayString(p.value),1)):(t.openBlock(),t.createElementBlock("span",Ee,[n.readonly||n.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.texts.placeholder),1)],64))]))])),_:2},[null!=(o=u.value)&&o.icon||e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>{var l,o
|
|
193
|
+
return[t.renderSlot(e.$slots,"prepend"),null!=(l=u.value)&&l.icon?(t.openBlock(),t.createBlock(t.unref(I),t.normalizeProps(t.mergeProps({key:0},null==(o=u.value)?void 0:o.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(oe),{"model-value":r.value,spy:"",trigger:"manual",placement:"bottom",width:"anchor",anchor:s.value,offset:2,onEnter:B,onLeave:x},{default:t.withCtx((()=>[t.createElementVNode("div",{ref_key:"contentRef",ref:c,class:"q-select__body",tabindex:"-1",onFocusout:y,onKeydown:t.withModifiers(w,["stop"])},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createElementBlock("div",$e,[t.createVNode(t.unref(g),{size:24})])):(t.openBlock(),t.createBlock(t.unref(G),{key:1,ref_key:"listRef",ref:d,class:"q-select__items",modelValue:a.value,"onUpdate:modelValue":[l[0]||(l[0]=e=>a.value=e),m],items:n.items,groups:e.groups,"item-label":n.itemLabel,"item-value":n.itemValue},{item:t.withCtx((({item:l})=>[t.renderSlot(e.$slots,"item",{item:l})])),_:3},8,["modelValue","items","groups","item-label","item-value"])),t.renderSlot(e.$slots,"body.append")],544)])),_:3},8,["model-value","anchor"])],64)}}})),Ne=b(t.defineComponent({__name:"QThemeProvider",props:{theme:{}},setup(e){const l=e
|
|
194
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-theme-provider",`q-theme--${l.theme}`])},[t.renderSlot(e.$slots,"default")],2))}})),Te=["innerHTML"],De={key:1},Qe=b(t.defineComponent({__name:"QTooltip",props:{modelValue:{type:Boolean},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}},setup(e){const l=e,o=A(l.id)
|
|
195
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"anchor",{props:{"aria-describedby":t.unref(o)}}),t.createVNode(t.unref(oe),{"model-value":l.modelValue,anchor:l.anchor,role:"tooltip",id:t.unref(o),appearance:l.appearance,arrow:l.arrow,attach:l.attach,class:t.normalizeClass(["q-tooltip",l.class]),delay:l.delay,disabled:l.disabled,placement:l.placement,trigger:l.trigger},{default:t.withCtx((()=>[l.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:l.text},null,8,Te)):(t.openBlock(),t.createElementBlock("span",De,t.toDisplayString(l.text),1))])),_:1},8,["model-value","anchor","id","appearance","arrow","attach","class","delay","disabled","placement","trigger"])],64))}}))
|
|
196
|
+
e.QButton=x,e.QButtonGroup=_,e.QButtonToggle=C,e.QCombobox=he,e.QField=ce,e.QIcon=I,e.QIconFont=N,e.QIconImg=T,e.QIconSvg=D,e.QInputGroup=we,e.QLineLoader=Be,e.QList=G,e.QListItem=K,e.QListItemGroup=W,e.QOverlay=oe,e.QPopover=Ve,e.QSelect=Ie,e.QSpinnerLoader=g,e.QTextField=pe,e.QThemeProvider=Ne,e.QTooltip=Qe,e.createFramework=function(e={}){return{install:l=>{const o=e.components||{}
|
|
196
197
|
for(const e in o)l.component(e,o[e])
|
|
197
198
|
const n=e.defaults||{}
|
|
198
199
|
l.provide(a,t.ref(n)),function(e,l){const o=[]
|
|
@@ -200,6 +201,6 @@ let n
|
|
|
200
201
|
if(l)for(const e of l.themes){const t={..."light"===e.mode?c:u,...e.colors}
|
|
201
202
|
o.push({name:e.name,mode:e.mode,scheme:t}),e.name===l.defaultTheme&&(n=e.name)}else n="default",o.push({name:n,mode:"light",scheme:c})
|
|
202
203
|
if(n){const l={activeTheme:t.ref(n),themes:o}
|
|
203
|
-
|
|
204
|
+
m(o),t.watch(l.activeTheme,h,{immediate:!0}),e.provide(s,l)}}(l,e.themes)}}},e.defaultDarkColorScheme=u,e.defaultLightColorScheme=c,e.provideTheme=function(e){const l=d(),o={activeTheme:t.ref(e),themes:l.themes}
|
|
204
205
|
return t.provide(s,o),o},e.useTheme=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}))
|
|
205
206
|
//# sourceMappingURL=ui.min.js.map
|