vue-data-ui 3.28.0 → 3.28.2

package/dist/{vue-ui-rating-B33u3iIn.js → vue-ui-rating-CV2b0tjA.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,B as r,X as i,Yt as a,at as o,i as s,t as c,zt as ee}from"./lib-DqD8nbyX.js";import{n as te,t as l}from"./useHints-BH9r_0Vd.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as d}from"./useNestedProp-DrLnzyHO.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{Fragment as p,computed as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createVNode as v,mergeProps as y,normalizeStyle as b,onMounted as x,openBlock as S,ref as C,renderList as ne,renderSlot as w,toDisplayString as T,unref as E,useSlots as re,watch as ie,withKeys as D}from"vue";var O=/* @__PURE__ */ e({default:()=>F}),k={key:0,class:`vue-ui-rating-title`,style:{width:`100%`}},A={key:0,style:{position:`relative`}},j={key:0,style:{position:`absolute`,top:`0`,left:`0`,width:`100%`,height:`100%`}},M={key:1,style:{position:`absolute`,top:`0`,left:`0`,width:`100%`,height:`100%`}},N=[`src`,`height`,`width`],ae=[`xmlns`,`height`,`width`],oe=[`points`,`fill`,`stroke`,`stroke-width`],se=[`src`,`alt`,`height`,`width`,`id`],ce=[`xmlns`,`viewBox`,`height`,`id`],le=[`points`,`fill`,`stroke`],ue=[`xmlns`,`height`],de=[`onClick`,`onMouseenter`,`onFocus`,`onKeyup`],P=[`onMouseenter`,`onFocus`],F=/*#__PURE__*/ u({__name:`vue-ui-rating`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:u,emit:O}){let{vue_ui_rating:F}=t(),I=e,L=C(i()),R=C(!1),z=C(void 0),B=C(void 0),V=C([]),fe=re(),pe=O,H=m({get:()=>G(),set:e=>e}),U=m(()=>H.value.style.rating),W=m(()=>H.value.style);x(()=>{fe[`chart-background`]&&H.value.debug&&console.warn(`VueUiRating does not support the #chart-background slot.`)}),te({config:()=>H.value,dataset:()=>[],component:`VueUiRating`,rules:[l.noHint]});let me=m(()=>H.value.useCursorPointer);function G(){return d({userConfig:I.config,defaultConfig:F})}ie(()=>I.config,e=>{H.value=G(),X()},{deep:!0});let he=m(()=>typeof I.dataset.rating==`object`&&!Array.isArray(I.dataset.rating)?Y(I.dataset.rating):I.dataset.rating),ge=m(()=>typeof I.dataset.rating==`object`&&!Array.isArray(I.dataset.rating)),K=C(he.value),q=m(()=>H.value.type===`image`),J=m(()=>H.value.readonly);function Y(e){let t=0,n=0;for(let r in e){let i=parseInt(r),a=e[r];t+=i*a,n+=a}if(n===0)return 0;let r=t/n;return Math.min(H.value.to,Math.max(H.value.from,r))}x(()=>{X()});function X(){(!Object.hasOwn(I.dataset,`rating`)||ee(I.dataset))&&o({componentName:`VueUiRating`,type:`datasetAttribute`,property:`rating`,debug:H.value.debug}),V.value=[];for(let e=H.value.from;e<=H.value.to;e+=1)V.value.push(e)}function Z(e,t=!1){return e>z.value||J.value?t?W.value.image.inactiveOpacity:W.value.star.inactiveColor:t?1:W.value.star.useGradient?`url(#star_gradient_under_${L.value})`:W.value.star.activeColor}function Q(e,t=!1){let n=K.value-e,r=t?1:100;switch(!0){case n<=0:return .001;case n>1:return 1*r;default:return n*r}}function $(e){J.value||(K.value=e,pe(`rate`,e))}function _e(){return K.value}function ve(e=!0){J.value=e}return u({getData:_e,toggleReadonly:ve}),(e,t)=>(S(),g(`div`,{style:b(`background:${W.value.backgroundColor};font-family:${W.value.fontFamily};width:100%`),class:`vue-data-ui-component vue-ui-rating`,onMouseover:t[4]||=e=>R.value=!0,onMouseleave:t[5]||=e=>{R.value=!1,z.value=void 0}},[W.value.title.text?(S(),g(`div`,k,[_(`div`,{style:b(`color:${W.value.title.color};font-weight:${W.value.title.bold?`bold`:`normal`};text-align:${W.value.title.textAlign};margin-bottom:${W.value.title.offsetY}px;font-size:${W.value.title.fontSize}px`)},T(W.value.title.text),5),W.value.title.subtitle.text?(S(),g(`div`,{key:0,style:b(`color:${W.value.title.subtitle.color};font-size:${W.value.title.subtitle.fontSize}px;text-align:${W.value.title.textAlign};margin-bottom:${W.value.title.subtitle.offsetY}px;font-weight:${W.value.title.subtitle.bold?`bold`:`normal`}`)},T(W.value.title.subtitle.text),5)):h(``,!0)])):h(``,!0),U.value.show&&U.value.position===`top`?(S(),g(`div`,{key:1,style:b(`width:100%;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};margin-left:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),_(`div`,{class:`vue-ui-rating-wrapper`,style:b(`height:${W.value.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[U.value.show&&U.value.position===`left`?(S(),g(`div`,{key:0,style:b(`width:fit-content;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};padding-right:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),(S(!0),g(p,null,ne(V.value,(i,o)=>(S(),g(`div`,{class:`vue-ui-rating-unit-container`,style:b(`position:relative;height:${W.value.itemSize}px;width:${W.value.itemSize}px`)},[e.$slots[`layer-under`]||e.$slots[`layer-above`]?(S(),g(`div`,A,[e.$slots[`layer-under`]?(S(),g(`div`,j,[w(e.$slots,`layer-under`,y({ref_for:!0},{value:i,size:W.value.itemSize,hoveredValue:z.value,focusedValue:B.value}),void 0,!0)])):h(``,!0),e.$slots[`layer-above`]?(S(),g(`div`,M,[w(e.$slots,`layer-above`,y({ref_for:!0},{value:i,size:W.value.itemSize,hoveredValue:z.value,focusedValue:B.value}),void 0,!0)])):h(``,!0)])):(S(),g(p,{key:1},[q.value?(S(),g(`img`,{key:0,src:W.value.image.src,height:W.value.itemSize,width:W.value.itemSize,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;opacity:${isNaN(z.value)?W.value.image.inactiveOpacity:Z(i,!0)}`)},null,12,N)):(S(),g(`svg`,{key:1,xmlns:E(c),viewBox:`0 0 100 100`,height:W.value.itemSize,width:W.value.itemSize,class:`vue-ui-rating-unit`},[_(`defs`,null,[v(f,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`star_gradient_under_${L.value}`,stops:[[`0%`,E(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:isNaN(z.value)?W.value.star.inactiveColor:Z(i),stroke:W.value.star.borderColor?W.value.star.borderColor:z.value?Z(i):W.value.star.inactiveColor,"stroke-width":W.value.star.borderWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,oe)],8,ae)),q.value?(S(),g(`img`,{key:2,src:W.value.image.src,alt:`${W.value.image.alt} ${i}`,height:W.value.itemSize,width:W.value.itemSize,id:`active_${L.value}_${i}`,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o,!0)*W.value.itemSize}px,${W.value.itemSize}px,0px`)},null,12,se)):(S(),g(`svg`,{key:3,xmlns:E(c),viewBox:`0 0 ${Q(o)} 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,id:`active_${L.value}_${i}`,style:{position:`absolute`,top:`0`,left:`0`}},[_(`defs`,null,[v(f,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`star_gradient_over_${L.value}`,stops:[[`0%`,E(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:W.value.star.useGradient?`url(#star_gradient_over_${L.value})`:W.value.star.activeColor,stroke:W.value.star.activeColor},null,8,le)],8,ce))],64)),(S(),g(`svg`,{xmlns:E(c),viewBox:`0 0 100 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;${J.value?``:me.value?`cursor:pointer`:``}`)},[J.value?h(``,!0):(S(),g(`rect`,{key:0,class:`vue-ui-rating-mouse-trap`,x:0,y:0,width:100,height:100,fill:`transparent`,onClick:e=>$(i),onMouseenter:e=>z.value=i,onMouseleave:t[0]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[1]||=e=>B.value=void 0,tabindex:`0`,onKeyup:D(e=>$(i),[`enter`])},null,40,de)),J.value?(S(),g(`rect`,{key:1,class:`vue-ui-rating-mouse-trap`,x:0,y:0,width:100,height:100,fill:`transparent`,onMouseenter:e=>z.value=i,onMouseleave:t[2]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[3]||=e=>B.value=void 0},null,40,P)):h(``,!0)],12,ue)),W.value.tooltip.show&&ge.value&&J.value?(S(),g(`div`,{key:2,class:`vue-ui-rating-tooltip`,style:b(`border:1px solid ${W.value.tooltip.borderColor};position:absolute;top:${-48+W.value.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${W.value.tooltip.backgroundColor};display:${z.value===i?`block`:`none`};padding:2px 12px;border-radius:${W.value.tooltip.borderRadius}px;box-shadow:${W.value.tooltip.boxShadow}`)},[_(`div`,{style:b(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${W.value.tooltip.color}`)},[_(`span`,{style:b(`font-size:${W.value.tooltip.fontSize}px`)},T(i)+`:`,5),_(`span`,{style:b(`font-weight:${W.value.tooltip.bold?`bold`:`normal`};font-size:${W.value.tooltip.fontSize}px`)},T(E(s)(W.value.tooltip.formatter,I.dataset.rating[i],E(n)({v:I.dataset.rating[i],r:W.value.tooltip.roundingValue}),H.value)),5),_(`div`,{style:b(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${W.value.tooltip.borderColor}`)},` ▼ `,4)],4)],4)):h(``,!0)],4))),256)),U.value.show&&U.value.position===`right`?(S(),g(`div`,{key:1,style:b(`width:fit-content;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};padding-left:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],4),U.value.show&&U.value.position===`bottom`?(S(),g(`div`,{key:2,style:b(`width:100%;text-align:center;margin-top:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};margin-left:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],36))}},[[`__scopeId`,`data-v-cdcab4d9`]]);export{O as n,F as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,B as r,X as i,Yt as a,at as o,i as s,t as c,zt as ee}from"./lib-rPeBMZrn.js";import{n as te,t as l}from"./useHints-BH9r_0Vd.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as d}from"./useNestedProp-DnGoh-XS.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{Fragment as p,computed as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createVNode as v,mergeProps as y,normalizeStyle as b,onMounted as x,openBlock as S,ref as C,renderList as ne,renderSlot as w,toDisplayString as T,unref as E,useSlots as re,watch as ie,withKeys as D}from"vue";var O=/* @__PURE__ */ e({default:()=>F}),k={key:0,class:`vue-ui-rating-title`,style:{width:`100%`}},A={key:0,style:{position:`relative`}},j={key:0,style:{position:`absolute`,top:`0`,left:`0`,width:`100%`,height:`100%`}},M={key:1,style:{position:`absolute`,top:`0`,left:`0`,width:`100%`,height:`100%`}},N=[`src`,`height`,`width`],ae=[`xmlns`,`height`,`width`],oe=[`points`,`fill`,`stroke`,`stroke-width`],se=[`src`,`alt`,`height`,`width`,`id`],ce=[`xmlns`,`viewBox`,`height`,`id`],le=[`points`,`fill`,`stroke`],ue=[`xmlns`,`height`],de=[`onClick`,`onMouseenter`,`onFocus`,`onKeyup`],P=[`onMouseenter`,`onFocus`],F=/*#__PURE__*/ u({__name:`vue-ui-rating`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:u,emit:O}){let{vue_ui_rating:F}=t(),I=e,L=C(i()),R=C(!1),z=C(void 0),B=C(void 0),V=C([]),fe=re(),pe=O,H=m({get:()=>G(),set:e=>e}),U=m(()=>H.value.style.rating),W=m(()=>H.value.style);x(()=>{fe[`chart-background`]&&H.value.debug&&console.warn(`VueUiRating does not support the #chart-background slot.`)}),te({config:()=>H.value,dataset:()=>[],component:`VueUiRating`,rules:[l.noHint]});let me=m(()=>H.value.useCursorPointer);function G(){return d({userConfig:I.config,defaultConfig:F})}ie(()=>I.config,e=>{H.value=G(),X()},{deep:!0});let he=m(()=>typeof I.dataset.rating==`object`&&!Array.isArray(I.dataset.rating)?Y(I.dataset.rating):I.dataset.rating),ge=m(()=>typeof I.dataset.rating==`object`&&!Array.isArray(I.dataset.rating)),K=C(he.value),q=m(()=>H.value.type===`image`),J=m(()=>H.value.readonly);function Y(e){let t=0,n=0;for(let r in e){let i=parseInt(r),a=e[r];t+=i*a,n+=a}if(n===0)return 0;let r=t/n;return Math.min(H.value.to,Math.max(H.value.from,r))}x(()=>{X()});function X(){(!Object.hasOwn(I.dataset,`rating`)||ee(I.dataset))&&o({componentName:`VueUiRating`,type:`datasetAttribute`,property:`rating`,debug:H.value.debug}),V.value=[];for(let e=H.value.from;e<=H.value.to;e+=1)V.value.push(e)}function Z(e,t=!1){return e>z.value||J.value?t?W.value.image.inactiveOpacity:W.value.star.inactiveColor:t?1:W.value.star.useGradient?`url(#star_gradient_under_${L.value})`:W.value.star.activeColor}function Q(e,t=!1){let n=K.value-e,r=t?1:100;switch(!0){case n<=0:return .001;case n>1:return 1*r;default:return n*r}}function $(e){J.value||(K.value=e,pe(`rate`,e))}function _e(){return K.value}function ve(e=!0){J.value=e}return u({getData:_e,toggleReadonly:ve}),(e,t)=>(S(),g(`div`,{style:b(`background:${W.value.backgroundColor};font-family:${W.value.fontFamily};width:100%`),class:`vue-data-ui-component vue-ui-rating`,onMouseover:t[4]||=e=>R.value=!0,onMouseleave:t[5]||=e=>{R.value=!1,z.value=void 0}},[W.value.title.text?(S(),g(`div`,k,[_(`div`,{style:b(`color:${W.value.title.color};font-weight:${W.value.title.bold?`bold`:`normal`};text-align:${W.value.title.textAlign};margin-bottom:${W.value.title.offsetY}px;font-size:${W.value.title.fontSize}px`)},T(W.value.title.text),5),W.value.title.subtitle.text?(S(),g(`div`,{key:0,style:b(`color:${W.value.title.subtitle.color};font-size:${W.value.title.subtitle.fontSize}px;text-align:${W.value.title.textAlign};margin-bottom:${W.value.title.subtitle.offsetY}px;font-weight:${W.value.title.subtitle.bold?`bold`:`normal`}`)},T(W.value.title.subtitle.text),5)):h(``,!0)])):h(``,!0),U.value.show&&U.value.position===`top`?(S(),g(`div`,{key:1,style:b(`width:100%;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};margin-left:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),_(`div`,{class:`vue-ui-rating-wrapper`,style:b(`height:${W.value.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[U.value.show&&U.value.position===`left`?(S(),g(`div`,{key:0,style:b(`width:fit-content;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};padding-right:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),(S(!0),g(p,null,ne(V.value,(i,o)=>(S(),g(`div`,{class:`vue-ui-rating-unit-container`,style:b(`position:relative;height:${W.value.itemSize}px;width:${W.value.itemSize}px`)},[e.$slots[`layer-under`]||e.$slots[`layer-above`]?(S(),g(`div`,A,[e.$slots[`layer-under`]?(S(),g(`div`,j,[w(e.$slots,`layer-under`,y({ref_for:!0},{value:i,size:W.value.itemSize,hoveredValue:z.value,focusedValue:B.value}),void 0,!0)])):h(``,!0),e.$slots[`layer-above`]?(S(),g(`div`,M,[w(e.$slots,`layer-above`,y({ref_for:!0},{value:i,size:W.value.itemSize,hoveredValue:z.value,focusedValue:B.value}),void 0,!0)])):h(``,!0)])):(S(),g(p,{key:1},[q.value?(S(),g(`img`,{key:0,src:W.value.image.src,height:W.value.itemSize,width:W.value.itemSize,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;opacity:${isNaN(z.value)?W.value.image.inactiveOpacity:Z(i,!0)}`)},null,12,N)):(S(),g(`svg`,{key:1,xmlns:E(c),viewBox:`0 0 100 100`,height:W.value.itemSize,width:W.value.itemSize,class:`vue-ui-rating-unit`},[_(`defs`,null,[v(f,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`star_gradient_under_${L.value}`,stops:[[`0%`,E(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:isNaN(z.value)?W.value.star.inactiveColor:Z(i),stroke:W.value.star.borderColor?W.value.star.borderColor:z.value?Z(i):W.value.star.inactiveColor,"stroke-width":W.value.star.borderWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,oe)],8,ae)),q.value?(S(),g(`img`,{key:2,src:W.value.image.src,alt:`${W.value.image.alt} ${i}`,height:W.value.itemSize,width:W.value.itemSize,id:`active_${L.value}_${i}`,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o,!0)*W.value.itemSize}px,${W.value.itemSize}px,0px`)},null,12,se)):(S(),g(`svg`,{key:3,xmlns:E(c),viewBox:`0 0 ${Q(o)} 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,id:`active_${L.value}_${i}`,style:{position:`absolute`,top:`0`,left:`0`}},[_(`defs`,null,[v(f,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`star_gradient_over_${L.value}`,stops:[[`0%`,E(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:W.value.star.useGradient?`url(#star_gradient_over_${L.value})`:W.value.star.activeColor,stroke:W.value.star.activeColor},null,8,le)],8,ce))],64)),(S(),g(`svg`,{xmlns:E(c),viewBox:`0 0 100 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;${J.value?``:me.value?`cursor:pointer`:``}`)},[J.value?h(``,!0):(S(),g(`rect`,{key:0,class:`vue-ui-rating-mouse-trap`,x:0,y:0,width:100,height:100,fill:`transparent`,onClick:e=>$(i),onMouseenter:e=>z.value=i,onMouseleave:t[0]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[1]||=e=>B.value=void 0,tabindex:`0`,onKeyup:D(e=>$(i),[`enter`])},null,40,de)),J.value?(S(),g(`rect`,{key:1,class:`vue-ui-rating-mouse-trap`,x:0,y:0,width:100,height:100,fill:`transparent`,onMouseenter:e=>z.value=i,onMouseleave:t[2]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[3]||=e=>B.value=void 0},null,40,P)):h(``,!0)],12,ue)),W.value.tooltip.show&&ge.value&&J.value?(S(),g(`div`,{key:2,class:`vue-ui-rating-tooltip`,style:b(`border:1px solid ${W.value.tooltip.borderColor};position:absolute;top:${-48+W.value.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${W.value.tooltip.backgroundColor};display:${z.value===i?`block`:`none`};padding:2px 12px;border-radius:${W.value.tooltip.borderRadius}px;box-shadow:${W.value.tooltip.boxShadow}`)},[_(`div`,{style:b(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${W.value.tooltip.color}`)},[_(`span`,{style:b(`font-size:${W.value.tooltip.fontSize}px`)},T(i)+`:`,5),_(`span`,{style:b(`font-weight:${W.value.tooltip.bold?`bold`:`normal`};font-size:${W.value.tooltip.fontSize}px`)},T(E(s)(W.value.tooltip.formatter,I.dataset.rating[i],E(n)({v:I.dataset.rating[i],r:W.value.tooltip.roundingValue}),H.value)),5),_(`div`,{style:b(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${W.value.tooltip.borderColor}`)},` ▼ `,4)],4)],4)):h(``,!0)],4))),256)),U.value.show&&U.value.position===`right`?(S(),g(`div`,{key:1,style:b(`width:fit-content;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};padding-left:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],4),U.value.show&&U.value.position===`bottom`?(S(),g(`div`,{key:2,style:b(`width:100%;text-align:center;margin-top:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};margin-left:${U.value.offsetX}px`)},T(E(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],36))}},[[`__scopeId`,`data-v-cdcab4d9`]]);export{O as n,F as t};

package/dist/vue-ui-relation-circle-DqN5N08e.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,Ht as r,X as i,at as a,i as o,in as ee,r as te,rn as s,t as ne,w as re,yt as ie,zt as ae}from"./lib-rPeBMZrn.js";import{n as oe,t as se}from"./BaseScanner-8NdoBs7B.js";import{n as ce,t as le}from"./useHints-BH9r_0Vd.js";import{t as ue}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as de}from"./resolveChartConfig-CIhClE5R.js";import{t as fe}from"./img-D4RQwASc.js";import{n as pe}from"./Title-BliHuXfT.js";import{t as me}from"./useChartExport-BZts4KFb.js";import{n as he,t as ge}from"./annotationSlots-BRR85CqJ.js";import{n as _e,t as ve}from"./userOptionsSlots-DYuo-E5m.js";import{t as ye}from"./usePrinter-sVoTzet1.js";import{c as be}from"./canvas-lib-22VpOI4_.js";import{t as xe}from"./useResponsive-CENUxfEL.js";import{t as Se}from"./A11yDataTable-DWNlWXzs.js";import{t as Ce}from"./useUserOptionState-CXlFnwPv.js";import{t as we}from"./useChartAccessibility-DOMuYJfm.js";import{t as Te}from"./useAutoSizeLabelsInsideViewbox-AIRF0PlD.js";import{t as Ee}from"./vue_ui_relation_circle-Dkv-cSB6.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createSlots as De,createTextVNode as Oe,createVNode as ke,defineAsyncComponent as Ae,guardReactiveProps as m,mergeProps as je,normalizeClass as Me,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as Ne,onMounted as Pe,openBlock as _,ref as v,renderList as y,renderSlot as b,shallowRef as Fe,toDisplayString as x,toRefs as Ie,unref as S,useCssVars as Le,watch as Re,withCtx as ze}from"vue";var Be=/* @__PURE__ */ e({default:()=>st}),Ve=[`id`],He=[`id`],Ue={style:{position:`relative`}},We=[`xmlns`,`viewBox`,`aria-describedby`],Ge=[`width`,`height`],Ke=[`cx`,`cy`,`r`,`stroke`,`stroke-width`],qe={key:1},Je=[`stroke`,`d`,`stroke-width`],Ye={style:{"pointer-events":`none`}},Xe=[`cx`,`cy`,`fill`,`r`,`stroke`],Ze=[`x`,`y`,`fill`,`font-size`],Qe={key:2},$e=[`stroke`,`stroke-width`,`x1`,`x2`,`y1`,`y2`],et={style:{"pointer-events":`none`}},tt=[`cx`,`cy`,`fill`,`r`,`stroke`],nt=[`x`,`y`,`fill`,`font-size`],rt=[`text-anchor`,`transform`,`x`,`y`,`font-weight`,`font-size`,`fill`,`text-decoration`,`onClick`,`onMouseenter`,`onMouseleave`],it=[`cx`,`cy`,`fill`,`stroke`,`r`,`onClick`,`onMouseenter`,`onMouseleave`],at={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},ot={key:5,class:`vue-data-ui-watermark`},st=/*#__PURE__*/ ue({__name:`vue-ui-relation-circle`,props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:ue,emit:Be}){Le(e=>({v22fe13cb:Nt.value,v7f0fc82a:Mt.value,v6ece5e8c:Pt.value}));let st=Ae(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),ct=Ae(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),lt=Ae(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),{vue_ui_relation_circle:ut}=t(),C=e,dt=Be,ft=l(()=>!!C.dataset&&Object.keys(C.dataset).length),w=v(i()),pt=v(0),T=v(null),mt=v(null),ht=v(null),gt=v(null),_t=v(0),E=v(null),D=v(!1),O=v(Tt()),k=l(()=>O.value.userOptions),A=l(()=>O.value.style.weightLabels),j=l(()=>O.value.style);ce({config:()=>O.value,dataset:()=>C.dataset,component:`VueUiRelationCircle`,rules:[le.noHint]});let M=l(()=>O.value.userOptions.useCursorPointer),vt=l(()=>ee({defaultConfig:{userOptions:{show:!1},customPalette:Array(7).fill(`#CACACA`),style:{backgroundColor:`#99999930`,labels:{color:`#6A6A6A`},circle:{stroke:`#6A6A6A`},plot:{color:`#6A6A6A`,useSerieColor:!0},links:{maxWidth:2}}},userConfig:O.value.skeletonConfig??{}})),{loading:yt,FINAL_DATASET:bt,manualLoading:xt}=oe({...Ie(C),FINAL_CONFIG:O,prepareConfig:Tt,skeletonDataset:C.config?.skeletonDataset??[{id:`A`,label:`_`,relations:[`B`,`C`,`D`,`E`,`F`,`G`]},{id:`B`,label:`_`,relations:[`A`]},{id:`C`,label:`_`,relations:[`A`]},{id:`D`,label:`_`,relations:[`A`]},{id:`E`,label:`_`,relations:[`A`]},{id:`F`,label:`_`,relations:[`A`]},{id:`G`,label:`_`,relations:[`A`]}],skeletonConfig:ee({defaultConfig:O.value,userConfig:vt.value})}),{userOptionsVisible:St,setUserOptionsVisibility:Ct,keepUserOptionState:wt}=Ce({config:O.value}),{svgRef:N}=we({config:j.value.title});function Tt(){return de(C.config,ut,Ee)}Re(()=>C.config,e=>{O.value=Tt(),St.value=!O.value.userOptions.showOnChartHover,V.value=j.value.size,H.value=A.value.size,U.value=j.value.plot.radius,W.value=j.value.labels.fontSize,G.value.height=j.value.size,G.value.width=j.value.size,It(),_t.value+=1},{deep:!0}),Re(()=>C.dataset,e=>{Array.isArray(e)&&e.length>0&&(xt.value=!1)},{deep:!0});let{isPrinting:P,isImaging:F,generatePdf:Et,generateImage:Dt}=ye({elementId:`relation_circle_${w.value}`,fileName:j.value.title.text||`vue-ui-relation-circle`,options:O.value.userOptions.print}),Ot=l(()=>O.value.userOptions.show&&!j.value.title.text),kt=l(()=>re(O.value.customPalette)),I=v([]),L=v([]),R=v({}),z=v([]),At=v(0),B=l(()=>bt.value.slice(0,j.value.limit).map(e=>{let t=Array.isArray(e.relations)?e.relations:[];return{...e,weights:Array.isArray(e.weights)?e.weights:Array(t.length).fill(1),relations:t}}));Re(B,()=>{I.value=[],L.value=[],zt(),Vt()});let V=v(j.value.size),H=v(A.value.size),U=v(j.value.plot.radius),W=v(j.value.labels.fontSize),G=v({height:j.value.size,width:j.value.size}),K=l({get(){return V.value*j.value.circle.radiusProportion},set(e){return e}}),jt=l(()=>j.value.links.curved),Mt=l(()=>`${j.value.animation.speedMs}ms`),Nt=l(()=>K.value*2),Pt=l(()=>K.value*4),q=Fe(null),J=Fe(null);Pe(()=>{It(),document.getElementById(`relation_circle_${w.value}`).addEventListener(`click`,Rt)});let Ft=l(()=>O.value.debug);function It(){if(ae(C.dataset)?(a({componentName:`VueUiRelationCircle`,type:`dataset`,debug:Ft.value}),xt.value=!0):Ft.value&&C.dataset.forEach((e,t)=>{ie({datasetObject:e,requiredAttributes:[`id`,`label`,`relations`,`weights`]}).forEach(e=>{a({componentName:`VueUiRelationCircle`,type:`datasetSerieAttribute`,property:e,index:t})})}),ae(C.dataset)||(xt.value=O.value.loading),O.value.responsive){let e=be(()=>{let{width:e,height:t}=xe({chart:T.value,title:j.value.title.text?mt.value:null,source:ht.value,noTitle:gt.value});requestAnimationFrame(()=>{V.value=Math.min(e,t),G.value.width=Math.max(.1,e),G.value.height=Math.max(.1,t-12),K.value=V.value*j.value.circle.radiusProportion,I.value=[],L.value=[],zt(),Vt(),Lt(),O.value.responsiveProportionalSizing?(H.value=s({relator:V.value,adjuster:j.value.size,source:A.value.size,threshold:6,fallback:6}),U.value=s({relator:V.value,adjuster:j.value.size,source:j.value.plot.radius,threshold:1,fallback:1}),W.value=s({relator:V.value,adjuster:j.value.size,source:j.value.labels.fontSize,threshold:6,fallback:6})):(H.value=A.value.size,U.value=j.value.plot.radius,W.value=j.value.labels.fontSize)})});q.value&&(J.value&&q.value.unobserve(J.value),q.value.disconnect()),q.value=new ResizeObserver(e),J.value=T.value.parentNode,q.value.observe(J.value)}else I.value=[],L.value=[],zt(),Vt();Lt()}Ne(()=>{document.getElementById(`relation_circle_${w.value}`).removeEventListener(`click`,Rt),q.value&&(J.value&&q.value.unobserve(J.value),q.value.disconnect())});let{autoSizeLabels:Lt}=Te({svgRef:N,fontSize:j.value.labels.fontSize,minFontSize:j.value.labels.minFontSize,sizeRef:W,labelClass:`.vue-ui-relation-circle-legend`});function Rt(e){let t=e.target;t&&Array.from(t.classList).includes(`vue-ui-user-options`)||t&&Array.from(t.classList).includes(`vue-ui-user-options-summary`)||t&&Array.from(t.classList).includes(`vue-data-ui-button`)||t&&Array.from(t.classList).includes(`vue-ui-relation-circle-legend`)||(R.value={},z.value=[])}function zt(){let e=6.28319/B.value.length,t=360/B.value.length,n=0,i=0;B.value.forEach((a,o)=>{let ee=a.weights.reduce((e,t)=>e+t,0),te=K.value*Math.cos(n)+G.value.width/2,s=K.value*Math.sin(n)+G.value.height/2+j.value.circle.offsetY;I.value.push({x:te,y:s,...a,color:a.color?a.color:kt.value[o]?kt.value[o]:r[o],regAngle:i,totalWeight:ee}),n+=e,i+=t})}function Bt(e,t){return{x:(e.x+t.x)/2,y:(e.y+t.y)/2}}function Vt(){L.value=[],I.value.forEach(e=>{I.value.filter(t=>t.relations.includes(e.id)).forEach((t,n)=>{let r=t.relations.indexOf(e.id);L.value.push({weight:t.weights[r]?t.weights[r]:0,relationId:`${e.id}_${t.id}`,x1:e.x,y1:e.y,x2:t.x,y2:t.y,colorSource:e.color,colorTarget:t.color,midPointLine:Bt({x:e.x,y:e.y},{x:t.x,y:t.y}),midPointBezier:Ht({x1:e.x,x2:t.x,y1:e.y,y2:t.y}),...e})})})}function Ht(e){let t={x:e.x1,y:e.y1},n={x:e.x2,y:e.y2},r={x:e.x1,y:e.y1},i={x:G.value.width/2,y:G.value.height/2+j.value.circle.offsetY},a=.5;return{x:.5**3*t.x+3*.5**2*a*r.x+1.5*a**2*i.x+a**3*n.x,y:.5**3*t.y+3*.5**2*a*r.y+1.5*a**2*i.y+a**3*n.y}}let Ut=l(()=>Math.max(...L.value.map(e=>e.weight)));function Wt(e){return Object.hasOwn(R.value,`x`)?z.value.includes(e.id)?`opacity:1`:`opacity:0.1`:`opacity:1`}function Y(e){return e.colorSource}function Gt(e){return Object.hasOwn(R.value,`x`)?z.value.includes(e.id)&&e.relationId===`${e.id}_${R.value.id}`||e.relationId===`${R.value.id}_${e.id}`?`opacity:1;stroke-width:${en(e)}`:`opacity: 0`:`opacity: 1`}function X(e){return Object.hasOwn(R.value,`x`)?!!(z.value.includes(e.id)&&e.relationId===`${e.id}_${R.value.id}`||e.relationId===`${R.value.id}_${e.id}`):!1}function Kt(e){return e.regAngle>90&&e.regAngle<270?`end`:`start`}function qt(e){return e.regAngle>90&&e.regAngle<270?e.x-5:e.x+5}function Jt(e){return Object.hasOwn(R.value,`x`)?R.value.id===e.id||z.value.includes(e.id)?`opacity:1`:`opacity:0.2`:`opacity:1`}function Yt(e){return e.regAngle>90&&e.regAngle<270?`rotate(${e.regAngle+180},${e.x},${e.y})`:`rotate(${e.regAngle},${e.x},${e.y})`}let Z=v(null);function Xt(e,t){Z.value=t,E.value=t,O.value.events.datapointEnter&&O.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Zt(e,t){Z.value=null,D.value||(E.value=null),O.value.events.datapointLeave&&O.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function Qt(e,t){e&&(O.value.events.datapointClick&&O.value.events.datapointClick({datapoint:e,seriesIndex:t}),At.value=360-e.regAngle,R.value.id&&e.id===R.value.id?(R.value={},z.value=[]):(R.value=e,z.value=[...e.relations]))}function $t(e,t){E.value=t,Qt(e,t)}function en(e){let t=e.weight/Ut.value*j.value.links.maxWidth;return Math.max(.3,t)}let Q=v(!1);function tn(e){Q.value=e,pt.value+=1}let $=v(!1);function nn(){$.value=!$.value}async function rn({scale:e=2}={}){if(!T.value)return;let{width:t,height:n}=T.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await fe({domElement:T.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:j.value.title.text,width:t,height:n,aspectRatio:r}}let an=l(()=>j.value.backgroundColor),on=l(()=>j.value.title),{isCallbackImaging:sn,isCallbackSvg:cn,generateSvg:ln,onGenerateImage:un}=me({svg:N,title:on,legend:null,legendItems:null,backgroundColor:an,getSvgCallback:()=>O.value.userOptions.callbacks.svg,generateImage:Dt});async function dn(){dt(`copyAlt`,{config:O.value,dataset:B.value}),O.value.userOptions.callbacks.altCopy?await Promise.resolve(O.value.userOptions.callbacks.altCopy({config:O.value,dataset:B.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function fn(){D.value=!0,I.value.length&&E.value===null&&(E.value=0)}function pn(){D.value=!1,E.value=null}function mn(e){if(!N.value||$.value||document.activeElement!==N.value||!I.value.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){E.value=null,R.value={},z.value=[];return}if(r){if(E.value===null)return;let e=I.value[E.value];if(!e)return;Qt(e,E.value);return}let a=E.value;a===null||a<0||a>=I.value.length?a=n?0:I.value.length-1:n?(a+=1,a>=I.value.length&&(a=0)):t&&(--a,a<0&&(a=I.value.length-1)),E.value=a,Z.value=a;let o=I.value[a];o&&O.value.events.datapointEnter&&O.value.events.datapointEnter({datapoint:o,seriesIndex:a})}let hn=l(()=>({headers:[`ID`,`Label`,`Total weight`,`Relations count`,`Relations`],rows:B.value.map(e=>{let t=e.relations.map(e=>B.value.find(t=>t.id===e)?.label||e).join(`, `),n=(e.weights||[]).reduce((e,t)=>e+Number(t||0),0);return[e.id,e.label,n,e.relations.length,t]})}));return ue({getImage:rn,generatePdf:Et,generateSvg:ln,generateImage:Dt,toggleAnnotator:nn,toggleFullscreen:tn,copyAlt:dn}),(e,t)=>(_(),f(`div`,{ref_key:`relationCircleChart`,ref:T,class:`vue-data-ui-component vue-ui-relation-circle`,style:g(`width:100%;background:${j.value.backgroundColor};text-align:center;${O.value.responsive?`height: 100%`:``}`),id:`relation_circle_${w.value}`,onMouseenter:t[0]||=()=>S(Ct)(!0),onMouseleave:t[1]||=()=>S(Ct)(!1)},[p(`div`,{id:`chart-instructions-${w.value}`,class:`sr-only`},[p(`p`,null,x(O.value.a11y.translations.keyboardNavigation),1)],8,He),hn.value?.rows?.length?(_(),u(Se,{key:0,uid:w.value,head:hn.value.headers,body:hn.value.rows,notice:O.value.a11y.translations.tableAvailable,caption:O.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):d(``,!0),k.value.buttons.annotator?(_(),u(S(st),{key:1,svgRef:S(N),backgroundColor:j.value.backgroundColor,color:j.value.color,active:$.value,isCursorPointer:M.value,palette:k.value.annotatorPalette,onClose:nn},De({_:2},[y(S(ge),t=>({name:t,fn:ze(n=>[b(e.$slots,t,h(m(S(he)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):d(``,!0),Ot.value?(_(),f(`div`,{key:2,ref_key:`noTitle`,ref:gt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):d(``,!0),j.value.title.text?(_(),f(`div`,{key:3,ref_key:`chartTitle`,ref:mt,style:`width:100%;background:transparent`},[(_(),u(pe,{key:`title_${_t.value}`,config:{title:{cy:`relation-div-title`,...j.value.title},subtitle:{cy:`relation-div-subtitle`,...j.value.title.subtitle}}},null,8,[`config`]))],512)):d(``,!0),k.value.show&&ft.value&&(S(wt)||S(St))?(_(),u(S(ct),{ref:`details`,key:`user_options_${pt.value}`,backgroundColor:j.value.backgroundColor,color:j.value.color,isPrinting:S(P),isImaging:S(F),uid:w.value,hasPdf:k.value.buttons.pdf,hasImg:k.value.buttons.img,hasSvg:k.value.buttons.svg,hasFullscreen:k.value.buttons.fullscreen,hasAltCopy:k.value.buttons.altCopy,hasXls:!1,isFullscreen:Q.value,titles:{...k.value.buttonTitles},chartElement:T.value,position:k.value.position,hasAnnotator:k.value.buttons.annotator,isAnnotation:$.value,callbacks:k.value.callbacks,printScale:k.value.print.scale,isCursorPointer:M.value,onToggleFullscreen:tn,onGeneratePdf:S(Et),onGenerateImage:S(un),onGenerateSvg:S(ln),onToggleAnnotator:nn,onCopyAlt:dn,style:g({visibility:S(wt)?S(St)?`visible`:`hidden`:`visible`})},De({_:2},[y(S(_e)(e.$slots,`menuIcon optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:ze(n=>[b(e.$slots,t,h(m(S(ve)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`titles`,`chartElement`,`position`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):d(``,!0),p(`div`,Ue,[(_(),f(`svg`,{ref_key:`svgRef`,ref:N,xmlns:S(ne),class:Me([{"vue-data-ui-fullscreen--on":Q.value,"vue-data-ui-fulscreen--off":!Q.value},`relation-circle`]),viewBox:`0 0 ${G.value.width<=0?10:G.value.width} ${G.value.height<=0?10:G.value.height}`,width:`100%`,style:`user-select:none; background:transparent`,"aria-describedby":`chart-instructions-${w.value}`,tabindex:`0`,onFocus:fn,onBlur:pn,onKeydown:mn},[ke(S(lt)),b(e.$slots,`svg-underlayer`,{svg:{...G.value,isPrintingImg:S(P)||S(F)||S(sn),isPrintingSvg:S(cn)}},void 0,!0),e.$slots[`chart-background`]?(_(),f(`foreignObject`,{key:0,x:0,y:0,width:G.value.width<=0?10:G.value.width,height:G.value.height<=0?10:G.value.height,style:{pointerEvents:`none`}},[b(e.$slots,`chart-background`,{},void 0,!0)],8,Ge)):d(``,!0),p(`circle`,{cx:(G.value.width<=0?1e-4:G.value.width)/2,cy:(G.value.height<=0?1e-4:G.value.height)/2+j.value.circle.offsetY,r:K.value<=0?1e-4:K.value,stroke:j.value.circle.stroke,"stroke-width":j.value.circle.strokeWidth,fill:`transparent`,class:`main-circle`},null,8,Ke),jt.value?(_(),f(`g`,qe,[(_(!0),f(c,null,y(L.value,(e,t)=>(_(),f(`path`,{key:`relation_${t}`,style:g(Gt(e)),stroke:Y(e),class:Me([`relation`,{"vue-ui-relation-circle-selected":R.value.hasOwnProperty(`id`)&&z.value.includes(e.id)}]),d:`M${e.x1},${e.y1} C${e.x1},${e.y1} ${G.value.width/2},${G.value.height/2+j.value.circle.offsetY} ${e.x2},${e.y2}`,fill:`none`,"stroke-width":en(e),"stroke-linecap":`round`},null,14,Je))),128)),(_(!0),f(c,null,y(L.value,(t,r)=>(_(),f(`g`,Ye,[X(t)?b(e.$slots,`dataLabel`,je({ref_for:!0},{x:t.midPointBezier.x,y:t.midPointBezier.y,color:Y(t),weight:t.weight,fontSize:H.value}),void 0,!0,0):d(``,!0),X(t)&&!e.$slots.dataLabel?(_(),f(`circle`,{key:1,cx:t.midPointBezier.x,cy:t.midPointBezier.y,fill:Y(t),r:H.value,stroke:j.value.backgroundColor,"stroke-width":`1`},null,8,Xe)):d(``,!0),X(t)&&!e.$slots.dataLabel?(_(),f(`text`,{key:2,x:t.midPointBezier.x,y:t.midPointBezier.y+H.value/3,fill:S(te)(Y(t)),"text-anchor":`middle`,"font-size":H.value},x(S(o)(A.value.formatter,t.weight,S(n)({p:A.value.prefix,v:t.weight,s:A.value.suffix,r:A.value.rounding}),{...t})),9,Ze)):d(``,!0)]))),256))])):(_(),f(`g`,Qe,[(_(!0),f(c,null,y(L.value,(e,t)=>(_(),f(`line`,{key:`relation_${t}`,stroke:Y(e),"stroke-width":en(e),style:g(Gt(e)),x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2,class:Me({"vue-ui-relation-circle-selected":R.value.hasOwnProperty(`id`)&&z.value.includes(e.id)}),"stroke-linecap":`round`},null,14,$e))),128)),(_(!0),f(c,null,y(L.value,(t,r)=>(_(),f(`g`,et,[X(t)?b(e.$slots,`dataLabel`,je({ref_for:!0},{x:t.midPointLine.x,y:t.midPointLine.y,color:Y(t),weight:t.weight,fontSize:H.value}),void 0,!0,0):d(``,!0),X(t)&&!e.$slots.dataLabel&&A.value.show?(_(),f(`circle`,{key:1,cx:t.midPointLine.x,cy:t.midPointLine.y,fill:Y(t),r:H.value,stroke:j.value.backgroundColor,"stroke-width":`1`},null,8,tt)):d(``,!0),X(t)&&!e.$slots.dataLabel&&A.value.show?(_(),f(`text`,{key:2,x:t.midPointLine.x,y:t.midPointLine.y+H.value/3,fill:S(te)(Y(t)),"text-anchor":`middle`,"font-size":H.value},x(S(o)(A.value.formatter,t.weight,S(n)({p:A.value.prefix,v:t.weight,s:A.value.suffix,r:A.value.rounding}),{...t})),9,nt)):d(``,!0)]))),256))])),(_(!0),f(c,null,y(I.value,(e,t)=>(_(),f(`text`,{key:`plot_text_${t}`,"text-anchor":Kt(e),transform:Yt(e),x:qt(e),y:e.y+5,class:`vue-ui-relation-circle-legend`,"transform-origin":`start`,"font-weight":R.value.id===e.id?`900`:`400`,style:g(`font-family:${j.value.fontFamily};${Jt(e)};cursor:${M.value?`pointer`:`default`}`),"font-size":W.value,fill:j.value.labels.color,"text-decoration":t===Z.value||t===E.value?`underline`:void 0,onClick:n=>$t(e,t),onMouseenter:n=>Xt(e,t),onMouseleave:n=>Zt(e,t)},[S(yt)?(_(),f(c,{key:0},[Oe(`--------`)],64)):(_(),f(c,{key:1},[Oe(x(e.label)+` (`+x(S(o)(A.value.formatter,e.totalWeight,S(n)({p:A.value.prefix,v:e.totalWeight,s:A.value.suffix,r:A.value.rounding}),{...e}))+`) `,1)],64))],44,rt))),128)),(_(!0),f(c,null,y(I.value,(e,t)=>(_(),f(`circle`,{cx:e.x,cy:e.y,key:`plot_${t}`,style:g(`${Wt(e)}; transition: r 0.2s ease-in-out; cursor:${M.value?`pointer`:`default`}`),class:`vue-ui-relation-circle-plot`,fill:j.value.plot.useSerieColor?e.color:j.value.plot.color,stroke:j.value.backgroundColor,"stroke-width":`1`,r:U.value*(t===Z.value||t===E.value?2:1),onClick:n=>$t(e,t),onMouseenter:n=>Xt(e,t),onMouseleave:n=>Zt(e,t)},null,44,it))),128)),b(e.$slots,`svg`,{svg:{...G.value,isPrintingImg:S(P)||S(F)||S(sn),isPrintingSvg:S(cn)}},void 0,!0)],42,We)),e.$slots.hint?(_(),f(`div`,at,[b(e.$slots,`hint`,h(m({hint:O.value.a11y.translations.keyboardNavigation,isVisible:D.value})),void 0,!0)])):d(``,!0)]),e.$slots.watermark?(_(),f(`div`,ot,[b(e.$slots,`watermark`,h(m({isPrinting:S(P)||S(F)||S(sn)||S(cn)})),void 0,!0)])):d(``,!0),e.$slots.source?(_(),f(`div`,{key:6,ref_key:`source`,ref:ht,dir:`auto`},[b(e.$slots,`source`,{},void 0,!0)],512)):d(``,!0),b(e.$slots,`skeleton`,{},()=>[S(yt)?(_(),u(se,{key:0})):d(``,!0)],!0)],44,Ve))}},[[`__scopeId`,`data-v-64ac9170`]]);export{Be as n,st as t};

package/dist/vue-ui-ridgeline-DcSB5Qef.js

@@ -0,0 +1,2 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Ht as i,J as a,N as ee,P as te,S as o,U as ne,X as re,Xt as ie,at as s,i as c,in as ae,nt as oe,r as se,t as ce,tt as le,w as ue,xt as de,yt as fe,zt as pe}from"./lib-rPeBMZrn.js";import{n as me,t as he}from"./BaseScanner-8NdoBs7B.js";import{n as ge,t as _e}from"./useHints-BH9r_0Vd.js";import{t as ve}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as ye}from"./resolveChartConfig-CIhClE5R.js";import{t as be}from"./chartImage-DPGnEuYM.js";import{n as xe}from"./Title-BliHuXfT.js";import{t as Se}from"./useChartExport-BZts4KFb.js";import{n as Ce,t as we}from"./tableIntegration-CNoJ1CIY.js";import{n as Te,t as Ee}from"./annotationSlots-BRR85CqJ.js";import{n as De,t as Oe}from"./userOptionsSlots-DYuo-E5m.js";import{t as ke}from"./useTimeLabels-Das5O74F.js";import{t as Ae}from"./usePrinter-sVoTzet1.js";import{t as je}from"./useTimeLabelCollider-BTybMUFi.js";import{t as Me}from"./Shape-CRe8woTu.js";import{c as Ne}from"./canvas-lib-22VpOI4_.js";import{t as Pe}from"./useResponsive-CENUxfEL.js";import{t as Fe}from"./DefGrad-DKMq1REY.js";import{t as Ie}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Le}from"./A11yDataTable-DWNlWXzs.js";import{t as Re}from"./useUserOptionState-CXlFnwPv.js";import{t as ze}from"./useChartAccessibility-DOMuYJfm.js";import{t as Be}from"./Legend-DM0ClX3D.js";import{t as Ve}from"./vue_ui_ridgeline-Di26JtQu.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as He,createTextVNode as Ue,createVNode as We,defineAsyncComponent as h,guardReactiveProps as Ge,mergeProps as Ke,nextTick as qe,normalizeClass as Je,normalizeProps as Ye,normalizeStyle as g,onBeforeUnmount as Xe,openBlock as _,ref as v,renderList as y,renderSlot as b,resolveDynamicComponent as Ze,shallowRef as Qe,toDisplayString as x,toRefs as $e,unref as S,watch as et,watchEffect as tt,withCtx as C}from"vue";var nt=/* @__PURE__ */ e({default:()=>Tt}),rt=[`id`],it=[`id`],at={style:{position:`relative`}},ot=[`xmlns`,`aria-describedby`,`viewBox`],st={key:0},ct=[`fill`,`d`],lt=[`stroke`,`stroke-width`,`d`],ut=[`fill`,`d`],dt=[`stroke`,`stroke-dasharray`,`stroke-width`,`d`],ft=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],pt=[`cx`,`cy`,`stroke`,`stroke-width`,`r`,`fill`],mt=[`x`,`y`,`font-size`,`font-weight`,`fill`,`text-decoration`,`onMouseenter`,`onClick`],ht={key:0},gt=[`font-size`,`fill`,`stroke`,`font-weight`,`transform`,`text-anchor`],_t=[`font-size`,`fill`,`font-weight`,`transform`,`text-anchor`,`innerHTML`],vt=[`x`,`y`,`width`,`height`,`onMouseenter`,`onMouseleave`,`onClick`],yt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],bt=[`cx`,`cy`,`stroke`,`stroke-width`,`r`,`fill`],xt=[`x`,`y`,`stroke`,`text-anchor`,`font-size`,`fill`],St={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ct={key:5,class:`vue-data-ui-watermark`},wt=[`onClick`],Tt=/*#__PURE__*/ ve({__name:`vue-ui-ridgeline`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`selectDatapoint`,`selectX`,`copyAlt`],setup(e,{expose:ve,emit:nt}){let Tt=h(()=>import(`./vue-ui-xy-6B_K-quN.js`).then(e=>e.n)),Et=h(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Dt=h(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Ot=h(()=>import(`./DataTable-0Vv-aGHD.js`)),kt=h(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),At=h(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),jt=h(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),Mt=h(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_ridgeline:Nt}=t(),w=e,Pt=u({get(){return Array.isArray(B.value)&&B.value.length>0},set(e){return e}}),Ft=nt,T=v(null),It=v(null),Lt=v(null),E=Qe(null),D=Qe(null),Rt=v(null),zt=v(null),Bt=v(0),Vt=v(0),Ht=v(0),O=v(re()),Ut=v(0),Wt=v(0),Gt=v(512),k=v(null),A=v(null),Kt=v(null),qt=v(0),Jt=v(null),Yt=v(null),Xt=v(null),j=v(null),Zt=v(!1);function Qt(){return ye(w.config,Nt,Ve)}let M=v(Qt()),N=u(()=>M.value.userOptions),P=u(()=>M.value.style.chart.areas),F=u(()=>M.value.style.chart.selector),I=u(()=>M.value.style.chart.xAxis.labels),L=u(()=>M.value.style.chart.yAxis.labels),R=u(()=>M.value.style.chart);ge({config:()=>M.value,dataset:()=>w.dataset,component:`VueUiRidgeline`,rules:[_e.emptyArray,{test:e=>e.length>31,message:[`👀 The number of series > 31. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display`,``,`▶️ Use several instances of the component to show related series`]},{test:e=>e.some(e=>e.datapoints.some(e=>e.values.length>200)),message:[`👀 Some series contain > 200 data points, which can affect performance. Consider if you really need this level of detail.`,``,`▶️ Use larger time scales, or aggregated values.`,``,`▶️ Filter the time range by adding date inputs in your UI.`]},{test:e=>e.length<6&&e.length>0,message:[`👀 The number of series < 6. Consider:`,``,`▶️ Using VueUiXy instead`]}]});let z=u(()=>M.value.userOptions.useCursorPointer),$t=u(()=>ae({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,areas:{maxPoint:{show:!1},opacity:.9,stroke:{useSerieColor:!0}},legend:{backgroundColor:`transparent`},padding:{right:-24,left:0},xAxis:{labels:{values:[]}},yAxis:{labels:{fontSize:0}},zeroLine:{show:!1}}}},userConfig:M.value.skeletonConfig??{}})),{loading:en,FINAL_DATASET:B,manualLoading:tn}=me({...$e(w),FINAL_CONFIG:M,prepareConfig:Qt,skeletonDataset:w.config?.skeletonDataset??[{name:`_`,datapoints:[{name:`__`,color:`#999999`,values:[28.639,32.04,41.134,44.525,21.151,2.436,.218,.024,.002,0,0,0]},{name:`_`,color:`#CACACA`,values:[13.253,15.621,23.36,33.698,29.935,10.874,2.364,.561,.107,.02,.006,.004]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[10.851,13.195,21.617,36.556,42.292,21.006,3.398,.223,.013,.001,0,0]},{name:`_`,color:`#CACACA`,values:[3.171,4.115,8.108,18.248,31.641,29.063,12.031,2.742,.504,.102,.032,.021]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[1.731,2.334,5.125,13.626,29.911,38.524,24.168,7.646,1.575,.317,.097,.063]},{name:`_`,color:`#CACACA`,values:[.25,.367,1.026,3.944,13.635,28.891,30.149,15.419,4.714,1.246,.442,.299]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[.034,.054,.194,1.065,5.747,20.735,38.306,32.899,15.318,5.566,2.422,1.76]},{name:`_`,color:`#CACACA`,values:[.001,.002,.009,.095,1.124,8.342,27.115,35.08,21.449,9.093,4.243,3.143]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[0,.001,.004,.051,.567,3.322,14.215,44.783,40.351,20.377,9.866,7.378]},{name:`_`,color:`#CACACA`,values:[0,0,0,0,.001,.11,4.136,27.498,43.24,29.807,17.345,13.678]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[0,0,0,0,.025,.598,3.886,10.645,54.479,45.953,30.814,24.55]},{name:`_`,color:`#CACACA`,values:[0,0,0,0,0,0,.007,1.655,26.63,52.017,45.192,39.651]}]}],skeletonConfig:ae({defaultConfig:M.value,userConfig:$t.value})}),V=v(Math.min(P.value.height,P.value.rowHeight)),{userOptionsVisible:nn,setUserOptionsVisibility:rn,keepUserOptionState:an}=Re({config:M.value}),{svgRef:H}=ze({config:R.value.title}),on=u(()=>M.value.debug);function sn(){let e=B.value||[];if(!Array.isArray(e)||e.length===0)s({componentName:`VueUiRidgeline`,type:`dataset`,debug:on.value}),tn.value=!0;else if(e.forEach((e,t)=>{fe({datasetObject:e,requiredAttributes:[`name`,`datapoints`]}).forEach(e=>{Pt.value=!1,s({componentName:`VueUiRidgeline`,type:`datasetSerieAttribute`,property:e,index:t,debug:on.value})}),Array.isArray(e.datapoints)&&e.datapoints.length&&e.datapoints.forEach((e,n)=>{fe({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{Pt.value=!1,s({componentName:`VueUiRidgeline`,type:`datasetSerieAttribute`,property:`datapoint.${e}`,index:`${t}-${n}`,debug:on.value})})})}),Wt.value=e.length,V.value=Math.min(P.value.height,P.value.rowHeight),pe(w.dataset)||(tn.value=M.value.loading),M.value.responsive){let t=Ne(()=>{let{width:t,height:n}=Pe({chart:T.value,title:R.value.title.text?It.value:null,legend:R.value.legend.show?Lt.value:null,source:Rt.value,noTitle:zt.value,padding:R.value.padding});requestAnimationFrame(()=>{Gt.value=t,V.value=e.length?n/e.length:0,qt.value=n-12})});E.value&&(D.value&&E.value.unobserve(D.value),E.value.disconnect()),E.value=new ResizeObserver(t),D.value=T.value?.parentNode||null,D.value&&E.value.observe(D.value)}}Xe(()=>{E.value&&(D.value&&E.value.unobserve(D.value),E.value.disconnect())});let{isPrinting:cn,isImaging:ln,generatePdf:un,generateImage:dn}=Ae({elementId:`vue-ui-ridgeline_${O.value}`,fileName:R.value.title.text||`vue-ui-ridgeline`,options:M.value.userOptions.print}),fn=u(()=>M.value.userOptions.show&&!R.value.title.text),pn=u(()=>ue(M.value.customPalette)),U=v({showTable:M.value.table.show});et(()=>B.value,async e=>{Array.isArray(e)&&e.length&&(nn.value=!M.value.userOptions.showOnChartHover,await qe(),sn(),Bt.value+=1,Ht.value+=1,U.value.showTable=M.value.table.show)},{deep:!0,immediate:!0}),et(()=>w.dataset,e=>{Array.isArray(e)&&e.length>0&&(tn.value=!1)},{deep:!0}),et(()=>en.value,async e=>{e||(await qe(),sn())},{immediate:!0}),et(()=>w.config,()=>{M.value=Qt(B.value||null),nn.value=!M.value.userOptions.showOnChartHover,V.value=Math.min(P.value.height,P.value.rowHeight),U.value.showTable=M.value.table.show,Bt.value+=1,Ht.value+=1},{deep:!0});let mn=u(()=>P.value.height/P.value.rowHeight);function hn(){X.value.length?X.value=[]:Z.value.forEach(e=>{X.value.push(e.id)}),Ft(`selectLegend`,Y.value)}function gn(e){X.value.includes(e)?X.value=X.value.filter(t=>t!==e):X.value.push(e),Ft(`selectLegend`,Y.value)}function _n(e){return Z.value.length?Z.value.find(t=>t.name===e)||(on.value&&console.warn(`VueUiRidgeline - Series name not found "${e}"`),null):(on.value&&console.warn(`VueUiRidgeline - There are no series to show.`),null)}function vn(e){let t=_n(e);t!==null&&X.value.includes(t.id)&&gn(t.id)}function yn(e){let t=_n(e);t!==null&&(X.value.includes(t.id)||gn(t.id))}let W=u(()=>Pt.value?(B.value||[]).map(e=>({...e,labelLen:Nn(e.name,L.value.fontSize),uid:re(),datapoints:e.datapoints.map((e,t)=>{let n=e.color?o(e.color):pn.value[t]||i[t]||i[t%i.length],r=ie(e.name);return{...e,color:n,id:r}})})):[]),bn=u(()=>R.value.padding.top+V.value*(B.value||[]).length+V.value*mn.value+R.value.padding.bottom),G=u(()=>{let e=R.value.padding;return{width:Gt.value,height:bn.value,padding:e}}),xn=u(()=>G.value.width),Sn=u(()=>G.value.height),Cn=v(0),wn=Ne(e=>{Cn.value=e},100);tt(e=>{let t=Jt.value;if(!t)return;let n=new ResizeObserver(e=>{wn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Xe(()=>{Cn.value=0});let K=u(()=>({fullHeight:G.value.height+Cn.value,top:G.value.padding.top,left:G.value.padding.left,right:G.value.width-G.value.padding.right,bottom:G.value.height-R.value.padding.bottom,width:G.value.width-(G.value.padding.left+G.value.padding.right)})),Tn=u(()=>Math.max(...W.value.flatMap(e=>e.datapoints.map(e=>e.values.length)))),q=v([]),En=0;tt(()=>{let e=++En;(async()=>{let t=await ke({values:I.value.values,maxDatapoints:Tn.value,formatter:I.value.datetimeFormatter,start:0,end:I.value.values.length});e===En&&(q.value=t)})()});let J=u(()=>{let e=Math.max(...W.value.map(e=>e.labelLen)),t=G.value.padding.left+e+16+L.value.offsetX,n=(K.value.width-t)/Tn.value,r=[];for(let e=0;e<Tn.value;e+=1)r.push({selectorX:t+n*e,x:t+n*e-n/2,y:K.value.top,label:I.value.values[e]?q.value[e]?.text??``:``,index:e,width:n,height:bn.value});return r});function Dn(e){return W.value.map(t=>t.datapoints.map(t=>({dp:t,selected:t.values[e.index]})))}function On(e){k.value=e;let t=Dn(e);M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:t,seriesIndex:e.index})}function kn(e){k.value=null;let t=Dn(e);M.value.events.datapointLeave&&M.value.events.datapointLeave({datapoint:t,seriesIndex:e.index})}function An(e){let t=Dn(e);M.value.events.datapointClick&&M.value.events.datapointClick({datapoint:t,seriesIndex:e.index}),Ft(`selectX`,t)}function jn(e,t){return e.length*t/2+t}function Mn(e,t,n){return e+jn(t,n)>K.value.right}function Nn(e,t,n=`sans-serif`){let r=document.createElement(`canvas`).getContext(`2d`);return r.font=`${typeof t==`number`?`${t}px`:t} ${n}`,r.measureText(e).width}let Y=u(()=>{V.value;let e=Math.max(...W.value.map(e=>e.labelLen)),t=Math.max(...W.value.flatMap(e=>e.datapoints.flatMap(e=>e.values))),n=Math.min(...W.value.flatMap(e=>e.datapoints.flatMap(e=>e.values))),r=G.value.padding.left+e+16+L.value.offsetX,i=(K.value.width-r)/Tn.value,a=Math.abs(Math.min(n,0)),o=t+a;function ie(e){return isNaN(e/o)?0:e/o}return W.value.map((e,t)=>{let n=V.value*mn.value*(1-ie(a)),o=K.value.top+V.value*t,s=K.value.top+o+n;return{...e,label:{x:r-L.value.fontSize,y:(L.value.centered?s-n/2:s)+L.value.offsetY},datapoints:e.datapoints.map(e=>{let t=e.values.map((t,n)=>{let ee=isNaN(t)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(t)?0:t||0;return{x:r+i*n,y:K.value.top+o+V.value*mn.value*(1-ie(ee+a)),value:t,isMaxPoint:t===Math.max(...e.values),zero:s}}),n=`${ee(t,s,!1,!1)}`,c=`M ${r},${s} ${ne(t)} ${t.at(-1).x},${s}`,ae=`M ${r},${s} ${t.at(-1).x},${s}`,oe=`M ${te(t)}`,se=`M ${ne(t)}`,ce=de(P.value.smooth?oe:se);return{...e,uid:re(),plots:t,smoothPath:n,straightPath:c,zeroPath:ae,pathLength:ce,smoothPathRidge:oe,straightPathRidge:se}}).filter(e=>!X.value.includes(e.id))}})}),X=v([]);function Pn(e){let t=/* @__PURE__ */ new Map;return e.forEach(e=>{e.datapoints.forEach((e,n)=>{let r=ie(e.name);t.has(r)||t.set(r,{id:r,name:e.name,color:e.color,shape:`circle`,segregate:()=>gn(r),isSegregated:X.value.includes(r),opacity:X.value.includes(r)?.5:1})})}),Array.from(t.values())}let Z=u(()=>Pn(W.value)),Fn=u(()=>({cy:`donut-div-legend`,backgroundColor:R.value.legend.backgroundColor,color:R.value.legend.color,fontSize:R.value.legend.fontSize,paddingBottom:12,fontWeight:R.value.legend.bold?`bold`:``})),Q=v(!1);function In(e){Q.value=e,Ut.value+=1}let Ln=v({}),Rn=v([]);function zn(e){Ft(`selectDatapoint`,e),R.value.dialog.show&&(Rn.value=e.datapoints.map(e=>({name:e.name,color:e.color,type:`line`,useArea:!0,smooth:P.value.smooth,series:e.values})),A.value=e,Ln.value=le({...R.value.dialog.xyChart,responsive:!0,chart:{...R.value.dialog.xyChart.chart,grid:{...R.value.dialog.xyChart.chart.grid,labels:{...R.value.dialog.xyChart.chart.grid.labels,xAxisLabels:{...R.value.dialog.xyChart.chart.grid.labels.xAxisLabels,values:I.value.values,autoRotate:{enable:!0,angle:R.value.dialog.xyChart.chart.grid.labels.xAxisLabels.autoRotate.angle},datetimeFormatter:I.value.datetimeFormatter}}},tooltip:{...R.value.dialog.xyChart.chart.tooltip,showTimeLabel:I.value.values.length>0},userOptions:{...R.value.dialog.xyChart.chart.userOptions,buttons:{...R.value.dialog.xyChart.chart.userOptions.buttons,altCopy:M.value.userOptions.buttons.altCopy},callbacks:{...R.value.dialog.xyChart.chart.userOptions.callbacks,altCopy:()=>{}},useCursorPointer:M.value.userOptions.useCursorPointer}}}),Kt.value&&Kt.value.open())}let Bn=v(null);function Vn(e){Bn.value=e}function Hn(){Bn.value=null}let Un=v(!1);function Wn(){Un.value=!Un.value}function Gn(){U.value.showTable=!U.value.showTable}let Kn=u(()=>({body:Y.value.flatMap(e=>e.datapoints.flatMap(t=>({...t,rowName:`${e.name}: ${t.name}`}))).map(e=>[{name:e.rowName,color:e.color},...e.values])})),$=u(()=>{let e=[M.value.table.columnNames.series,...q.value.map(e=>e.text)],t={th:{backgroundColor:M.value.table.th.backgroundColor,color:M.value.table.th.color,outline:M.value.table.th.outline},td:{backgroundColor:M.value.table.td.backgroundColor,color:M.value.table.td.color,outline:M.value.table.td.outline},breakpoint:M.value.table.responsiveBreakpoint};return{colNames:[M.value.table.columnNames.series,...q.value.map(e=>e.text)],head:e,body:Kn.value.body,config:t}});function qn(e=null){qe(()=>{let t=[[M.value.table.columnNames.series,...q.map(e=>[e.text])],...Kn.value.body.map((e,t)=>[e[0].name,...e.slice(1)])],n=[[R.value.title.text],[R.value.title.subtitle.text]].concat(t),i=r(n);e?e(i):oe({csvContent:i,title:R.value.title.text||`vue-ui-ridgeline`})})}function Jn(){return Y.value}let Yn=be(T,()=>R.value.title.text),Xn=u(()=>({min:0,max:Tn.value}));je({timeLabelsEls:Jt,timeLabels:q,slicer:Xn,configRef:M,rotationPath:[`style`,`chart`,`xAxis`,`labels`,`rotation`],autoRotatePath:[`style`,`chart`,`xAxis`,`labels`,`autoRotate`,`enable`],isAutoSize:!1,width:xn,height:Sn,targetClass:`.vue-ui-ridgeline-x-axis-label`,angle:I.value.autoRotate.angle});let Zn=u(()=>we({config:M,style:R,mutableConfig:U,dialog:Mt,accordion:Dt,isFullscreen:Q,parent:T,maxWidth:800,isCursorPointer:z}));et(()=>U.value.showTable,e=>Ce(e,M,Yt));function Qn(){U.value.showTable=!1,Xt.value&&Xt.value.setTableIconState(!1)}let $n=u(()=>R.value.backgroundColor),er=u(()=>({...R.value.legend,position:`bottom`})),tr=u(()=>R.value.title),{isCallbackImaging:nr,isCallbackSvg:rr,generateSvg:ir,onGenerateImage:ar}=Se({svg:H,title:tr,legend:er,legendItems:Z,backgroundColor:$n,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:dn});function or(e){sr(`xy-zoom`,e.dataset,e.config)}async function sr(e=`main-chart`,t=null,n=null){Ft(`copyAlt`,{source:e,config:e===`main-chart`?M.value:Ln.value,dataset:e===`main-chart`?Y.value:Rn.value}),M.value.userOptions.callbacks.altCopy?await Promise.resolve(M.value.userOptions.callbacks.altCopy({source:e,config:e===`main-chart`?M.value:Ln.value,dataset:e===`main-chart`?Y.value:Rn.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function cr(){j.value=null,Zt.value=!0}function lr(){pr(),Zt.value=!1}function ur(e){if(!H.value||Un.value||document.activeElement!==H.value||!Y.value.length)return;let t=e.key===`ArrowUp`,n=e.key===`ArrowDown`,r=e.key===`ArrowLeft`,i=e.key===`ArrowRight`,a=e.key===`Enter`||e.key===` `,ee=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!ee)return;if(e.preventDefault(),e.stopPropagation(),ee){pr();return}if(a){if(j.value!==null){let e=Y.value[j.value];e&&zn(e);return}k.value&&An(k.value);return}if(t||n){let e=j.value;e=e===null?n?0:Y.value.length-1:dr(e+(n?1:-1)),j.value=e,Bn.value=e;return}if(!J.value.length)return;let te=k.value?.index??null;te=te===null?i?0:J.value.length-1:fr(te+(i?1:-1));let o=J.value[te];o&&On(o)}function dr(e){let t=Y.value.length;return t?(e%t+t)%t:null}function fr(e){let t=J.value.length;return t?(e%t+t)%t:null}function pr(){j.value=null,Bn.value=null,k.value?kn(k.value):k.value=null}let mr=u(()=>({head:$.value.head,body:$.value.body.map(e=>[e[0]?.name??``,...e.slice(1)]),caption:M.value.a11y.translations.tableCaption,notice:M.value.a11y.translations.tableAvailable}));return ve({getData:Jn,getImage:Yn,generateImage:dn,generateSvg:ir,generatePdf:un,generateCsv:qn,hideSeries:yn,showSeries:vn,toggleAnnotator:Wn,toggleTable:Gn,toggleFullscreen:In,copyAlt:sr}),(e,t)=>(_(),p(`div`,{ref_key:`ridgelineChart`,ref:T,class:Je(`vue-data-ui-component vue-ui-ridgeline ${Q.value?`vue-data-ui-wrapper-fullscreen`:``}`),id:`vue-ui-ridgeline_${O.value}`,style:g({fontFamily:M.value.style.fontFamily,width:`100%`,textAlign:`center`,background:R.value.backgroundColor,height:M.value.responsive?`100%`:void 0}),onMouseenter:t[3]||=()=>S(rn)(!0),onMouseleave:t[4]||=()=>S(rn)(!1)},[m(`div`,{id:`chart-instructions-${O.value}`,class:`sr-only`},[m(`p`,null,x(M.value.a11y.translations.keyboardNavigation),1)],8,it),mr.value.body.length?(_(),d(Le,{key:0,uid:O.value,head:mr.value.head,body:mr.value.body,caption:mr.value.caption,notice:mr.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):f(``,!0),N.value.buttons.annotator&&S(H)?(_(),d(S(kt),{key:1,color:R.value.color,backgroundColor:R.value.backgroundColor,active:Un.value,svgRef:S(H),isCursorPointer:z.value,onClose:Wn},He({_:2},[y(S(Ee),t=>({name:t,fn:C(n=>[b(e.$slots,t,Ye(Ge(S(Te)(t,n))),void 0,!0)])}))]),1032,[`color`,`backgroundColor`,`active`,`svgRef`,`isCursorPointer`])):f(``,!0),b(e.$slots,`userConfig`,{},void 0,!0),fn.value?(_(),p(`div`,{key:2,ref_key:`noTitle`,ref:zt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):f(``,!0),R.value.title.text?(_(),p(`div`,{key:3,ref_key:`chartTitle`,ref:It,style:`width:100%;background:transparent;padding-bottom:24px`},[(_(),d(xe,{key:`title_${Bt.value}`,config:{title:{cy:`ridgeline-div-title`,...R.value.title},subtitle:{cy:`ridgeline-div-subtitle`,...R.value.title.subtitle}}},null,8,[`config`]))],512)):f(``,!0),N.value.show&&Pt.value&&(S(an)||S(nn))?(_(),d(S(At),{ref_key:`userOptionsRef`,ref:Xt,key:`user_option_${Ut.value}`,backgroundColor:R.value.backgroundColor,color:R.value.color,isPrinting:S(cn),isImaging:S(ln),uid:O.value,hasTooltip:!1,callbacks:N.value.callbacks,hasPdf:N.value.buttons.pdf,hasImg:N.value.buttons.img,hasSvg:N.value.buttons.svg,hasXls:N.value.buttons.csv,hasTable:N.value.buttons.table,hasLabel:!1,hasFullscreen:N.value.buttons.fullscreen,hasAltCopy:N.value.buttons.altCopy,isFullscreen:Q.value,printScale:N.value.print.scale,chartElement:T.value,position:N.value.position,isTooltip:!1,titles:{...N.value.buttonTitles},hasAnnotator:N.value.buttons.annotator,isAnnotation:Un.value,tableDialog:M.value.table.useDialog,style:g({visibility:S(an)?S(nn)?`visible`:`hidden`:`visible`}),isCursorPointer:z.value,onToggleFullscreen:In,onGeneratePdf:S(un),onGenerateCsv:qn,onGenerateImage:S(ar),onGenerateSvg:S(ir),onToggleTable:Gn,onToggleAnnotator:Wn,onCopyAlt:sr},He({_:2},[y(S(De)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:C(n=>[b(e.$slots,t,Ye(Ge(S(Oe)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.callbacks.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.printScale.chartElement.position.titles.hasAnnotator.isAnnotation.tableDialog.style.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg`.split(`.`))):f(``,!0),m(`div`,at,[(_(),p(`svg`,{ref_key:`svgRef`,ref:H,xmlns:S(ce),"aria-describedby":`chart-instructions-${O.value}`,class:Je({"vue-data-ui-fullscreen--on":Q.value,"vue-data-ui-fulscreen--off":!Q.value}),viewBox:`0 0 ${G.value.width<=0?10:G.value.width} ${K.value.fullHeight<=0?10:K.value.fullHeight}`,style:g(`max-width:100%;overflow:visible;background:transparent;color:${R.value.color};${M.value.responsive?`height: ${qt.value}px; width: 100%;`:``}`),tabindex:`0`,onFocus:cr,onBlur:lr,onKeydown:ur},[We(S(jt)),b(e.$slots,`svg-underlayer`,{svg:{...G.value,drawingArea:K.value,isPrintingImg:S(cn)||S(ln)||S(nr),isPrintingSvg:S(rr),data:Y.value}},void 0,!0),m(`defs`,null,[(_(!0),p(l,null,y(Z.value,(e,t)=>(_(),d(Fe,{t:`linear`,id:`gradient-${e.id}-${O.value}`,key:`gradient-${e.id}-${O.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,e.color,1],[`30%`,e.color,.7],[`70%`,e.color,.3],[`100%`,e.color,.1]]},null,8,[`id`,`stops`]))),128)),(_(!0),p(l,null,y(Y.value,(e,t)=>(_(),p(l,null,[(_(!0),p(l,null,y(e.datapoints,(e,t)=>(_(),d(Fe,{t:`linear`,key:`grad${e.id}`,id:`gradient-single-${O.value}-${e.uid}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,e.color,1],[`30%`,e.color,.7],[`70%`,e.color,.3],[`100%`,e.color,.1]]},null,8,[`id`,`stops`]))),128))],64))),256))]),(_(!0),p(l,null,y(Y.value,(t,n)=>(_(),p(`g`,{key:`ds-${n}`},[(_(!0),p(l,null,y(t.datapoints,(t,r)=>(_(),p(`g`,{key:t.id},[e.$slots.pattern?(_(),p(`g`,st,[m(`defs`,null,[b(e.$slots,`pattern`,Ke({ref_for:!0},{datapointIndex:n,seriesIndex:r,patternId:`pattern_${O.value}_${t.uid}`}),void 0,!0)])])):f(``,!0),m(`path`,{fill:e.$slots.pattern?`url(#pattern_${O.value}_${t.uid})`:R.value.backgroundColor,stroke:`none`,"stroke-linecap":`round`,d:P.value.smooth?t.smoothPath:t.straightPath,style:g({opacity:P.value.opacity})},null,12,ct),m(`path`,{fill:`none`,stroke:P.value.stroke.useSerieColor?t.color:P.value.stroke.color,"stroke-width":P.value.strokeWidth,d:P.value.smooth?t.smoothPathRidge:t.straightPathRidge,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:g({strokeDasharray:t.pathLength,strokeDashoffset:M.value.useCssAnimation?t.pathLength:0})},null,12,lt),m(`path`,{fill:P.value.useGradient?P.value.useCommonColor?`url(#gradient-${t.id}-${O.value})`:`url(#gradient-single-${O.value}-${t.uid})`:t.color,stroke:`none`,d:P.value.smooth?t.smoothPath:t.straightPath,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:g({strokeDasharray:t.pathLength,strokeDashoffset:M.value.useCssAnimation?t.pathLength:0})},null,12,ut),R.value.zeroLine.show?(_(),p(`path`,{key:1,stroke:R.value.zeroLine.useSerieColor?t.color:R.value.zeroLine.stroke,"stroke-dasharray":R.value.zeroLine.strokeDasharray,"stroke-width":R.value.zeroLine.strokeWidth,d:t.zeroPath,"stroke-linecap":`round`},null,8,dt)):f(``,!0),P.value.maxPoint.show&&t.plots.length>1?(_(!0),p(l,{key:2},y(t.plots,e=>(_(),p(l,null,[e.isMaxPoint?(_(),p(`line`,{key:0,x1:e.x,y1:e.y,x2:e.x,y2:e.zero,stroke:P.value.maxPoint.adaptStrokeToBackground?S(se)(t.color):P.value.maxPoint.stroke,"stroke-width":P.value.maxPoint.strokeWidth,"stroke-linecap":`round`,"stroke-dasharray":P.value.maxPoint.strokeDasharray},null,8,ft)):f(``,!0)],64))),256)):f(``,!0),t.plots.length===1?(_(),p(`circle`,{key:3,cx:t.plots[0].x,cy:t.plots[0].y,stroke:F.value.dot.stroke,"stroke-width":F.value.dot.strokeWidth,r:F.value.dot.radius,fill:F.value.dot.useDatapointColor?t.color:F.value.dot.fill,style:{pointerEvents:`none`}},null,8,pt)):f(``,!0)]))),128)),m(`text`,{x:t.label.x,y:t.label.y,"text-anchor":`end`,"font-size":L.value.fontSize,"font-weight":L.value.bold?`bold`:`normal`,fill:L.value.color,style:g({cursor:R.value.dialog.show&&z.value?`pointer`:`default`}),"text-decoration":R.value.dialog.show&&(Bn.value===n||A.value&&t.uid===A.value.uid||j.value===n)?`underline`:``,"dominant-baseline":`middle`,onMouseenter:e=>Vn(n),onMouseleave:Hn,onClick:e=>zn(t)},x(t.name),45,mt)]))),128)),I.value.values.length?(_(),p(`g`,{key:0,ref_key:`timeLabelsEls`,ref:Jt},[(_(!0),p(l,null,y(J.value,(t,n)=>b(e.$slots,`time-label`,Ke({ref_for:!0},{show:t&&!I.value.showOnlyFirstAndLast&&!I.value.showOnlyAtModulo||t&&I.value.showOnlyFirstAndLast&&(n===0||n===J.value.length-1)||t&&k.value&&k.value.index===n||t&&!I.value.showOnlyFirstAndLast&&I.value.showOnlyAtModulo&&n%Math.max(1,Math.floor(Number(R.value.xAxis.labels.modulo)||1))===0,fontSize:I.value.fontSize,content:t.label,textAnchor:I.value.rotation>0?`start`:I.value.rotation<0?`end`:`middle`,fill:I.value.color,transform:`translate(${t.selectorX}, ${K.value.top+t.height+I.value.offsetY}), rotate(${I.value.rotation})`,x:t.selectorX,y:K.value.bottom+I.value.offsetY}),()=>[t&&!I.value.showOnlyFirstAndLast&&!I.value.showOnlyAtModulo||t&&I.value.showOnlyFirstAndLast&&(n===0||n===J.value.length-1)||t&&k.value&&k.value.index===n||t&&!I.value.showOnlyFirstAndLast&&I.value.showOnlyAtModulo&&n%Math.max(1,Math.floor(Number(R.value.xAxis.labels.modulo)||1))===0?(_(),p(`g`,ht,[String(t.label).includes(`
+`)?(_(),p(`text`,{key:1,class:`vue-ui-ridgeline-x-axis-label`,"font-size":I.value.fontSize,fill:I.value.color,"font-weight":I.value.bold?`bold`:`normal`,transform:`translate(${t.selectorX}, ${K.value.bottom+I.value.offsetY}), rotate(${I.value.rotation})`,"text-anchor":I.value.rotation>0?`start`:R.value.xAxis.labels.rotation<0?`end`:`middle`,style:g({opacity:k.value?k.value.index===n?1:.2:1}),innerHTML:S(a)({content:String(t.label),fontSize:R.value.xAxis.labels.fontSize,fill:R.value.xAxis.labels.color,stroke:R.value.backgroundColor,x:0,y:0})},null,12,_t)):(_(),p(`text`,{key:0,class:`vue-ui-ridgeline-x-axis-label`,"font-size":I.value.fontSize,fill:I.value.color,stroke:R.value.backgroundColor,"stroke-width":`3`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"paint-order":`stroke fill`,"font-weight":I.value.bold?`bold`:`normal`,transform:`translate(${t.selectorX}, ${K.value.bottom+I.value.offsetY}), rotate(${I.value.rotation})`,"text-anchor":I.value.rotation>0?`start`:R.value.xAxis.labels.rotation<0?`end`:`middle`,style:g({opacity:k.value?k.value.index===n?1:.2:1})},x(t.label),13,gt))])):f(``,!0)],!0)),256))],512)):f(``,!0),m(`g`,null,[(_(!0),p(l,null,y(J.value,(e,t)=>(_(),p(`rect`,{x:e.x,y:e.y,width:e.width<0?.1:e.width,height:e.height<0?.1:e.height,fill:`transparent`,onMouseenter:t=>On(e),onMouseleave:t=>kn(e),onClick:()=>An(e)},null,40,vt))),256)),F.value.show&&k.value?(_(),p(`line`,{key:0,x1:k.value.selectorX,x2:k.value.selectorX,y1:k.value.y,y2:k.value.y+k.value.height-V.value/2,stroke:F.value.stroke,"stroke-width":F.value.strokeWidth,"stroke-dasharray":F.value.strokeDasharray,"stroke-linecap":`round`,style:{pointerEvents:`none`}},null,8,yt)):f(``,!0),k.value||F.value.labels.showLast?(_(!0),p(l,{key:1},y(Y.value,e=>(_(),p(l,null,[(_(!0),p(l,null,y(e.datapoints,e=>(_(),p(l,null,[(_(!0),p(l,null,y(e.plots,(t,r)=>(_(),p(l,null,[k.value&&k.value.index===r||!k.value&&r===e.plots.length-1&&R.value.selector.labels.showLast?(_(),p(`circle`,{key:0,cx:t.x,cy:t.y,stroke:F.value.dot.stroke,"stroke-width":F.value.dot.strokeWidth,r:F.value.dot.radius,fill:F.value.dot.useDatapointColor?e.color:R.value.selector.dot.fill,style:{pointerEvents:`none`}},null,8,bt)):f(``,!0),k.value&&k.value.index===r||!k.value&&r===e.plots.length-1&&R.value.selector.labels.showLast?(_(),p(`text`,{key:1,x:Mn(t.x,S(c)(R.value.selector.labels.formatter,t.value,S(n)({p:M.value.style.chart.xAxis.labels.prefix,v:t.value,s:M.value.style.chart.xAxis.labels.suffix,r:M.value.style.chart.selector.labels.rounding})),R.value.selector.labels.fontSize)?t.x-R.value.selector.labels.fontSize/2:t.x+R.value.selector.labels.fontSize/2,y:t.y,"dominant-baseline":`middle`,stroke:R.value.backgroundColor,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`3`,"paint-order":`stroke fill`,"text-anchor":Mn(t.x,S(c)(R.value.selector.labels.formatter,t.value,S(n)({p:M.value.style.chart.xAxis.labels.prefix,v:t.value,s:M.value.style.chart.xAxis.labels.suffix,r:M.value.style.chart.selector.labels.rounding})),R.value.selector.labels.fontSize)?`end`:`start`,"font-size":F.value.labels.fontSize,fill:F.value.labels.color,style:{pointerEvents:`none`}},x(S(c)(R.value.selector.labels.formatter,t.value,S(n)({p:R.value.xAxis.labels.prefix,v:t.value,s:R.value.xAxis.labels.suffix,r:R.value.selector.labels.rounding}))),9,xt)):f(``,!0)],64))),256))],64))),256))],64))),256)):f(``,!0)]),b(e.$slots,`svg`,{svg:{...G.value,drawingArea:K.value,isPrintingImg:S(cn)||S(ln)||S(nr),isPrintingSvg:S(rr),data:Y.value}},void 0,!0)],46,ot)),e.$slots.hint?(_(),p(`div`,St,[b(e.$slots,`hint`,Ye(Ge({hint:M.value.a11y.translations.keyboardNavigation,isVisible:Zt.value})),void 0,!0)])):f(``,!0)]),e.$slots.watermark?(_(),p(`div`,Ct,[b(e.$slots,`watermark`,Ye(Ge({isPrinting:S(cn)||S(ln)||S(nr)||S(rr)})),void 0,!0)])):f(``,!0),m(`div`,{ref_key:`chartLegend`,ref:Lt},[b(e.$slots,`legend`,{legend:Z.value},()=>[R.value.legend.show?(_(),d(Be,{key:`legend_${Ht.value}`,legendSet:Z.value,config:Fn.value,isCursorPointer:z.value,onClickMarker:t[0]||=({legend:e})=>gn(e.id)},He({item:C(({legend:e})=>[S(en)?f(``,!0):(_(),p(`div`,{key:0,style:g(`opacity:${X.value.includes(e.id)?.5:1}`),onClick:t=>e.segregate()},x(e.name),13,wt))]),legendToggle:C(()=>[Z.value.length>2&&R.value.legend.selectAllToggle.show&&!S(en)?(_(),d(Ie,{key:0,backgroundColor:R.value.legend.selectAllToggle.backgroundColor,color:R.value.legend.selectAllToggle.color,fontSize:R.value.legend.fontSize,checked:X.value.length>0,isCursorPointer:z.value,onToggle:hn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):f(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:C(({legend:e,index:t})=>[We(Me,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${O.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):f(``,!0)],!0)],512),e.$slots.source?(_(),p(`div`,{key:6,ref_key:`source`,ref:Rt,dir:`auto`},[b(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),Pt.value&&N.value.buttons.table?(_(),d(Ze(Zn.value.component),Ke({key:7},Zn.value.props,{ref_key:`tableUnit`,ref:Yt,onClose:Qn}),He({content:C(()=>[(_(),d(S(Ot),{key:`table_${Vt.value}`,colNames:$.value.colNames,head:$.value.head,body:$.value.body,config:$.value.config,title:M.value.table.useDialog?``:Zn.value.title,withCloseButton:!M.value.table.useDialog,isCursorPointer:z.value,onClose:Qn},{th:C(({th:e})=>[m(`div`,null,x(e),1)]),td:C(({td:e})=>[Ue(x(e.name?e.name:S(c)(F.value.labels.formatter,e,S(n)({p:R.value.xAxis.labels.prefix,v:e,s:R.value.xAxis.labels.suffix,r:M.value.table.td.roundingValue}))),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[M.value.table.useDialog?{name:`title`,fn:C(()=>[Ue(x(Zn.value.title),1)]),key:`0`}:void 0,M.value.table.useDialog?{name:`actions`,fn:C(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>qn(N.value.callbacks.csv),style:g({cursor:z.value?`pointer`:`default`})},[We(S(Et),{name:`fileCsv`,stroke:Zn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):f(``,!0),R.value.dialog.show?(_(),d(S(Mt),{key:8,ref_key:`dialog`,ref:Kt,onClose:t[2]||=e=>A.value=null,backgroundColor:R.value.dialog.backgroundColor,color:R.value.dialog.color,headerBg:R.value.dialog.header.backgroundColor,headerColor:R.value.dialog.header.color,isFullscreen:Q.value,fullscreenParent:T.value,isCursorPointer:z.value,withPadding:``},{title:C(()=>[Ue(x(A.value.name),1)]),content:C(()=>[A.value?(_(),d(S(Tt),{key:0,config:Ln.value,dataset:Rn.value,onCopyAlt:or},null,8,[`config`,`dataset`])):f(``,!0)]),_:1},8,[`backgroundColor`,`color`,`headerBg`,`headerColor`,`isFullscreen`,`fullscreenParent`,`isCursorPointer`])):f(``,!0),b(e.$slots,`skeleton`,{},()=>[S(en)?(_(),d(he,{key:0})):f(``,!0)],!0)],46,rt))}},[[`__scopeId`,`data-v-442bfc30`]]);export{nt as n,Tt as t};

package/dist/vue-ui-rings-CJqAnf-l.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,J as o,Jt as ee,Kt as te,S as ne,X as re,Yt as ie,Zt as ae,at as oe,b as se,i as ce,in as le,nn as ue,nt as de,pt as fe,t as pe,w as me,yt as he,zt as ge}from"./lib-rPeBMZrn.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{n as ye,t as be}from"./useHints-BH9r_0Vd.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as Se}from"./useNestedProp-DnGoh-XS.js";import{t as Ce}from"./useThemeCheck-BKNRbGeC.js";import{t as we}from"./chartImage-DPGnEuYM.js";import{n as Te}from"./Title-BliHuXfT.js";import{t as Ee}from"./useChartExport-BZts4KFb.js";import{n as De,t as Oe}from"./tableIntegration-CNoJ1CIY.js";import{n as ke,t as Ae}from"./annotationSlots-BRR85CqJ.js";import{n as je,t as Me}from"./userOptionsSlots-DYuo-E5m.js";import{t as Ne}from"./usePrinter-sVoTzet1.js";import{t as Pe}from"./useTransitions-ChGGrtrv.js";import{t as Fe}from"./Shape-CRe8woTu.js";import{c as Ie}from"./canvas-lib-22VpOI4_.js";import{t as Le}from"./useResponsive-CENUxfEL.js";import{t as Re}from"./DefGrad-DKMq1REY.js";import{t as ze}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Be}from"./A11yDataTable-DWNlWXzs.js";import{t as Ve}from"./useUserOptionState-CXlFnwPv.js";import{t as He}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ue}from"./labelUtils-CdtU-yB_.js";import{t as We}from"./Legend-DM0ClX3D.js";import{t as Ge}from"./vue_ui_rings-BcDDXHpQ.js";import{Fragment as Ke,Teleport as qe,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as Je,createTextVNode as Ye,createVNode as Xe,defineAsyncComponent as f,guardReactiveProps as p,mergeProps as Ze,nextTick as Qe,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as $e,onMounted as et,openBlock as _,ref as v,renderList as tt,renderSlot as y,resolveDynamicComponent as nt,shallowRef as rt,toDisplayString as it,toRefs as at,unref as b,useSlots as ot,watch as st,withCtx as x}from"vue";var ct=/* @__PURE__ */ e({default:()=>kt}),lt=[`id`],ut=[`id`],dt=[`id`],ft={style:{position:`relative`}},pt=[`xmlns`,`viewBox`,`aria-describedby`],mt=[`width`,`height`],ht={key:1},gt=[`stroke`,`cx`,`cy`,`r`,`fill`],_t=[`stroke`,`stroke-width`,`cx`,`cy`,`r`,`fill`],vt=[`stroke`,`stroke-width`,`cx`,`cy`,`r`,`fill`],yt=[`cx`,`cy`,`r`,`onMouseenter`,`onMouseleave`,`onClick`],bt=[`x`,`y`,`width`,`height`,`fill`,`rx`],xt=[`cx`,`cy`,`r`,`fill`,`stroke`],St=[`text-anchor`,`font-size`,`fill`,`font-weight`,`transform`,`onMouseenter`,`onMouseleave`,`onClick`,`innerHTML`],Ct={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},wt={key:5,class:`vue-data-ui-watermark`},Tt=[`id`],Et=[`onClick`],Dt={key:0},Ot={key:1},kt=/*#__PURE__*/ xe({__name:`vue-ui-rings`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:xe,emit:ct}){let kt=f(()=>import(`./Tooltip-C1q0Qoh7.js`)),At=f(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),jt=f(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Mt=f(()=>import(`./DataTable-0Vv-aGHD.js`)),Nt=f(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Pt=f(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),Ft=f(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),It=f(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_rings:Lt}=t(),{isThemeValid:Rt,warnInvalidTheme:zt}=Ce(),Bt=ot(),S=e,C=v(!1),Vt=s(()=>!!S.dataset&&S.dataset.length),w=v(re()),T=v(!1),Ht=v(``),E=v(null),Ut=v(0),D=v(null),Wt=v(null),Gt=v(null),Kt=v(null),qt=v(null),Jt=v(0),Yt=v(0),Xt=v(0),Zt=v(!1),Qt=v(!1),$t=v(null),en=v(null),O=v(null),tn=v({x:0,y:0}),nn=v(`pointer`),rn=v(!1),k=v(dn()),A=s(()=>k.value.userOptions),j=s(()=>k.value.style.chart.layout.rings),M=s(()=>k.value.style.chart.layout.labels),N=s(()=>k.value.style.chart.tooltip),P=s(()=>k.value.style.chart);ye({config:()=>k.value,dataset:()=>S.dataset,component:`VueUiRings`,rules:[be.singleSeries,be.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series is > 6. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" series.`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]}]});let{transitionEnabled:F}=Pe({config:()=>k.value.transitions,dataset:()=>S.dataset}),I=s(()=>k.value.userOptions.useCursorPointer),an=s(()=>le({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{rings:{stroke:`#6A6A6A`,gradient:{underlayerColor:`#FFFFFF`}},labels:{dataLabels:{show:!1}}},legend:{backgroundColor:`transparent`}}}},userConfig:k.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:on,manualLoading:sn}=_e({...at(S),FINAL_CONFIG:k,prepareConfig:dn,skeletonDataset:S.config?.skeletonDataset??[{name:`_`,values:[13],color:`#808080`},{name:`_`,values:[8],color:`#969696`},{name:`_`,values:[5],color:`#ADADAD`},{name:`_`,values:[3],color:`#C4C4C4`},{name:`_`,values:[2],color:`#DBDBDB`}],skeletonConfig:le({defaultConfig:k.value,userConfig:an.value})}),{userOptionsVisible:cn,setUserOptionsVisibility:ln,keepUserOptionState:un}=Ve({config:k.value}),{svgRef:R}=He({config:P.value.title});function dn(){let e=Se({userConfig:S.config,defaultConfig:Lt}),t=e.theme;if(!t)return e;if(!Rt.value(e))return zt(e),e;let n=Se({userConfig:Ge[t]||S.config,defaultConfig:e});return{...Se({userConfig:S.config,defaultConfig:n}),customPalette:e.customPalette.length?e.customPalette:ue[e.theme]||a}}let fn=ae(S.config);st(()=>S.config,(e,t)=>{let n=ae(e),r=n!==fn;fn=n;let i=dn();r?(L.value||(k.value=i),cn.value=!k.value.userOptions.showOnChartHover,mn(),Jt.value+=1,Yt.value+=1,Xt.value+=1,U.value.showTable=k.value.table.show,U.value.showTooltip=N.value.show,U.value.showLabels=M.value.dataLabels.show,W.value.width=P.value.size,W.value.height=P.value.size):(k.value.style.chart.tooltip=i.style.chart.tooltip,U.value.showTooltip=k.value.style.chart.tooltip.show)},{deep:!0});let pn=s(()=>{let{markers:e}=M.value.dataLabels,t=Y.value/2,n=U.value.showLabels?e.position===`left`?t:-t:0,r=U.value.showLabels?W.value.width/2-t:0,i=e.position===`left`?r:-r;return{x:k.value.responsive?i:n/P.value.size*W.value.width,y:0/P.value.size*W.value.height}}),z=s(()=>({x:W.value.width/2+pn.value.x,y:W.value.height/2+pn.value.y}));st(()=>S.dataset,e=>{Array.isArray(e)&&e.length>0&&(sn.value=!1)},{deep:!0});let B=rt(null),V=rt(null);et(()=>{Qt.value=!0,mn()});let H=s(()=>k.value.debug);function mn(){if(ge(S.dataset)?(oe({componentName:`VueUiRings`,type:`dataset`,debug:H.value}),sn.value=!0):S.dataset.forEach((e,t)=>{e.values.length||(oe({componentName:`VueUiRings`,type:`dataset`,debug:H.value}),sn.value=!0),he({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{oe({componentName:`VueUiRings`,type:`datasetSerieAttribute`,property:e,index:t,debug:H.value})})}),ge(S.dataset)||(sn.value=k.value.loading),k.value.responsive){let e=Ie(()=>{Zt.value=!0;let{width:e,height:t}=Le({chart:D.value,title:P.value.title.text?Wt.value:null,legend:P.value.legend.show?Gt.value:null,source:Kt.value,noTitle:qt.value});requestAnimationFrame(()=>{W.value.width=e,W.value.height=t-12,Zt.value=!1})});B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect()),B.value=new ResizeObserver(e),V.value=D.value.parentNode,B.value.observe(V.value)}setTimeout(()=>{C.value=!0},600)}$e(()=>{B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let{isPrinting:hn,isImaging:gn,generatePdf:_n,generateImage:vn}=Ne({elementId:`rings_${w.value}`,fileName:P.value.title.text||`vue-ui-rings`,options:k.value.userOptions.print}),yn=s(()=>k.value.userOptions.show&&!P.value.title.text),bn=s(()=>me(k.value.customPalette)),U=v({showTable:k.value.table.show,showTooltip:N.value.show,showLabels:M.value.dataLabels.show});st(k,()=>{U.value={showTable:k.value.table.show,showTooltip:N.value.show,showLabels:M.value.dataLabels.show}},{immediate:!0});let W=v({height:P.value.size,width:P.value.size}),xn=s(()=>Math.min(W.value.height,W.value.width)),Sn=ct,G=v([]);function Cn(){G.value.length?G.value=[]:jn.value.forEach(e=>{G.value.push(e.uid)}),wn()}function wn(){Sn(`selectLegend`,J.value.map(e=>({name:e.name,color:e.color,value:e.value})))}function Tn(e){if(G.value.includes(e))G.value=G.value.filter(t=>t!==e);else{if(G.value.length===K.value.length-1)return;G.value.push(e)}wn()}function En(e){return K.value.length?K.value.find(t=>t.name===e)||(H.value&&console.warn(`VueUiRings - Series name not found "${e}"`),null):(H.value&&console.warn(`VueUiRings - There are no series to show.`),null)}function Dn(e){let t=En(e);t!==null&&G.value.includes(t.uid)&&Tn(t.uid)}function On(e){let t=En(e);t!==null&&(G.value.includes(t.uid)||Tn(t.uid))}let kn=s(()=>Math.max(...K.value.filter(e=>!G.value.includes(e.uid)).map(({value:e})=>e)));function An(e){return e/kn.value}let K=s(()=>on.value.map(({values:e,name:t,color:n=null},r)=>{let i=te(e).reduce((e,t)=>e+t,0);return{name:t,color:n||ne(n)||bn.value[r]||a[r]||a[r%a.length],value:i,proportion:i/on.value.map(e=>(e.values||[]).reduce((e,t)=>e+t,0)).reduce((e,t)=>e+t,0),uid:re(),absoluteIndex:r}})),jn=s(()=>K.value.map((e,t)=>{let r=ce(M.value.dataLabels.formatter,e.value,n({p:M.value.dataLabels.prefix,v:e.value,s:M.value.dataLabels.suffix,r:P.value.legend.roundingValue}),{datapoint:e,index:t}),i=isNaN(e.value/q.value)?`-`:n({v:e.value/q.value*100,s:`%`,r:P.value.legend.roundingPercentage}),a=In({showVal:P.value.legend.showValue,showPercentage:P.value.legend.showPercentage,val:r,percentage:G.value.includes(e.uid)?`-%`:i});return{...e,shape:`circle`,opacity:G.value.includes(e.uid)?.5:1,segregate:()=>Tn(e.uid),isSegregated:G.value.includes(e.uid),display:`${e.name}${P.value.legend.showPercentage||P.value.legend.showValue?`: `:``}${a}`}}).toSorted((e,t)=>t.value-e.value)),Mn=s(()=>({cy:`rings-div-legend`,backgroundColor:P.value.legend.backgroundColor,color:P.value.legend.color,fontSize:P.value.legend.fontSize,paddingBottom:12,fontWeight:P.value.legend.bold?`bold`:``})),q=s(()=>K.value.filter(e=>!G.value.includes(e.uid)).map(({value:e})=>e).reduce((e,t)=>e+t,0)),J=s(()=>K.value.filter(e=>!G.value.includes(e.uid)).map(({name:e,value:t,color:n=null,uid:r,absoluteIndex:i},o)=>({absoluteIndex:i,uid:r,name:e,color:n||ne(n)||bn.value[o]||a[o]||a[o%a.length],value:t,proportion:An(t),percentage:t/q.value*100,strokeWidth:j.value.strokeWidth*An(t)})).toSorted((e,t)=>t.value-e.value));function Nn(){return J.value.map(({name:e,color:t,value:n,absoluteValues:r,percentage:i})=>({name:e,color:t,value:n,absoluteValues:r,percentage:i}))}let Y=s(()=>xn.value-j.value.strokeWidth*2);function Pn(e,t){k.value.events.datapointClick&&k.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Fn(e,t){E.value=null,T.value=!1,O.value=null,nn.value=`pointer`,k.value.events.datapointLeave&&k.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function In({val:e,percentage:t,showVal:n,showPercentage:r}){let i=M.value.dataLabels;return Ue({config:i,val:e,percentage:t,showVal:n,showPercentage:r})}function Ln(e){let t=M.value.dataLabels,r=ce(t.formatter,e.value,n({p:t.prefix,v:e.value,s:t.suffix,r:t.roundingValue})),i=n({v:e.percentage,s:`%`,r:t.roundingPercentage});return`${e.name}\n${In({val:r,percentage:i,showVal:t.showValue,showPercentage:t.showPercentage})}`}function Rn(e){return se(Y.value*e.proportion/2*.9<=0?1e-4:Y.value*e.proportion/2*.9)}function zn(e,t){return t===0?z.value.y:z.value.y+Y.value*J.value[0].proportion/2-Y.value*e.proportion/2-2*(t+1)}function X(e,t){let n=M.value.dataLabels.markers.position===`left`?-(Y.value/2):Y.value/2;return{x:z.value.x+n,y:zn(e,t)-Rn(e)}}let Bn=v(null);function Vn(e,t,r=`pointer`){if(k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:e,seriesIndex:t}),G.value.length===S.dataset.length)return;Bn.value={datapoint:e,seriesIndex:t,series:J.value,config:k.value},E.value=t,O.value=t,nn.value=r;let a=J.value[t],o=N.value.customFormat;if(i(o)&&fe(()=>o({seriesIndex:t,datapoint:e,series:J.value,config:k.value})))Ht.value=o({seriesIndex:t,datapoint:e,series:J.value,config:k.value});else{let r=``;r+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`,r+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${a.color}" />${Bt.pattern?`<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />`:``}</svg>`,r+=`<b>${In({showVal:N.value.showValue,showPercentage:N.value.showPercentage,val:`<span>${ce(M.value.dataLabels.formatter,a.value,n({p:M.value.dataLabels.prefix,v:a.value,s:M.value.dataLabels.suffix,r:N.value.roundingValue}),{datapoint:e,seriesIndex:t})}</span>`,percentage:n({v:a.value/q.value*100,s:`%`,r:N.value.roundingPercentage})})}</b></div>`,Ht.value=r}T.value=!0}let Z=s(()=>({head:J.value.map(e=>({name:e.name,color:e.color})),body:J.value.map(e=>e.value)})),Q=s(()=>{let e=[`__SUM__`,n({p:M.value.dataLabels.prefix,v:q.value,s:M.value.dataLabels.suffix,r:k.value.table.td.roundingValue}),`100%`],t=Z.value.head.map((e,t)=>[{color:e.color,name:e.name},n({p:M.value.dataLabels.prefix,v:Z.value.body[t],s:M.value.dataLabels.suffix,r:k.value.table.td.roundingValue}),isNaN(Z.value.body[t]/q.value)?`-`:(Z.value.body[t]/q.value*100).toFixed(k.value.table.td.roundingPercentage)+`%`]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.name:e)),config:{th:{backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline},td:{backgroundColor:k.value.table.td.backgroundColor,color:k.value.table.td.color,outline:k.value.table.td.outline},breakpoint:k.value.table.responsiveBreakpoint},colNames:[k.value.table.columnNames.series,k.value.table.columnNames.value,k.value.table.columnNames.percentage]}});function Hn(e=null){Qe(()=>{let t=Z.value.head.map((e,t)=>[[e.name],[Z.value.body[t]],[isNaN(Z.value.body[t]/q.value)?`-`:Z.value.body[t]/q.value*100]]),n=[[P.value.title.text],[P.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),i=r(n);e?e(i):de({csvContent:i,title:P.value.title.text||`vue-ui-rings`})})}let $=v(!1);function Un(e){$.value=e,Ut.value+=1}function Wn(){U.value.showTable=!U.value.showTable}function Gn(){U.value.showTooltip=!U.value.showTooltip}function Kn(){U.value.showLabels=!U.value.showLabels}let qn=v(!1);function Jn(){qn.value=!qn.value}let Yn=we(D,()=>P.value.title.text),Xn=s(()=>Oe({config:k,style:P,mutableConfig:U,dialog:It,accordion:jt,isFullscreen:$,parent:D,maxWidth:800,isCursorPointer:I}));st(()=>U.value.showTable,e=>De(e,k,$t));function Zn(){U.value.showTable=!1,en.value&&en.value.setTableIconState(!1)}let Qn=s(()=>jn.value.map(e=>({...e,name:e.display}))),$n=s(()=>P.value.backgroundColor),er=s(()=>P.value.legend),tr=s(()=>P.value.title),{isCallbackImaging:nr,isCallbackSvg:rr,generateSvg:ir,onGenerateImage:ar}=Ee({svg:R,title:tr,legend:er,legendItems:Qn,backgroundColor:$n,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:vn});async function or(){Sn(`copyAlt`,{config:k.value,dataset:J.value}),k.value.userOptions.callbacks.altCopy?await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:J.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function sr(){O.value=null,rn.value=!0}function cr(){O.value=null,nn.value=`pointer`,T.value=!1,E.value=null,rn.value=!1}function lr(e){if(!R.value||qn.value||document.activeElement!==R.value||!J.value.length||G.value.length===S.dataset.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){O.value=null,nn.value=`pointer`,T.value=!1,E.value=null;return}if(r){if(O.value===null)return;let e=J.value[O.value];if(!e)return;Pn(e,O.value);return}let a=O.value;a===null||a<0||a>=J.value.length?a=n?0:J.value.length-1:n?(a+=1,a>=J.value.length&&(a=0)):t&&(--a,a<0&&(a=J.value.length-1));let o=J.value[a];o&&(ur(a),Vn(o,a,`keyboard`))}function ur(e){if(!Number.isFinite(e)||!R.value)return;let t=J.value[e];if(!t)return;let n=X(t,e),r=R.value.getBoundingClientRect();tn.value={x:r.left+n.x/W.value.width*r.width,y:r.top+n.y/W.value.height*r.height}}let dr=s(()=>({headers:Q.value?.colNames??[],rows:Q.value?.a11yBody??[]}));return xe({getData:Nn,getImage:Yn,generatePdf:_n,generateCsv:Hn,generateImage:vn,generateSvg:ir,hideSeries:On,showSeries:Dn,toggleTable:Wn,toggleTooltip:Gn,toggleAnnotator:Jn,toggleFullscreen:Un,toggleLabels:Kn,copyAlt:or}),(e,t)=>(_(),u(`div`,{ref_key:`ringsChart`,ref:D,class:m(`vue-data-ui-component vue-ui-rings ${$.value?`vue-data-ui-wrapper-fullscreen`:``} ${k.value.useCssAnimation?``:`vue-ui-dna`}`),style:g(`font-family:${k.value.style.fontFamily};text-align:center;width:100%;background:${P.value.backgroundColor};${k.value.responsive?`height: 100%`:``}`),id:`rings_${w.value}`,onMouseleave:t[2]||=e=>{E.value=null,T.value=!1,b(ln)(!1)},onMouseenter:t[3]||=()=>b(ln)(!0)},[d(`div`,{id:`chart-instructions-${w.value}`,class:`sr-only`},[d(`p`,null,it(k.value.a11y.translations.keyboardNavigation),1)],8,ut),dr.value?.rows?.length?(_(),c(Be,{key:0,uid:w.value,head:dr.value.headers,body:dr.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):l(``,!0),A.value.buttons.annotator?(_(),c(b(Nt),{key:1,svgRef:b(R),backgroundColor:P.value.backgroundColor,color:P.value.color,active:qn.value,isCursorPointer:I.value,palette:A.value.annotatorPalette,onClose:Jn},Je({_:2},[tt(b(Ae),t=>({name:t,fn:x(n=>[y(e.$slots,t,h(p(b(ke)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):l(``,!0),yn.value?(_(),u(`div`,{key:2,ref_key:`noTitle`,ref:qt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):l(``,!0),P.value.title.text?(_(),u(`div`,{key:3,ref_key:`chartTitle`,ref:Wt,style:`width:100%;background:transparent`},[(_(),c(Te,{key:`title_${Jt.value}`,config:{title:{cy:`rings-div-title`,...P.value.title},subtitle:{cy:`rings-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))],512)):l(``,!0),d(`div`,{id:`legend-top-${w.value}`},null,8,dt),A.value.show&&Vt.value&&(b(un)||b(cn))?(_(),c(b(Pt),{ref_key:`userOptionsRef`,ref:en,key:`user_options_${Ut.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isPrinting:b(hn),isImaging:b(gn),uid:w.value,hasTooltip:A.value.buttons.tooltip&&N.value.show,hasPdf:A.value.buttons.pdf,hasXls:A.value.buttons.csv,hasImg:A.value.buttons.img,hasSvg:A.value.buttons.svg,hasTable:A.value.buttons.table,hasFullscreen:A.value.buttons.fullscreen,hasAltCopy:A.value.buttons.altCopy,hasLabel:A.value.buttons.labels,isTooltip:U.value.showTooltip,isFullscreen:$.value,titles:{...A.value.buttonTitles},chartElement:D.value,position:A.value.position,hasAnnotator:A.value.buttons.annotator,isAnnotation:qn.value,callbacks:A.value.callbacks,printScale:A.value.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:I.value,onToggleFullscreen:Un,onGeneratePdf:b(_n),onGenerateCsv:Hn,onGenerateImage:b(ar),onGenerateSvg:b(ir),onToggleTable:Wn,onToggleTooltip:Gn,onToggleAnnotator:Jn,onToggleLabels:Kn,onCopyAlt:or,style:g({visibility:b(un)?b(cn)?`visible`:`hidden`:`visible`})},Je({_:2},[tt(b(je)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:x(n=>[y(e.$slots,t,h(p(b(Me)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.hasLabel.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):l(``,!0),d(`div`,ft,[(_(),u(`svg`,{ref_key:`svgRef`,ref:R,xmlns:b(pe),class:m({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value,resizing:Zt.value||b(L),"vue-data-ui-no-transition":!b(F)}),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${W.value.height<=0?10:W.value.height}`,style:g(`max-width:100%;overflow:hidden;background:transparent;color:${P.value.color}`),"aria-describedby":`chart-instructions-${w.value}`,tabindex:`0`,onFocus:sr,onBlur:cr,onKeydown:lr},[Xe(b(Ft)),y(e.$slots,`svg-underlayer`,{svg:{...W.value,isPrintingImg:b(hn)||b(gn)||b(nr),isPrintingSvg:b(rr)}},void 0,!0),e.$slots[`chart-background`]?(_(),u(`foreignObject`,{key:0,x:0,y:0,width:W.value.width<=0?10:W.value.width,height:W.value.height<=0?10:W.value.height,style:{pointerEvents:`none`}},[y(e.$slots,`chart-background`,{},void 0,!0)],8,mt)):l(``,!0),d(`defs`,null,[(_(!0),u(Ke,null,tt(J.value,(e,t)=>(_(),c(Re,{t:`radial`,cx:`50%`,cy:`30%`,r:`50%`,fx:`50%`,fy:`50%`,id:`gradient_${w.value}_${t}`,key:`gradient_${w.value}_${t}`,stops:[[`0%`,b(ee)(b(ie)(e.color,.05),100-j.value.gradient.intensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128))]),e.$slots.pattern?(_(),u(`g`,ht,[(_(!0),u(Ke,null,tt(J.value,t=>(_(),u(`defs`,null,[y(e.$slots,`pattern`,Ze({ref_for:!0},{seriesIndex:t.absoluteIndex,patternId:`pattern_${w.value}_${t.absoluteIndex}`}),void 0,!0)]))),256))])):l(``,!0),(_(!0),u(Ke,null,tt(J.value,(t,n)=>(_(),u(`g`,{key:`r_${t.uid}`},[d(`circle`,{class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-opacity":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:j.value.gradient.underlayerColor},null,14,gt),d(`circle`,{class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,"stroke-width":t.strokeWidth<.5?.5:t.strokeWidth,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:j.value.gradient.show?`url(#gradient_${w.value}_${n})`:t.color},null,14,_t),e.$slots.pattern?(_(),u(`circle`,{key:0,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,"stroke-width":t.strokeWidth<.5?.5:t.strokeWidth,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:`url(#pattern_${w.value}_${t.absoluteIndex})`},null,14,vt)):l(``,!0),d(`circle`,{stroke:`none`,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:`transparent`,onMouseenter:e=>Vn(t,n,`pointer`),onMouseleave:e=>Fn(t,n),onClick:e=>Pn(t,n)},null,40,yt),U.value.showLabels?(_(),u(Ke,{key:1},[d(`rect`,{x:M.value.dataLabels.markers.position===`left`?X(t,n).x:z.value.x,y:X(t,n).y-M.value.dataLabels.markers.strokeWidth/2,width:Math.abs(z.value.x-X(t,n).x),height:M.value.dataLabels.markers.strokeWidth,fill:M.value.dataLabels.markers.stroke,rx:M.value.dataLabels.markers.strokeWidth,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n})},null,10,bt),d(`circle`,{cx:X(t,n).x,cy:X(t,n).y,r:M.value.dataLabels.markers.radius,fill:t.color,stroke:P.value.backgroundColor,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n})},null,10,xt),d(`text`,{"text-anchor":M.value.dataLabels.markers.position===`left`?`end`:`start`,"font-size":M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,"font-weight":M.value.dataLabels.bold?`bold`:`normal`,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),transform:`translate(${X(t,n).x+(M.value.dataLabels.markers.position===`left`?-M.value.dataLabels.offsetX-14:M.value.dataLabels.offsetX)+6}, ${X(t,n).y+M.value.dataLabels.fontSize/3})`,onMouseenter:e=>Vn(t,n,`pointer`),onMouseleave:e=>Fn(t,n),onClick:e=>Pn(t,n),innerHTML:b(o)({content:Ln(t),fontSize:M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,x:0,y:0,translateY:!0})},null,42,St)],64)):l(``,!0)]))),128)),y(e.$slots,`svg`,{svg:{...W.value,isPrintingImg:b(hn)||b(gn)||b(nr),isPrintingSvg:b(rr)}},void 0,!0)],46,pt)),e.$slots.hint?(_(),u(`div`,Ct,[y(e.$slots,`hint`,h(p({hint:k.value.a11y.translations.keyboardNavigation,isVisible:rn.value})),void 0,!0)])):l(``,!0)]),e.$slots.watermark?(_(),u(`div`,wt,[y(e.$slots,`watermark`,h(p({isPrinting:b(hn)||b(gn)||b(nr)||b(rr)})),void 0,!0)])):l(``,!0),d(`div`,{id:`legend-bottom-${w.value}`},null,8,Tt),Qt.value&&(P.value.legend.show||e.$slots.legend)?(_(),c(qe,{key:6,to:P.value.legend.position===`top`?`#legend-top-${w.value}`:`#legend-bottom-${w.value}`},[d(`div`,{ref_key:`chartLegend`,ref:Gt},[y(e.$slots,`legend`,{legend:jn.value},()=>[P.value.legend.show?(_(),c(We,{key:`legend_${Xt.value}`,legendSet:jn.value,config:Mn.value,isCursorPointer:I.value,onClickMarker:t[0]||=({legend:e})=>Tn(e.uid)},Je({item:x(({legend:e,index:t})=>[b(L)?l(``,!0):(_(),u(`div`,{key:0,onClick:t=>Tn(e.uid),style:g(`opacity:${G.value.includes(e.uid)?.5:1}`)},it(e.display),13,Et))]),legendToggle:x(()=>[jn.value.length>2&&P.value.legend.selectAllToggle.show&&!b(L)?(_(),c(ze,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:G.value.length>0,isCursorPointer:I.value,onToggle:Cn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):l(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:x(({legend:e,index:t})=>[Xe(Fe,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${w.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):l(``,!0)],!0)],512)],8,[`to`])):l(``,!0),e.$slots.source?(_(),u(`div`,{key:7,ref_key:`source`,ref:Kt,dir:`auto`},[y(e.$slots,`source`,{},void 0,!0)],512)):l(``,!0),Xe(b(kt),{teleportTo:N.value.teleportTo,show:U.value.showTooltip&&T.value&&G.value.length<S.dataset.length,backgroundColor:N.value.backgroundColor,color:N.value.color,borderRadius:N.value.borderRadius,borderColor:N.value.borderColor,borderWidth:N.value.borderWidth,fontSize:N.value.fontSize,backgroundOpacity:N.value.backgroundOpacity,position:N.value.position,offsetX:N.value.offsetX,offsetY:N.value.offsetY,parent:D.value,content:Ht.value,isFullscreen:$.value,isCustom:N.value.customFormat&&typeof N.value.customFormat==`function`,smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold,isA11yMode:nn.value===`keyboard`,a11yPosition:tn.value},{"tooltip-before":x(()=>[y(e.$slots,`tooltip-before`,h(p({...Bn.value})),void 0,!0)]),tooltip:x(()=>[y(e.$slots,`tooltip`,h(p({...Bn.value})),void 0,!0)]),"tooltip-after":x(()=>[y(e.$slots,`tooltip-after`,h(p({...Bn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Vt.value&&A.value.buttons.table?(_(),c(nt(Xn.value.component),Ze({key:8},Xn.value.props,{ref_key:`tableUnit`,ref:$t,onClose:Zn}),Je({content:x(()=>[(_(),c(b(Mt),{key:`table_${Yt.value}`,colNames:Q.value.colNames,head:Q.value.head,body:Q.value.body,config:Q.value.config,title:k.value.table.useDialog?``:Xn.value.title,withCloseButton:!k.value.table.useDialog,isCursorPointer:I.value,onClose:Zn},{th:x(({th:e})=>[e===`__SUM__`?(_(),u(`div`,Dt,[Xe(b(At),{name:`sigma`,stroke:Q.value.config.th.color,size:16},null,8,[`stroke`])])):(_(),u(`div`,Ot,it(e),1))]),td:x(({td:e})=>[Ye(it(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[k.value.table.useDialog?{name:`title`,fn:x(()=>[Ye(it(Xn.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:x(()=>[d(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Hn(A.value.callbacks.csv),style:g({cursor:I.value?`pointer`:`default`})},[Xe(b(At),{name:`fileCsv`,stroke:Xn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):l(``,!0),y(e.$slots,`skeleton`,{},()=>[b(L)?(_(),c(ve,{key:0})):l(``,!0)],!0)],46,lt))}},[[`__scopeId`,`data-v-c6f4397f`]]);export{ct as n,kt as t};

package/dist/vue-ui-scatter-THQAeoWs.js

@@ -0,0 +1,9 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,Ct as r,D as i,Dt as a,F as o,Ht as s,Jt as c,P as l,Qt as u,S as d,X as f,_ as p,at as m,b as h,i as g,in as ee,jt as te,nt as ne,pt as re,t as ie,tn as ae,v as oe,w as se,yt as ce,zt as le}from"./lib-rPeBMZrn.js";import{n as ue,t as de}from"./BaseScanner-8NdoBs7B.js";import{n as fe,t as pe}from"./useHints-BH9r_0Vd.js";import{t as me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as he}from"./resolveChartConfig-CIhClE5R.js";import{t as ge}from"./img-D4RQwASc.js";import{n as _e}from"./Title-BliHuXfT.js";import{t as ve}from"./useChartExport-BZts4KFb.js";import{n as ye,t as be}from"./tableIntegration-CNoJ1CIY.js";import{n as xe,t as Se}from"./annotationSlots-BRR85CqJ.js";import{n as Ce,t as we}from"./userOptionsSlots-DYuo-E5m.js";import{t as Te}from"./usePrinter-sVoTzet1.js";import{t as Ee}from"./useTransitions-ChGGrtrv.js";import{t as De}from"./useSvgLabelLayout-D1I8sQUi.js";import{t as Oe}from"./Shape-CRe8woTu.js";import{t as ke}from"./useResponsive-CENUxfEL.js";import{t as Ae}from"./DefGrad-DKMq1REY.js";import{t as je}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Me}from"./A11yDataTable-DWNlWXzs.js";import{t as Ne}from"./useUserOptionState-CXlFnwPv.js";import{t as Pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Fe}from"./Legend-DM0ClX3D.js";import{t as Ie}from"./vue_ui_scatter-C50uFYQL.js";import{Fragment as _,Teleport as Le,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as Re,createTextVNode as ze,createVNode as Be,defineAsyncComponent as Ve,guardReactiveProps as He,mergeProps as Ue,nextTick as We,normalizeClass as Ge,normalizeProps as Ke,normalizeStyle as qe,onBeforeUnmount as Je,onMounted as Ye,openBlock as C,ref as w,renderList as T,renderSlot as E,resolveDynamicComponent as Xe,shallowRef as Ze,toDisplayString as D,toRefs as Qe,unref as O,watch as $e,withCtx as k}from"vue";var et=/* @__PURE__ */ e({default:()=>wn}),tt=[`id`],nt=[`id`],rt={key:0,class:`sr-only`,"aria-live":`polite`,"aria-atomic":`true`},it=[`id`],at={style:{position:`relative`}},ot=[`xmlns`,`aria-describedby`,`viewBox`],st=[`width`,`height`],ct={key:1},lt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt={key:2},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`opacity`],mt=[`stroke`,`stroke-width`,`d`],ht=[`transform`,`font-size`,`fill`,`stroke`],gt={key:4},_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`opacity`],yt=[`d`,`stroke`,`stroke-width`],bt=[`transform`,`font-size`,`fill`,`stroke`],xt={key:6},St=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`,`rx`],Ct=[`x`,`y`,`width`,`height`,`onMouseenter`],wt={key:2,style:{"pointer-events":`none`}},Tt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Et=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Dt=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Ot=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`],kt=[`x`,`y`,`width`,`height`,`onMouseenter`],At={key:2,style:{"pointer-events":`none`}},jt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Nt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Pt={key:0,style:{"pointer-events":`none`}},Ft=[`d`,`stroke`,`stroke-width`],It=[`d`,`stroke`,`stroke-width`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`d`,`stroke`,`stroke-width`],zt={key:7},Bt=[`points`,`fill`,`stroke-width`,`stroke-dasharray`,`stroke`],Vt={key:0,class:`vue-ui-scatter-datapoint`},Ht=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseover`,`onMouseleave`,`onClick`],Ut={key:1},Wt=[`transform`,`font-size`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Gt=[`d`,`fill`,`stroke`,`stroke-width`,`stroke-opacity`],Kt={key:0,style:{"pointer-events":`none`}},qt=[`x`,`y`,`width`,`height`],Jt={key:0,style:{"pointer-events":`none !important`}},Yt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Xt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Zt=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],Qt=[`x`,`y`,`font-size`,`fill`,`font-weight`],$t=[`x`,`y`,`font-size`,`fill`],en=[`x`,`y`,`font-size`,`fill`],tn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],nn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],rn=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],an=[`id`,`transform`,`font-size`,`font-weight`,`fill`],on=[`font-size`,`fill`,`transform`],sn=[`transform`,`font-size`,`fill`],cn=[`x`,`y`,`font-size`,`fill`],ln=[`x`,`y`,`font-size`,`fill`],un=[`font-size`,`font-weight`,`fill`,`x`,`y`],dn=[`id`],fn=[`x`,`y`,`width`,`height`],pn={key:14,style:{pointerEvents:`none`}},mn=[`x1`,`x2`,`y1`,`y2`,`stroke-dasharray`,`stroke`,`stroke-width`,`clip-path`],hn=[`x`,`y`,`fill`,`font-size`,`font-weight`],gn={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_n={key:6,class:`vue-data-ui-watermark`},vn=[`id`],yn=[`onClick`],bn={key:0,style:{width:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`}},xn={viewBox:`0 0 20 20`,height:`20`,width:`20`,style:{overflow:`hidden`,background:`transparent`}},Sn={key:0},Cn=[`innerHTML`],wn=/*#__PURE__*/ me({__name:`vue-ui-scatter`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`,`selectLegend`],setup(e,{expose:me,emit:et}){let wn=Ve(()=>import(`./Tooltip-C1q0Qoh7.js`)),Tn=Ve(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),En=Ve(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Dn=Ve(()=>import(`./DataTable-0Vv-aGHD.js`)),On=Ve(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),kn=Ve(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),An=Ve(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),jn=Ve(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_scatter:Mn}=t(),A=e,Nn=et,Pn=v(()=>!!A.dataset&&A.dataset.length),j=w(f()),Fn=w(!1),In=w(``),Ln=w(0),Rn=w(null),zn=w(null),Bn=w(null),Vn=w(null),Hn=w(null),Un=w(0),Wn=w(0),Gn=w(0),M=w([]),Kn=w(!1),qn=w(null),Jn=w(null),Yn=w(null),Xn=w(null),Zn=w(null),Qn=w(null),$n=w(null),er=w(null),tr=w(null),nr=w(null),rr=w(null),ir=w({x:0,y:0}),ar=w(`pointer`),or=w(!1),sr=w(null),N=w(br()),P=v(()=>N.value.userOptions),F=v(()=>N.value.style.layout.dataLabels.xAxis),I=v(()=>N.value.style.layout.dataLabels.yAxis),L=v(()=>N.value.style.layout.marginalBars),R=v(()=>N.value.style.layout.plots),z=v(()=>N.value.style.tooltip),B=v(()=>N.value.style);fe({config:()=>N.value,dataset:()=>A.dataset,component:`VueUiScatter`,rules:[pe.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series (clusters) is > 6. Consider:`,``,``,`▶️ Using filters to let users choose a maximum number of series (clusters) to display.`]}]});let{transitionEnabled:cr}=Ee({config:()=>N.value.transitions,dataset:()=>A.dataset}),lr=v(()=>N.value.userOptions.useCursorPointer),ur=v(()=>a(N.value.events?.datapointClick));function dr(e=100,t=.8,n={}){let{meanX:r=0,sdX:i=1,meanY:a=0,sdY:o=1,seed:s}=n,c=(s??Math.floor(Math.random()*2**31))>>>0,l=()=>(c=c*1664525+1013904223>>>0,c/2**32),u=()=>{let e=0,t=0;for(;e===0;)e=l();for(;t===0;)t=l();return Math.sqrt(-2*Math.log(e))*Math.cos(2*Math.PI*t)},d=e/2,f=Array.from({length:d},u),p=Array.from({length:d},u),m=e=>e.reduce((e,t)=>e+t,0)/e.length,h=m(f),g=m(p);for(let e=0;e<d;e+=1)f[e]-=h,p[e]-=g;let ee=(e,t)=>e.reduce((e,n,r)=>e+n*t[r],0),te=e=>ee(e,e),ne=ee(p,f)/te(f),re=p.map((e,t)=>e-ne*f[t]),ie=te(f)/d,ae=te(re)/d,oe=Math.sqrt((1-t*t)*ie/ae),se=f.map((e,n)=>t*e+oe*re[n]),ce=f.concat(f.map(e=>-e)),le=se.concat(se.map(e=>-e)),ue=e=>Math.sqrt(te(e)/e.length),de=(e,t,n)=>{let r=ue(e);return e.map(e=>n+(r?e/r*t:0))},fe=de(ce,i,r),pe=de(le,o,a);for(let e=fe.length-1;e>0;--e){let t=Math.floor(l()*(e+1));[fe[e],fe[t]]=[fe[t],fe[e]],[pe[e],pe[t]]=[pe[t],pe[e]]}return fe.map((e,t)=>({x:e,y:pe[t]}))}let fr=v(()=>ee({defaultConfig:{userOptions:{show:!1},table:{show:!1},useCssAnimation:!1,style:{backgroundColor:`#99999930`,layout:{axis:{stroke:`#6A6A6A`},correlation:{label:{show:!1}},dataLabels:{xAxis:{show:!1},yAxis:{show:!1}},marginalBars:{fill:`#99999960`},padding:{top:12,right:12,bottom:12,left:12},plots:{stroke:`#6A6A6A`}},legend:{backgroundColor:`transparent`}}},userConfig:N.value.skeletonConfig??{}})),{loading:pr,FINAL_DATASET:mr,manualLoading:hr}=ue({...Qe(A),FINAL_CONFIG:N,prepareConfig:br,skeletonDataset:A.config?.skeletonDataset??[{name:``,color:`#999999`,values:dr(100,.5,{seed:42})}],skeletonConfig:ee({defaultConfig:N.value,userConfig:fr.value})}),{userOptionsVisible:gr,setUserOptionsVisibility:_r,keepUserOptionState:vr}=Ne({config:N.value}),{svgRef:yr}=Pe({config:B.value.title});function br(){return he(A.config,Mn,Ie)}let xr=u(A.config);$e(()=>A.config,(e,t)=>{let n=u(e),r=n!==xr;xr=n;let i=br();r?(pr.value||(N.value=i),gr.value=!N.value.userOptions.showOnChartHover,Dr(),Un.value+=1,Wn.value+=1,Gn.value+=1,V.value.showTable=N.value.table.show,V.value.showTooltip=z.value.show,Er.value&&N.value.usePerformanceMode&&console.warn(`VueUiScatter : You are using performance mode
+
+- downsampling is disabled in this mode, all plots are rendered
+
+- plot significance is not active in this mode (all plots have the same opacity) 
+
+- Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
+
+ℹ️ To remove this warning, set config.debug to false.`)):(N.value.style.tooltip=i.style.tooltip,V.value.showTooltip=N.value.style.tooltip.show)},{deep:!0}),$e(()=>A.dataset,e=>{Array.isArray(e)&&e.length>0&&(hr.value=!1)},{deep:!0});let Sr=Ze(null),Cr=Ze(null),wr=w(!1),Tr=0;Ye(async()=>{Dr(),await We(),Kn.value=!0});let Er=v(()=>N.value.debug);function Dr(){le(A.dataset)&&(m({componentName:`VueUiScatter`,type:`dataset`,debug:Er.value}),hr.value=!0),le(A.dataset)||(hr.value=N.value.loading),N.value.responsive&&(Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect()),Sr.value=new ResizeObserver(()=>{let{width:e,height:t}=ke({chart:Rn.value,title:B.value.title.text?zn.value:null,legend:B.value.legend.show?Bn.value:null,source:Vn.value,noTitle:Hn.value});cancelAnimationFrame(Tr),Tr=requestAnimationFrame(()=>{H.value.width=e,H.value.height=t,wr.value=!0})}),Cr.value=Rn.value.parentNode,Sr.value.observe(Cr.value))}Je(()=>{cancelAnimationFrame(Tr),Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect())});let{isPrinting:Or,isImaging:kr,generatePdf:Ar,generateImage:jr}=Te({elementId:`vue-ui-scatter_${j.value}`,fileName:B.value.title.text||`vue-ui-scatter`,options:N.value.userOptions.print}),Mr=v(()=>N.value.userOptions.show&&!B.value.title.text),Nr=v(()=>se(N.value.customPalette)),V=w({showTable:N.value.table.show,showTooltip:z.value.show});$e(N,()=>{V.value={showTable:N.value.table.show,showTooltip:z.value.show}},{immediate:!0});let H=w({height:B.value.layout.height,width:B.value.layout.width}),Pr=v(()=>L.value.show?L.value.size+L.value.offset:0),{metrics:Fr,ready:Ir,settling:Lr,update:Rr}=De({svgRef:yr,canMeasure:()=>!N.value.responsive||wr.value,initialMetrics:{left:0,right:0,bottom:0},measure:e=>{let t=I.value.scales.show?e(tr.value).textWidth:0,n=t=>{let n=e(t);return Math.max(0,n.x+n.width-H.value.width)},r=Qn.value?n(Qn.value):0,i=F.value.scales.show&&nr.value?Math.max(0,...[...nr.value.querySelectorAll(`text`)].map(n)):0,a=Math.max(r,i);return{left:Math.max(e(Zn.value).width,t?t+12:0),right:a?a+6:0,bottom:er.value?e(er.value).height+6:0}}}),U=v(()=>{let{left:e,right:t,bottom:n}=Fr.value;return{top:B.value.layout.padding.top+Pr.value+I.value.fontSize*2,right:H.value.width-B.value.layout.padding.right-Pr.value-6-t,bottom:H.value.height-B.value.layout.padding.bottom-n,left:B.value.layout.padding.left+e,height:H.value.height-B.value.layout.padding.top-B.value.layout.padding.bottom-Pr.value-n-I.value.fontSize*2,width:H.value.width-B.value.layout.padding.left-B.value.layout.padding.right-Pr.value-e-t-6}}),zr=v(()=>{Er.value&&mr.value.forEach((e,t)=>{ce({datasetObject:e,requiredAttributes:[`values`]}).forEach(e=>{m({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:e,index:t})}),e.values&&e.values.forEach((e,n)=>{ce({datasetObject:e,requiredAttributes:[`x`,`y`]}).forEach(e=>{m({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:`values.${e}`,index:`${t} - ${n}`})})})});let e=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),t=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),n=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y))),r=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y)));return{xMin:e<0?e:0,xMax:t,yMin:n<0?n:0,yMax:r}}),Br=v(()=>{let e=B.value.layout.axis;return{xMin:e.xMin!==null&&e.xMin!==void 0?e.xMin:zr.value.xMin,xMax:e.xMax!==null&&e.xMax!==void 0?e.xMax:zr.value.xMax,yMin:e.yMin!==null&&e.yMin!==void 0?e.yMin:zr.value.yMin,yMax:e.yMax!==null&&e.yMax!==void 0?e.yMax:zr.value.yMax}});function Vr(e){return Number.isFinite(e)?e<2?2:Math.trunc(e):5}function Hr(e){return e.roundingValue!==void 0&&e.roundingValue!==null?e.roundingValue:e.rounding!==void 0&&e.rounding!==null?e.rounding:0}function Ur({minimum:e,maximum:t,stepCount:n,useNiceScale:r}){let i=Vr(n);if(e===t){let n=t+(e===0?1:Math.abs(e)*.01);return(r?p:oe)(e,n,i)}return(r?p:oe)(e,t,i)}let Wr=v(()=>{let e=F.value;return Ur({minimum:Br.value.xMin,maximum:Br.value.xMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),Gr=v(()=>{let e=I.value;return Ur({minimum:Br.value.yMin,maximum:Br.value.yMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),W=v(()=>({xMin:Wr.value.min,xMax:Wr.value.max,yMin:Gr.value.min,yMax:Gr.value.max})),Kr=v(()=>{let e=F.value,t=e.scales.labels;return Wr.value.ticks.map(r=>({value:r,x:Xr(r),label:g(t.formatter,h(r),n({p:R.value.selectors.labels.prefix,v:h(r),s:R.value.selectors.labels.suffix,r:Hr(e)}))}))}),qr=v(()=>{let e=I.value,t=e.scales.labels;return Gr.value.ticks.map(r=>({value:r,y:Zr(r),label:g(t.formatter,h(r),n({p:R.value.selectors.labels.prefix,v:h(r),s:R.value.selectors.labels.suffix,r:Hr(e)}))}))}),Jr=v(()=>di.value.length>0&&F.value.scales.show),Yr=v(()=>di.value.length>0&&I.value.scales.show);function Xr(e){let t=W.value.xMax-W.value.xMin;return t===0?U.value.left:U.value.left+(e-W.value.xMin)/t*U.value.width}function Zr(e){let t=W.value.yMax-W.value.yMin;return t===0?U.value.bottom:U.value.bottom-(e-W.value.yMin)/t*U.value.height}let G=v(()=>{let{xMin:e,xMax:t,yMin:n,yMax:r}=W.value,i=e>0?e:t<0?t:0,a=n>0?n:r<0?r:0;return{x:Xr(i),y:Zr(a)}}),K=v(()=>mr.value.map((e,t)=>{let n=`cluster_${j.value}_${t}`;return{...e,values:te({data:e.values,threshold:N.value.usePerformanceMode?e.values.length+1:N.value.downsample.threshold}),id:n,color:e.color?e.color:Nr.value[t]||s[t]||s[t%s.length],opacity:M.value.includes(n)?.5:1,shape:e.shape??`circle`,segregate:()=>vi(n),isSegregated:M.value.includes(n),hasGroupSelection:!!oi.value,isGroupSelected:oi.value===n,onEnter:()=>ci(n),onLeave:()=>li()}})),Qr=v(()=>({cy:`scatter-div-legend`,backgroundColor:B.value.legend.backgroundColor,color:B.value.legend.color,fontSize:B.value.legend.fontSize,paddingBottom:12,fontWeight:B.value.legend.bold?`bold`:``})),$r=v(()=>K.value.map((e,t)=>({...e,plots:e.values.map((n,r)=>({x:Xr(n.x),y:Zr(n.y),v:{...n,name:n.name||``},clusterName:e.name,clusterId:e.id,color:e.color?e.color:Nr.value[t]||s[t]||s[t%s.length],id:`plot_${j.value}_${t}_${r}`,weight:n.weight??R.value.radius}))})).filter(e=>!M.value.includes(e.id))),q=v(()=>{let e=1e-9,t=({m:t,b:n,rect:r,verticalX:i=null})=>{let{left:a,right:o,top:s,bottom:c}=r,l=[],u=(e,t)=>{Number.isFinite(e)&&Number.isFinite(t)&&l.push({x:e,y:t})},d=({x:t,y:n})=>t>=a-e&&t<=o+e&&n>=s-e&&n<=c+e;i===null?Number.isFinite(t)&&(u(a,t*a+n),u(o,t*o+n),Math.abs(t)>e?(u((s-n)/t,s),u((c-n)/t,c)):n>=s-e&&n<=c+e&&(u(a,n),u(o,n))):i>=a-e&&i<=o+e&&(u(i,s),u(i,c));let f=l.filter(d),p=[];for(let e of f)p.some(t=>Math.abs(t.x-e.x)<1e-6&&Math.abs(t.y-e.y)<1e-6)||p.push(e);if(p.length<2)return null;let m=p[0],h=p[1],g=0;for(let e=0;e<p.length;e+=1)for(let t=e+1;t<p.length;t+=1){let n=p[e].x-p[t].x,r=p[e].y-p[t].y,i=n*n+r*r;i>g&&(g=i,m=p[e],h=p[t])}return{x1:m.x,y1:m.y,x2:h.x,y2:h.y}};return $r.value.map(n=>{let r=n.plots.length,i=n.plots.reduce((e,t)=>e+t.x,0)/r,a=n.plots.reduce((e,t)=>e+t.y,0)/r,o=0,s=0,c=0;for(let e of n.plots){let t=e.x-i,n=e.y-a;o+=t*n,s+=t*t,c+=n*n}let l,u,f=null;s<e?(f=i,l=1/0,u=null):(l=o/s,u=a-l*i);let p,m;f===null?(p=l,m=u):(p=1/0,m=null);let h=n.plots.every(e=>e.v&&typeof e.v.x==`number`&&typeof e.v.y==`number`),g=NaN;if(r>=2){let t=0,o=0;h?(t=n.plots.reduce((e,t)=>e+t.v.x,0)/r,o=n.plots.reduce((e,t)=>e+t.v.y,0)/r):(t=i,o=-a);let s=0,c=0,l=0;for(let e of n.plots){let n=h?e.v.x:e.x,r=h?e.v.y:-e.y,i=n-t,a=r-o;s+=i*a,c+=i*i,l+=a*a}if(c>=e&&l>=e){let e=s/Math.sqrt(c*l);g=Math.max(-1,Math.min(1,e))}}let ee=t({m:p,b:m,rect:U.value,verticalX:f});if(!ee)return{...n,correlation:null,label:null,plots:n.plots.map(e=>({...e,deviation:0,shape:n.shape,color:d(n.color)}))};let te={x:(ee.x1+ee.x2)/2,y:(ee.y1+ee.y2)/2};return{...n,color:d(n.color),correlation:{...ee,coefficient:g},label:te,plots:n.plots.map(t=>{let r,i;f===null?Math.abs(p)<e?(r=t.x,i=m):(r=(t.x+p*t.y-p*m)/(1+p*p),i=(p*t.x+p*p*t.y+m)/(1+p*p)):(r=f,i=t.y);let a=t.x-r,o=t.y-i,s=Math.sqrt(a*a+o*o);return{...t,deviation:s,shape:n.shape,color:d(n.color)}})}})}),ei=v(()=>Math.max(...q.value.flatMap(e=>e.plots.map(e=>Math.abs(e.deviation)))));function ti(){return q.value}function ni(e,t){let n=Array.isArray(e)?e.flatMap(e=>e.plots.map(e=>({x:e.x,y:e.y}))):e.plots.map(e=>({x:e.x,y:e.y})),r=1/0,i=-1/0,a=1/0,o=-1/0;n.forEach(({x:e,y:t})=>{r=Math.min(r,e),i=Math.max(i,e),a=Math.min(a,t),o=Math.max(o,t)});let s=i-r,c=o-a,l=s/t,u=c/t,d=Array(t).fill(0),f=Array(t).fill(0),p=(e,n,r)=>r>0?Math.max(0,Math.min(t-1,Math.floor((e-n)/r+1e-10))):0;n.forEach(({x:e,y:t})=>{let n=p(e,r,l),i=p(t,a,u);d[n]||(d[n]=0),f[i]||(f[i]=0),d[n]+=1,f[i]+=1});let m=[],h=[];for(let e=0;e<t;e+=1)m.push(r+(e+.5)*l),h.push(a+(e+.5)*u);return{x:d,y:f,avgX:m,avgY:h,maxX:Math.max(...d),maxY:Math.max(...f)}}let J=v(()=>L.value.tranches),Y=v(()=>ni($r.value,J.value)),ri=v(()=>{let e=U.value.top-L.value.offset,t=U.value.right+L.value.offset;return $r.value.map(n=>{let r=ni(n,J.value);return{coords:r,dX:l(r.avgX.map((t,n)=>({x:t,y:e-r.x[n]/r.maxX*L.value.size}))),dY:o(r.avgY.map((e,n)=>({y:e,x:t+L.value.size*r.y[n]/r.maxY}))),color:n.color,id:n.id}})}),X=w(void 0),Z=w(null),Q=w([]),ii=w(!1),ai=w(null),oi=w(void 0);function si(){Fn.value=!1,X.value=void 0,Q.value=[],Z.value=null,sr.value=null,rr.value=null,oi.value=void 0}function ci(e){let t=q.value.find(t=>t.id===e);t?(Q.value=t.plots.map(e=>e.id),oi.value=e):Q.value=[]}function li(){Q.value=[],oi.value=void 0}function ui(e){if(!yr.value||!e)return;let t=ae(e.x,e.y,yr.value);t&&(ir.value=t)}let di=v(()=>Z.value?[Z.value]:Q.value.length?q.value.flatMap(e=>e.plots).filter(e=>Q.value.includes(e.id)):[]);function fi(e){let t=F.value,r=t.scales.labels;return g(r.formatter,h(e.v.x),n({p:R.value.selectors.labels.prefix,v:h(e.v.x),s:R.value.selectors.labels.suffix,r:Hr(t)}),{datapoint:e})}function pi(e){let t=I.value,r=t.scales.labels;return g(r.formatter,h(e.v.y),n({p:R.value.selectors.labels.prefix,v:h(e.v.y),s:R.value.selectors.labels.suffix,r:Hr(t)}),{datapoint:e})}function mi(e,t,r=`pointer`,i=null){X.value=e.id,Z.value=e,ar.value=r,sr.value=i,rr.value=e.id;let o=``;N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:t}),ai.value={datapoint:e,seriesIndex:t,series:q.value,config:N.value};let s=z.value.customFormat;a(s)&&re(()=>s({datapoint:e,seriesIndex:t,series:q.value,config:N.value}))?In.value=s({datapoint:e,seriesIndex:t,series:q.value,config:N.value}):(e.clusterName&&(o+=`<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`),e.v.name&&(o+=`<div>${e.v.name}</div>`),o+=`<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.borderColor}">`,o+=`<div>${F.value.name}: <b>${isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,n({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,o+=`<div>${I.value.name}: <b>${isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,n({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,o+=`${R.value.deviation.translation}: <b>${n({v:e.deviation,r:R.value.deviation.roundingValue})}</b>`,o+=`</div>`,In.value=`<div>${o}</div>`),Fn.value=!0,r===`keyboard`&&We(()=>{ui(e)})}function hi(e,t){N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(ar.value!==`keyboard`||rr.value!==e?.id)&&(Fn.value=!1,X.value=void 0,Z.value=null)}function gi(e,t){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:t})}function _i(){M.value.length?M.value=[]:K.value.forEach(e=>{M.value.push(e.id)}),Nn(`selectLegend`,$r.value)}function vi(e){M.value.includes(e)?M.value=M.value.filter(t=>t!==e):M.value.length<mr.value.length-1&&M.value.push(e),Nn(`selectLegend`,$r.value)}function yi(e){return K.value.length?K.value.find(t=>t.name===e)||(Er.value&&console.warn(`VueUiScatter - Series name not found "${e}"`),null):(Er.value&&console.warn(`VueUiScatter - There are no series to show.`),null)}function bi(e){let t=yi(e);t!==null&&M.value.includes(t.id)&&vi(t.id)}function xi(e){let t=yi(e);t!==null&&(M.value.includes(t.id)||vi(t.id))}function Si(e=null){We(()=>{let t=[``,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],n=q.value.map(e=>[e.name,e.correlation.coefficient,e.plots.length,e.plots.map(e=>e.v.x).reduce((e,t)=>e+t,0)/e.plots.length,e.plots.map(e=>e.v.y).reduce((e,t)=>e+t,0)/e.plots.length]),r=[[B.value.title.text],[B.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),a=i(r);e?e(a):ne({csvContent:a,title:B.value.title.text||`vue-ui-heatmap`})})}let Ci=v(()=>{let e=[N.value.table.translations.series,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],t=q.value.map(e=>[{shape:e.shape,content:e.name??`-`,color:e.color},Number((e.correlation?.coefficient??0).toFixed(N.value.table.td.roundingValue)).toLocaleString(),e.plots.length.toLocaleString(),Number((e.plots.map(e=>e.v.x??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString(),Number((e.plots.map(e=>e.v.y??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString()]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.content:e)),config:{th:{backgroundColor:N.value.table.th.backgroundColor,color:N.value.table.th.color,outline:N.value.table.th.outline},td:{backgroundColor:N.value.table.td.backgroundColor,color:N.value.table.td.color,outline:N.value.table.td.outline},breakpoint:N.value.table.responsiveBreakpoint},colNames:e}}),wi=w(!1);function Ti(e){wi.value=e,Ln.value+=1}function Ei(){V.value.showTable=!V.value.showTable}function Di(){V.value.showTooltip=!V.value.showTooltip}let Oi=w(!1);function ki(){Oi.value=!Oi.value}async function Ai({scale:e=2}={}){if(!Rn.value)return;let{width:t,height:n}=Rn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await ge({domElement:Rn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:B.value.title.text,width:t,height:n,aspectRatio:r}}function ji(e){qn.value=e,L.value.highlighter.highlightBothAxes&&(Jn.value=Y.value.y.length-2-e)}function Mi(e){Jn.value=e,L.value.highlighter.highlightBothAxes&&(qn.value=e)}function Ni(){qn.value=null,Jn.value=null}let Pi={circle:1,square:1,diamond:1,triangle:1.2,star:1.3,pentagon:1.3,hexagon:1.3},$=e=>e.toFixed(3);function Fi({shape:e=`circle`,cx:t,cy:n,r}){if(!N.value.usePerformanceMode)return``;let i=Pi[e]*r;switch(e){case`circle`:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}case`square`:{let e=$(t-i),r=$(n-i),a=$(t+i),o=$(n+i);return`M ${e} ${r} L ${a} ${r} L ${a} ${o} L ${e} ${o} Z`}case`diamond`:{let e=$(t),r=$(n);return`M ${e} ${$(n-i)} L ${$(t+i)} ${r} L ${e} ${$(n+i)} L ${$(t-i)} ${r} Z`}case`triangle`:{let e=i*Math.sqrt(3),r=t,a=n-2/3*e,o=t-i,s=n+1/3*e,c=t+i,l=s;return`M ${$(r)} ${$(a)} L ${$(o)} ${$(s)} L ${$(c)} ${$(l)} Z`}case`star`:{let e=i,r=i*.5,a=[];for(let i=0;i<10;i+=1){let o=(-90+i*36)*Math.PI/180,s=i%2==0?e:r;a.push([t+s*Math.cos(o),n+s*Math.sin(o)])}let o=`M ${$(a[0][0])} ${$(a[0][1])}`;for(let e=1;e<a.length;e+=1)o+=` L ${$(a[e][0])} ${$(a[e][1])}`;return o+` Z`}case`pentagon`:{let e=[];for(let r=0;r<5;r+=1){let a=(-90+r*72)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<5;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}case`hexagon`:{let e=[];for(let r=0;r<6;r+=1){let a=(-60+r*60)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<6;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}default:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}}}let Ii=v(()=>{if(!N.value.usePerformanceMode)return[``];let{left:e,right:t,top:n,bottom:r}=U.value,i=Math.max(1,(t-e)*(r-n)),a=e=>e/i*1e4,o=R.value.stroke,s=R.value.strokeWidth,l=R.value.opacity;return q.value.map(i=>{let u=[];for(let a of i.plots){let o=a.x,s=a.y;if(o<e||o>t||s<n||s>r)continue;let c=Math.max(R.value.radius,a.weight);u.push(Fi({shape:i.shape||`circle`,cx:o,cy:s,r:c}))}if(!u.length)return null;let d=a(i.plots.length)>2.5||i.plots.length>1e3;return{id:i.id,d:u.join(``),fill:c(i.color,l*100),stroke:d?`none`:o,strokeWidth:d?0:s,strokeOpacity:1}}).filter(Boolean)});function Li(){return N.value.usePerformanceMode?e=>{let t=yr.value;if(!t)return;let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(!r)return;let i=r.inverse(),a=n.matrixTransform(i),o=null,s=1/0,c=-1;if(q.value.forEach((e,t)=>{e.plots.forEach(e=>{let n=e.x-a.x,r=e.y-a.y,i=n*n+r*r;i<=64&&i<s&&(s=i,o=e,c=t)})}),ii.value=!!o,o)X.value!==o.id&&(X.value=o.id,mi(o,c,`pointer`,ra.value.get(o.id)??null));else if(X.value){let e=Z.value;X.value=void 0,hi(e,c)}}:()=>null}let Ri=Li();function zi(){if(ii.value=!1,X.value){let e=Z.value;X.value=void 0,hi(e,null)}}function Bi(e){let t=Z.value;if(t){let e=q.value.findIndex(e=>e.id===t.clusterId);gi(t,e>=0?e:0)}}let Vi=v(()=>be({config:N,style:B,mutableConfig:V,dialog:jn,accordion:En,isFullscreen:wi,parent:Rn,maxWidth:800,isCursorPointer:lr}));$e(()=>V.value.showTable,e=>ye(e,N,Yn));function Hi(){V.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Ui=v(()=>B.value.backgroundColor),Wi=v(()=>B.value.legend),Gi=v(()=>B.value.title),{isCallbackImaging:Ki,isCallbackSvg:qi,generateSvg:Ji,onGenerateImage:Yi}=ve({svg:yr,title:Gi,legend:Wi,legendItems:K,backgroundColor:Ui,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:jr});async function Xi(){Nn(`copyAlt`,{config:N.value,dataset:$r.value}),N.value.userOptions.callbacks.altCopy?await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:$r.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function Zi(e,t){let n=na.value.filter(t=>t.id!==e.id);if(!n.length)return null;let r=(n=>{if(!n.length)return null;let r=null,i=1/0;return n.forEach(n=>{let a=n.x-e.x,o=n.y-e.y,s=0,c=0;t===`right`||t===`left`?(s=Math.abs(a),c=Math.abs(o)):(s=Math.abs(o),c=Math.abs(a));let l=s*1e3+c;l<i&&(r=n,i=l)}),r})(n.filter(n=>t===`right`?n.x>e.x:t===`left`?n.x<e.x:t===`down`?n.y>e.y:t===`up`&&n.y<e.y));if(r)return r;let i=[];if(t===`right`){let e=Math.min(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`left`){let e=Math.max(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`down`){let e=Math.min(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}if(t===`up`){let e=Math.max(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}return i.length?i.reduce((n,r)=>{if(!n)return r;let i=Math.abs(t===`right`||t===`left`?n.y-e.y:n.x-e.x);return Math.abs(t===`right`||t===`left`?r.y-e.y:r.x-e.x)<i?r:n},null):null}function Qi(){sr.value=null,rr.value=null,or.value=!0}function $i(){si(),ar.value=`pointer`,or.value=!1}function ea(e){if(!yr.value||Oi.value||document.activeElement!==yr.value||!na.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){si(),ar.value=`pointer`;return}if(a){if(sr.value===null)return;let e=na.value[sr.value];if(!e)return;gi(e,e.seriesIndex);return}let s=null;if(n&&(s=`right`),t&&(s=`left`),i&&(s=`down`),r&&(s=`up`),rr.value===null){let e=Z.value;if(e&&e.id){let t=Zi(e,s);if(!t){let t=ra.value.get(e.id);if(t===void 0)return;mi(e,e.seriesIndex,`keyboard`,t);return}let n=ra.value.get(t.id);if(n===void 0)return;mi(t,t.seriesIndex,`keyboard`,n);return}let t=na.value[0];if(!t)return;let n=ra.value.get(t.id)??0;mi(t,t.seriesIndex,`keyboard`,n);return}let c=ra.value.get(rr.value);if(c===void 0)return;let l=na.value[c];if(!l)return;let u=Zi(l,s);if(!u)return;let d=ra.value.get(u.id);d!==void 0&&mi(u,u.seriesIndex,`keyboard`,d)}let ta=v(()=>{if(!Z.value)return``;let e=Z.value,t=isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,n({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex}),r=isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,n({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex});return[e.clusterName||``,e.v.name||``,`${F.value.name}: ${t}`,`${I.value.name}: ${r}`].filter(Boolean).join(`. `)}),na=v(()=>q.value.flatMap((e,t)=>e.plots.map(n=>({...n,seriesIndex:t,seriesId:e.id,seriesName:e.name,shape:e.shape||`circle`,color:e.color})))),ra=v(()=>{let e=/* @__PURE__ */ new Map;return na.value.forEach((t,n)=>{e.set(t.id,n)}),e}),ia=v(()=>({headers:Ci.value?.colNames??[],rows:Ci.value?.a11yBody??[]}));return me({getData:ti,getImage:Ai,generatePdf:Ar,generateCsv:Si,generateImage:jr,generateSvg:Ji,hideSeries:xi,showSeries:bi,toggleTable:Ei,toggleTooltip:Di,toggleAnnotator:ki,toggleFullscreen:Ti,copyAlt:Xi}),$e(()=>[H.value,F.value,I.value,B.value.layout.padding,Pr.value,W.value,R.value.selectors.labels,N.value.style.fontFamily,A.dataset,M.value,wr.value,Zn.value,Qn.value,er.value,nr.value,tr.value],Rr,{flush:`post`,deep:!0}),(e,t)=>(C(),x(`div`,{class:Ge(`vue-data-ui-component vue-ui-scatter ${wi.value?`vue-data-ui-wrapper-fullscreen`:``} ${N.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`scatterChart`,ref:Rn,id:`vue-ui-scatter_${j.value}`,style:qe(`font-family:${B.value.fontFamily};width:100%; text-align:center;background:${B.value.backgroundColor};${N.value.responsive?`height: 100%`:``}`),onMouseenter:t[5]||=()=>O(_r)(!0),onMouseleave:t[6]||=()=>{O(_r)(!1),or.value||si()}},[S(`div`,{id:`chart-instructions-${j.value}`,class:`sr-only`},[S(`p`,null,D(N.value.a11y.translations.keyboardNavigation),1)],8,nt),V.value.showTooltip?b(``,!0):(C(),x(`div`,rt,D(ta.value),1)),ia.value?.rows?.length&&Pn.value?(C(),y(Me,{key:1,uid:j.value,head:ia.value.headers,body:ia.value.rows,notice:N.value.a11y.translations.tableAvailable,caption:N.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):b(``,!0),P.value.buttons.annotator?(C(),y(O(On),{key:2,svgRef:O(yr),backgroundColor:B.value.backgroundColor,color:B.value.color,active:Oi.value,isCursorPointer:lr.value,palette:P.value.annotatorPalette,onClose:ki},Re({_:2},[T(O(Se),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(xe)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):b(``,!0),Mr.value?(C(),x(`div`,{key:3,ref_key:`noTitle`,ref:Hn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):b(``,!0),B.value.title.text?(C(),x(`div`,{key:4,ref_key:`chartTitle`,ref:zn,style:`width:100%;background:transparent`},[(C(),y(_e,{key:`title_${Un.value}`,config:{title:{cy:`scatter-div-title`,...B.value.title},subtitle:{cy:`scatter-div-subtitle`,...B.value.title.subtitle}}},null,8,[`config`]))],512)):b(``,!0),S(`div`,{id:`legend-top-${j.value}`},null,8,it),P.value.show&&Pn.value&&(O(vr)||O(gr))?(C(),y(O(kn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Ln.value}`,backgroundColor:B.value.backgroundColor,color:B.value.color,isImaging:O(kr),isPrinting:O(Or),uid:j.value,hasTooltip:P.value.buttons.tooltip&&z.value.show,hasPdf:P.value.buttons.pdf,hasImg:P.value.buttons.img,hasSvg:P.value.buttons.svg,hasXls:P.value.buttons.csv,hasTable:P.value.buttons.table,hasFullscreen:P.value.buttons.fullscreen,hasAltCopy:P.value.buttons.altCopy,isTooltip:V.value.showTooltip,isFullscreen:wi.value,titles:{...P.value.buttonTitles},chartElement:Rn.value,position:P.value.position,hasAnnotator:P.value.buttons.annotator,isAnnotation:Oi.value,callbacks:P.value.callbacks,printScale:P.value.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:lr.value,onToggleFullscreen:Ti,onGeneratePdf:O(Ar),onGenerateCsv:Si,onGenerateImage:O(Yi),onGenerateSvg:O(Ji),onToggleTable:Ei,onToggleTooltip:Di,onToggleAnnotator:ki,onCopyAlt:Xi,style:qe({visibility:O(vr)?O(gr)?`visible`:`hidden`:`visible`})},Re({_:2},[T(O(Ce)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(we)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):b(``,!0),S(`div`,at,[(C(),x(`svg`,{ref_key:`svgRef`,ref:yr,xmlns:O(ie),"aria-describedby":`chart-instructions-${j.value}`,class:Ge({"vue-data-ui-fullscreen--on":wi.value,"vue-data-ui-fulscreen--off":!wi.value,"vue-data-ui-no-transition":!O(cr)||O(Lr)}),viewBox:`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`,style:qe(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color};visibility:${O(Ir)?`visible`:`hidden`}`),onMouseleave:Ni,tabindex:`0`,onFocus:Qi,onBlur:$i,onKeydown:ea},[Be(O(An)),E(e.$slots,`svg-underlayer`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:$r.value,isPrintingImg:O(Or)||O(kr)||O(Ki),isPrintingSvg:O(qi)}},void 0,!0),e.$slots[`chart-background`]?(C(),x(`foreignObject`,{key:0,x:0,y:0,width:H.value.width<=0?10:H.value.width,height:H.value.height<=0?10:H.value.height,style:{pointerEvents:`none`}},[E(e.$slots,`chart-background`,{},void 0,!0)],8,st)):b(``,!0),B.value.layout.axis.show?(C(),x(`g`,ct,[S(`line`,{x1:G.value.x,x2:G.value.x,y1:U.value.top,y2:U.value.bottom,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,lt),S(`line`,{x1:U.value.left,x2:U.value.right,y1:G.value.y,y2:G.value.y,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,ut)])):b(``,!0),F.value.scales.verticalLines.show?(C(),x(`g`,dt,[(C(!0),x(_,null,T(Kr.value,(e,t)=>(C(),x(`line`,{key:`scatter-x-scale-line-${j.value}-${t}`,x1:e.x,x2:e.x,y1:U.value.top,y2:U.value.bottom,stroke:F.value.scales.verticalLines.stroke,"stroke-width":F.value.scales.verticalLines.strokeWidth,"stroke-linecap":`round`},null,8,ft))),128))])):b(``,!0),F.value.scales.show?(C(),x(`g`,{key:3,ref_key:`xAxisScaleLabels`,ref:nr},[(C(!0),x(_,null,T(Kr.value,(e,t)=>(C(),x(`g`,{class:`vue-ui-scatter-scale-group`,key:`scatter-x-scale-${j.value}-${t}`,opacity:+!Jr.value},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,d:`M${e.x},${G.value.y-4} ${e.x},${G.value.y+4}`,"stroke-linecap":`round`},null,10,mt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),transform:`translate(${e.x}, ${G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY})`,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,ht)],8,pt))),128))],512)):b(``,!0),I.value.scales.horizontalLines.show?(C(),x(`g`,gt,[(C(!0),x(_,null,T(qr.value,(e,t)=>(C(),x(`line`,{key:`scatter-y-scale-line-${j.value}-${t}`,x1:U.value.left,x2:U.value.right,y1:e.y,y2:e.y,stroke:I.value.scales.horizontalLines.stroke,"stroke-width":I.value.scales.horizontalLines.strokeWidth,"stroke-linecap":`round`},null,8,_t))),128))])):b(``,!0),I.value.scales.show?(C(),x(`g`,{key:5,ref_key:`yAxisScaleLabels`,ref:tr,opacity:+!Yr.value,style:{transition:`opacity 0.1s ease-in-out`},class:`vue-ui-scatter-scale-group`},[(C(!0),x(_,null,T(qr.value,(e,t)=>(C(),x(`g`,{key:`scatter-y-scale-${j.value}-${t}`},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),d:`M${G.value.x-4},${e.y} ${G.value.x+4},${e.y}`,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,10,yt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),transform:`translate(${G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX}, ${e.y+I.value.scales.labels.fontSize/3})`,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,bt)]))),128))],8,vt)):b(``,!0),L.value.show?(C(),x(`g`,xt,[S(`defs`,null,[Be(Ae,{t:`linear`,id:`marginal_x_${j.value}`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,stops:[[`0%`,L.value.fill,1],[`100%`,B.value.backgroundColor,1]]},null,8,[`id`,`stops`]),Be(Ae,{t:`linear`,id:`marginal_y_${j.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,B.value.backgroundColor,1],[`100%`,L.value.fill,1]]},null,8,[`id`,`stops`])]),(C(!0),x(_,null,T(Y.value.x,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgX[n]?(C(),x(`rect`,{key:0,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-e/Y.value.maxX*L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:e/Y.value.maxX*L.value.size<=0?1e-4:e/Y.value.maxX*L.value.size,fill:L.value.useGradient?`url(#marginal_x_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,St)):b(``,!0),Y.value.avgX[n]?(C(),x(`rect`,{key:1,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:Math.max(.1,L.value.size),fill:`transparent`,onMouseenter:e=>ji(n),onMouseleave:t[0]||=e=>Ni()},null,40,Ct)):b(``,!0),Y.value.avgX[n]&&qn.value!=null&&qn.value===n?(C(),x(`g`,wt,[S(`rect`,{x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:U.value.height,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,Tt),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2,x2:Y.value.avgX[n]-U.value.width/J.value/2,y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Et),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),x2:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Dt)])):b(``,!0)]))),256)),(C(!0),x(_,null,T(Y.value.y,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgY[n]?(C(),x(`rect`,{key:0,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,width:e/Y.value.maxY*L.value.size<=0?1e-4:e/Y.value.maxY*L.value.size,fill:L.value.useGradient?`url(#marginal_y_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,Ot)):b(``,!0),Y.value.avgY[n]?(C(),x(`rect`,{key:1,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,width:Math.max(.1,L.value.size),height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:`transparent`,onMouseenter:e=>Mi(n),onMouseleave:t[1]||=e=>Ni()},null,40,kt)):b(``,!0),Y.value.avgY[n]&&Jn.value!=null&&Jn.value===n?(C(),x(`g`,At,[S(`rect`,{x:U.value.left,y:Y.value.avgY[n]-U.value.height/J.value/2,width:U.value.width,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,jt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2,y2:Y.value.avgY[n]-U.value.height/J.value/2,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Mt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),y2:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Nt)])):b(``,!0)]))),256)),L.value.showLines?(C(),x(`g`,Pt,[(C(!0),x(_,null,T(ri.value,e=>(C(),x(_,null,[M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:0,d:`M ${e.dX}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Ft)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:1,d:`M ${e.dX}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,It)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:2,d:`M ${e.dY}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Lt)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:3,d:`M ${e.dY}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Rt))],64))),256))])):b(``,!0)])):b(``,!0),R.value.giftWrap.show?(C(),x(`g`,zt,[(C(!0),x(_,null,T(q.value,(e,t)=>(C(),x(`g`,null,[e.plots.length>2?(C(),x(`polygon`,{key:0,points:O(r)({series:e.plots}),fill:O(c)(e.color,R.value.giftWrap.fillOpacity*100),"stroke-width":R.value.giftWrap.strokeWidth,"stroke-dasharray":R.value.giftWrap.strokeDasharray,stroke:e.color,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,Bt)):b(``,!0)]))),256))])):b(``,!0),N.value.usePerformanceMode?b(``,!0):(C(!0),x(_,{key:8},T(q.value,(e,t)=>(C(),x(`g`,{key:e.id},[!e.shape||e.shape===`circle`?(C(),x(`g`,Vt,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),x(`circle`,{key:n.id,cx:n.x,cy:n.y,r:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,fill:O(c)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/ei.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>mi(n,t,`pointer`,ra.value.get(n.id)),onMouseleave:e=>hi(n,t),onClick:e=>gi(n,t)},null,44,Ht))),128))])):(C(),x(`g`,Ut,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),y(Oe,{class:`vue-ui-scatter-datapoint`,plot:{x:n.x,y:n.y},radius:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,shape:e.shape,color:O(c)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,strokeWidth:R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/ei.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>mi(n,t,`pointer`,ra.value.get(n.id)),onMouseleave:e=>hi(n,t),onClick:e=>gi(n,t)},null,8,[`plot`,`radius`,`shape`,`color`,`stroke`,`strokeWidth`,`style`,`onMouseover`,`onMouseleave`,`onClick`]))),256))])),R.value.name.show?(C(!0),x(_,{key:2},T(e.plots,(e,n)=>(C(),x(`text`,{class:`vue-ui-scatter-datapoint-label`,key:`datalabel-${e.id}`,transform:`translate(${e.x}, ${e.y-e.weight-R.value.name.fontSize+R.value.name.offsetY})`,"text-anchor":`middle`,"font-size":R.value.name.fontSize,fill:O(c)(R.value.name.color,X.value&&X.value!==e.id||Q.value.length&&!Q.value.includes(e.id)?R.value.opacityNotSelected*100:100),onMouseover:n=>mi(e,t,`pointer`,ra.value.get(e.id)),onMouseleave:n=>hi(e,t),onClick:n=>gi(e,t)},D(e.clusterName),41,Wt))),128)):b(``,!0)]))),128)),N.value.usePerformanceMode?(C(),x(_,{key:9},[S(`g`,null,[(C(!0),x(_,null,T(Ii.value,e=>(C(),x(`path`,{key:e.id,d:e.d,fill:e.fill,stroke:e.stroke,"stroke-width":e.strokeWidth,"stroke-opacity":e.strokeOpacity,"vector-effect":`non-scaling-stroke`,"paint-order":`fill`},null,8,Gt))),128))]),Z.value?(C(),x(`g`,Kt,[Be(Oe,{shape:Z.value.shape||`circle`,color:Z.value.color,plot:{x:Z.value.x,y:Z.value.y},radius:Z.value.weight*R.value.hoverRadiusRatio,stroke:R.value.stroke,strokeWidth:R.value.strokeWidth},null,8,[`shape`,`color`,`plot`,`radius`,`stroke`,`strokeWidth`])])):b(``,!0),S(`rect`,{x:U.value.left,y:U.value.top,width:Math.max(1e-4,U.value.width),height:Math.max(1e-4,U.value.height),fill:`transparent`,style:qe({cursor:ii.value&&ur.value?`pointer`:`default`}),onMousemove:t[2]||=(...e)=>O(Ri)&&O(Ri)(...e),onMouseleave:zi,onClick:Bi},null,44,qt)],64)):b(``,!0),(C(!0),x(_,null,T(di.value,e=>(C(),x(_,{key:`selector_${e.id}`},[R.value.selectors.show?(C(),x(`g`,Jt,[S(`line`,{x1:G.value.x,x2:e.x,y1:e.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Yt),S(`line`,{x1:e.x,x2:e.x,y1:G.value.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Xt),I.value.scales.show?b(``,!0):(C(),x(`text`,{key:0,x:G.value.x+(e.x>G.value.x?-6:6),y:e.y+R.value.selectors.labels.fontSize/3,"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x>G.value.x?`end`:`start`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.y),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.y),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Zt)),F.value.scales.show?b(``,!0):(C(),x(`text`,{key:1,x:e.x,y:G.value.y+(e.y>G.value.y?-6:R.value.selectors.labels.fontSize+6),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":`middle`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.x),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.x),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Qt)),F.value.scales.show?(C(),x(`text`,{key:2,x:e.x,y:G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color},D(fi(e)),9,$t)):b(``,!0),I.value.scales.show?(C(),x(`text`,{key:3,x:G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX,y:e.y+I.value.scales.labels.fontSize/3,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color},D(pi(e)),9,en)):b(``,!0),S(`circle`,{cx:G.value.x,cy:e.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,tn),S(`circle`,{cx:e.x,cy:G.value.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,nn),R.value.selectors.labels.showName&&!R.value.name.show?(C(),x(`text`,{key:4,x:e.x,y:e.y+(e.y<G.value.y?-R.value.selectors.labels.fontSize/2:R.value.selectors.labels.fontSize),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x<U.value.left+100?`start`:e.x>U.value.right-100?`end`:e.x>G.value.x?`start`:`end`},D(e.v.name),9,rn)):b(``,!0)])):b(``,!0)],64))),128)),F.value.show?(C(),x(`g`,{key:10,ref_key:`xAxisLabelLeft`,ref:Zn},[S(`text`,{id:`vue-ui-scatter-xAxis-label-${j.value}`,transform:`translate(${F.value.fontSize+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetX:F.value.offsetX)}, ${U.value.top+U.value.height/2+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetY:F.value.offsetY)}), rotate(-90)`,"text-anchor":`middle`,"font-size":F.value.fontSize,"font-weight":F.value.bold?`bold`:`normal`,fill:F.value.color},D(B.value.layout.dataLabels.reverseAxisLabels?I.value.name:F.value.name),9,an),F.value.showValue?(C(),x(`text`,{key:0,"text-anchor":`middle`,"font-size":F.value.fontSize,fill:F.value.color,transform:`translate(${F.value.name?F.value.fontSize*3:0}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMin),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.xAxis.rounding}))),9,on)):b(``,!0)],512)):b(``,!0),F.value.show&&F.value.showValue?(C(),x(`text`,{key:11,ref_key:`xAxisLabelRight`,ref:Qn,"text-anchor":`middle`,transform:`translate(${U.value.right+B.value.layout.padding.right+6}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`,"font-size":F.value.fontSize,fill:F.value.color},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMax),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMax),s:R.value.selectors.labels.suffix,r:F.value.rounding}))),9,sn)):b(``,!0),I.value.show&&I.value.showValue?(C(),x(`text`,{key:12,ref_key:`yAxisLabelTop`,ref:$n,x:G.value.x,y:U.value.top-I.value.fontSize,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMax),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMax),s:R.value.selectors.labels.suffix,r:I.value.rounding}))),9,cn)):b(``,!0),I.value.show?(C(),x(`g`,{key:13,ref_key:`yAxisLabelBottom`,ref:er},[I.value.showValue?(C(),x(`text`,{key:0,x:G.value.x,y:H.value.height-I.value.fontSize*2,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMin),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.yAxis.rounding}))),9,ln)):b(``,!0),S(`text`,{"text-anchor":`middle`,"font-size":I.value.fontSize,"font-weight":I.value.bold?`bold`:`normal`,fill:I.value.color,x:U.value.left+U.value.width/2+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetX:I.value.offsetX),y:H.value.height+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetY:I.value.offsetY)},D(B.value.layout.dataLabels.reverseAxisLabels?F.value.name:I.value.name),9,un)],512)):b(``,!0),S(`clipPath`,{id:`clip_path_${j.value}`},[S(`rect`,{x:U.value.left,y:U.value.top,width:U.value.width<=0?1e-4:U.value.width,height:U.value.height<=0?1e-4:U.value.height},null,8,fn)],8,dn),B.value.layout.correlation.show?(C(),x(`g`,pn,[(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`line`,{x1:e.correlation.x1,x2:e.correlation.x2,y1:e.correlation.y1,y2:e.correlation.y2,"stroke-dasharray":B.value.layout.correlation.strokeDasharray,stroke:e.color,"stroke-width":B.value.layout.correlation.strokeWidth,"clip-path":`url(#clip_path_${j.value})`},null,8,mn))),256)),(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`g`,null,[B.value.layout.correlation.label.show?(C(),x(`text`,{key:0,x:e.correlation.x2,y:e.correlation.y2,fill:B.value.layout.correlation.label.useSerieColor?e.color:B.value.layout.correlation.label.color,"text-anchor":`end`,"font-size":B.value.layout.correlation.label.fontSize,"font-weight":B.value.layout.correlation.label.bold?`bold`:`normal`},D(O(n)({v:O(h)(e.correlation?.coefficient??0),r:B.value.layout.correlation.label.roundingValue})),9,hn)):b(``,!0)]))),256))])):b(``,!0),E(e.$slots,`svg`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:$r.value,isPrintingImg:O(Or)||O(kr)||O(Ki),isPrintingSvg:O(qi)}},void 0,!0)],46,ot)),e.$slots.hint?(C(),x(`div`,gn,[E(e.$slots,`hint`,Ke(He({hint:N.value.a11y.translations.keyboardNavigation,isVisible:or.value})),void 0,!0)])):b(``,!0)]),e.$slots.watermark?(C(),x(`div`,_n,[E(e.$slots,`watermark`,Ke(He({isPrinting:O(Or)||O(kr)||O(Ki)||O(qi)})),void 0,!0)])):b(``,!0),S(`div`,{id:`legend-bottom-${j.value}`},null,8,vn),Pn.value&&Kn.value&&(B.value.legend.show||e.$slots.legend)?(C(),y(Le,{key:7,to:B.value.legend.position===`top`?`#legend-top-${j.value}`:`#legend-bottom-${j.value}`},[S(`div`,{ref_key:`chartLegend`,ref:Bn},[E(e.$slots,`legend`,{legend:K.value},()=>[B.value.legend.show?(C(),y(Fe,{key:`legend_${Gn.value}`,legendSet:K.value,config:Qr.value,isCursorPointer:lr.value,onClickMarker:t[3]||=({legend:e})=>vi(e.id)},{item:k(({legend:e})=>[S(`div`,{onClick:t=>e.segregate(),style:qe(`opacity:${M.value.includes(e.id)?.5:1}`)},D(e.name),13,yn)]),legendToggle:k(()=>[K.value.length>2&&B.value.legend.selectAllToggle.show&&!O(pr)?(C(),y(je,{key:0,backgroundColor:B.value.legend.selectAllToggle.backgroundColor,color:B.value.legend.selectAllToggle.color,fontSize:B.value.legend.fontSize,checked:M.value.length>0,isCursorPointer:lr.value,onToggle:_i},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):b(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):b(``,!0)],!0)],512)],8,[`to`])):b(``,!0),e.$slots.source?(C(),x(`div`,{key:8,ref_key:`source`,ref:Vn,dir:`auto`},[E(e.$slots,`source`,{},void 0,!0)],512)):b(``,!0),Be(O(wn),{teleportTo:z.value.teleportTo,show:V.value.showTooltip&&Fn.value,backgroundColor:z.value.backgroundColor,color:z.value.color,borderRadius:z.value.borderRadius,borderColor:z.value.borderColor,borderWidth:z.value.borderWidth,fontSize:z.value.fontSize,backgroundOpacity:z.value.backgroundOpacity,position:z.value.position,offsetX:z.value.offsetX,offsetY:z.value.offsetY,parent:Rn.value,content:In.value,isFullscreen:wi.value,isCustom:z.value.customFormat&&typeof z.value.customFormat==`function`,smooth:z.value.smooth,backdropFilter:z.value.backdropFilter,smoothForce:z.value.smoothForce,smoothSnapThreshold:z.value.smoothSnapThreshold,isA11yMode:ar.value===`keyboard`,a11yPosition:ir.value},{"tooltip-before":k(()=>[E(e.$slots,`tooltip-before`,Ke(He({...ai.value})),void 0,!0)]),tooltip:k(()=>[E(e.$slots,`tooltip`,Ke(He({...ai.value})),void 0,!0)]),"tooltip-after":k(()=>[E(e.$slots,`tooltip-after`,Ke(He({...ai.value})),void 0,!0)]),default:k(()=>[z.value.showShape?(C(),x(`div`,bn,[(C(),x(`svg`,xn,[Be(Oe,{shape:Z.value.shape,color:Z.value.color,plot:{x:10,y:10},radius:7},null,8,[`shape`,`color`])]))])):b(``,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Pn.value&&P.value.buttons.table?(C(),y(Xe(Vi.value.component),Ue({key:9},Vi.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Hi}),Re({content:k(()=>[(C(),y(O(Dn),{key:`table_${Wn.value}`,colNames:Ci.value.colNames,head:Ci.value.head,body:Ci.value.body,config:Ci.value.config,title:N.value.table.useDialog?``:Vi.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:lr.value,onClose:Hi},{th:k(({th:e})=>[ze(D(e),1)]),td:k(({td:e})=>[e.shape?(C(),x(`div`,Sn,[S(`span`,null,D(e.content),1)])):(C(),x(`div`,{key:1,innerHTML:e},null,8,Cn))]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[N.value.table.useDialog?{name:`title`,fn:k(()=>[ze(D(Vi.value.title),1)]),key:`0`}:void 0,N.value.table.useDialog?{name:`actions`,fn:k(()=>[S(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[4]||=e=>Si(P.value.callbacks.csv),style:qe({cursor:lr.value?`pointer`:`default`})},[Be(O(Tn),{name:`fileCsv`,stroke:Vi.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):b(``,!0),E(e.$slots,`skeleton`,{},()=>[O(pr)?(C(),y(de,{key:0})):b(``,!0)],!0)],46,tt))}},[[`__scopeId`,`data-v-d7334a0a`]]);export{et as n,wn as t};

package/dist/{vue-ui-skeleton-DTn7uIui.js → vue-ui-skeleton-DqmhigQ0.js}

@@ -1,4 +1,4 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{B as n,Jt as r,M as i,X as ee,t as a}from"./lib-DqD8nbyX.js";import{n as te,t as ne}from"./useHints-BH9r_0Vd.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as re}from"./useNestedProp-DrLnzyHO.js";import{t as ie}from"./DefGrad-DKMq1REY.js";import{n as s}from"./PackageVersion-ATrKWi8V.js";import{Fragment as c,computed as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createStaticVNode as p,createVNode as m,normalizeClass as ae,normalizeStyle as h,openBlock as g,ref as _,renderList as v,unref as y}from"vue";var b=/* @__PURE__ */ e({default:()=>G}),oe=[`id`],se=[`xmlns`],ce={transform:`translate(300, 300)`},le=[`d`,`fill`,`stroke`],ue=[`xmlns`],x=[`fill`,`stroke`],S=[`fill`,`stroke`],C=[`fill`,`stroke`],w=[`fill`,`stroke`],T=[`fill`,`stroke`],E=[`xmlns`],D=[`stroke`],O=[`stroke`],k=[`stroke`],A=[`fill`,`stroke`],j=[`fill`],M=[`fill`,`stroke`],N=[`fill`],P=[`fill`,`stroke`],F=[`fill`],I=[`fill`,`stroke`],L=[`fill`],R=[`fill`,`stroke`],z=[`fill`],B=[`fill`,`stroke`],V=[`fill`],H=[`xmlns`],U=[`stroke`],de=[`stroke`],fe=[`stroke`],pe=[`stroke`],me=[`stroke`],he=[`stroke`],ge=[`stroke`],_e=[`stroke`],ve=[`stroke`],ye=[`xmlns`],be=[`stroke`,`fill`],xe=[`xmlns`],Se=[`stroke`,`fill`],Ce=[`xmlns`],we=[`fill`],Te=[`fill`],Ee=[`fill`],De=[`fill`],Oe=[`xmlns`],ke=[`stroke`],Ae=[`fill`],je=[`stroke`,`fill`],Me=[`stroke`,`fill`],Ne=[`fill`],Pe=[`stroke`,`fill`],Fe=[`stroke`,`fill`],Ie=[`fill`],Le=[`stroke`,`fill`],Re=[`stroke`,`fill`],ze=[`fill`],Be=[`stroke`,`fill`],Ve=[`stroke`,`fill`],He=[`fill`],Ue=[`stroke`,`fill`],We=[`stroke`,`fill`],Ge=[`xmlns`],Ke=[`stroke`],qe=[`stroke`],Je=[`stroke`,`fill`],Ye=[`stroke`,`fill`],Xe=[`stroke`,`fill`],Ze=[`stroke`,`fill`],Qe=[`stroke`,`fill`],$e=[`stroke`,`fill`],et=[`stroke`,`fill`],tt=[`stroke`,`fill`],nt=[`stroke`,`fill`],rt=[`stroke`,`fill`],it=[`stroke`,`fill`],at=[`stroke`,`fill`],ot=[`stroke`,`fill`],st=[`stroke`,`fill`],ct=[`stroke`,`fill`],lt=[`stroke`,`fill`],ut=[`stroke`,`fill`],dt=[`stroke`,`fill`],ft=[`stroke`,`fill`],pt=[`stroke`,`fill`],mt=[`stroke`,`fill`],ht=[`stroke`,`fill`],gt=[`stroke`,`fill`],_t=[`xmlns`],vt=[`stroke`],yt=[`xmlns`],bt=[`stroke`],xt=[`xmlns`],St=[`stroke`],Ct=[`xmlns`],wt=[`fill`],Tt=[`fill`],Et=[`fill`],Dt=[`fill`],Ot=[`fill`],kt=[`fill`],At=[`fill`],jt=[`fill`],Mt=[`fill`],Nt=[`fill`],Pt=[`fill`],Ft=[`fill`],It=[`xmlns`],Lt=[`stroke`],Rt=[`stroke`],zt=[`stroke`],Bt=[`stroke`],Vt=[`stroke`],Ht=[`stroke`],Ut=[`xmlns`],Wt=[`stroke`],Gt=[`stroke`],Kt=[`stroke`],qt=[`stroke`],Jt=[`stroke`],Yt=[`stroke`],Xt=[`stroke`],Zt=[`stroke`],Qt=[`stroke`],$t=[`xmlns`],en=[`stroke`],tn=[`xmlns`],nn=[`stroke`],rn=[`stroke`],an=[`stroke`],on=[`stroke`],sn=[`stroke`],cn=[`stroke`],ln=[`stroke`],un=[`stroke`],dn=[`stroke`],fn=[`xmlns`],pn=[`x1`,`x2`,`stroke`],mn=[`xmlns`],hn=[`x`,`y`,`width`,`height`,`fill`],gn=[`y`,`width`,`height`,`fill`],_n=[`xmlns`],vn=[`fill`],yn=[`fill`],bn=[`fill`],xn=[`xmlns`],Sn=[`x1`,`x2`,`y1`,`y2`,`stroke`],Cn=[`stroke`],wn=[`fill`],Tn=[`xmlns`],En=[`fill`],Dn=[`fill`],On=[`x1`,`y1`,`x2`,`y2`,`stroke-width`,`stroke`],kn=[`xmlns`],An={key:0},jn=[`stroke`,`stroke-width`],Mn=[`stroke`,`stroke-width`],Nn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Pn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Fn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],In=[`x`,`y`,`height`,`width`,`fill`],Ln=[`xmlns`,`viewBox`],Rn=[`x`,`y`,`stroke`,`fill`],zn=[`xmlns`],Bn=[`d`,`stroke`],Vn=[`cx`,`cy`,`r`,`fill`,`stroke`],Hn=[`cx`,`cy`,`r`,`fill`,`stroke`],Un=[`x`,`y`,`width`,`fill`],Wn=[`cx`,`cy`,`fill`],Gn=[`cx`,`cy`,`fill`],Kn=[`stroke`],qn=[`xmlns`],Jn=[`stroke`,`stroke-width`],Yn=[`stroke`,`stroke-width`],Xn=[`stroke`,`stroke-width`],Zn=[`fill`],Qn=[`fill`],$n=[`fill`],er=[`fill`],tr=[`fill`],nr=[`fill`],rr=[`xmlns`],ir={key:0},ar=[`stroke`,`stroke-width`],or=[`stroke`,`stroke-width`],sr=[`stroke`,`stroke-width`],cr={key:1},lr=[`r`,`fill`],ur=[`r`,`fill`],dr=[`xmlns`],fr={key:0},pr=[`stroke`,`stroke-width`],mr=[`stroke`,`stroke-width`],hr=[`fill`,`rx`,`x`,`y`,`width`,`height`],gr=[`xmlns`],_r=[`stroke-width`,`stroke`],vr=[`stroke-width`,`stroke`],yr=[`stroke-width`,`stroke`],br=[`xmlns`],xr=[`stroke`],Sr=[`stroke`],Cr=[`stroke`],wr=[`stroke`],Tr=[`fill`],Er=[`stroke`],Dr=[`xmlns`],Or=[`stroke`,`stroke-width`],kr=[`stroke`,`stroke-width`],Ar=[`fill`,`r`],jr=[`fill`,`r`],Mr=[`fill`,`r`],Nr=[`fill`,`r`],Pr=[`fill`,`r`],Fr=[`fill`,`r`],Ir=[`fill`,`r`],Lr=[`fill`,`r`],Rr=[`fill`,`r`],zr=[`xmlns`],Br=[`d`,`stroke`,`stroke-width`],Vr=[`d`,`stroke`,`stroke-width`],Hr=[`d`,`stroke`,`stroke-width`],Ur=[`d`,`stroke`,`stroke-width`],Wr=[`stroke`,`stroke-width`],Gr=[`stroke`,`stroke-width`],Kr=[`stroke`,`stroke-width`],qr=[`fill`],Jr=[`fill`],Yr=[`xmlns`],Xr=[`x`,`y`,`fill`],Zr=[`x`,`y`,`fill`],Qr=[`x`,`y`,`fill`],$r=[`xmlns`],ei=[`fill`],ti=[`fill`],ni=[`y1`,`y2`,`stroke`,`stroke-width`],ri=[`x1`,`x2`,`stroke`,`stroke-width`],ii=[`xmlns`,`stroke`],ai=[`fill`],oi=[`xmlns`,`stroke`],si=[`xmlns`,`stroke`],ci=[`fill`],li=[`xmlns`,`stroke`],ui=[`xmlns`,`stroke`],di=[`fill`],fi=[`xmlns`,`stroke`],pi=[`xmlns`,`stroke`],mi=[`fill`],hi=[`xmlns`,`stroke`],W=[`xmlns`,`stroke`],gi=[`fill`],_i=[`xmlns`,`stroke`],vi=[`xmlns`],yi=[`points`,`fill`,`stroke`,`stroke-width`],bi=[`xmlns`],xi={key:0},Si=[`stroke`,`stroke-width`],Ci=[`y`,`width`,`fill`,`rx`],G=/*#__PURE__*/ o({__name:`vue-ui-skeleton`,props:{config:{type:Object,default(){return{}}}},setup(e){let{vue_ui_skeleton:o}=t(),b=e,G=_(`vue-ui-skeleton-${ee()}`),K=l(()=>re({userConfig:b.config,defaultConfig:o})),q=l(()=>K.value.style);te({config:()=>K.value,dataset:()=>[],component:`VueUiSkeleton`,rules:[ne.noHint]});let wi=l(()=>K.value.style.animated),J=l(()=>K.value.type),Ti=_([60,50,55,36,40,25,26,12]),Ei=l(()=>i({plot:{x:50,y:50},radius:40,sides:6}).path),Di=l(()=>i({plot:{x:50,y:50},radius:30,sides:6}).path),Oi=l(()=>i({plot:{x:50,y:50},radius:20,sides:6}).path),ki=l(()=>i({plot:{x:50,y:50},radius:10,sides:6}).path),Y=_([{root:{x:70,y:77,r:44,opacity:100},bars:[{x:200,y:37,opacity:100,width:240},{x:200,y:118,opacity:100,width:180},{x:200,y:253,opacity:100,width:80}]},{root:{x:70,y:177,r:32,opacity:70},bars:[{x:200,y:145,opacity:70,width:160},{x:200,y:172,opacity:70,width:140},{x:200,y:199,opacity:70,width:120}]},{root:{x:70,y:257,r:24,opacity:40},bars:[{x:200,y:64,opacity:40,width:220},{x:200,y:91,opacity:40,width:200},{x:200,y:226,opacity:40,width:100}]}]),X=_([{y:200,height:100,bar:50},{y:180,height:100,bar:40},{y:150,height:100,bar:30},{y:120,height:80,bar:50},{y:110,height:60,bar:30},{y:80,height:80,bar:10},{y:50,height:80,bar:40},{y:24,height:40,bar:24},{y:44,height:20,bar:13},{y:32,height:45,bar:19}]),Z=_([[3,2.5],[4,3.1],[8,6],[9.5,6.5],[12,11],[16,15],[18,18.2],[25,24],[24,26],[32,32],[33,32],[32,31],[38,37],[37,38],[42,41],[40,41],[44,45],[38,35],[31,32]]),Q=_([{x:40,y:30},{x:45,y:28},{x:50,y:25},{x:55,y:20},{x:60,y:27},{x:65,y:14},{x:70,y:23},{x:75,y:16},{x:80,y:25},{x:85,y:10},{x:90,y:18},{x:95,y:7},{x:100,y:12},{x:105,y:10},{x:110,y:20},{x:115,y:7},{x:120,y:14},{x:125,y:10},{x:130,y:19},{x:135,y:3},{x:140,y:10},{x:145,y:2},{x:150,y:1}]);function $(e,t=1){let n=29.85;return{x:200+160*Math.cos(n+e*Math.PI/180)*t,y:200+160*Math.sin(n+e*Math.PI/180)*t}}let Ai=l(()=>{let e=[];for(let t=0;t<100;t+=1)e.push({x1:$(360/100*t).x,y1:$(360/100*t).y,x2:$(360/100*t,.9).x,y2:$(360/100*t,.9).y,color:K.value.style.wheel.color});return e}),ji=_([`M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z`,`M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z`,`M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z`,`M172.91 50.03A180 180 0 0110.53 179.69l1.4 23.96A204 204 0 00195.96 56.7Z`,`M-166.87-67.49a180 180 0 0151.02-70.28Q0 0 119.83-134.32a180 180 0 0152.13 81.13Q0 0-166.87-67.49Z`,`M-29.99-177.48a180 180 0 0110.73-1.49Q0 0 112.89 140.2A180 180 0 0153.63 171.83Q0 0-29.99-177.48Z`,`M179.71 10.29a180 180 0 01-4.52 31.04Q0 0-40.87-175.3a180 180 0 0110.88-2.18Q0 0 179.71 10.29Z`,`M-19.26-178.97Q0 0-166.87-67.49a180 180 0 00-12.14 86.36Q0 0-9-179.78a180 180 0 00-10.26.81Z`,`M-108.82-143.38Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Z`,`M0-180a180 180 0 01119.83 45.68Q0 0 0-180a180 180 0 01119.83 45.68Q0 0 0-180Z`,`M-148.85 101.22Q0 0-179.01 18.87a180 180 0 0030.16 82.35Q0 0-179.01 18.87a180 180 0 0030.16 82.35Z`,`M1.53 179.99Q0 0 31.73 177.18a180 180 0 0021.9-5.35Q0 0-148.85 101.22A180 180 0 001.53 179.99Z`,`M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z`,`M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z`]);return(e,t)=>(g(),d(`div`,{id:G.value,class:ae({"vue-data-ui-component":!0,"vue-ui-skeleton":!0,"vue-ui-skeleton-animated":wi.value}),style:h(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)},[J.value===`chord`?(g(),d(`svg`,{key:0,xmlns:y(a),width:`100%`,viewBox:`0 0 600 600`,style:h({background:q.value.backgroundColor})},[m(s),f(`g`,ce,[(g(!0),d(c,null,v(ji.value,(e,t)=>(g(),d(`path`,{key:e,d:e,fill:q.value.chord.color,stroke:q.value.backgroundColor,"stroke-width":`2`,style:h({opacity:t>3?.6:1})},null,12,le))),128))])],12,se)):u(``,!0),J.value===`ridgeline`?(g(),d(`svg`,{key:1,xmlns:y(a),width:`100%`,viewBox:`20 0 512 200`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`defs`,null,[m(ie,{t:`linear`,id:`ridgeline-gradient-${G.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,q.value.ridgeline.color,1],[`30%`,q.value.ridgeline.color,.7],[`70%`,q.value.ridgeline.color,.3],[`100%`,q.value.ridgeline.color,.1]]},null,8,[`id`,`stops`])]),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 60c6.18-.6 12.36-1.11 18.55-1.79 6.18-.68 12.37-2.38 18.55-2.4 6.19-.01 12.37 0 18.56-.01 6.18-.02 12.37-5.3 18.55-5.3 6.19 0 12.37 4.95 18.56 4.95 6.18 0 12.37-2.78 18.55-2.78 6.19 0 12.37 1.02 18.56 1.92 6.18.9 12.37 4.58 18.55 4.58s12.37-6.71 18.55-6.71c6.19 0 12.37.89 18.56.89 6.18 0 12.37-4.48 18.55-4.48 6.19 0 12.37 4.79 18.56 4.79 6.18 0 12.37-26.07 18.55-26.07 6.19 0 12.37 9.31 18.56 13.85 6.18 4.54 12.37 13.39 18.55 13.39 6.19 0 12.37-36.14 18.56-36.14 6.18 0 12.36 38.45 18.55 38.45 6.18 0 12.37-11.46 18.55-16.94 6.19-5.48 12.37-15.97 18.56-15.97 6.18 0 12.37 16.4 18.55 16.4 6.19 0 12.37-.12 18.56-.35 6.18-.22 12.37-38.08 18.55-38.08 6.19 0 12.37 24.07 18.56 36.1V60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,x),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 90c6.18-.22 12.36-.35 18.55-.67 6.18-.32 12.37-1.65 18.55-1.65 6.19 0 12.37 1.66 18.56 1.66 6.18 0 12.37-8.76 18.55-8.76 6.19 0 12.37 4.15 18.56 4.15 6.18 0 12.37-8.44 18.55-8.44 6.19 0 12.37 10.87 18.56 10.87 6.18 0 12.37-9.21 18.55-12.16 6.18-2.96 12.37-6.97 18.55-6.97 6.19 0 12.37 9.59 18.56 12.77 6.18 3.18 12.37 7.6 18.55 7.6 6.19 0 12.37-24.44 18.56-24.44 6.18 0 12.37 16.97 18.55 16.97 6.19 0 12.37-20.62 18.56-20.62 6.18 0 12.37 20.37 18.55 20.37 6.19 0 12.37-13.13 18.56-13.13 6.18 0 12.36 13.51 18.55 13.51 6.18 0 12.37-26.41 18.55-26.41 6.19 0 12.37.49 18.56 1.26 6.18.78 12.37 13.82 18.55 13.82 6.19 0 12.37-5.3 18.56-8.3 6.18-3 12.37-9.81 18.55-9.81 6.19 0 12.37 19.82 18.56 29.72V90`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,S),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 120c6.18-.34 12.36-.55 18.55-1.01 6.18-.46 12.37-1.17 18.55-2.15 6.19-.99 12.37-3.7 18.56-4.69 6.18-.98 12.37-2.15 18.55-2.15 6.19 0 12.37.52 18.56 1.2 6.18.68 12.37 6.67 18.55 6.67 6.19 0 12.37-12.15 18.56-12.15 6.18 0 12.37 4.6 18.55 4.6S227.5 99.7 233.68 98.99c6.19-.71 12.37-1.18 18.56-1.18 6.18 0 12.37 17.75 18.55 18.22 6.19.48 12.37.74 18.56.74 6.18 0 12.37-17.09 18.55-17.09 6.19 0 12.37 12.68 18.56 12.68 6.18 0 12.37-.33 18.55-.67 6.19-.34 12.37-.79 18.56-2.06 6.18-1.26 12.36-25.45 18.55-25.45 6.18 0 12.37 10.35 18.55 10.35 6.19 0 12.37-21.07 18.56-21.07 6.18 0 12.37 33.27 18.55 33.27 6.19 0 12.37-26.97 18.56-26.97 6.18 0 12.37 26.97 18.55 27.36 6.19.4 12.37.41 18.56.61V120`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,C),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 150c6.18-.52 12.36-1.57 18.55-1.57 6.18 0 12.37 1.36 18.55 1.36 6.19 0 12.37-1.75 18.56-3.18 6.18-1.43 12.37-6.62 18.55-6.62 6.19 0 12.37 9.98 18.56 9.98 6.18 0 12.37-4.94 18.55-5.64 6.19-.71 12.37-.52 18.56-1.31 6.18-.78 12.37-12.43 18.55-12.43s12.37 18.52 18.55 18.52c6.19 0 12.37-2.49 18.56-2.49 6.18 0 12.37 3.02 18.55 3.02 6.19 0 12.37-29.39 18.56-29.39 6.18 0 12.37 5.56 18.55 8.36 6.19 2.81 12.37 5.14 18.56 8.47 6.18 3.34 12.37 12.25 18.55 12.25 6.19 0 12.37-4.3 18.56-8.78 6.18-4.48 12.36-28.77 18.55-28.77 6.18 0 12.37 1.29 18.55 3.02 6.19 1.72 12.37 18.36 18.56 18.36 6.18 0 12.37-7.68 18.55-12.92 6.19-5.24 12.37-18.51 18.56-20.1 6.18-1.58 12.37-2.7 18.55-2.7 6.19 0 12.37 34.69 18.56 52.04V150`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,w),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 180c6.18-.6 12.36-1.07 18.55-1.81 6.18-.74 12.37-2.86 18.55-2.86 6.19 0 12.37 2.14 18.56 2.14 6.18 0 12.37-7.08 18.55-7.08 6.19 0 12.37 1.08 18.56 2.03 6.18.95 12.37 4.75 18.55 4.75 6.19 0 12.37-2.45 18.56-4.62 6.18-2.17 12.37-10.99 18.55-10.99s12.37 9.58 18.55 9.58c6.19 0 12.37-.25 18.56-.69 6.18-.43 12.37-13.6 18.55-13.6 6.19 0 12.37 17.23 18.56 17.23 6.18 0 12.37-2.5 18.55-5.19 6.19-2.68 12.37-15.45 18.56-18 6.18-2.55 12.37-4.86 18.55-4.86 6.19 0 12.37 18.61 18.56 18.61 6.18 0 12.36-24.22 18.55-26.66 6.18-2.45 12.37-4.25 18.55-4.25 6.19 0 12.37 7.92 18.56 7.92 6.18 0 12.37-1.95 18.55-1.95 6.19 0 12.37 29.69 18.56 29.69 6.18 0 12.37-2.55 18.55-6.14 6.19-3.58 12.37-28.83 18.56-43.25v60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,T)],12,ue)):u(``,!0),J.value===`historyPlot`?(g(),d(`svg`,{key:2,xmlns:y(a),width:`100%`,viewBox:`0 0 612 512`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`12`,y1:`12`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,D),f(`line`,{x1:`12`,x2:`600`,y1:`500`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,O),f(`path`,{d:`M 80,100 300,200 400,150 560,230 360,420 230,320`,fill:`none`,stroke:q.value.historyPlot.color,"stroke-width":`3`},null,8,k),f(`circle`,{cx:`80`,cy:`100`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,A),f(`text`,{x:`80`,y:`108`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 1 `,8,j),f(`circle`,{cx:`300`,cy:`200`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,M),f(`text`,{x:`300`,y:`208`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 2 `,8,N),f(`circle`,{cx:`400`,cy:`150`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,P),f(`text`,{x:`400`,y:`158`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 3 `,8,F),f(`circle`,{cx:`560`,cy:`230`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,I),f(`text`,{x:`560`,y:`238`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 4 `,8,L),f(`circle`,{cx:`360`,cy:`420`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,R),f(`text`,{x:`360`,y:`428`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 5 `,8,z),f(`circle`,{cx:`230`,cy:`320`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,B),f(`text`,{x:`230`,y:`328`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 6 `,8,V)],12,E)):u(``,!0),J.value===`circlePack`?(g(),d(`svg`,{key:3,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[f(`circle`,{cx:50,cy:50,r:20,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,U),f(`circle`,{cx:80,cy:50,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,de),f(`circle`,{cx:28,cy:30,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,fe),f(`circle`,{cx:25,cy:76,r:16,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,pe),f(`circle`,{cx:60,cy:78.5,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,me),f(`circle`,{cx:64,cy:20,r:13,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,he),f(`circle`,{cx:72,cy:37,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ge),f(`circle`,{cx:25,cy:45,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,_e),f(`circle`,{cx:70,cy:66,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ve)],12,H)):u(``,!0),J.value===`flow`?(g(),d(`svg`,{key:4,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z`,stroke:q.value.flow.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.flow.color},null,8,be)],12,ye)):u(``,!0),J.value===`parallelCoordinatePlot`?(g(),d(`svg`,{key:5,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2`,stroke:q.value.parallelCoordinatePlot.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.parallelCoordinatePlot.color},null,8,Se)],12,xe)):u(``,!0),J.value===`bullet`?(g(),d(`svg`,{key:6,xmlns:y(a),width:`100%`,viewBox:`0 0 600 96`,style:h(`background:${q.value.backgroundColor}`)},[f(`rect`,{fill:q.value.bullet.color,x:24,y:12,width:300,height:72,style:{opacity:`0.8`}},null,8,we),f(`rect`,{fill:q.value.bullet.color,x:324,y:12,width:150,height:72,style:{opacity:`0.6`}},null,8,Te),f(`rect`,{fill:q.value.bullet.color,x:474,y:12,width:102,height:72,style:{opacity:`0.3`}},null,8,Ee),f(`rect`,{fill:q.value.bullet.color,x:24,y:36,width:490,height:24,style:{opacity:`1`}},null,8,De)],12,Ce)):u(``,!0),J.value===`dumbbell`?(g(),d(`svg`,{key:7,xmlns:y(a),width:`100%`,viewBox:`0 0 100 55`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.dumbbell.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,ke),f(`path`,{d:`
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{B as n,Jt as r,M as i,X as ee,t as a}from"./lib-rPeBMZrn.js";import{n as te,t as ne}from"./useHints-BH9r_0Vd.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as re}from"./useNestedProp-DnGoh-XS.js";import{t as ie}from"./DefGrad-DKMq1REY.js";import{n as s}from"./PackageVersion-BIhjLNBU.js";import{Fragment as c,computed as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createStaticVNode as p,createVNode as m,normalizeClass as ae,normalizeStyle as h,openBlock as g,ref as _,renderList as v,unref as y}from"vue";var b=/* @__PURE__ */ e({default:()=>G}),oe=[`id`],se=[`xmlns`],ce={transform:`translate(300, 300)`},le=[`d`,`fill`,`stroke`],ue=[`xmlns`],x=[`fill`,`stroke`],S=[`fill`,`stroke`],C=[`fill`,`stroke`],w=[`fill`,`stroke`],T=[`fill`,`stroke`],E=[`xmlns`],D=[`stroke`],O=[`stroke`],k=[`stroke`],A=[`fill`,`stroke`],j=[`fill`],M=[`fill`,`stroke`],N=[`fill`],P=[`fill`,`stroke`],F=[`fill`],I=[`fill`,`stroke`],L=[`fill`],R=[`fill`,`stroke`],z=[`fill`],B=[`fill`,`stroke`],V=[`fill`],H=[`xmlns`],U=[`stroke`],de=[`stroke`],fe=[`stroke`],pe=[`stroke`],me=[`stroke`],he=[`stroke`],ge=[`stroke`],_e=[`stroke`],ve=[`stroke`],ye=[`xmlns`],be=[`stroke`,`fill`],xe=[`xmlns`],Se=[`stroke`,`fill`],Ce=[`xmlns`],we=[`fill`],Te=[`fill`],Ee=[`fill`],De=[`fill`],Oe=[`xmlns`],ke=[`stroke`],Ae=[`fill`],je=[`stroke`,`fill`],Me=[`stroke`,`fill`],Ne=[`fill`],Pe=[`stroke`,`fill`],Fe=[`stroke`,`fill`],Ie=[`fill`],Le=[`stroke`,`fill`],Re=[`stroke`,`fill`],ze=[`fill`],Be=[`stroke`,`fill`],Ve=[`stroke`,`fill`],He=[`fill`],Ue=[`stroke`,`fill`],We=[`stroke`,`fill`],Ge=[`xmlns`],Ke=[`stroke`],qe=[`stroke`],Je=[`stroke`,`fill`],Ye=[`stroke`,`fill`],Xe=[`stroke`,`fill`],Ze=[`stroke`,`fill`],Qe=[`stroke`,`fill`],$e=[`stroke`,`fill`],et=[`stroke`,`fill`],tt=[`stroke`,`fill`],nt=[`stroke`,`fill`],rt=[`stroke`,`fill`],it=[`stroke`,`fill`],at=[`stroke`,`fill`],ot=[`stroke`,`fill`],st=[`stroke`,`fill`],ct=[`stroke`,`fill`],lt=[`stroke`,`fill`],ut=[`stroke`,`fill`],dt=[`stroke`,`fill`],ft=[`stroke`,`fill`],pt=[`stroke`,`fill`],mt=[`stroke`,`fill`],ht=[`stroke`,`fill`],gt=[`stroke`,`fill`],_t=[`xmlns`],vt=[`stroke`],yt=[`xmlns`],bt=[`stroke`],xt=[`xmlns`],St=[`stroke`],Ct=[`xmlns`],wt=[`fill`],Tt=[`fill`],Et=[`fill`],Dt=[`fill`],Ot=[`fill`],kt=[`fill`],At=[`fill`],jt=[`fill`],Mt=[`fill`],Nt=[`fill`],Pt=[`fill`],Ft=[`fill`],It=[`xmlns`],Lt=[`stroke`],Rt=[`stroke`],zt=[`stroke`],Bt=[`stroke`],Vt=[`stroke`],Ht=[`stroke`],Ut=[`xmlns`],Wt=[`stroke`],Gt=[`stroke`],Kt=[`stroke`],qt=[`stroke`],Jt=[`stroke`],Yt=[`stroke`],Xt=[`stroke`],Zt=[`stroke`],Qt=[`stroke`],$t=[`xmlns`],en=[`stroke`],tn=[`xmlns`],nn=[`stroke`],rn=[`stroke`],an=[`stroke`],on=[`stroke`],sn=[`stroke`],cn=[`stroke`],ln=[`stroke`],un=[`stroke`],dn=[`stroke`],fn=[`xmlns`],pn=[`x1`,`x2`,`stroke`],mn=[`xmlns`],hn=[`x`,`y`,`width`,`height`,`fill`],gn=[`y`,`width`,`height`,`fill`],_n=[`xmlns`],vn=[`fill`],yn=[`fill`],bn=[`fill`],xn=[`xmlns`],Sn=[`x1`,`x2`,`y1`,`y2`,`stroke`],Cn=[`stroke`],wn=[`fill`],Tn=[`xmlns`],En=[`fill`],Dn=[`fill`],On=[`x1`,`y1`,`x2`,`y2`,`stroke-width`,`stroke`],kn=[`xmlns`],An={key:0},jn=[`stroke`,`stroke-width`],Mn=[`stroke`,`stroke-width`],Nn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Pn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Fn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],In=[`x`,`y`,`height`,`width`,`fill`],Ln=[`xmlns`,`viewBox`],Rn=[`x`,`y`,`stroke`,`fill`],zn=[`xmlns`],Bn=[`d`,`stroke`],Vn=[`cx`,`cy`,`r`,`fill`,`stroke`],Hn=[`cx`,`cy`,`r`,`fill`,`stroke`],Un=[`x`,`y`,`width`,`fill`],Wn=[`cx`,`cy`,`fill`],Gn=[`cx`,`cy`,`fill`],Kn=[`stroke`],qn=[`xmlns`],Jn=[`stroke`,`stroke-width`],Yn=[`stroke`,`stroke-width`],Xn=[`stroke`,`stroke-width`],Zn=[`fill`],Qn=[`fill`],$n=[`fill`],er=[`fill`],tr=[`fill`],nr=[`fill`],rr=[`xmlns`],ir={key:0},ar=[`stroke`,`stroke-width`],or=[`stroke`,`stroke-width`],sr=[`stroke`,`stroke-width`],cr={key:1},lr=[`r`,`fill`],ur=[`r`,`fill`],dr=[`xmlns`],fr={key:0},pr=[`stroke`,`stroke-width`],mr=[`stroke`,`stroke-width`],hr=[`fill`,`rx`,`x`,`y`,`width`,`height`],gr=[`xmlns`],_r=[`stroke-width`,`stroke`],vr=[`stroke-width`,`stroke`],yr=[`stroke-width`,`stroke`],br=[`xmlns`],xr=[`stroke`],Sr=[`stroke`],Cr=[`stroke`],wr=[`stroke`],Tr=[`fill`],Er=[`stroke`],Dr=[`xmlns`],Or=[`stroke`,`stroke-width`],kr=[`stroke`,`stroke-width`],Ar=[`fill`,`r`],jr=[`fill`,`r`],Mr=[`fill`,`r`],Nr=[`fill`,`r`],Pr=[`fill`,`r`],Fr=[`fill`,`r`],Ir=[`fill`,`r`],Lr=[`fill`,`r`],Rr=[`fill`,`r`],zr=[`xmlns`],Br=[`d`,`stroke`,`stroke-width`],Vr=[`d`,`stroke`,`stroke-width`],Hr=[`d`,`stroke`,`stroke-width`],Ur=[`d`,`stroke`,`stroke-width`],Wr=[`stroke`,`stroke-width`],Gr=[`stroke`,`stroke-width`],Kr=[`stroke`,`stroke-width`],qr=[`fill`],Jr=[`fill`],Yr=[`xmlns`],Xr=[`x`,`y`,`fill`],Zr=[`x`,`y`,`fill`],Qr=[`x`,`y`,`fill`],$r=[`xmlns`],ei=[`fill`],ti=[`fill`],ni=[`y1`,`y2`,`stroke`,`stroke-width`],ri=[`x1`,`x2`,`stroke`,`stroke-width`],ii=[`xmlns`,`stroke`],ai=[`fill`],oi=[`xmlns`,`stroke`],si=[`xmlns`,`stroke`],ci=[`fill`],li=[`xmlns`,`stroke`],ui=[`xmlns`,`stroke`],di=[`fill`],fi=[`xmlns`,`stroke`],pi=[`xmlns`,`stroke`],mi=[`fill`],hi=[`xmlns`,`stroke`],W=[`xmlns`,`stroke`],gi=[`fill`],_i=[`xmlns`,`stroke`],vi=[`xmlns`],yi=[`points`,`fill`,`stroke`,`stroke-width`],bi=[`xmlns`],xi={key:0},Si=[`stroke`,`stroke-width`],Ci=[`y`,`width`,`fill`,`rx`],G=/*#__PURE__*/ o({__name:`vue-ui-skeleton`,props:{config:{type:Object,default(){return{}}}},setup(e){let{vue_ui_skeleton:o}=t(),b=e,G=_(`vue-ui-skeleton-${ee()}`),K=l(()=>re({userConfig:b.config,defaultConfig:o})),q=l(()=>K.value.style);te({config:()=>K.value,dataset:()=>[],component:`VueUiSkeleton`,rules:[ne.noHint]});let wi=l(()=>K.value.style.animated),J=l(()=>K.value.type),Ti=_([60,50,55,36,40,25,26,12]),Ei=l(()=>i({plot:{x:50,y:50},radius:40,sides:6}).path),Di=l(()=>i({plot:{x:50,y:50},radius:30,sides:6}).path),Oi=l(()=>i({plot:{x:50,y:50},radius:20,sides:6}).path),ki=l(()=>i({plot:{x:50,y:50},radius:10,sides:6}).path),Y=_([{root:{x:70,y:77,r:44,opacity:100},bars:[{x:200,y:37,opacity:100,width:240},{x:200,y:118,opacity:100,width:180},{x:200,y:253,opacity:100,width:80}]},{root:{x:70,y:177,r:32,opacity:70},bars:[{x:200,y:145,opacity:70,width:160},{x:200,y:172,opacity:70,width:140},{x:200,y:199,opacity:70,width:120}]},{root:{x:70,y:257,r:24,opacity:40},bars:[{x:200,y:64,opacity:40,width:220},{x:200,y:91,opacity:40,width:200},{x:200,y:226,opacity:40,width:100}]}]),X=_([{y:200,height:100,bar:50},{y:180,height:100,bar:40},{y:150,height:100,bar:30},{y:120,height:80,bar:50},{y:110,height:60,bar:30},{y:80,height:80,bar:10},{y:50,height:80,bar:40},{y:24,height:40,bar:24},{y:44,height:20,bar:13},{y:32,height:45,bar:19}]),Z=_([[3,2.5],[4,3.1],[8,6],[9.5,6.5],[12,11],[16,15],[18,18.2],[25,24],[24,26],[32,32],[33,32],[32,31],[38,37],[37,38],[42,41],[40,41],[44,45],[38,35],[31,32]]),Q=_([{x:40,y:30},{x:45,y:28},{x:50,y:25},{x:55,y:20},{x:60,y:27},{x:65,y:14},{x:70,y:23},{x:75,y:16},{x:80,y:25},{x:85,y:10},{x:90,y:18},{x:95,y:7},{x:100,y:12},{x:105,y:10},{x:110,y:20},{x:115,y:7},{x:120,y:14},{x:125,y:10},{x:130,y:19},{x:135,y:3},{x:140,y:10},{x:145,y:2},{x:150,y:1}]);function $(e,t=1){let n=29.85;return{x:200+160*Math.cos(n+e*Math.PI/180)*t,y:200+160*Math.sin(n+e*Math.PI/180)*t}}let Ai=l(()=>{let e=[];for(let t=0;t<100;t+=1)e.push({x1:$(360/100*t).x,y1:$(360/100*t).y,x2:$(360/100*t,.9).x,y2:$(360/100*t,.9).y,color:K.value.style.wheel.color});return e}),ji=_([`M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z`,`M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z`,`M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z`,`M172.91 50.03A180 180 0 0110.53 179.69l1.4 23.96A204 204 0 00195.96 56.7Z`,`M-166.87-67.49a180 180 0 0151.02-70.28Q0 0 119.83-134.32a180 180 0 0152.13 81.13Q0 0-166.87-67.49Z`,`M-29.99-177.48a180 180 0 0110.73-1.49Q0 0 112.89 140.2A180 180 0 0153.63 171.83Q0 0-29.99-177.48Z`,`M179.71 10.29a180 180 0 01-4.52 31.04Q0 0-40.87-175.3a180 180 0 0110.88-2.18Q0 0 179.71 10.29Z`,`M-19.26-178.97Q0 0-166.87-67.49a180 180 0 00-12.14 86.36Q0 0-9-179.78a180 180 0 00-10.26.81Z`,`M-108.82-143.38Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Z`,`M0-180a180 180 0 01119.83 45.68Q0 0 0-180a180 180 0 01119.83 45.68Q0 0 0-180Z`,`M-148.85 101.22Q0 0-179.01 18.87a180 180 0 0030.16 82.35Q0 0-179.01 18.87a180 180 0 0030.16 82.35Z`,`M1.53 179.99Q0 0 31.73 177.18a180 180 0 0021.9-5.35Q0 0-148.85 101.22A180 180 0 001.53 179.99Z`,`M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z`,`M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z`]);return(e,t)=>(g(),d(`div`,{id:G.value,class:ae({"vue-data-ui-component":!0,"vue-ui-skeleton":!0,"vue-ui-skeleton-animated":wi.value}),style:h(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)},[J.value===`chord`?(g(),d(`svg`,{key:0,xmlns:y(a),width:`100%`,viewBox:`0 0 600 600`,style:h({background:q.value.backgroundColor})},[m(s),f(`g`,ce,[(g(!0),d(c,null,v(ji.value,(e,t)=>(g(),d(`path`,{key:e,d:e,fill:q.value.chord.color,stroke:q.value.backgroundColor,"stroke-width":`2`,style:h({opacity:t>3?.6:1})},null,12,le))),128))])],12,se)):u(``,!0),J.value===`ridgeline`?(g(),d(`svg`,{key:1,xmlns:y(a),width:`100%`,viewBox:`20 0 512 200`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`defs`,null,[m(ie,{t:`linear`,id:`ridgeline-gradient-${G.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,q.value.ridgeline.color,1],[`30%`,q.value.ridgeline.color,.7],[`70%`,q.value.ridgeline.color,.3],[`100%`,q.value.ridgeline.color,.1]]},null,8,[`id`,`stops`])]),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 60c6.18-.6 12.36-1.11 18.55-1.79 6.18-.68 12.37-2.38 18.55-2.4 6.19-.01 12.37 0 18.56-.01 6.18-.02 12.37-5.3 18.55-5.3 6.19 0 12.37 4.95 18.56 4.95 6.18 0 12.37-2.78 18.55-2.78 6.19 0 12.37 1.02 18.56 1.92 6.18.9 12.37 4.58 18.55 4.58s12.37-6.71 18.55-6.71c6.19 0 12.37.89 18.56.89 6.18 0 12.37-4.48 18.55-4.48 6.19 0 12.37 4.79 18.56 4.79 6.18 0 12.37-26.07 18.55-26.07 6.19 0 12.37 9.31 18.56 13.85 6.18 4.54 12.37 13.39 18.55 13.39 6.19 0 12.37-36.14 18.56-36.14 6.18 0 12.36 38.45 18.55 38.45 6.18 0 12.37-11.46 18.55-16.94 6.19-5.48 12.37-15.97 18.56-15.97 6.18 0 12.37 16.4 18.55 16.4 6.19 0 12.37-.12 18.56-.35 6.18-.22 12.37-38.08 18.55-38.08 6.19 0 12.37 24.07 18.56 36.1V60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,x),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 90c6.18-.22 12.36-.35 18.55-.67 6.18-.32 12.37-1.65 18.55-1.65 6.19 0 12.37 1.66 18.56 1.66 6.18 0 12.37-8.76 18.55-8.76 6.19 0 12.37 4.15 18.56 4.15 6.18 0 12.37-8.44 18.55-8.44 6.19 0 12.37 10.87 18.56 10.87 6.18 0 12.37-9.21 18.55-12.16 6.18-2.96 12.37-6.97 18.55-6.97 6.19 0 12.37 9.59 18.56 12.77 6.18 3.18 12.37 7.6 18.55 7.6 6.19 0 12.37-24.44 18.56-24.44 6.18 0 12.37 16.97 18.55 16.97 6.19 0 12.37-20.62 18.56-20.62 6.18 0 12.37 20.37 18.55 20.37 6.19 0 12.37-13.13 18.56-13.13 6.18 0 12.36 13.51 18.55 13.51 6.18 0 12.37-26.41 18.55-26.41 6.19 0 12.37.49 18.56 1.26 6.18.78 12.37 13.82 18.55 13.82 6.19 0 12.37-5.3 18.56-8.3 6.18-3 12.37-9.81 18.55-9.81 6.19 0 12.37 19.82 18.56 29.72V90`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,S),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 120c6.18-.34 12.36-.55 18.55-1.01 6.18-.46 12.37-1.17 18.55-2.15 6.19-.99 12.37-3.7 18.56-4.69 6.18-.98 12.37-2.15 18.55-2.15 6.19 0 12.37.52 18.56 1.2 6.18.68 12.37 6.67 18.55 6.67 6.19 0 12.37-12.15 18.56-12.15 6.18 0 12.37 4.6 18.55 4.6S227.5 99.7 233.68 98.99c6.19-.71 12.37-1.18 18.56-1.18 6.18 0 12.37 17.75 18.55 18.22 6.19.48 12.37.74 18.56.74 6.18 0 12.37-17.09 18.55-17.09 6.19 0 12.37 12.68 18.56 12.68 6.18 0 12.37-.33 18.55-.67 6.19-.34 12.37-.79 18.56-2.06 6.18-1.26 12.36-25.45 18.55-25.45 6.18 0 12.37 10.35 18.55 10.35 6.19 0 12.37-21.07 18.56-21.07 6.18 0 12.37 33.27 18.55 33.27 6.19 0 12.37-26.97 18.56-26.97 6.18 0 12.37 26.97 18.55 27.36 6.19.4 12.37.41 18.56.61V120`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,C),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 150c6.18-.52 12.36-1.57 18.55-1.57 6.18 0 12.37 1.36 18.55 1.36 6.19 0 12.37-1.75 18.56-3.18 6.18-1.43 12.37-6.62 18.55-6.62 6.19 0 12.37 9.98 18.56 9.98 6.18 0 12.37-4.94 18.55-5.64 6.19-.71 12.37-.52 18.56-1.31 6.18-.78 12.37-12.43 18.55-12.43s12.37 18.52 18.55 18.52c6.19 0 12.37-2.49 18.56-2.49 6.18 0 12.37 3.02 18.55 3.02 6.19 0 12.37-29.39 18.56-29.39 6.18 0 12.37 5.56 18.55 8.36 6.19 2.81 12.37 5.14 18.56 8.47 6.18 3.34 12.37 12.25 18.55 12.25 6.19 0 12.37-4.3 18.56-8.78 6.18-4.48 12.36-28.77 18.55-28.77 6.18 0 12.37 1.29 18.55 3.02 6.19 1.72 12.37 18.36 18.56 18.36 6.18 0 12.37-7.68 18.55-12.92 6.19-5.24 12.37-18.51 18.56-20.1 6.18-1.58 12.37-2.7 18.55-2.7 6.19 0 12.37 34.69 18.56 52.04V150`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,w),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 180c6.18-.6 12.36-1.07 18.55-1.81 6.18-.74 12.37-2.86 18.55-2.86 6.19 0 12.37 2.14 18.56 2.14 6.18 0 12.37-7.08 18.55-7.08 6.19 0 12.37 1.08 18.56 2.03 6.18.95 12.37 4.75 18.55 4.75 6.19 0 12.37-2.45 18.56-4.62 6.18-2.17 12.37-10.99 18.55-10.99s12.37 9.58 18.55 9.58c6.19 0 12.37-.25 18.56-.69 6.18-.43 12.37-13.6 18.55-13.6 6.19 0 12.37 17.23 18.56 17.23 6.18 0 12.37-2.5 18.55-5.19 6.19-2.68 12.37-15.45 18.56-18 6.18-2.55 12.37-4.86 18.55-4.86 6.19 0 12.37 18.61 18.56 18.61 6.18 0 12.36-24.22 18.55-26.66 6.18-2.45 12.37-4.25 18.55-4.25 6.19 0 12.37 7.92 18.56 7.92 6.18 0 12.37-1.95 18.55-1.95 6.19 0 12.37 29.69 18.56 29.69 6.18 0 12.37-2.55 18.55-6.14 6.19-3.58 12.37-28.83 18.56-43.25v60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,T)],12,ue)):u(``,!0),J.value===`historyPlot`?(g(),d(`svg`,{key:2,xmlns:y(a),width:`100%`,viewBox:`0 0 612 512`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`12`,y1:`12`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,D),f(`line`,{x1:`12`,x2:`600`,y1:`500`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,O),f(`path`,{d:`M 80,100 300,200 400,150 560,230 360,420 230,320`,fill:`none`,stroke:q.value.historyPlot.color,"stroke-width":`3`},null,8,k),f(`circle`,{cx:`80`,cy:`100`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,A),f(`text`,{x:`80`,y:`108`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 1 `,8,j),f(`circle`,{cx:`300`,cy:`200`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,M),f(`text`,{x:`300`,y:`208`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 2 `,8,N),f(`circle`,{cx:`400`,cy:`150`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,P),f(`text`,{x:`400`,y:`158`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 3 `,8,F),f(`circle`,{cx:`560`,cy:`230`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,I),f(`text`,{x:`560`,y:`238`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 4 `,8,L),f(`circle`,{cx:`360`,cy:`420`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,R),f(`text`,{x:`360`,y:`428`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 5 `,8,z),f(`circle`,{cx:`230`,cy:`320`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,B),f(`text`,{x:`230`,y:`328`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 6 `,8,V)],12,E)):u(``,!0),J.value===`circlePack`?(g(),d(`svg`,{key:3,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[f(`circle`,{cx:50,cy:50,r:20,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,U),f(`circle`,{cx:80,cy:50,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,de),f(`circle`,{cx:28,cy:30,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,fe),f(`circle`,{cx:25,cy:76,r:16,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,pe),f(`circle`,{cx:60,cy:78.5,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,me),f(`circle`,{cx:64,cy:20,r:13,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,he),f(`circle`,{cx:72,cy:37,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ge),f(`circle`,{cx:25,cy:45,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,_e),f(`circle`,{cx:70,cy:66,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ve)],12,H)):u(``,!0),J.value===`flow`?(g(),d(`svg`,{key:4,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z`,stroke:q.value.flow.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.flow.color},null,8,be)],12,ye)):u(``,!0),J.value===`parallelCoordinatePlot`?(g(),d(`svg`,{key:5,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2`,stroke:q.value.parallelCoordinatePlot.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.parallelCoordinatePlot.color},null,8,Se)],12,xe)):u(``,!0),J.value===`bullet`?(g(),d(`svg`,{key:6,xmlns:y(a),width:`100%`,viewBox:`0 0 600 96`,style:h(`background:${q.value.backgroundColor}`)},[f(`rect`,{fill:q.value.bullet.color,x:24,y:12,width:300,height:72,style:{opacity:`0.8`}},null,8,we),f(`rect`,{fill:q.value.bullet.color,x:324,y:12,width:150,height:72,style:{opacity:`0.6`}},null,8,Te),f(`rect`,{fill:q.value.bullet.color,x:474,y:12,width:102,height:72,style:{opacity:`0.3`}},null,8,Ee),f(`rect`,{fill:q.value.bullet.color,x:24,y:36,width:490,height:24,style:{opacity:`1`}},null,8,De)],12,Ce)):u(``,!0),J.value===`dumbbell`?(g(),d(`svg`,{key:7,xmlns:y(a),width:`100%`,viewBox:`0 0 100 55`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.dumbbell.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,ke),f(`path`,{d:`
                     M 30,11
                     C 39,10 39,10
                     45,11

package/dist/{vue-ui-smiley-qCRUFmpq.js → vue-ui-smiley-VTdQetY0.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,Yt as r,at as i,i as a,t as o,zt as s}from"./lib-DqD8nbyX.js";import{n as c,t as l}from"./useHints-BH9r_0Vd.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as d}from"./useNestedProp-DrLnzyHO.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{Fragment as p,computed as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createTextVNode as v,createVNode as y,normalizeClass as b,normalizeStyle as x,onMounted as S,openBlock as C,ref as w,renderList as T,renderSlot as E,toDisplayString as D,unref as O,useSlots as k,watch as A,withCtx as j,withKeys as M}from"vue";var N=[`xmlns`,`stroke`],P=[`stroke`],F=[`xmlns`,`viewBox`,`stroke`],I=[`viewBox`,`stroke`],L=/*#__PURE__*/ u({__name:`BaseSmilingUnit`,props:{config:{type:Object},unit:{type:Number},currentRating:{type:Number},getActiveColor:{type:Function},calcShapeFill:{type:Function},isReadonly:{type:Boolean},hasBreakdown:{type:Boolean},hoveredValue:{type:Number},isCursorPointer:{type:Boolean}},emits:[`rate`,`mouseenter`,`mouseleave`],setup(e,{emit:t}){let n=e,i=t;return(t,a)=>(C(),g(`div`,{tabindex:`0`,class:b({"vue-ui-smiley-rated":!e.config.readonly&&e.currentRating===e.unit}),style:x({cursor:e.config.readonly?`default`:n.isCursorPointer?`pointer`:`default`,height:e.config.style.itemSize+`px`,aspectRatio:`1/1`,position:`relative`}),onMouseenter:a[0]||=e=>i(`mouseenter`),onMouseleave:a[1]||=e=>i(`mouseleave`),onClick:a[2]||=t=>i(`rate`,e.unit),onKeyup:a[3]||=M(t=>i(`rate`,e.unit),[`enter`])},[e.config.style.tooltip.show&&e.hasBreakdown&&e.isReadonly?(C(),g(`div`,{key:0,class:`vue-ui-rating-tooltip`,style:x({border:`1px solid ${e.config.style.tooltip.borderColor}`,position:`absolute`,top:`${e.config.style.tooltip.offsetY-48}px`,left:`50%`,transform:`translateX(-50%)`,width:`fit-content`,textAlign:`center`,background:e.config.style.tooltip.backgroundColor,display:e.hoveredValue===e.unit-1?`block`:`none`,padding:`2px 12px`,borderRadius:e.config.style.tooltip.borderRadius+`px`,boxShadow:e.config.style.tooltip.boxShadow})},[_(`div`,{style:x({width:`100%`,display:`flex`,flexDirection:`row`,gap:`6px`,position:`relative`,textAlign:`center`,color:e.config.style.tooltip.color})},[_(`span`,{style:x(`font-size:${e.config.style.tooltip.fontSize}px`)},D(e.unit)+`:`,5),_(`span`,{style:x(`font-weight:${e.config.style.tooltip.bold?`bold`:`normal`};font-size:${e.config.style.tooltip.fontSize}px`)},[E(t.$slots,`rating`,{},void 0,!0)],4),_(`div`,{style:x(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`)},` ▼ `,4)],4)],4)):h(``,!0),e.config.style.icons.filled?(C(),g(`svg`,{key:1,xmlns:O(o),style:{transition:`all 0.1s ease-in-out`,position:`absolute`,top:`0`,left:`0`},height:`100%`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:e.getActiveColor(e.unit-1),fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[_(`defs`,null,[y(f,{t:`radial`,id:`vueUiSmiley${e.unit-1}`,stops:[[`0%`,O(r)(e.config.style.colors.active[e.unit-1],.05),1],[`100%`,e.config.style.colors.active[e.unit-1],1]]},null,8,[`id`,`stops`])]),E(t.$slots,`path-icon-filled`,{},void 0,!0)],8,N)):(C(),g(`svg`,{key:2,style:{position:`absolute`,top:`0`,left:`0`,transition:`all 0.1s ease-in-out`},height:`100%`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:e.getActiveColor(e.unit-1),fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[E(t.$slots,`path-icon`,{},void 0,!0)],8,P)),e.config.style.icons.filled&&e.isReadonly?(C(),g(`svg`,{key:3,xmlns:O(o),style:{transition:`all 0.1s ease-in-out`,position:`absolute`,top:`0`,left:`0`},height:`100%`,viewBox:`0 0 ${e.calcShapeFill(e.unit-1)} 24`,"stroke-width":`1.5`,stroke:e.config.style.colors.activeReadonly[e.unit-1],fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[_(`defs`,null,[y(f,{t:`radial`,id:`vueUiSmiley${e.unit-1}`,stops:[[`0%`,O(r)(e.config.style.colors.activeReadonly[e.unit-1],.05),1],[`100%`,e.config.style.colors.activeReadonly[e.unit-1],1]]},null,8,[`id`,`stops`])]),E(t.$slots,`path-icon-filled-readonly`,{},void 0,!0)],8,F)):h(``,!0),!e.config.style.icons.filled&&e.isReadonly?(C(),g(`svg`,{key:4,style:{position:`absolute`,top:`0`,left:`0`,transition:`all 0.1s ease-in-out`},height:`100%`,viewBox:`0 0 ${e.calcShapeFill(e.unit-1)} 24`,"stroke-width":`1.5`,stroke:e.config.style.colors.activeReadonly[e.unit-1],fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[E(t.$slots,`path-icon-readonly`,{},void 0,!0)],8,I)):h(``,!0)],38))}},[[`__scopeId`,`data-v-9734e83c`]]),R=/* @__PURE__ */ e({default:()=>W}),z={key:0,class:`vue-ui-rating-title`,style:{width:`100%`}},B=[`d`,`fill`],V=[`d`],H=[`d`,`fill`],U=[`d`],W={__name:`vue-ui-smiley`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:r,emit:o}){let{vue_ui_smiley:u}=t(),f=e,b=k(),E=o,O=w(null),M=w(W()),N=m(()=>M.value.style.rating),P=m(()=>M.value.style),F=m(()=>M.value.debug);S(()=>{b[`chart-background`]&&F.value&&console.warn(`VueUiSmiley does not support the #chart-background slot.`)});function I(){(!Object.hasOwn(f.dataset,`rating`)||s(f.dataset))&&i({componentName:`VueUiSmiley`,type:`datasetAttribute`,property:`rating`,debug:F.value})}S(I),c({config:()=>M.value,dataset:()=>[],component:`VueUiSmiley`,rules:[l.noHint]});let R=m(()=>M.value.useCursorPointer);function W(){return d({userConfig:f.config,defaultConfig:u})}A(()=>f.config,e=>{M.value=W(),J.value=M.value.readonly,I()},{deep:!0});let G=m(()=>{let e=f.dataset.rating;return e&&typeof e==`object`&&!Array.isArray(e)?X(e):e??null}),K=m(()=>typeof f.dataset.rating==`object`&&!Array.isArray(f.dataset.rating)),q=w(G.value);A(G,e=>{q.value=e});let J=w(M.value.readonly),Y=[{key:`smiley_0`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0`},{key:`smiley_1`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6`},{key:`smiley_2`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01`},{key:`smiley_3`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0`},{key:`smiley_4`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8`}];function X(e){if(e==null)return null;let t=0,n=0;for(let r in e){let i=Number(r),a=e[r];Number.isFinite(i)&&(t+=i*a,n+=a)}return n===0?0:t/n}function Z(e){let t=q.value-e;switch(!0){case t<0:return 0;case t>1:return 24;default:return t*24}}function Q(e){return M.value.readonly?P.value.colors.inactive[e]:q.value===e+1||O.value!==null&&O.value===e?P.value.icons.useGradient&&P.value.icons.filled?`url(#vueUiSmiley${e})`:P.value.colors.active[e]:P.value.colors.inactive[e]}let $=m(()=>({value:e,tooltip:t=!1})=>a(t?P.value.tooltip.formatter:N.value.formatter,e,n({v:e,r:t?P.value.tooltip.roundingValue:N.value.roundingValue}),M.value));function ee(e){J.value||(q.value=e,E(`rate`,e))}function te(){return q.value}function ne(e=!0){J.value=e}return r({getData:te,toggleReadonly:ne}),(e,t)=>(C(),g(`div`,{class:`vue-data-ui-component vue-ui-smiley`,style:x(`background:${P.value.backgroundColor};font-family:${P.value.fontFamily};width:100%;`),onMouseleave:t[1]||=e=>O.value=void 0},[P.value.title.text?(C(),g(`div`,z,[_(`div`,{style:x(`color:${P.value.title.color};font-weight:${P.value.title.bold?`bold`:`normal`};text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.offsetY}px;font-size:${P.value.title.fontSize}px`)},D(P.value.title.text),5),P.value.title.subtitle.text?(C(),g(`div`,{key:0,style:x(`color:${P.value.title.subtitle.color};font-size:${P.value.title.subtitle.fontSize}px;text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.subtitle.offsetY}px;font-weight:${P.value.title.subtitle.bold?`bold`:`normal`}`)},D(P.value.title.subtitle.text),5)):h(``,!0)])):h(``,!0),N.value.show&&N.value.position===`top`?(C(),g(`div`,{key:1,style:x(`width:100%;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};margin-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0),_(`div`,{class:`vue-ui-smiley-wrapper`,style:x(`overflow:visible;height:${P.value.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)},[N.value.show&&N.value.position===`left`?(C(),g(`div`,{key:0,style:x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};padding-right:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0),(C(),g(p,null,T(Y,(e,n)=>y(L,{key:e.key,config:M.value,unit:n+1,currentRating:q.value,isReadonly:J.value,hasBreakdown:K.value,hoveredValue:O.value,getActiveColor:Q,calcShapeFill:Z,isCursorPointer:R.value,onMouseenter:e=>O.value=n,onMouseleave:t[0]||=e=>O.value=null,onRate:e=>ee(n+1)},{rating:j(()=>[v(D($.value({value:f.dataset.rating[String(n+1)],tooltip:!0})),1)]),"path-icon-filled":j(()=>[_(`path`,{d:e.pathIconFilled,"stroke-width":`0`,fill:Q(n)},null,8,B)]),"path-icon":j(()=>[_(`path`,{d:e.pathIcon},null,8,V)]),"path-icon-filled-readonly":j(()=>[_(`path`,{d:e.pathIconFilledReadonly,"stroke-width":`0`,fill:P.value.icons.useGradient?`url(#vueUiSmiley${n})`:P.value.colors.activeReadonly[n]},null,8,H)]),"path-icon-readonly":j(()=>[_(`path`,{d:e.pathIconReadonly},null,8,U)]),_:2},1032,[`config`,`unit`,`currentRating`,`isReadonly`,`hasBreakdown`,`hoveredValue`,`isCursorPointer`,`onMouseenter`,`onRate`])),64)),N.value.show&&N.value.position===`right`?(C(),g(`div`,{key:1,style:x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};padding-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0)],4),N.value.show&&N.value.position===`bottom`?(C(),g(`div`,{key:2,style:x(`width:100%;text-align:center;margin-top:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};margin-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0)],36))}};export{R as n,W as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,Yt as r,at as i,i as a,t as o,zt as s}from"./lib-rPeBMZrn.js";import{n as c,t as l}from"./useHints-BH9r_0Vd.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as d}from"./useNestedProp-DnGoh-XS.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{Fragment as p,computed as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createTextVNode as v,createVNode as y,normalizeClass as b,normalizeStyle as x,onMounted as S,openBlock as C,ref as w,renderList as T,renderSlot as E,toDisplayString as D,unref as O,useSlots as k,watch as A,withCtx as j,withKeys as M}from"vue";var N=[`xmlns`,`stroke`],P=[`stroke`],F=[`xmlns`,`viewBox`,`stroke`],I=[`viewBox`,`stroke`],L=/*#__PURE__*/ u({__name:`BaseSmilingUnit`,props:{config:{type:Object},unit:{type:Number},currentRating:{type:Number},getActiveColor:{type:Function},calcShapeFill:{type:Function},isReadonly:{type:Boolean},hasBreakdown:{type:Boolean},hoveredValue:{type:Number},isCursorPointer:{type:Boolean}},emits:[`rate`,`mouseenter`,`mouseleave`],setup(e,{emit:t}){let n=e,i=t;return(t,a)=>(C(),g(`div`,{tabindex:`0`,class:b({"vue-ui-smiley-rated":!e.config.readonly&&e.currentRating===e.unit}),style:x({cursor:e.config.readonly?`default`:n.isCursorPointer?`pointer`:`default`,height:e.config.style.itemSize+`px`,aspectRatio:`1/1`,position:`relative`}),onMouseenter:a[0]||=e=>i(`mouseenter`),onMouseleave:a[1]||=e=>i(`mouseleave`),onClick:a[2]||=t=>i(`rate`,e.unit),onKeyup:a[3]||=M(t=>i(`rate`,e.unit),[`enter`])},[e.config.style.tooltip.show&&e.hasBreakdown&&e.isReadonly?(C(),g(`div`,{key:0,class:`vue-ui-rating-tooltip`,style:x({border:`1px solid ${e.config.style.tooltip.borderColor}`,position:`absolute`,top:`${e.config.style.tooltip.offsetY-48}px`,left:`50%`,transform:`translateX(-50%)`,width:`fit-content`,textAlign:`center`,background:e.config.style.tooltip.backgroundColor,display:e.hoveredValue===e.unit-1?`block`:`none`,padding:`2px 12px`,borderRadius:e.config.style.tooltip.borderRadius+`px`,boxShadow:e.config.style.tooltip.boxShadow})},[_(`div`,{style:x({width:`100%`,display:`flex`,flexDirection:`row`,gap:`6px`,position:`relative`,textAlign:`center`,color:e.config.style.tooltip.color})},[_(`span`,{style:x(`font-size:${e.config.style.tooltip.fontSize}px`)},D(e.unit)+`:`,5),_(`span`,{style:x(`font-weight:${e.config.style.tooltip.bold?`bold`:`normal`};font-size:${e.config.style.tooltip.fontSize}px`)},[E(t.$slots,`rating`,{},void 0,!0)],4),_(`div`,{style:x(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`)},` ▼ `,4)],4)],4)):h(``,!0),e.config.style.icons.filled?(C(),g(`svg`,{key:1,xmlns:O(o),style:{transition:`all 0.1s ease-in-out`,position:`absolute`,top:`0`,left:`0`},height:`100%`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:e.getActiveColor(e.unit-1),fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[_(`defs`,null,[y(f,{t:`radial`,id:`vueUiSmiley${e.unit-1}`,stops:[[`0%`,O(r)(e.config.style.colors.active[e.unit-1],.05),1],[`100%`,e.config.style.colors.active[e.unit-1],1]]},null,8,[`id`,`stops`])]),E(t.$slots,`path-icon-filled`,{},void 0,!0)],8,N)):(C(),g(`svg`,{key:2,style:{position:`absolute`,top:`0`,left:`0`,transition:`all 0.1s ease-in-out`},height:`100%`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:e.getActiveColor(e.unit-1),fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[E(t.$slots,`path-icon`,{},void 0,!0)],8,P)),e.config.style.icons.filled&&e.isReadonly?(C(),g(`svg`,{key:3,xmlns:O(o),style:{transition:`all 0.1s ease-in-out`,position:`absolute`,top:`0`,left:`0`},height:`100%`,viewBox:`0 0 ${e.calcShapeFill(e.unit-1)} 24`,"stroke-width":`1.5`,stroke:e.config.style.colors.activeReadonly[e.unit-1],fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[_(`defs`,null,[y(f,{t:`radial`,id:`vueUiSmiley${e.unit-1}`,stops:[[`0%`,O(r)(e.config.style.colors.activeReadonly[e.unit-1],.05),1],[`100%`,e.config.style.colors.activeReadonly[e.unit-1],1]]},null,8,[`id`,`stops`])]),E(t.$slots,`path-icon-filled-readonly`,{},void 0,!0)],8,F)):h(``,!0),!e.config.style.icons.filled&&e.isReadonly?(C(),g(`svg`,{key:4,style:{position:`absolute`,top:`0`,left:`0`,transition:`all 0.1s ease-in-out`},height:`100%`,viewBox:`0 0 ${e.calcShapeFill(e.unit-1)} 24`,"stroke-width":`1.5`,stroke:e.config.style.colors.activeReadonly[e.unit-1],fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[E(t.$slots,`path-icon-readonly`,{},void 0,!0)],8,I)):h(``,!0)],38))}},[[`__scopeId`,`data-v-9734e83c`]]),R=/* @__PURE__ */ e({default:()=>W}),z={key:0,class:`vue-ui-rating-title`,style:{width:`100%`}},B=[`d`,`fill`],V=[`d`],H=[`d`,`fill`],U=[`d`],W={__name:`vue-ui-smiley`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:r,emit:o}){let{vue_ui_smiley:u}=t(),f=e,b=k(),E=o,O=w(null),M=w(W()),N=m(()=>M.value.style.rating),P=m(()=>M.value.style),F=m(()=>M.value.debug);S(()=>{b[`chart-background`]&&F.value&&console.warn(`VueUiSmiley does not support the #chart-background slot.`)});function I(){(!Object.hasOwn(f.dataset,`rating`)||s(f.dataset))&&i({componentName:`VueUiSmiley`,type:`datasetAttribute`,property:`rating`,debug:F.value})}S(I),c({config:()=>M.value,dataset:()=>[],component:`VueUiSmiley`,rules:[l.noHint]});let R=m(()=>M.value.useCursorPointer);function W(){return d({userConfig:f.config,defaultConfig:u})}A(()=>f.config,e=>{M.value=W(),J.value=M.value.readonly,I()},{deep:!0});let G=m(()=>{let e=f.dataset.rating;return e&&typeof e==`object`&&!Array.isArray(e)?X(e):e??null}),K=m(()=>typeof f.dataset.rating==`object`&&!Array.isArray(f.dataset.rating)),q=w(G.value);A(G,e=>{q.value=e});let J=w(M.value.readonly),Y=[{key:`smiley_0`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0`},{key:`smiley_1`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6`},{key:`smiley_2`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01`},{key:`smiley_3`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0`},{key:`smiley_4`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8`}];function X(e){if(e==null)return null;let t=0,n=0;for(let r in e){let i=Number(r),a=e[r];Number.isFinite(i)&&(t+=i*a,n+=a)}return n===0?0:t/n}function Z(e){let t=q.value-e;switch(!0){case t<0:return 0;case t>1:return 24;default:return t*24}}function Q(e){return M.value.readonly?P.value.colors.inactive[e]:q.value===e+1||O.value!==null&&O.value===e?P.value.icons.useGradient&&P.value.icons.filled?`url(#vueUiSmiley${e})`:P.value.colors.active[e]:P.value.colors.inactive[e]}let $=m(()=>({value:e,tooltip:t=!1})=>a(t?P.value.tooltip.formatter:N.value.formatter,e,n({v:e,r:t?P.value.tooltip.roundingValue:N.value.roundingValue}),M.value));function ee(e){J.value||(q.value=e,E(`rate`,e))}function te(){return q.value}function ne(e=!0){J.value=e}return r({getData:te,toggleReadonly:ne}),(e,t)=>(C(),g(`div`,{class:`vue-data-ui-component vue-ui-smiley`,style:x(`background:${P.value.backgroundColor};font-family:${P.value.fontFamily};width:100%;`),onMouseleave:t[1]||=e=>O.value=void 0},[P.value.title.text?(C(),g(`div`,z,[_(`div`,{style:x(`color:${P.value.title.color};font-weight:${P.value.title.bold?`bold`:`normal`};text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.offsetY}px;font-size:${P.value.title.fontSize}px`)},D(P.value.title.text),5),P.value.title.subtitle.text?(C(),g(`div`,{key:0,style:x(`color:${P.value.title.subtitle.color};font-size:${P.value.title.subtitle.fontSize}px;text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.subtitle.offsetY}px;font-weight:${P.value.title.subtitle.bold?`bold`:`normal`}`)},D(P.value.title.subtitle.text),5)):h(``,!0)])):h(``,!0),N.value.show&&N.value.position===`top`?(C(),g(`div`,{key:1,style:x(`width:100%;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};margin-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0),_(`div`,{class:`vue-ui-smiley-wrapper`,style:x(`overflow:visible;height:${P.value.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)},[N.value.show&&N.value.position===`left`?(C(),g(`div`,{key:0,style:x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};padding-right:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0),(C(),g(p,null,T(Y,(e,n)=>y(L,{key:e.key,config:M.value,unit:n+1,currentRating:q.value,isReadonly:J.value,hasBreakdown:K.value,hoveredValue:O.value,getActiveColor:Q,calcShapeFill:Z,isCursorPointer:R.value,onMouseenter:e=>O.value=n,onMouseleave:t[0]||=e=>O.value=null,onRate:e=>ee(n+1)},{rating:j(()=>[v(D($.value({value:f.dataset.rating[String(n+1)],tooltip:!0})),1)]),"path-icon-filled":j(()=>[_(`path`,{d:e.pathIconFilled,"stroke-width":`0`,fill:Q(n)},null,8,B)]),"path-icon":j(()=>[_(`path`,{d:e.pathIcon},null,8,V)]),"path-icon-filled-readonly":j(()=>[_(`path`,{d:e.pathIconFilledReadonly,"stroke-width":`0`,fill:P.value.icons.useGradient?`url(#vueUiSmiley${n})`:P.value.colors.activeReadonly[n]},null,8,H)]),"path-icon-readonly":j(()=>[_(`path`,{d:e.pathIconReadonly},null,8,U)]),_:2},1032,[`config`,`unit`,`currentRating`,`isReadonly`,`hasBreakdown`,`hoveredValue`,`isCursorPointer`,`onMouseenter`,`onRate`])),64)),N.value.show&&N.value.position===`right`?(C(),g(`div`,{key:1,style:x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};padding-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0)],4),N.value.show&&N.value.position===`bottom`?(C(),g(`div`,{key:2,style:x(`width:100%;text-align:center;margin-top:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};margin-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0)],36))}};export{R as n,W as t};