@quidgest/ui 0.5.15 → 0.5.16

package/dist/ui.min.js

@@ -139,8 +139,8 @@ case"bottom":n=ie(e,t),l=window.innerHeight-e.top-e.height>t.height
 break
 case"left":n=e.left>t.width,l=re(e,t)
 break
-case"right":n=window.innerWidth-e.left-e.width>t.width,l=re(e,t)}return n&&l}function re(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function ie(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function se(e){return"string"==typeof e?document.querySelector(e):e&&"$el"in e?e.$el:e}const ce={key:0,class:"q-overlay__arrow"},de=B(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:{modelValue:{type:Boolean},anchor:{},appearance:{default:"regular"},arrow:{type:Boolean,default:!1},attach:{default:"body"},contentClasses:{default:()=>[]},delay:{default:500},disabled:{type:Boolean},offset:{default:8},placement:{default:"right"},spy:{type:Boolean,default:!1},transition:{default:"fade"},trigger:{default:"click"},width:{default:"auto"}},emits:["enter","leave"],setup(e,{emit:o}){const n=e,l=t.computed((()=>["q-overlay",`q-overlay--${a.placement}`,{"q-overlay--inverted":"inverted"===n.appearance},...n.contentClasses])),a=t.reactive({visible:n.modelValue,top:0,left:0,width:0,placement:n.placement}),r=t.computed((()=>a.visible&&!n.disabled))
-t.watch((()=>n.modelValue),(()=>a.visible=n.modelValue))
+case"right":n=window.innerWidth-e.left-e.width>t.width,l=re(e,t)}return n&&l}function re(e,t){return window.innerHeight-e.top-e.height/2>t.height/2&&e.top+e.height/2>t.height/2}function ie(e,t){return window.innerWidth-e.left-e.width/2>t.width/2&&e.left+e.width/2>t.width/2}function se(e){return"string"==typeof e?document.querySelector(e):e&&"$el"in e?e.$el:e}const ce={key:0,class:"q-overlay__arrow"},de=B(t.defineComponent({inheritAttrs:!1,__name:"QOverlay",props:{modelValue:{type:Boolean},anchor:{},appearance:{default:"regular"},arrow:{type:Boolean,default:!1},attach:{default:"body"},contentClasses:{default:()=>[]},delay:{default:500},disabled:{type:Boolean},offset:{default:8},placement:{default:"right"},spy:{type:Boolean,default:!1},transition:{default:"fade"},trigger:{default:"click"},width:{default:"auto"}},emits:["enter","leave"],setup(e,{emit:o}){const n=e,l=t.computed((()=>["q-overlay",`q-overlay--${a.placement}`,{"q-overlay--inverted":"inverted"===n.appearance},...n.contentClasses])),a=t.reactive({visible:n.modelValue,animating:!1,top:0,left:0,width:0,placement:n.placement}),r=t.computed((()=>a.visible&&!n.disabled))
+t.watch((()=>n.modelValue),(()=>a.visible=n.modelValue)),t.watch((()=>a.visible),(()=>a.animating=!0))
 const i=t.computed((()=>{let e=0,t=0
 switch(a.placement){case"top":t=-(n.offset||0)
 break
@@ -152,13 +152,13 @@ case"right":e=n.offset||0}const o={top:`${a.top+t}px`,left:`${a.left+e}px`}
 return void 0!==a.width&&["top","bottom"].includes(a.placement)&&(o.width=`${a.width}px`),o})),s=t.ref(null)
 function c(){const e=se(n.anchor)
 if(e){const t=le(e,s.value,n.placement,n.width)
-a.left=t.x,a.top=t.y,a.width=t.width,a.placement=t.placement}}let d,u,f
-function p(){const e="hover"===n.trigger?n.delay:0
-d||(d=window.setTimeout((()=>a.visible=!0),e))}function m(){clearTimeout(d),d=void 0,a.visible=!1}function h(){r.value?m():p()}function v(){se(n.anchor)?(c(),f=window.setTimeout(v,100)):m()}function y(){t.nextTick((()=>{const e=se(n.anchor)
-e&&(window.addEventListener("scroll",c),window.addEventListener("resize",c),u=new MutationObserver(c),u.observe(e,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),c())})),n.spy&&v()}function g(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c),null==u||u.disconnect(),n.spy&&(clearTimeout(f),f=void 0)}return t.watch([()=>r.value,()=>n.placement],c),t.onBeforeUnmount(g),t.onMounted(c),t.watch((()=>n.disabled),(e=>{e||t.nextTick((()=>{const e=se(n.anchor)
-if(e)switch(n.trigger){case"click":e.addEventListener("click",h)
+a.left=t.x,a.top=t.y,a.width=t.width,a.placement=t.placement}}let d,u,f,p
+function m(){const e="hover"===n.trigger?n.delay:0
+d||(d=window.setTimeout((()=>a.visible=!0),e))}function h(){clearTimeout(d),d=void 0,a.visible=!1}function v(){r.value?h():m()}function y(){window.clearTimeout(u),u=window.setTimeout((()=>a.animating=!1),200),o("leave")}function g(){se(n.anchor)?(c(),p=window.setTimeout(g,100)):h()}function b(){t.nextTick((()=>{const e=se(n.anchor)
+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&&g()}function k(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c),null==f||f.disconnect(),n.spy&&(clearTimeout(p),p=void 0)}return t.watch([()=>r.value,()=>n.placement],c),t.onBeforeUnmount(k),t.onMounted(c),t.watch((()=>n.disabled),(e=>{e||t.nextTick((()=>{const e=se(n.anchor)
+if(e)switch(n.trigger){case"click":e.addEventListener("click",v)
 break
-case"hover":e.addEventListener("mouseenter",p),e.addEventListener("mouseleave",m)}}))}),{immediate:!0}),t.watch((()=>r.value),(e=>{e?y():g()}),{immediate:!0}),(e,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"trigger",{open:r.value}),(t.openBlock(),t.createBlock(t.Teleport,{to:n.attach},[t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:a[0]||(a[0]=e=>o("enter")),onLeave:a[1]||(a[1]=e=>o("leave"))},{default:t.withCtx((()=>[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(l.value),style:t.normalizeStyle(i.value)},[t.createElementVNode("div",{class:t.normalizeClass(["q-overlay__content"]),ref_key:"overlay",ref:s},[n.arrow?(t.openBlock(),t.createElementBlock("div",ce)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],512)],6)):t.createCommentVNode("",!0)])),_:3},8,["name"])],8,["to"]))],64))}})),ue={key:0,class:"q-popover__header"},fe={key:1,class:"q-popover__body"},pe=["innerHTML"],me={key:1},he=B(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:{modelValue:{type:Boolean},anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},spy:{type:Boolean,default:!0},text:{},title:{}},setup(e){const o=e
+case"hover":e.addEventListener("mouseenter",m),e.addEventListener("mouseleave",h)}}))}),{immediate:!0}),t.watch((()=>r.value),(e=>{e?b():k()}),{immediate:!0}),(e,c)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"trigger",{open:r.value}),r.value||a.animating?(t.openBlock(),t.createBlock(t.Teleport,{key:0,disabled:!n.attach,to:n.attach},[t.createVNode(t.Transition,{name:n.transition,appear:"",onEnter:c[0]||(c[0]=e=>o("enter")),onLeave:y},{default:t.withCtx((()=>[r.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(l.value),style:t.normalizeStyle(i.value)},[t.createElementVNode("div",{class:t.normalizeClass(["q-overlay__content"]),ref_key:"overlay",ref:s},[n.arrow?(t.openBlock(),t.createElementBlock("div",ce)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")],512)],6)):t.createCommentVNode("",!0)])),_:3},8,["name"])],8,["disabled","to"])):t.createCommentVNode("",!0)],64))}})),ue={key:0,class:"q-popover__header"},fe={key:1,class:"q-popover__body"},pe=["innerHTML"],me={key:1},he=B(t.defineComponent({inheritAttrs:!1,__name:"QPopover",props:{modelValue:{type:Boolean},anchor:{},arrow:{type:Boolean,default:!0},attach:{default:"body"},disabled:{type:Boolean},html:{type:Boolean,default:!0},placement:{default:"right"},spy:{type:Boolean,default:!0},text:{},title:{}},setup(e){const o=e
 return(e,n)=>(t.openBlock(),t.createBlock(t.unref(de),{"model-value":o.modelValue,trigger:"click",anchor:o.anchor,arrow:o.arrow,attach:o.attach,"content-classes":["q-popover"],disabled:o.disabled,placement:o.placement,spy:o.spy},{default:t.withCtx((()=>[o.title||e.$slots.header?(t.openBlock(),t.createElementBlock("h3",ue,[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",fe,[o.html?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:o.text},null,8,pe)):(t.openBlock(),t.createElementBlock("span",me,t.toDisplayString(o.text),1)),t.renderSlot(e.$slots,"body")])):t.createCommentVNode("",!0)])),_:3},8,["model-value","anchor","arrow","attach","disabled","placement","spy"]))}}))
 const ve={mounted(e,t){e.clickOutsideEvent=function(o){const n=o.target
 t.arg?e===n||e.contains(n)||n.closest(t.arg)||t.value(o,e):e===n||e.contains(n)||t.value(o,e)},document.addEventListener("click",e.clickOutsideEvent)},unmounted(e){document.removeEventListener("click",e.clickOutsideEvent)}},ye={key:0,class:"q-select__value"},ge={key:1,class:"q-select__placeholder"},be={placeholder:"Choose..."},ke={chevron:{icon:"chevron-down"},clear:{icon:"close"}},we=B(t.defineComponent({inheritAttrs:!1,__name:"QSelect",props:{modelValue:{type:[String,Number,Boolean,Symbol],default:void 0},clearable:{type:Boolean,default:!1},readonly:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icons:{default:()=>ke},items:{},groups:{default:()=>[]},itemValue:{default:"key"},itemLabel:{default:"label"},size:{default:"medium"},texts:{default:()=>be}},emits:["update:modelValue","before-show","before-hide","show","hide"],setup(e,{emit:o}){const n=e,l=function(){const e=t.useAttrs(),o={}