@quidgest/ui 0.12.0 → 0.12.2
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.css +22 -0
- package/dist/ui.esm.js +575 -575
- package/dist/ui.js +6 -6
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +97 -108
- package/dist/ui.scss +23 -1
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +14 -15
- package/esm/components/QButton/index.d.ts +196 -2
- package/esm/components/QButton/index.d.ts.map +1 -1
- package/esm/components/QButton/index.js +6 -0
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/index.d.ts +79 -2
- package/esm/components/QButtonGroup/index.d.ts.map +1 -1
- package/esm/components/QButtonGroup/index.js +6 -0
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +17 -17
- package/esm/components/QButtonToggle/index.d.ts +115 -2
- package/esm/components/QButtonToggle/index.d.ts.map +1 -1
- package/esm/components/QButtonToggle/index.js +6 -0
- package/esm/components/QCombobox/QCombobox.d.ts +4 -4
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +106 -111
- package/esm/components/QCombobox/index.d.ts +1083 -2
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QCombobox/index.js +6 -0
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/index.d.ts +168 -1
- package/esm/components/QField/index.d.ts.map +1 -1
- package/esm/components/QField/index.js +2 -2
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +9 -12
- package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
- package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
- package/esm/components/QIcon/index.d.ts +156 -4
- package/esm/components/QIcon/index.d.ts.map +1 -1
- package/esm/components/QIcon/index.js +8 -11
- package/esm/components/QInputGroup/QInputGroup.d.ts +1 -1
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +25 -27
- package/esm/components/QInputGroup/index.d.ts +153 -2
- package/esm/components/QInputGroup/index.d.ts.map +1 -1
- package/esm/components/QInputGroup/index.js +6 -0
- package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
- package/esm/components/QLineLoader/index.d.ts +13 -2
- package/esm/components/QLineLoader/index.d.ts.map +1 -1
- package/esm/components/QLineLoader/index.js +6 -0
- package/esm/components/QList/QList.d.ts +1 -1
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +48 -49
- package/esm/components/QList/QListItem.d.ts +8 -1
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +63 -37
- package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
- package/esm/components/QList/index.d.ts +418 -3
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QList/index.js +8 -10
- package/esm/components/QOverlay/QOverlay.d.ts +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/index.d.ts +320 -2
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/index.js +4 -4
- package/esm/components/QPopover/QPopover.d.ts +1 -1
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +11 -12
- package/esm/components/QPopover/index.d.ts +180 -2
- package/esm/components/QPopover/index.d.ts.map +1 -1
- package/esm/components/QPopover/index.js +6 -0
- package/esm/components/QSelect/QSelect.d.ts +3 -3
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +68 -73
- package/esm/components/QSelect/index.d.ts +377 -2
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSelect/index.js +6 -0
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/index.d.ts +31 -2
- package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/index.js +6 -0
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/index.d.ts +22 -2
- package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/index.js +4 -4
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +7 -8
- package/esm/components/QTextField/index.d.ts +229 -2
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/QTextField/index.js +2 -2
- package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
- package/esm/components/QThemeProvider/index.d.ts +37 -2
- package/esm/components/QThemeProvider/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/index.js +6 -0
- package/esm/components/QTooltip/QTooltip.d.ts +1 -1
- package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
- package/esm/components/QTooltip/QTooltip.vue.js +8 -9
- package/esm/components/QTooltip/index.d.ts +259 -2
- package/esm/components/QTooltip/index.d.ts.map +1 -1
- package/esm/components/QTooltip/index.js +6 -0
- package/esm/components/index.js +39 -44
- package/esm/composables/defaults.js +5 -5
- package/esm/framework.d.ts +2 -2
- package/package.json +16 -15
package/dist/ui.min.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
!function(e,t){"object"==typeof exports&&typeof module<"u"?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e=typeof globalThis<"u"?globalThis:e||self)["Quidgest UI"]={},e.Vue)}(this,(function(e,t){"use strict"
|
|
2
2
|
|
|
3
3
|
;/*!
|
|
4
|
-
* Quidgest UI v0.12.
|
|
4
|
+
* Quidgest UI v0.12.2
|
|
5
5
|
* (c) 2024 Quidgest - Consultores de Gestão, S.A.
|
|
6
6
|
* Released under the MIT License.
|
|
7
7
|
*/const o={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"},l={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"},n=Object.freeze(Object.defineProperty({__proto__:null,defaultDarkColorScheme:l,defaultLightColorScheme:o},Symbol.toStringTag,{value:"Module"})),a=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})))
|
|
@@ -30,19 +30,18 @@ const l=Reflect.get(e,t),r=null==(o=n.value)?void 0:o[t]
|
|
|
30
30
|
return"string"!=typeof t||function(e,t){var o
|
|
31
31
|
const l=p(t)
|
|
32
32
|
return!!l&&typeof(null==(o=e.props)?void 0:o[l])<"u"}(a.vnode,t)?l:r??l}})
|
|
33
|
-
return o(i,l)}),e}f(a)
|
|
34
|
-
|
|
35
|
-
function i(e){r.value||n("click",e)}const d=t.computed((()=>{const e="regular"!==l.size?`q-btn--${l.size}`:void 0
|
|
33
|
+
return o(i,l)}),e}const m=f(a),v=["disabled"],h={key:0,class:"q-btn__spinner"},y={class:"q-btn__content"},g=f(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))
|
|
34
|
+
function r(e){a.value||n("click",e)}const i=t.computed((()=>{const e="regular"!==l.size?`q-btn--${l.size}`:void 0
|
|
36
35
|
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]}))
|
|
37
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(
|
|
38
|
-
return c({QButton:{bStyle:"secondary",disabled:t.toRef(o,"disabled"),borderless:t.toRef(o,"borderless"),elevated:!1}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-btn-group",{"q-btn-group--elevated":o.elevated},o.class])},[t.renderSlot(e.$slots,"default")],2))}}),
|
|
39
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(
|
|
40
|
-
case"font":return
|
|
41
|
-
case"img":return
|
|
36
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("button",{type:"button",class:t.normalizeClass(i.value),disabled:a.value,onClick:t.withModifiers(r,["stop","prevent"])},[e.loading?(t.openBlock(),t.createElementBlock("div",h,[t.createVNode(t.unref(m),{size:20})])):t.createCommentVNode("",!0),t.createElementVNode("span",y,[e.iconOnRight?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(l.label),1)],64)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.iconOnRight?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(l.label),1)],64))])],10,v))}})),b=f(t.defineComponent({__name:"QButtonGroup",props:{disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},class:{default:void 0}},setup(e){const o=e
|
|
37
|
+
return c({QButton:{bStyle:"secondary",disabled:t.toRef(o,"disabled"),borderless:t.toRef(o,"borderless"),elevated:!1}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-btn-group",{"q-btn-group--elevated":o.elevated},o.class])},[t.renderSlot(e.$slots,"default")],2))}})),k=f(t.defineComponent({__name:"QButtonToggle",props:t.mergeModels({options:{},disabled:{type:Boolean},borderless:{type:Boolean},elevated:{type:Boolean},required:{type:Boolean},class:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=e,l=t.useModel(e,"modelValue")
|
|
38
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(b),{"b-style":"secondary",class:t.normalizeClass(o.class),disabled:o.disabled,borderless:o.borderless,elevated:o.elevated},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.options,(n=>(t.openBlock(),t.createBlock(t.unref(g),{key:n.key,title:n.title,label:n.label,active:l.value===n.key,onClick:()=>function(e){l.value!==e.key||o.required?l.value=e.key:l.value=void 0}(n)},{default:t.withCtx((()=>[t.renderSlot(e.$slots,n.key)])),_:2},1032,["title","label","active","onClick"])))),128))])),_:3},8,["class","disabled","borderless","elevated"]))}})),w=t.defineComponent({__name:"QIcon",props:{icon:{},type:{default:"svg"},size:{default:void 0},class:{default:void 0}},setup(e){const o=e,l=t.computed((()=>{switch(o.type){case"svg":return z
|
|
39
|
+
case"font":return E
|
|
40
|
+
case"img":return $
|
|
42
41
|
default:return}}))
|
|
43
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.value),{class:t.normalizeClass(o.class),icon:o.icon,size:o.size},null,8,["class","icon","size"]))}}),
|
|
44
|
-
return(e,r)=>(t.openBlock(),t.createElementBlock("i",{class:t.normalizeClass(["q-icon","q-icon__font",l.value,n.value,o.class]),style:t.normalizeStyle(a.value)},null,6))}}),
|
|
45
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:o.icon,class:t.normalizeClass(["q-icon","q-icon__img",o.class]),style:t.normalizeStyle(l.value)},null,14,
|
|
42
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.value),{class:t.normalizeClass(o.class),icon:o.icon,size:o.size},null,8,["class","icon","size"]))}}),B=t.defineComponent({__name:"QIconFont",props:{icon:{},library:{default:""},variant:{default:""},size:{default:void 0},class:{default:void 0}},setup(e){const o=e,l=t.computed((()=>o.variant?`${o.library}-${o.variant}`:o.library)),n=t.computed((()=>o.library&&o.icon?`${o.library}-${o.icon}`:o.icon)),a=t.computed((()=>({"font-size":void 0!==o.size?`${o.size}px`:void 0})))
|
|
43
|
+
return(e,r)=>(t.openBlock(),t.createElementBlock("i",{class:t.normalizeClass(["q-icon","q-icon__font",l.value,n.value,o.class]),style:t.normalizeStyle(a.value)},null,6))}}),x=["src"],_=t.defineComponent({__name:"QIconImg",props:{icon:{},size:{},class:{}},setup(e){const o=e,l=t.computed((()=>({"font-size":void 0!==o.size?`${o.size}px`:void 0})))
|
|
44
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("img",{src:o.icon,class:t.normalizeClass(["q-icon","q-icon__img",o.class]),style:t.normalizeStyle(l.value)},null,14,x))}}),C={},S=t.defineComponent({name:"InlineSvg",emits:{loaded:e=>"object"==typeof e,unloaded:()=>!0,error:e=>"object"==typeof e},inheritAttrs:!1,render(){if(!this.svgElSource)return null
|
|
46
45
|
const e=this.getSvgContent(this.svgElSource)
|
|
47
46
|
if(!e)return t.h("div",this.$attrs)
|
|
48
47
|
const o={}
|
|
@@ -50,20 +49,18 @@ return this.copySvgAttrs(o,this.svgElSource),this.copySvgAttrs(o,e),this.copyCom
|
|
|
50
49
|
if(o)for(const t of o)e[t.name]=t.value},copyComponentAttrs(e,t){for(const[o,l]of Object.entries(t))!1!==l&&null!=l&&(e[o]=l)},getSvgContent(e){return this.symbol&&!(e=e.getElementById(this.symbol))?null:(this.transformSource&&(e=e.cloneNode(!0),e=this.transformSource(e)),this.title&&(this.transformSource||(e=e.cloneNode(!0)),function(e,t){const o=e.getElementsByTagName("title")
|
|
51
50
|
if(o.length)o[0].textContent=t
|
|
52
51
|
else{const o=document.createElementNS("http://www.w3.org/2000/svg","title")
|
|
53
|
-
o.textContent=t,e.insertBefore(o,e.firstChild)}}(e,this.title)),e)},async getSource(e){try{
|
|
52
|
+
o.textContent=t,e.insertBefore(o,e.firstChild)}}(e,this.title)),e)},async getSource(e){try{C[e]||(C[e]=function(e){if(e.getIsPending)return e
|
|
54
53
|
let t=!0
|
|
55
54
|
const o=e.then((e=>(t=!1,e)),(e=>{throw t=!1,e}))
|
|
56
|
-
return o.getIsPending=()=>t,o}(this.download(e))),this.svgElSource&&
|
|
57
|
-
const t=await
|
|
58
|
-
this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t){this.svgElSource&&(this.svgElSource=null,this.$emit("unloaded")),delete
|
|
55
|
+
return o.getIsPending=()=>t,o}(this.download(e))),this.svgElSource&&C[e].getIsPending()&&!this.keepDuringLoading&&(this.svgElSource=null,this.$emit("unloaded"))
|
|
56
|
+
const t=await C[e]
|
|
57
|
+
this.svgElSource=t,await this.$nextTick(),this.$emit("loaded",this.$el)}catch(t){this.svgElSource&&(this.svgElSource=null,this.$emit("unloaded")),delete C[e],this.$emit("error",t)}},async download(e){const t=await fetch(e)
|
|
59
58
|
if(!t.ok)throw new Error("Error loading SVG")
|
|
60
59
|
const o=await t.text(),l=(new DOMParser).parseFromString(o,"text/xml").getElementsByTagName("svg")[0]
|
|
61
60
|
if(!l)throw new Error("Loaded file is not a valid SVG")
|
|
62
61
|
return l}},watch:{src(e){this.getSource(e)}},expose:[]})
|
|
63
|
-
const
|
|
64
|
-
function r(e){n("loaded",e)}function i(){n("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(
|
|
65
|
-
f(k),f(w),f(x),f(S)
|
|
66
|
-
const V=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.filter((e=>l.items.some((t=>t.group===e.id)))):[{id:"",title:""}])),d=t.ref(null)
|
|
62
|
+
const V=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})))
|
|
63
|
+
function r(e){n("loaded",e)}function i(){n("unloaded")}return(e,o)=>(t.openBlock(),t.createBlock(t.unref(S),{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"]))}}),q=f(w),E=f(B),$=f(_),z=f(V),L=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.filter((e=>l.items.some((t=>t.group===e.id)))):[{id:"",title:""}])),d=t.ref(null)
|
|
67
64
|
function s(e){n.value=e}function c(){a.value=!0}function u(){a.value=!1}function p(e){var t
|
|
68
65
|
if(null!=(t=d.value)&&t.contains(e.relatedTarget))return
|
|
69
66
|
let o
|
|
@@ -87,16 +84,14 @@ return t?e.indexOf(t):-1}function b(e,t,o){return"prev"===t&&0===e||"next"===t&&
|
|
|
87
84
|
if(b(e,t,o))return e
|
|
88
85
|
let l=e+("next"===t?1:-1)
|
|
89
86
|
for(;!w(o[l]);){if(b(l,t,o))return e
|
|
90
|
-
l+="next"===t?1:-1}return l}function w(e){return-2===e.tabIndex}function B(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:g}),(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(
|
|
91
|
-
let
|
|
92
|
-
function
|
|
93
|
-
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(
|
|
94
|
-
return(e,n)=>(t.openBlock(),t.createElementBlock("ul",{class:"q-list-item-group",role:"group","data-key":o.id,"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,
|
|
95
|
-
|
|
96
|
-
const
|
|
97
|
-
|
|
98
|
-
if(R(n)){const n={top:"bottom",bottom:"top",left:"right",right:"left"}[F(o)]
|
|
99
|
-
if(R(P(e,t,n,l)))return o
|
|
87
|
+
l+="next"===t?1:-1}return l}function w(e){return-2===e.tabIndex}function B(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:g}),(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(G),{key:o.id,id:o.id,title:1===i.value.length?void 0:o.title},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(B(o.id),(a=>(t.openBlock(),t.createBlock(t.unref(H),{key:a[l.itemValue],value:a[l.itemValue],label:a[l.itemLabel],description:a.description,icon:a.icon,disabled:l.disabled||o.disabled||a.disabled,highlighted:l.highlighted===a[l.itemValue],selected:n.value===a[l.itemValue],onSelect:s},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"item",{item:a})])),_:2},1032,["value","label","description","icon","disabled","highlighted","selected"])))),128))])),_:2},1032,["id","title"])))),128))])),_:3},40,["class","tabindex"]))}})
|
|
88
|
+
let I=0
|
|
89
|
+
function N(e){return e||"uid-"+ ++I}const T=["id","data-key","tabindex","aria-label","aria-selected"],M={class:"q-list-item__container"},Q={class:"q-list-item__content"},D={key:0,class:"q-list-item__description"},P={class:"q-list-item__check-container"},A={check:{icon:"check"},description:{icon:"information-outline"}},F=t.defineComponent({__name:"QListItem",props:{value:{type:[String,Number,Boolean,Symbol]},label:{},icon:{default:void 0},selected:{type:Boolean},highlighted:{type:Boolean},icons:{default:()=>A},disabled:{type:Boolean},description:{default:void 0}},emits:["select"],setup(e,{emit:o}){const l=e,n=o,a=N()
|
|
90
|
+
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.createElementVNode("div",M,[t.createElementVNode("div",Q,[t.renderSlot(e.$slots,"default",{},(()=>[l.icon?(t.openBlock(),t.createBlock(t.unref(q),t.normalizeProps(t.mergeProps({key:0},l.icon)),null,16)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(l.label),1)]))]),l.description?(t.openBlock(),t.createElementBlock("div",D,[t.createVNode(t.unref(q),t.normalizeProps(t.guardReactiveProps(l.icons.description)),null,16),t.createElementVNode("span",null,t.toDisplayString(l.description),1)])):t.createCommentVNode("",!0)]),t.createElementVNode("div",P,[l.selected?(t.openBlock(),t.createBlock(t.unref(q),t.mergeProps({key:0},l.icons.check,{class:"q-list-item__check"}),null,16)):t.createCommentVNode("",!0)])],42,T))}}),R=["data-key","aria-labelledby"],U=["id"],O=t.defineComponent({__name:"QListItemGroup",props:{id:{},title:{default:""}},setup(e){const o=e,l=N()
|
|
91
|
+
return(e,n)=>(t.openBlock(),t.createElementBlock("ul",{class:"q-list-item-group",role:"group","data-key":o.id,"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,U)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],8,R))}}),j=f(L),H=f(F),G=f(O),K=8
|
|
92
|
+
function W(e,t,o,l){const n=(null==l?void 0:l.offset)??0,a=(null==l?void 0:l.placement)??"bottom",r=e.getBoundingClientRect(),i=t.getBoundingClientRect(),d=null==o?void 0:o.getBoundingClientRect(),s=function(e,t,o,l){const n=Z(e,t,o,l)
|
|
93
|
+
if(Y(n)){const n={top:"bottom",bottom:"top",left:"right",right:"left"}[X(o)]
|
|
94
|
+
if(Y(Z(e,t,n,l)))return o
|
|
100
95
|
const a=function(e){const[,t]=e.split("-")
|
|
101
96
|
return t}(o)
|
|
102
97
|
return a?`${n}-${a}`:n}return o}(r,i,a,n),c=function(e,t,o){const[l,n]=o.split("-"),a=e.x+e.width/2-t.width/2,r=e.y+e.height/2-t.height/2
|
|
@@ -110,19 +105,19 @@ break
|
|
|
110
105
|
case"right":i={x:e.x+e.width,y:r}
|
|
111
106
|
break
|
|
112
107
|
default:throw new Error(`[Quidgest UI] Invalid placement value: ${o}`)}if(!n)return i
|
|
113
|
-
const d="y"===
|
|
108
|
+
const d="y"===J(o)?"height":"width",s=J(o),c=e[d]/2-t[d]/2
|
|
114
109
|
switch(n){case"start":i[s]-=c
|
|
115
110
|
break
|
|
116
111
|
case"end":i[s]+=c
|
|
117
112
|
break
|
|
118
|
-
default:throw new Error(`[Quidgest UI] Invalid alignment value: ${n}`)}return i}(r,i,s),u=function(e,t,o){const l=
|
|
119
|
-
return{x:e.x+("left"===l?-o:"right"===l?o:0),y:e.y+("top"===l?-o:"bottom"===l?o:0)}}(c,s,n),p=function(e,t,o){const l=
|
|
120
|
-
return"x"===l?a.x=n(e.x,
|
|
113
|
+
default:throw new Error(`[Quidgest UI] Invalid alignment value: ${n}`)}return i}(r,i,s),u=function(e,t,o){const l=X(t)
|
|
114
|
+
return{x:e.x+("left"===l?-o:"right"===l?o:0),y:e.y+("top"===l?-o:"bottom"===l?o:0)}}(c,s,n),p=function(e,t,o){const l=J(o),n=(e,t,o)=>Math.min(Math.max(e,t),o),a={...e}
|
|
115
|
+
return"x"===l?a.x=n(e.x,K,window.innerWidth-t.width-K):a.y=n(e.y,K,window.innerHeight-t.height-K),a}(u,i,s)
|
|
121
116
|
let f
|
|
122
117
|
if(null!=l&&l.arrow){if(!d)throw new Error("[Quidgest UI] The arrow element must exist to compute its position")
|
|
123
|
-
f=function(e,t,o,l,n){if("y"===
|
|
118
|
+
f=function(e,t,o,l,n){if("y"===J(n)){const n=t.top+t.height/2,a=e.y+o.height/2-n,r=o.height/2-a-l.height/2+2
|
|
124
119
|
if(r>0&&r<o.height-l.height)return{y:r}}else{const n=t.left+t.width/2,a=e.x+o.width/2-n,r=o.width/2-a-l.width/2+2
|
|
125
|
-
if(r>0&&r<o.width-l.width)return{x:r}}}(p,r,i,d,s)}return{overlayCoords:p,arrowCoords:f,placement:s}}function
|
|
120
|
+
if(r>0&&r<o.width-l.width)return{x:r}}}(p,r,i,d,s)}return{overlayCoords:p,arrowCoords:f,placement:s}}function Z(e,t,o,l){const n=X(o)
|
|
126
121
|
let a=0
|
|
127
122
|
switch(n){case"top":a=e.top-(t.height+l)
|
|
128
123
|
break
|
|
@@ -132,98 +127,92 @@ case"left":a=e.left-(t.width+l)
|
|
|
132
127
|
break
|
|
133
128
|
case"right":a=window.innerWidth-e.right-(t.width+l)
|
|
134
129
|
break
|
|
135
|
-
default:throw new Error(`[Quidgest UI] Invalid side value: ${n}`)}return a}function
|
|
136
|
-
return["left","right"].includes(t)?"x":"y"}(e))}function
|
|
137
|
-
return t}function
|
|
130
|
+
default:throw new Error(`[Quidgest UI] Invalid side value: ${n}`)}return a}function J(e){return function(e){return"x"===e?"y":"x"}(function(e){const t=X(e)
|
|
131
|
+
return["left","right"].includes(t)?"x":"y"}(e))}function X(e){const[t]=e.split("-")
|
|
132
|
+
return t}function Y(e){return e<0}const ee=["role"],te=f(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:t.mergeModels({anchor:{default:void 0},appearance:{default:"regular"},arrow:{type:Boolean},attach:{default:"body"},inline:{type:Boolean},backdropBlur:{type:Boolean},delay:{default:500},nonModal:{type:Boolean},scrollLock:{type:Boolean},offset:{default:8},persistent:{type:Boolean},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--${X(d.placement)}`,{"q-overlay--independent":void 0===l.anchor,"q-overlay--inverted":"inverted"===l.appearance},l.class])),i=t.computed((()=>(a.value||d.animating)&&!l.nonModal)),d=t.reactive({animating:!1,top:0,left:0,width:0,placement:l.placement}),s=t.reactive({top:void 0,left:void 0,hidden:!0}),c=t.computed((()=>0!==d.top&&0!==d.left))
|
|
138
133
|
t.watch(a,(()=>d.animating=!0))
|
|
139
134
|
const u=t.computed((()=>{if(void 0===l.anchor)return
|
|
140
135
|
const e=S(),t="anchor"===l.width?null==e?void 0:e.getBoundingClientRect().width:void 0
|
|
141
136
|
return{top:`${d.top}px`,left:`${d.left}px`,width:void 0!==t?`${t}px`:void 0}})),p=t.computed((()=>{if(l.arrow)return{top:void 0!==s.top?`${s.top}px`:void 0,left:void 0!==s.left?`${s.left}px`:void 0,opacity:s.hidden?0:1}})),f=t.ref(null),m=t.ref(null)
|
|
142
137
|
function v(){const e=S()
|
|
143
138
|
if(!e||!m.value)return
|
|
144
|
-
const t={placement:l.placement,width:l.width,offset:l.offset,arrow:l.arrow},o=
|
|
139
|
+
const t={placement:l.placement,width:l.width,offset:l.offset,arrow:l.arrow},o=W(e,m.value,(null==f?void 0:f.value)??void 0,t)
|
|
145
140
|
d.left=o.overlayCoords.x,d.top=o.overlayCoords.y,d.placement=o.placement,s.hidden=void 0===o.arrowCoords,o.arrowCoords&&(s.top=o.arrowCoords.y,s.left=o.arrowCoords.x)}let h,y,g,b
|
|
146
141
|
function k(){B(0)}function w(){B(l.delay)}function B(e){h||(h=window.setTimeout((()=>{a.value=!0}),e))}function x(){if(clearTimeout(h),h=void 0,a.value=!1,l.anchor&&"click"===l.trigger){const e=S()
|
|
147
142
|
null==e||e.focus()}}function _(){n("enter")}function C(){window.clearTimeout(y),y=window.setTimeout((()=>d.animating=!1),200),n("leave")}function S(){return l.anchor?function(e){return"string"==typeof e?document.querySelector(e):e}(l.anchor):null}function V(){const e=S()
|
|
148
143
|
if(e)switch(g=new MutationObserver(v),g.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),l.trigger){case"click":e.addEventListener("click",k)
|
|
149
144
|
break
|
|
150
|
-
case"hover":e.addEventListener("mouseenter",w),e.addEventListener("mouseleave",x),e.addEventListener("focusin",k),e.addEventListener("focusout",x)}}function q(){S()?(v(),b=window.setTimeout(q,100)):x()}function
|
|
151
|
-
return null==(e=m.value)?void 0:e.focus()}))}function
|
|
145
|
+
case"hover":e.addEventListener("mouseenter",w),e.addEventListener("mouseleave",x),e.addEventListener("focusin",k),e.addEventListener("focusout",x)}}function q(){S()?(v(),b=window.setTimeout(q,100)):x()}function E(){window.addEventListener("resize",v),l.scrollLock||window.addEventListener("scroll",v),l.spy?q():v(),l.scrollLock&&document.body.classList.add("no-scroll"),(void 0===l.anchor||"click"===l.trigger)&&t.nextTick((()=>{var e
|
|
146
|
+
return null==(e=m.value)?void 0:e.focus()}))}function $(){window.removeEventListener("resize",v),l.scrollLock||window.removeEventListener("scroll",v),l.spy&&(clearTimeout(b),b=void 0),l.scrollLock&&document.body.classList.remove("no-scroll"),d.top=0,d.left=0}function z(){l.persistent||x()}return t.watch((()=>l.placement),(()=>t.nextTick(v))),t.watch(c,(()=>t.nextTick(_))),t.onMounted((()=>{t.nextTick(V)})),t.onBeforeUnmount((()=>{(function(){const e=S()
|
|
152
147
|
if(e)switch(null==g||g.disconnect(),l.trigger){case"click":e.removeEventListener("click",k)
|
|
153
148
|
break
|
|
154
|
-
case"hover":e.removeEventListener("mouseenter",w),e.removeEventListener("mouseleave",x),e.removeEventListener("focusin",k),e.removeEventListener("focusout",x)}})()
|
|
155
|
-
f(
|
|
156
|
-
const j=["id"],H={key:0,class:"q-field__label"},G=["for"],K={key:0,class:"q-field__prepend"},W={key:1,class:"q-field__append"},Z={key:1,class:"q-field__extras"},J=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=$(l.id),a=t.ref(null),r=t.computed((()=>l.required&&!l.readonly&&!l.disabled))
|
|
157
|
-
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",H,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:l.for},t.toDisplayString(l.label),9,G),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",K,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",W,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",Z,[t.renderSlot(e.$slots,"extras")])):t.createCommentVNode("",!0)],10,j))}})
|
|
158
|
-
f(J)
|
|
159
|
-
const X=["id","type","role","required","placeholder","readonly","disabled","maxlength"],Y=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=$(l.id),r=t.ref(null),i=t.ref(null),d=t.computed((()=>l.readonly||l.disabled?"":l.placeholder))
|
|
149
|
+
case"hover":e.removeEventListener("mouseenter",w),e.removeEventListener("mouseleave",x),e.removeEventListener("focusin",k),e.removeEventListener("focusout",x)}})(),$()})),t.watch(a,(e=>{t.nextTick((()=>e?E():$()))}),{immediate:!0}),(e,o)=>(t.openBlock(),t.createBlock(t.Teleport,{disabled:!a.value&&!d.animating||l.inline,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:"",onLeave:C},{default:t.withCtx((()=>[a.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(r.value),style:t.normalizeStyle(u.value)},[t.createElementVNode("div",t.mergeProps({class:"q-overlay__content",ref_key:"overlayRef",ref:m,tabindex:"-1",role:i.value?"dialog":void 0},e.$attrs,{onKeydown:t.withKeys(z,["escape"]),onBlur:z}),[l.arrow?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"arrowRef",ref:f,role:"presentation",class:"q-overlay__arrow",style:t.normalizeStyle(p.value)},null,4)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],16,ee)],6)):t.createCommentVNode("",!0)])),_:3},8,["name"])],8,["disabled","to"]))}})),oe=["id"],le={key:0,class:"q-field__label"},ne=["for"],ae={key:0,class:"q-field__prepend"},re={key:1,class:"q-field__append"},ie={key:1,class:"q-field__extras"},de=f(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=N(l.id),a=t.ref(null),r=t.computed((()=>l.required&&!l.readonly&&!l.disabled))
|
|
150
|
+
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",le,[t.renderSlot(e.$slots,"label.prepend"),t.createElementVNode("label",{for:l.for},t.toDisplayString(l.label),9,ne),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",ae,[t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append?(t.openBlock(),t.createElementBlock("div",re,[t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)],16)])),e.$slots.extras?(t.openBlock(),t.createElementBlock("div",ie,[t.renderSlot(e.$slots,"extras")])):t.createCommentVNode("",!0)],10,oe))}})),se=["id","type","role","required","placeholder","readonly","disabled","maxlength"],ce=f(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=N(l.id),r=t.ref(null),i=t.ref(null),d=t.computed((()=>l.readonly||l.disabled?"":l.placeholder))
|
|
160
151
|
return o({fieldRef:t.computed((()=>{var e
|
|
161
|
-
return null==(e=r.value)?void 0:e.fieldRef})),inputRef:i}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(
|
|
162
|
-
|
|
163
|
-
const ee=["data-key"],te={key:0,class:"q-select__loader"},oe={key:2,class:"q-select__loader"},le={noData:"No data available"},ne={chevron:{icon:"chevron-down"},clear:{icon:"close"}},ae=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:()=>le},icons:{default:()=>ne},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,r=l,i=t.useModel(e,"modelValue"),d=t.useModel(e,"open"),s=t.useModel(e,"search"),c=t.ref(void 0),u=t.ref(null),p=t.ref(null),f=t.ref(null),m=t.ref(null)
|
|
164
|
-
t.onMounted(C)
|
|
152
|
+
return null==(e=r.value)?void 0:e.fieldRef})),inputRef:i}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(de),{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,se),[[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"]))}})),ue=["data-key"],pe={key:0,class:"q-select__loader"},fe={key:2,class:"q-select__loader"},me={noData:"No data available"},ve={chevron:{icon:"chevron-down"},clear:{icon:"close"}},he=f(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:()=>me},icons:{default:()=>ve},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),f=t.ref(null)
|
|
153
|
+
t.onMounted(_)
|
|
165
154
|
const v=t.computed((()=>n.clearable&&!n.readonly&&!n.disabled)),h=t.computed((()=>{var e
|
|
166
|
-
return"manual"!==n.filterMode&&
|
|
167
|
-
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===
|
|
168
|
-
if(void 0!==e&&h.value[e])return h.value[e]})),
|
|
169
|
-
if(void 0===
|
|
170
|
-
const t=null==(e=
|
|
171
|
-
return null==t?void 0:t.id})),
|
|
172
|
-
return
|
|
173
|
-
function
|
|
174
|
-
const t=(null==(e=
|
|
175
|
-
|
|
176
|
-
if(e.key&&!n.readonly&&!n.disabled)if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),"Escape"===e.key)
|
|
177
|
-
else if(["ArrowDown","ArrowUp"].includes(e.key))
|
|
155
|
+
return"manual"!==n.filterMode&&B.value?null==(e=n.items)?void 0:e.filter((e=>e[n.itemLabel].toLowerCase().startsWith(d.value.toLowerCase()))):n.items})),y=t.computed((()=>{var e
|
|
156
|
+
return null==(e=n.items)?void 0:e.find((e=>e[n.itemValue]===r.value))})),b=t.computed((()=>void 0===y.value)),k=t.computed((()=>{const e=s.value
|
|
157
|
+
if(void 0!==e&&h.value[e])return h.value[e]})),w=t.computed((()=>{var e
|
|
158
|
+
if(void 0===s.value)return
|
|
159
|
+
const t=null==(e=u.value)?void 0:e.getItem(s.value)
|
|
160
|
+
return null==t?void 0:t.id})),B=t.computed((()=>{var e
|
|
161
|
+
return d.value.length>0&&d.value!==(null==(e=y.value)?void 0:e[n.itemLabel])}))
|
|
162
|
+
function x(e){r.value=e,S()}function _(){var e
|
|
163
|
+
const t=(null==(e=y.value)?void 0:e[n.itemLabel])||""
|
|
164
|
+
d.value!==t&&(d.value=t)}function C(){i.value||n.readonly||n.disabled||(a("before-show"),i.value=!0,N())}function S(){i.value&&(a("before-hide"),i.value=!1,s.value=void 0)}function V(){i.value?S():$()}function E(){v.value&&(r.value=n.emptyValue,s.value=void 0,N())}function $(){if(C(),void 0!==y.value){const e=h.value.indexOf(y.value);-1!==e&&t.nextTick((()=>D(e)))}}function z(e){var o,l
|
|
165
|
+
if(e.key&&!n.readonly&&!n.disabled)if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),"Escape"===e.key)_(),i.value&&S()
|
|
166
|
+
else if(["ArrowDown","ArrowUp"].includes(e.key))i.value?t.nextTick((()=>{if(void 0===s.value)L()
|
|
178
167
|
else{const t="ArrowDown"===e.key?"next":"prev"
|
|
179
168
|
!function(e,t){var o
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
else if("Enter"===e.key){if(void 0===
|
|
183
|
-
|
|
184
|
-
if(b.value)
|
|
185
|
-
else{const t=h.value.findIndex((e=>e[n.itemValue]===
|
|
186
|
-
|
|
187
|
-
const
|
|
188
|
-
if(
|
|
189
|
-
|
|
190
|
-
null==(t=null==(e=
|
|
191
|
-
const o=null==(t=
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(
|
|
195
|
-
return[t.createElementVNode("div",{ref_key:"contentRef",ref:
|
|
196
|
-
return c({QField:{size:"block"}}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(
|
|
197
|
-
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",o.class])},null,2))}}),
|
|
198
|
-
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(
|
|
199
|
-
return null==(e=l.items)?void 0:e.find((e=>e[l.itemValue]===
|
|
200
|
-
function h(e){
|
|
201
|
-
function
|
|
202
|
-
for(let e=0;e<l.items.length;e++)if(l.items[e][l.itemLabel].toLowerCase().startsWith(
|
|
203
|
-
break}}
|
|
204
|
-
l.loading?null==(e=
|
|
205
|
-
null==(t=null==(e=
|
|
206
|
-
null==(e=
|
|
207
|
-
null==(t=
|
|
208
|
-
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(
|
|
209
|
-
return[t.renderSlot(e.$slots,"prepend"),null!=(o=
|
|
210
|
-
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-skeleton-loader",l.value]),style:t.normalizeStyle(n.value)},
|
|
211
|
-
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-theme-provider",`q-theme--${o.theme}`])},[t.renderSlot(e.$slots,"default")],2))}}),
|
|
212
|
-
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(
|
|
213
|
-
function
|
|
169
|
+
s.value=null==(o=u.value)?void 0:o.getAdjacentItemIndex(e,t)}(s.value,t)}})):(C(),t.nextTick((()=>{"ArrowDown"===e.key?L():function(){var e
|
|
170
|
+
s.value=null==(e=u.value)?void 0:e.getLastFocusableItemIndex()}()})))
|
|
171
|
+
else if("Enter"===e.key){if(void 0===k.value)return
|
|
172
|
+
x(k.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)&&C()}function L(){var e,t
|
|
173
|
+
if(b.value)s.value=null==(t=u.value)?void 0:t.getFirstFocusableItemIndex()
|
|
174
|
+
else{const t=h.value.findIndex((e=>e[n.itemValue]===r.value))
|
|
175
|
+
s.value=-1===t?null==(e=u.value)?void 0:e.getFirstFocusableItemIndex():t}}function I(e){var t,o,l,a
|
|
176
|
+
const i=(null==(t=null==p?void 0:p.value)?void 0:t.$el)===e.relatedTarget,s=null==(l=null==(o=null==c?void 0:c.value)?void 0:o.$el)?void 0:l.contains(e.relatedTarget),u=null==(a=null==f?void 0:f.value)?void 0:a.contains(e.relatedTarget)
|
|
177
|
+
if(i||u||s)return e.preventDefault(),void e.stopPropagation()
|
|
178
|
+
S(),v.value&&!d.value&&(r.value=n.emptyValue),_()}function N(){var e,t
|
|
179
|
+
null==(t=null==(e=c.value)?void 0:e.inputRef)||t.focus()}function T(){N()}function M(){a("show")}function Q(){a("hide")}function D(e){var t
|
|
180
|
+
const o=null==(t=u.value)?void 0:t.getItem(e)
|
|
181
|
+
u.value&&(u.value.$el.scrollTop=null==o?void 0:o.offsetTop)}return t.watch(r,_),t.watch((()=>n.items),((e,t)=>{if(!b.value){const e=t.find((e=>e[n.itemValue]===r.value))
|
|
182
|
+
d.value===(null==e?void 0:e[n.itemLabel])&&_()}}),{deep:!0}),t.watch(s,(e=>{void 0!==e&&D(e)})),t.watch(d,(e=>{e&&i.value&&"automatic"===n.selectionMode&&t.nextTick(L)})),t.watch((()=>n.loading),(e=>{!e&&i.value&&t.nextTick(L)})),o({triggerEl:c}),(e,o)=>{var l
|
|
183
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(ce),{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":w.value,size:n.size,onClick:$,onFocusout:I,onKeydown:t.withModifiers(z,["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"),v.value&&d.value?(t.openBlock(),t.createBlock(t.unref(g),{key:0,class:"q-combobox__clear","b-style":"plain",borderless:"",tabindex:"-1",onClick:E},{default:t.withCtx((()=>[t.createVNode(t.unref(q),t.normalizeProps(t.guardReactiveProps(n.icons.clear)),null,16)])),_:1})):t.createCommentVNode("",!0),n.readonly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(g),{key:1,ref_key:"toggleRef",ref:p,class:"q-combobox__chevron","b-style":"plain",borderless:"",tabindex:"-1",disabled:n.disabled,onMousedown:t.withModifiers(V,["stop","prevent"])},{default:t.withCtx((()=>[t.createVNode(t.unref(q),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(te),{modelValue:i.value,"onUpdate:modelValue":o[2]||(o[2]=e=>i.value=e),spy:"","non-modal":"",trigger:"manual",placement:"bottom-start",width:"anchor",offset:4,anchor:null==(l=c.value)?void 0:l.$el,onEnter:M,onLeave:Q},{default:t.withCtx((()=>{var l
|
|
184
|
+
return[t.createElementVNode("div",{ref_key:"contentRef",ref:f,class:"q-select__body","data-testid":"combobox-dropdown","data-key":n.id,onFocusout:I},[t.renderSlot(e.$slots,"body.prepend"),n.loading?(t.openBlock(),t.createElementBlock("div",pe,[t.createVNode(t.unref(m),{size:24})])):h.value.length?(t.openBlock(),t.createBlock(t.unref(j),{key:1,ref_key:"listRef",ref:u,class:"q-select__items",modelValue:r.value,"onUpdate:modelValue":[o[1]||(o[1]=e=>r.value=e),x],highlighted:null==(l=k.value)?void 0:l[n.itemValue],items:h.value,groups:e.groups,"item-label":n.itemLabel,"item-value":n.itemValue,onMouseup:T},{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",fe,t.toDisplayString(e.texts.noData),1)),t.renderSlot(e.$slots,"body.append")],40,ue)]})),_:3},8,["modelValue","anchor"])],64)}}})),ye={key:0,class:"q-input-group__prepend"},ge={key:0},be={key:1,class:"q-input-group__append"},ke={key:0},we=f(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
|
|
185
|
+
return c({QField:{size:"block"}}),(e,l)=>(t.openBlock(),t.createBlock(t.unref(de),{id:o.id,class:t.normalizeClass(["q-input-group",o.class]),label:o.label,required:o.required,size:o.size},t.createSlots({default:t.withCtx((()=>[e.$slots.prepend||o.prependIcon?(t.openBlock(),t.createElementBlock("div",ye,[o.prependIcon?(t.openBlock(),t.createElementBlock("span",ge,[t.createVNode(t.unref(q),t.normalizeProps(t.guardReactiveProps(o.prependIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"prepend")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default"),e.$slots.append||o.appendIcon?(t.openBlock(),t.createElementBlock("div",be,[o.appendIcon?(t.openBlock(),t.createElementBlock("span",ke,[t.createVNode(t.unref(q),t.normalizeProps(t.guardReactiveProps(o.appendIcon)),null,16)])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")])):t.createCommentVNode("",!0)])),_:2},[e.$slots.extras?{name:"extras",fn:t.withCtx((()=>[t.renderSlot(e.$slots,"extras")])),key:"0"}:void 0]),1032,["id","class","label","required","size"]))}})),Be=f(t.defineComponent({__name:"QLineLoader",props:{class:{default:void 0}},setup(e){const o=e
|
|
186
|
+
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-line-loader",o.class])},null,2))}})),xe={key:0,class:"q-popover__header"},_e={key:1,class:"q-popover__body"},Ce=["innerHTML"],Se={key:1},Ve=f(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:t.mergeModels({anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},inline:{type:Boolean},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},text:{},title:{default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=e,l=t.useModel(e,"modelValue")
|
|
187
|
+
return(e,n)=>(t.openBlock(),t.createBlock(t.unref(te),{"model-value":l.value,class:"q-popover",trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,inline:o.inline,disabled:o.disabled,placement:o.placement},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",xe,[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",_e,[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,Ce)):(t.openBlock(),t.createElementBlock("span",Se,t.toDisplayString(o.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","inline","disabled","placement"]))}})),qe={key:0,class:"q-select__value"},Ee={key:1,class:"q-select__placeholder"},$e=["data-key"],ze={key:0,class:"q-select__loader"},Le={placeholder:"Choose..."},Ie={chevron:{icon:"chevron-down"},clear:{icon:"close"}},Ne=f(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:()=>Ie},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},emptyValue:{type:[String,Number,Boolean,Symbol],default:void 0},size:{default:void 0},texts:{default:()=>Le},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
|
|
188
|
+
return null==(e=l.items)?void 0:e.find((e=>e[l.itemValue]===a.value))})),f=t.computed((()=>p.value?p.value[l.itemLabel]:"")),v=t.computed((()=>l.clearable&&!l.readonly&&!l.disabled&&!l.loading))
|
|
189
|
+
function h(e){a.value=e,k()}function y(){v.value&&h(l.emptyValue)}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))&&k()}function k(){r.value&&(n("before-hide"),r.value=!1)}function w(){l.readonly||l.disabled||(r.value?k():r.value||(n("before-show"),r.value=!0))}let B
|
|
190
|
+
function x(e){if(e.key&&!l.readonly&&!l.disabled){if(window.clearTimeout(B),["Enter"," ","ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),e.stopPropagation()),["Enter"," "].includes(e.key)&&(r.value=!0),["Escape","Tab"].includes(e.key)&&(r.value?r.value=!1:v.value&&"Escape"===e.key&&y()),"Delete"===e.key&&l.clearable&&y(),/^[a-z]$/i.test(e.key)){i.value+=e.key.toLowerCase()
|
|
191
|
+
for(let e=0;e<l.items.length;e++)if(l.items[e][l.itemLabel].toLowerCase().startsWith(i.value)){V(e)
|
|
192
|
+
break}}B=window.setTimeout((function(){i.value=""}),500)}}function _(){var e
|
|
193
|
+
l.loading?null==(e=c.value)||e.focus():S(),n("show")}function C(){var e,t
|
|
194
|
+
null==(t=null==(e=d.value)?void 0:e.fieldRef)||t.focus(),n("hide")}function S(){var e
|
|
195
|
+
null==(e=s.value)||e.$el.focus()}function V(e){var t
|
|
196
|
+
null==(t=s.value)||t.focusItem(e)}return t.watch((()=>l.loading),(e=>{!e&&r.value&&t.nextTick(S)})),(e,o)=>{var n,i
|
|
197
|
+
return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(de),{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:w,onKeydown:t.withModifiers(x,["stop"])},t.createSlots({append:t.withCtx((()=>[t.renderSlot(e.$slots,"append"),v.value&&a.value?(t.openBlock(),t.createBlock(t.unref(g),{key:0,class:"q-select__clear","b-style":"plain",borderless:"",tabindex:"-1",onClick:y},{default:t.withCtx((()=>[t.createVNode(t.unref(q),t.normalizeProps(t.guardReactiveProps(l.icons.clear)),null,16)])),_:1})):t.createCommentVNode("",!0),l.readonly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(g),{key:1,class:"q-select__chevron","b-style":"plain",borderless:"",tabindex:"-1",disabled:l.disabled,onClick:w},{default:t.withCtx((()=>[t.createVNode(t.unref(q),t.normalizeProps(t.guardReactiveProps(l.icons.chevron)),null,16)])),_:1},8,["disabled"]))])),default:t.withCtx((()=>[u.value?(t.openBlock(),t.createElementBlock("span",Ee,[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",qe,t.toDisplayString(f.value),1))])),_:2},[null!=(n=p.value)&&n.icon||e.$slots.prepend?{name:"prepend",fn:t.withCtx((()=>{var o,l
|
|
198
|
+
return[t.renderSlot(e.$slots,"prepend"),null!=(o=p.value)&&o.icon?(t.openBlock(),t.createBlock(t.unref(q),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(te),{modelValue:r.value,"onUpdate:modelValue":o[1]||(o[1]=e=>r.value=e),spy:"",trigger:"manual",placement:"bottom-start",width:"anchor","scroll-lock":"",anchor:null==(i=d.value)?void 0:i.$el,offset:2,onEnter:_,onLeave:C},{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(x,["stop"])},[t.renderSlot(e.$slots,"body.prepend"),l.loading?(t.openBlock(),t.createElementBlock("div",ze,[t.createVNode(t.unref(m),{size:24})])):(t.openBlock(),t.createBlock(t.unref(j),{key:1,ref_key:"listRef",ref:s,class:"q-select__items",modelValue:a.value,"onUpdate:modelValue":[o[0]||(o[0]=e=>a.value=e),h],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,$e)])),_:3},8,["modelValue","anchor"])],64)}}})),Te=[t.createElementVNode("div",{class:"q-skeleton-loader__bone"},null,-1)],Me=f(t.defineComponent({__name:"QSkeletonLoader",props:{type:{default:void 0},width:{default:void 0},height:{default:void 0}},setup(e){const o=e,l=t.computed((()=>o.type?`q-skeleton-loader--${o.type}`:void 0)),n=t.computed((()=>({width:"number"==typeof o.width?`${o.width}px`:o.width,height:"number"==typeof o.height?`${o.height}px`:o.height})))
|
|
199
|
+
return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-skeleton-loader",l.value]),style:t.normalizeStyle(n.value)},Te,6))}})),Qe=f(t.defineComponent({__name:"QThemeProvider",props:{theme:{}},setup(e){const o=e
|
|
200
|
+
return(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["q-theme-provider",`q-theme--${o.theme}`])},[t.renderSlot(e.$slots,"default")],2))}})),De=["innerHTML"],Pe={key:1},Ae=f(t.defineComponent({__name:"QTooltip",props:t.mergeModels({id:{default:void 0},anchor:{},appearance:{default:"inverted"},arrow:{type:Boolean,default:!0},attach:{default:"body"},inline:{type:Boolean},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=N(o.id)
|
|
201
|
+
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(te),{"model-value":l.value,anchor:o.anchor,role:"tooltip","non-modal":"",id:t.unref(n),appearance:o.appearance,arrow:o.arrow,attach:o.attach,inline:o.inline,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,De)):(t.openBlock(),t.createElementBlock("span",Pe,t.toDisplayString(o.text),1))])),_:1},8,["model-value","anchor","id","appearance","arrow","attach","inline","class","delay","disabled","placement","trigger"])],64))}})),Fe=Object.freeze(Object.defineProperty({__proto__:null,QButton:g,QButtonGroup:b,QButtonToggle:k,QCombobox:he,QField:de,QIcon:q,QIconFont:E,QIconImg:$,QIconSvg:z,QInputGroup:we,QLineLoader:Be,QList:j,QListItem:H,QListItemGroup:G,QOverlay:te,QPopover:Ve,QSelect:Ne,QSkeletonLoader:Me,QSpinnerLoader:m,QTextField:ce,QThemeProvider:Qe,QTooltip:Ae},Symbol.toStringTag,{value:"Module"})),Re="q-theme"
|
|
202
|
+
function Ue(){const e=t.inject(Re)
|
|
214
203
|
if(!e)throw new Error("[Quidgest UI] Could not find theme instance")
|
|
215
|
-
return e}function
|
|
204
|
+
return e}function Oe(e){if(!function(e){return/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(e)}(e))throw new Error("Invalid color format")
|
|
216
205
|
4===e.length&&(e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3])
|
|
217
|
-
return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function
|
|
206
|
+
return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function je(e){let t=""
|
|
218
207
|
for(const o of e){t+=`.q-theme--${o.name} {\n`
|
|
219
208
|
const e=o.scheme
|
|
220
209
|
let l
|
|
221
210
|
for(l in e){const o=e[l]
|
|
222
|
-
if(o){t+=` ${
|
|
223
|
-
const e=
|
|
224
|
-
t+=` ${
|
|
225
|
-
return e||(e=document.createElement("style"),e.id=
|
|
226
|
-
o.textContent=t}function
|
|
211
|
+
if(o){t+=` ${He(l)}: ${o};\n`
|
|
212
|
+
const e=Oe(o)
|
|
213
|
+
t+=` ${He(l)}-rgb: ${e.r} ${e.g} ${e.b};\n`}}t+="}\n"}const o=function(){let e=document.getElementById(Re)
|
|
214
|
+
return e||(e=document.createElement("style"),e.id=Re,document.head.appendChild(e)),e}()
|
|
215
|
+
o.textContent=t}function He(e){return e?`--q-theme-${p(e)}`:""}function Ge(e={}){return{install:n=>{const a=e.components||{}
|
|
227
216
|
for(const e in a)n.component(e,a[e])
|
|
228
217
|
const r=e.defaults||{}
|
|
229
218
|
n.provide(s,t.ref(r)),function(e,n){const a=[]
|
|
@@ -231,6 +220,6 @@ let r
|
|
|
231
220
|
if(n)for(const e of n.themes){const t={..."light"===e.mode?o:l,...e.colors}
|
|
232
221
|
a.push({name:e.name,mode:e.mode,scheme:t}),e.name===n.defaultTheme&&(r=e.name)}else r="default",a.push({name:r,mode:"light",scheme:o})
|
|
233
222
|
if(r){const o={activeTheme:t.ref(r),themes:a}
|
|
234
|
-
|
|
235
|
-
t.className=o.join(" "),t.classList.add(`q-theme--${e}`)}e.components
|
|
236
|
-
return t.provide(
|
|
223
|
+
je(a),t.watch(o.activeTheme,Ke,{immediate:!0}),e.provide(Re,o)}}(n,e.themes)}}}function Ke(e){const t=document.documentElement,o=Array.from(t.classList).filter((e=>!e.startsWith("q-theme")))
|
|
224
|
+
t.className=o.join(" "),t.classList.add(`q-theme--${e}`)}e.components=Fe,e.createFramework=(e={})=>Ge({components:Fe,...e}),e.provideTheme=function(e){const o=Ue(),l={activeTheme:t.ref(e),themes:o.themes}
|
|
225
|
+
return t.provide(Re,l),l},e.templates=n,e.useTheme=Ue,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}))
|
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.12.
|
|
2
|
+
* Quidgest UI v0.12.2
|
|
3
3
|
* (c) 2024 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -725,10 +725,32 @@ $line-color: var(--q-theme-primary);
|
|
|
725
725
|
font-style: normal;
|
|
726
726
|
text-decoration: underline;
|
|
727
727
|
}
|
|
728
|
+
&__container {
|
|
729
|
+
display: flex;
|
|
730
|
+
flex-direction: column;
|
|
731
|
+
flex-wrap: wrap;
|
|
732
|
+
gap: $space-base;
|
|
733
|
+
}
|
|
734
|
+
&__content {
|
|
735
|
+
display: flex;
|
|
736
|
+
gap: $space-base;
|
|
737
|
+
}
|
|
728
738
|
&__check-container {
|
|
729
739
|
display: flex;
|
|
730
740
|
margin-left: auto;
|
|
731
741
|
min-width: 1em;
|
|
742
|
+
align-self: flex-start;
|
|
743
|
+
}
|
|
744
|
+
&__description {
|
|
745
|
+
display: flex;
|
|
746
|
+
gap: $space-base;
|
|
747
|
+
align-items: flex-start;
|
|
748
|
+
color: var(--q-theme-neutral);
|
|
749
|
+
font-size: 0.75em;
|
|
750
|
+
.q-icon {
|
|
751
|
+
font-size: inherit;
|
|
752
|
+
flex-shrink: 0;
|
|
753
|
+
}
|
|
732
754
|
}
|
|
733
755
|
& + & {
|
|
734
756
|
margin-top: 1px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton"],"names":[],"mappings":"AAwBA;AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;IAElE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;AA6JF,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAwBA;AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;IAElE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;AA6JF,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import "../QSpinnerLoader/index.js";
|
|
3
|
-
import B from "../QSpinnerLoader/QSpinnerLoader.vue.js";
|
|
1
|
+
import { defineComponent as m, computed as s, openBlock as o, createElementBlock as n, normalizeClass as v, withModifiers as y, createVNode as g, unref as k, createCommentVNode as l, createElementVNode as _, Fragment as i, createTextVNode as r, toDisplayString as d, renderSlot as q } from "vue";
|
|
2
|
+
import { QSpinnerLoader as B } from "../QSpinnerLoader/index.js";
|
|
4
3
|
const h = ["disabled"], z = {
|
|
5
4
|
key: 0,
|
|
6
5
|
class: "q-btn__spinner"
|
|
7
|
-
}, C = { class: "q-btn__content" }, O = /* @__PURE__ */
|
|
6
|
+
}, C = { class: "q-btn__content" }, O = /* @__PURE__ */ m({
|
|
8
7
|
__name: "QButton",
|
|
9
8
|
props: {
|
|
10
9
|
active: { type: Boolean },
|
|
@@ -20,12 +19,12 @@ const h = ["disabled"], z = {
|
|
|
20
19
|
class: { default: void 0 }
|
|
21
20
|
},
|
|
22
21
|
emits: ["click"],
|
|
23
|
-
setup(
|
|
24
|
-
const e =
|
|
22
|
+
setup(c, { emit: b }) {
|
|
23
|
+
const e = c, p = b, a = s(() => e.disabled || e.loading);
|
|
25
24
|
function u(t) {
|
|
26
25
|
a.value || p("click", t);
|
|
27
26
|
}
|
|
28
|
-
const
|
|
27
|
+
const f = s(() => {
|
|
29
28
|
const t = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
|
|
30
29
|
return [
|
|
31
30
|
"q-btn",
|
|
@@ -41,22 +40,22 @@ const h = ["disabled"], z = {
|
|
|
41
40
|
e.class
|
|
42
41
|
];
|
|
43
42
|
});
|
|
44
|
-
return (t,
|
|
43
|
+
return (t, S) => (o(), n("button", {
|
|
45
44
|
type: "button",
|
|
46
|
-
class: v(
|
|
45
|
+
class: v(f.value),
|
|
47
46
|
disabled: a.value,
|
|
48
47
|
onClick: y(u, ["stop", "prevent"])
|
|
49
48
|
}, [
|
|
50
49
|
t.loading ? (o(), n("div", z, [
|
|
51
|
-
|
|
50
|
+
g(k(B), { size: 20 })
|
|
52
51
|
])) : l("v-if", !0),
|
|
53
|
-
|
|
52
|
+
_("span", C, [
|
|
54
53
|
t.iconOnRight ? (o(), n(
|
|
55
54
|
i,
|
|
56
55
|
{ key: 0 },
|
|
57
56
|
[
|
|
58
|
-
|
|
59
|
-
|
|
57
|
+
r(
|
|
58
|
+
d(e.label),
|
|
60
59
|
1
|
|
61
60
|
/* TEXT */
|
|
62
61
|
)
|
|
@@ -69,8 +68,8 @@ const h = ["disabled"], z = {
|
|
|
69
68
|
i,
|
|
70
69
|
{ key: 1 },
|
|
71
70
|
[
|
|
72
|
-
|
|
73
|
-
|
|
71
|
+
r(
|
|
72
|
+
d(e.label),
|
|
74
73
|
1
|
|
75
74
|
/* TEXT */
|
|
76
75
|
)
|