vue-data-ui 2.6.1 → 2.6.3

package/dist/{vue-ui-xy-canvas-B4eBS-TN.cjs → vue-ui-xy-canvas-kRxLPOUB.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-Dla35rDR.cjs"),d=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-DwioWtpe.cjs"),rt=require("./Legend-BvLLHGBp.cjs"),nt=require("./Title-DDaORN3r.cjs"),ut=require("./Slicer-5eB08Bkj.cjs"),Re=require("./usePrinter-cQwX-nf0.cjs"),st=require("./vue-ui-accordion-DcbFZ2D3.cjs"),it=require("./DataTable-BLEXsQBY.cjs"),ct=require("./vue-ui-skeleton-BIuKWqj2.cjs"),Ee=require("./useNestedProp-onENMM4v.cjs"),vt=require("./PenAndPaper-C2r4IIot.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(oe,{expose:Ne,emit:Be}){const{vue_ui_xy_canvas:De}=u.useConfig(),p=oe,Z=l.ref(u.createUid()),B=l.ref(null),w=l.ref(null),D=l.ref(null),c=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),re=l.ref(null),L=l.ref([]),R=l.ref(1),M=l.ref(!0),S=l.ref(!0),G=l.ref(null),ne=l.ref(0),ue=l.ref(0),U=l.ref(!1),se=l.ref(null),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Fe=Be,Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>fe(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:de,keepUserOptionState:he}=dt.useUserOptionState({config:t.value});function fe(){const e=Ee.useNestedProp({userConfig:p.config,defaultConfig:De});let a={};return e.theme?a={...Ee.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=fe(),ee.value=!t.value.userOptions.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1,s.value.showTable=t.value.table.show,s.value.showDataLabels=t.value.style.chart.dataLabels.show,s.value.stacked=t.value.style.chart.stacked,s.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ye=l.ref(t.value.style.chart.aspectRatio),{isPrinting:ge,isImaging:pe,generatePdf:me,generateImage:be}=Re.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,ue.value+=1}const xe=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),C=l.computed(()=>E.value?Math.max(...E.value.filter((e,a)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function ke(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:h,scale:v,yOffset:x,individualHeight:i,stackIndex:k=null}){return a.map((z,I)=>{const P=v.min<0?Math.abs(v.min):0,O=ke(z+P,P+v.max);let F,A;e&&(F=Math.abs(v.min),A=ke(z+F,v.max+F));let $=0;return k===null?$=o.value.bottom-o.value.height*(e?A:O):$=o.value.bottom-x-i*(e?A:O),{x:o.value.left+o.value.slot*I+o.value.slot/2,y:$,value:z}})}const m=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),h=r.min<0?Math.abs(r.min):0,v=o.value.bottom-o.value.height*(h/(r.max+h)),x=r.ticks.map(i=>({y:o.value.bottom-o.value.height*((i+h)/(r.max+h)),x:o.value.left-8,value:i}));return{absoluteMin:h,max:a,min:e,scale:r,yLabels:x,zero:v}}),Ue=l.computed(()=>y.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),u=require("./index-TsXfF4RW.cjs"),d=require("./useResponsive-BJ7DTGpm.cjs"),ot=require("./Tooltip-Ce3-d-Jl.cjs"),rt=require("./Legend-14o6ysPB.cjs"),nt=require("./Title-IEvHjzFX.cjs"),ut=require("./Slicer-D2-FPJ8d.cjs"),Re=require("./usePrinter-DqLdu0d8.cjs"),st=require("./vue-ui-accordion-DQr01ula.cjs"),it=require("./DataTable-o267EcsS.cjs"),ct=require("./vue-ui-skeleton-D3N7upHq.cjs"),Ee=require("./useNestedProp-AmCRQ0Mq.cjs"),vt=require("./PenAndPaper-BFxCZMe_.cjs"),dt=require("./useUserOptionState-BgepsfED.cjs"),ht=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ft=["id"],yt=["onClick"],gt={key:2,class:"vue-data-ui-watermark"},pt=["innerHTML"],mt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(oe,{expose:Ne,emit:Be}){const{vue_ui_xy_canvas:De}=u.useConfig(),p=oe,Z=l.ref(u.createUid()),B=l.ref(null),w=l.ref(null),D=l.ref(null),c=l.ref(null),g=l.ref(1),T=l.ref(1),H=l.ref(!1),f=l.ref(null),V=l.ref(""),re=l.ref(null),L=l.ref([]),R=l.ref(1),M=l.ref(!0),S=l.ref(!0),G=l.ref(null),ne=l.ref(0),ue=l.ref(0),U=l.ref(!1),se=l.ref(null),ie=l.ref(null),ce=l.ref(null),ve=l.ref(null),j=l.ref(0),J=l.ref(0),K=l.ref(0),Q=l.computed(()=>!!p.dataset&&p.dataset.length),Fe=Be,Ae=l.useSlots();l.onMounted(()=>{Ae["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>fe(),set:e=>e}),{userOptionsVisible:ee,setUserOptionsVisibility:de,keepUserOptionState:he}=dt.useUserOptionState({config:t.value});function fe(){const e=Ee.useNestedProp({userConfig:p.config,defaultConfig:De});let a={};return e.theme?a={...Ee.useNestedProp({userConfig:u.themes.vue_ui_xy_canvas[e.theme]||p.config,defaultConfig:e}),customPalette:u.themePalettes[e.theme]||u.palette}:a=e,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.min")?a.style.chart.scale.min=p.config.style.chart.scale.min:a.style.chart.scale.min=null,p.config&&u.hasDeepProperty(p.config,"style.chart.scale.max")?a.style.chart.scale.max=p.config.style.chart.scale.max:a.style.chart.scale.max=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.startIndex")?a.style.chart.zoom.startIndex=p.config.style.chart.zoom.startIndex:a.style.chart.zoom.startIndex=null,p.config&&u.hasDeepProperty(p.config,"style.chart.zoom.endIndex")?a.style.chart.zoom.endIndex=p.config.style.chart.zoom.endIndex:a.style.chart.zoom.endIndex=null,a}l.watch(()=>p.config,e=>{t.value=fe(),ee.value=!t.value.userOptions.showOnChartHover,le(),j.value+=1,J.value+=1,K.value+=1,s.value.showTable=t.value.table.show,s.value.showDataLabels=t.value.style.chart.dataLabels.show,s.value.stacked=t.value.style.chart.stacked,s.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0}),l.watch(()=>p.dataset,()=>{le(),j.value+=1,J.value+=1,K.value+=1},{deep:!0});const ye=l.ref(t.value.style.chart.aspectRatio),{isPrinting:ge,isImaging:pe,generatePdf:me,generateImage:be}=Re.usePrinter({elementId:`xy_canvas_${Z.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function He(e){U.value=e,ue.value+=1}const xe=l.computed(()=>u.convertCustomPalette(t.value.customPalette)),C=l.computed(()=>E.value?Math.max(...E.value.filter((e,a)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),o=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(n.value.end-n.value.start)}});function ke(e,a){return e/a}function Ve({hasAutoScale:e,series:a,min:r,max:h,scale:v,yOffset:x,individualHeight:i,stackIndex:k=null}){return a.map((z,I)=>{const P=v.min<0?Math.abs(v.min):0,O=ke(z+P,P+v.max);let F,A;e&&(F=Math.abs(v.min),A=ke(z+F,v.max+F));let $=0;return k===null?$=o.value.bottom-o.value.height*(e?A:O):$=o.value.bottom-x-i*(e?A:O),{x:o.value.left+o.value.slot*I+o.value.slot/2,y:$,value:z}})}const m=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),a=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...E.value.filter((i,k)=>!L.value.includes(i.absoluteIndex)).flatMap(i=>i.series.slice(n.value.start,n.value.end))),r=u.calculateNiceScale(e<0?e:0,a===e?e+1<0?0:e+1:a<0?0:a,t.value.style.chart.scale.ticks),h=r.min<0?Math.abs(r.min):0,v=o.value.bottom-o.value.height*(h/(r.max+h)),x=r.ticks.map(i=>({y:o.value.bottom-o.value.height*((i+h)/(r.max+h)),x:o.value.left-8,value:i}));return{absoluteMin:h,max:a,min:e,scale:r,yLabels:x,zero:v}}),Ue=l.computed(()=>y.value.map(e=>`
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.6.1",
+  "version": "2.6.3",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/vue-ui-rating-ChvACa7-.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-Dla35rDR.cjs"),D=require("./useNestedProp-onENMM4v.cjs"),A=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),R={key:0,class:"vue-ui-rating-title",style:{width:"100%"}},X=["src","height","width"],j=["xmlns","height","width"],F=["id"],I=["stop-color"],O=["stop-color"],Y=["points","fill","stroke","stroke-width"],G=["src","alt","height","width","id"],U=["xmlns","viewBox","height","id"],q=["id"],H=["stop-color"],K=["stop-color"],P=["points","fill","stroke"],T=["xmlns","height"],W=["onClick","onMouseenter","onKeyup"],J=["onMouseenter"],Q={__name:"vue-ui-rating",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["rate"],setup(k,{expose:S,emit:_}){const{vue_ui_rating:w}=o.useConfig(),i=k,d=e.ref(o.createUid()),g=e.ref(!1),s=e.ref(void 0),y=e.ref([]),z=e.useSlots();e.onMounted(()=>{z["chart-background"]&&console.warn("VueUiRating does not support the #chart-background slot.")});const B=_,t=e.computed({get:()=>f(),set:a=>a});function f(){return D.useNestedProp({userConfig:i.config,defaultConfig:w})}e.watch(()=>i.config,a=>{t.value=f(),h()},{deep:!0});const N=e.computed(()=>typeof i.dataset.rating=="object"&&!Array.isArray(i.dataset.rating)?E(i.dataset.rating):i.dataset.rating),C=e.computed(()=>typeof i.dataset.rating=="object"&&!Array.isArray(i.dataset.rating)),r=e.ref(N.value),m=e.computed(()=>t.value.type==="image"),c=e.computed(()=>t.value.readonly);function E(a){let n=0,l=0;for(const u in a){const M=parseInt(u),$=a[u];n+=M*$,l+=$}if(l===0)return 0;const v=n/l;return Math.min(t.value.to,Math.max(t.value.from,v))}e.onMounted(()=>{h()});function h(){o.objectIsEmpty(i.dataset)&&o.error({componentName:"VueUiRating",type:"dataset"}),y.value=[];for(let a=t.value.from;a<=t.value.to;a+=1)y.value.push(a)}function p(a,n=!1){return a>s.value||c.value?n?t.value.style.image.inactiveOpacity:t.value.style.star.inactiveColor:n?1:t.value.style.star.useGradient?`url(#star_gradient_under_${d.value})`:t.value.style.star.activeColor}function x(a,n=!1){const l=r.value-a,v=n?1:100;switch(!0){case l<=0:return .001;case l>1:return 1*v;default:return l*v}}function b(a){c.value||(r.value=a,B("rate",a))}function V(){return r.value}function L(a=!0){c.value=a}return S({getData:V,toggleReadonly:L}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%`),class:"vue-ui-rating",onMouseover:n[2]||(n[2]=l=>g.value=!0),onMouseleave:n[3]||(n[3]=l=>{g.value=!1,s.value=void 0})},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{style:e.normalizeStyle(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.value.style.rating.show&&t.value.style.rating.position==="top"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.rating.formatter,r.value,e.unref(o.dataLabel)({v:r.value,r:t.value.style.rating.roundingValue}),t.value)),5)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"vue-ui-rating-wrapper",style:e.normalizeStyle(`height:${t.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[t.value.style.rating.show&&t.value.style.rating.position==="left"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-right:${t.value.style.rating.offsetX}px`)},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.rating.formatter,r.value,e.unref(o.dataLabel)({v:r.value,r:t.value.style.rating.roundingValue}),t.value)),5)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-rating-unit-container",style:e.normalizeStyle(`position:relative;height:${t.value.style.itemSize}px;width:${t.value.style.itemSize}px`)},[m.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value.style.image.src,height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;opacity:${isNaN(s.value)?t.value.style.image.inactiveOpacity:p(l,!0)}`)},null,12,X)):(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(o.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit"},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_under_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(o.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,I),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,O)],8,F)]),e.createElementVNode("polygon",{points:e.unref(o.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:isNaN(s.value)?t.value.style.star.inactiveColor:p(l),stroke:t.value.style.star.borderColor?t.value.style.star.borderColor:s.value?p(l):t.value.style.star.inactiveColor,"stroke-width":t.value.style.star.borderWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Y)],8,j)),m.value?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.style.image.src,alt:`${t.value.style.image.alt} ${l}`,height:t.value.style.itemSize,width:t.value.style.itemSize,id:`active_${d.value}_${l}`,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;clip:rect(0px,${x(v,!0)*t.value.style.itemSize}px,${t.value.style.itemSize}px,0px`)},null,12,G)):(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(o.XMLNS),viewBox:`0 0 ${x(v)} 100`,height:t.value.style.itemSize,class:"vue-ui-rating-unit",id:`active_${d.value}_${l}`,style:{position:"absolute",top:"0",left:"0"}},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_over_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(o.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,H),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,K)],8,q)]),e.createElementVNode("polygon",{points:e.unref(o.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:t.value.style.star.useGradient?`url(#star_gradient_over_${d.value})`:t.value.style.star.activeColor,stroke:t.value.style.star.activeColor},null,8,P)],8,U)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(o.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;${c.value?"":"cursor:pointer"}`)},[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("rect",{key:0,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onClick:u=>b(l),onMouseenter:u=>s.value=l,onMouseleave:n[0]||(n[0]=u=>s.value=void 0),tabindex:"0",onKeyup:e.withKeys(u=>b(l),["enter"])},null,40,W)),c.value?(e.openBlock(),e.createElementBlock("rect",{key:1,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onMouseenter:u=>s.value=l,onMouseleave:n[1]||(n[1]=u=>s.value=void 0)},null,40,J)):e.createCommentVNode("",!0)],12,T)),t.value.style.tooltip.show&&C.value&&c.value?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-rating-tooltip",style:e.normalizeStyle(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48+t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${s.value===l?"block":"none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)},[e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(l)+":",5),e.createElementVNode("span",{style:e.normalizeStyle(`font-weight:${t.value.style.tooltip.bold?"bold":"normal"};font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.tooltip.formatter,i.dataset.rating[l],e.unref(o.dataLabel)({v:i.dataset.rating[l],r:t.value.style.tooltip.roundingValue}),t.value)),5),e.createElementVNode("div",{style:e.normalizeStyle(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)}," ▼ ",4)],4)],4)):e.createCommentVNode("",!0)],4))),256)),t.value.style.rating.show&&t.value.style.rating.position==="right"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.rating.formatter,r.value,e.unref(o.dataLabel)({v:r.value,r:t.value.style.rating.roundingValue}),t.value)),5)):e.createCommentVNode("",!0)],4),t.value.style.rating.show&&t.value.style.rating.position==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.rating.formatter,r.value,e.unref(o.dataLabel)({v:r.value,r:t.value.style.rating.roundingValue}),t.value)),5)):e.createCommentVNode("",!0)],36))}},Z=A._export_sfc(Q,[["__scopeId","data-v-9e1d13d5"]]);exports.default=Z;

package/dist/vue-ui-rating-Cuou21Nk.js

@@ -1,327 +0,0 @@
-import { ref as h, useSlots as W, onMounted as R, computed as x, watch as H, createElementBlock as a, openBlock as o, normalizeStyle as i, createCommentVNode as y, createElementVNode as r, toDisplayString as g, unref as s, Fragment as P, renderList as q, withKeys as J } from "vue";
-import { u as Q, c as Z, o as tt, e as et, i as $, f as b, X as k, w as F, W as X } from "./index-DaaDBRRF.js";
-import { u as lt } from "./useNestedProp-ReVcQys2.js";
-import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ot = {
-  key: 0,
-  class: "vue-ui-rating-title",
-  style: { width: "100%" }
-}, it = ["src", "height", "width"], st = ["xmlns", "height", "width"], nt = ["id"], rt = ["stop-color"], ut = ["stop-color"], vt = ["points", "fill", "stroke", "stroke-width"], dt = ["src", "alt", "height", "width", "id"], yt = ["xmlns", "viewBox", "height", "id"], pt = ["id"], gt = ["stop-color"], ct = ["stop-color"], ft = ["points", "fill", "stroke"], mt = ["xmlns", "height"], ht = ["onClick", "onMouseenter", "onKeyup"], xt = ["onMouseenter"], $t = {
-  __name: "vue-ui-rating",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["rate"],
-  setup(j, { expose: B, emit: I }) {
-    const { vue_ui_rating: Y } = Q(), u = j, m = h(Z()), z = h(!1), d = h(void 0), _ = h([]), G = W();
-    R(() => {
-      G["chart-background"] && console.warn("VueUiRating does not support the #chart-background slot.");
-    });
-    const L = I, t = x({
-      get: () => C(),
-      set: (l) => l
-    });
-    function C() {
-      return lt({
-        userConfig: u.config,
-        defaultConfig: Y
-      });
-    }
-    H(() => u.config, (l) => {
-      t.value = C(), M();
-    }, { deep: !0 });
-    const O = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating) ? D(u.dataset.rating) : u.dataset.rating), U = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating)), v = h(O.value), S = x(() => t.value.type === "image"), c = x(() => t.value.readonly);
-    function D(l) {
-      let n = 0, e = 0;
-      for (const p in l) {
-        const T = parseInt(p), A = l[p];
-        n += T * A, e += A;
-      }
-      if (e === 0)
-        return 0;
-      const f = n / e;
-      return Math.min(t.value.to, Math.max(t.value.from, f));
-    }
-    R(() => {
-      M();
-    });
-    function M() {
-      tt(u.dataset) && et({
-        componentName: "VueUiRating",
-        type: "dataset"
-      }), _.value = [];
-      for (let l = t.value.from; l <= t.value.to; l += 1)
-        _.value.push(l);
-    }
-    function w(l, n = !1) {
-      return l > d.value || c.value ? n ? t.value.style.image.inactiveOpacity : t.value.style.star.inactiveColor : n ? 1 : t.value.style.star.useGradient ? `url(#star_gradient_under_${m.value})` : t.value.style.star.activeColor;
-    }
-    function N(l, n = !1) {
-      const e = v.value - l, f = n ? 1 : 100;
-      switch (!0) {
-        case e <= 0:
-          return 1e-3;
-        case e > 1:
-          return 1 * f;
-        default:
-          return e * f;
-      }
-    }
-    function V(l) {
-      c.value || (v.value = l, L("rate", l));
-    }
-    function E() {
-      return v.value;
-    }
-    function K(l = !0) {
-      c.value = l;
-    }
-    return B({
-      getData: E,
-      toggleReadonly: K
-    }), (l, n) => (o(), a("div", {
-      style: i(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%`),
-      class: "vue-ui-rating",
-      onMouseover: n[2] || (n[2] = (e) => z.value = !0),
-      onMouseleave: n[3] || (n[3] = (e) => {
-        z.value = !1, d.value = void 0;
-      })
-    }, [
-      t.value.style.title.text ? (o(), a("div", ot, [
-        r("div", {
-          style: i(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold ? "bold" : "normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)
-        }, g(t.value.style.title.text), 5),
-        t.value.style.title.subtitle.text ? (o(), a("div", {
-          key: 0,
-          style: i(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-        }, g(t.value.style.title.subtitle.text), 5)) : y("", !0)
-      ])) : y("", !0),
-      t.value.style.rating.show && t.value.style.rating.position === "top" ? (o(), a("div", {
-        key: 1,
-        style: i(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
-      }, g(s($)(
-        t.value.style.rating.formatter,
-        v.value,
-        s(b)({
-          v: v.value,
-          r: t.value.style.rating.roundingValue
-        }),
-        t.value
-      )), 5)) : y("", !0),
-      r("div", {
-        class: "vue-ui-rating-wrapper",
-        style: i(`height:${t.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)
-      }, [
-        t.value.style.rating.show && t.value.style.rating.position === "left" ? (o(), a("div", {
-          key: 0,
-          style: i(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};padding-right:${t.value.style.rating.offsetX}px`)
-        }, g(s($)(
-          t.value.style.rating.formatter,
-          v.value,
-          s(b)({
-            v: v.value,
-            r: t.value.style.rating.roundingValue
-          }),
-          t.value
-        )), 5)) : y("", !0),
-        (o(!0), a(P, null, q(_.value, (e, f) => (o(), a("div", {
-          class: "vue-ui-rating-unit-container",
-          style: i(`position:relative;height:${t.value.style.itemSize}px;width:${t.value.style.itemSize}px`)
-        }, [
-          S.value ? (o(), a("img", {
-            key: 0,
-            src: t.value.style.image.src,
-            height: t.value.style.itemSize,
-            width: t.value.style.itemSize,
-            class: "vue-ui-rating-unit",
-            style: i(`position:absolute;top:0;left:0;opacity:${isNaN(d.value) ? t.value.style.image.inactiveOpacity : w(e, !0)}`)
-          }, null, 12, it)) : (o(), a("svg", {
-            key: 1,
-            xmlns: s(k),
-            viewBox: "0 0 100 100",
-            height: t.value.style.itemSize,
-            width: t.value.style.itemSize,
-            class: "vue-ui-rating-unit"
-          }, [
-            r("defs", null, [
-              r("radialGradient", {
-                cx: "50%",
-                cy: "50%",
-                r: "50%",
-                fx: "50%",
-                fy: "50%",
-                id: `star_gradient_under_${m.value}`
-              }, [
-                r("stop", {
-                  offset: "0%",
-                  "stop-color": `${s(F)(t.value.style.star.activeColor, 0.05)}`
-                }, null, 8, rt),
-                r("stop", {
-                  offset: "100%",
-                  "stop-color": t.value.style.star.activeColor
-                }, null, 8, ut)
-              ], 8, nt)
-            ]),
-            r("polygon", {
-              points: s(X)({
-                plot: { x: 50, y: 50 },
-                radius: 30,
-                apexes: t.value.style.star.apexes
-              }),
-              fill: isNaN(d.value) ? t.value.style.star.inactiveColor : w(e),
-              stroke: t.value.style.star.borderColor ? t.value.style.star.borderColor : d.value ? w(e) : t.value.style.star.inactiveColor,
-              "stroke-width": t.value.style.star.borderWidth,
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, 8, vt)
-          ], 8, st)),
-          S.value ? (o(), a("img", {
-            key: 2,
-            src: t.value.style.image.src,
-            alt: `${t.value.style.image.alt} ${e}`,
-            height: t.value.style.itemSize,
-            width: t.value.style.itemSize,
-            id: `active_${m.value}_${e}`,
-            class: "vue-ui-rating-unit",
-            style: i(`position:absolute;top:0;left:0;clip:rect(0px,${N(f, !0) * t.value.style.itemSize}px,${t.value.style.itemSize}px,0px`)
-          }, null, 12, dt)) : (o(), a("svg", {
-            key: 3,
-            xmlns: s(k),
-            viewBox: `0 0 ${N(f)} 100`,
-            height: t.value.style.itemSize,
-            class: "vue-ui-rating-unit",
-            id: `active_${m.value}_${e}`,
-            style: { position: "absolute", top: "0", left: "0" }
-          }, [
-            r("defs", null, [
-              r("radialGradient", {
-                cx: "50%",
-                cy: "50%",
-                r: "50%",
-                fx: "50%",
-                fy: "50%",
-                id: `star_gradient_over_${m.value}`
-              }, [
-                r("stop", {
-                  offset: "0%",
-                  "stop-color": `${s(F)(t.value.style.star.activeColor, 0.05)}`
-                }, null, 8, gt),
-                r("stop", {
-                  offset: "100%",
-                  "stop-color": t.value.style.star.activeColor
-                }, null, 8, ct)
-              ], 8, pt)
-            ]),
-            r("polygon", {
-              points: s(X)({
-                plot: { x: 50, y: 50 },
-                radius: 30,
-                apexes: t.value.style.star.apexes
-              }),
-              fill: t.value.style.star.useGradient ? `url(#star_gradient_over_${m.value})` : t.value.style.star.activeColor,
-              stroke: t.value.style.star.activeColor
-            }, null, 8, ft)
-          ], 8, yt)),
-          (o(), a("svg", {
-            xmlns: s(k),
-            viewBox: "0 0 100 100",
-            height: t.value.style.itemSize,
-            class: "vue-ui-rating-unit",
-            style: i(`position:absolute;top:0;left:0;${c.value ? "" : "cursor:pointer"}`)
-          }, [
-            c.value ? y("", !0) : (o(), a("rect", {
-              key: 0,
-              class: "vue-ui-rating-mouse-trap",
-              x: 0,
-              y: 0,
-              width: 100,
-              height: 100,
-              fill: "transparent",
-              onClick: (p) => V(e),
-              onMouseenter: (p) => d.value = e,
-              onMouseleave: n[0] || (n[0] = (p) => d.value = void 0),
-              tabindex: "0",
-              onKeyup: J((p) => V(e), ["enter"])
-            }, null, 40, ht)),
-            c.value ? (o(), a("rect", {
-              key: 1,
-              class: "vue-ui-rating-mouse-trap",
-              x: 0,
-              y: 0,
-              width: 100,
-              height: 100,
-              fill: "transparent",
-              onMouseenter: (p) => d.value = e,
-              onMouseleave: n[1] || (n[1] = (p) => d.value = void 0)
-            }, null, 40, xt)) : y("", !0)
-          ], 12, mt)),
-          t.value.style.tooltip.show && U.value && c.value ? (o(), a("div", {
-            key: 4,
-            class: "vue-ui-rating-tooltip",
-            style: i(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${d.value === e ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
-          }, [
-            r("div", {
-              style: i(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
-            }, [
-              r("span", {
-                style: i(`font-size:${t.value.style.tooltip.fontSize}px`)
-              }, g(e) + ":", 5),
-              r("span", {
-                style: i(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
-              }, g(s($)(
-                t.value.style.tooltip.formatter,
-                u.dataset.rating[e],
-                s(b)({
-                  v: u.dataset.rating[e],
-                  r: t.value.style.tooltip.roundingValue
-                }),
-                t.value
-              )), 5),
-              r("div", {
-                style: i(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
-              }, " ▼ ", 4)
-            ], 4)
-          ], 4)) : y("", !0)
-        ], 4))), 256)),
-        t.value.style.rating.show && t.value.style.rating.position === "right" ? (o(), a("div", {
-          key: 1,
-          style: i(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};padding-left:${t.value.style.rating.offsetX}px`)
-        }, g(s($)(
-          t.value.style.rating.formatter,
-          v.value,
-          s(b)({
-            v: v.value,
-            r: t.value.style.rating.roundingValue
-          }),
-          t.value
-        )), 5)) : y("", !0)
-      ], 4),
-      t.value.style.rating.show && t.value.style.rating.position === "bottom" ? (o(), a("div", {
-        key: 2,
-        style: i(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
-      }, g(s($)(
-        t.value.style.rating.formatter,
-        v.value,
-        s(b)({
-          v: v.value,
-          r: t.value.style.rating.roundingValue
-        }),
-        t.value
-      )), 5)) : y("", !0)
-    ], 36));
-  }
-}, zt = /* @__PURE__ */ at($t, [["__scopeId", "data-v-9e1d13d5"]]);
-export {
-  zt as default
-};