vue-data-ui 2.4.50 → 2.4.51

package/dist/vue-ui-thermometer-C6lMWRiF.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DhDYBLBe.cjs"),te=require("./Title-Bk_55doC.cjs"),U=require("./usePrinter-2_QjJFdH.cjs"),oe=require("./vue-ui-skeleton-lkPDknHn.cjs"),Y=require("./useNestedProp-BphUExEh.cjs"),le=require("./PackageVersion-Bj34UNnQ.cjs"),re=require("./PenAndPaper-D9yQnc0e.cjs"),ae=require("./useUserOptionState-BgepsfED.cjs"),se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ne=["id"],ue={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},ie={key:2,style:"width:100%"},ce=["xmlns","viewBox"],de={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},he=["fill"],ve=["id"],me=["stop-color"],pe=["stop-color"],ye=["stop-color"],fe={"clip-path":"url(#vueUiPill)"},ke=["x","y","height","width"],ge=["x","y","height","width","fill"],be=["x1","x2","y1","y2","stroke-width","stroke"],xe=["x1","x2","y1","y2","stroke-width","stroke"],Ce=["x1","x2","y1","y2","stroke-width","stroke"],_e=["x1","x2","y1","y2","stroke-width","stroke"],we=["x1","x2","y1","y2","stroke-width","stroke"],Ne=["x1","x2","y1","y2","stroke-width","stroke"],Be=["x1","x2","y1","y2","stroke-width","stroke"],Ve=["x1","x2","y1","y2","stroke-width","stroke"],Pe=["x","y","height","width"],Ee=["y","x","fill","font-size","font-weight"],$e={key:5,class:"vue-data-ui-watermark"},Fe={key:6,ref:"source",dir:"auto"},Oe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:z}){const s=m;e.useCssVars(l=>({"5c9ace98":R.value,"23608cf6":D.value,"1b0e313a":j.value}));const{vue_ui_thermometer:L}=r.useConfig(),k=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){r.objectIsEmpty(s.dataset)?r.error({componentName:"VueUiThermometer",type:"dataset"}):r.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{r.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})}const d=e.ref(r.createUid()),g=e.ref(null),V=e.ref(0),P=e.ref(0),t=e.computed({get:()=>O(),set:l=>l}),{userOptionsVisible:E,setUserOptionsVisibility:$,keepUserOptionState:F}=ae.useUserOptionState({config:t.value});function O(){const l=Y.useNestedProp({userConfig:s.config,defaultConfig:L});return l.theme?{...Y.useNestedProp({userConfig:r.themes.vue_ui_thermometer[l.theme]||s.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>s.config,l=>{t.value=O(),B(),P.value+=1},{deep:!0});const{isPrinting:S,isImaging:I,generatePdf:q,generateImage:A}=U.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),G=e.computed(()=>t.value.userOptions.show&&!t.value.style.title.text),p=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),W=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>s.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function y(l,n,o){const u=[],w=T(l),N=T(n);for(let v=0;v<o;v++){const K=b(w.red,N.red,v,o),Q=b(w.green,N.green,v,o),Z=b(w.blue,N.blue,v,o),ee=`#${x(K)}${x(Q)}${x(Z)}`;u.push(ee)}return u}function T(l){const n=l.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function b(l,n,o,u){return Math.round(l+(n-l)*o/u)}function x(l){return l.toString(16).padStart(2,"0")}const a=e.computed(()=>{const l=W.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:l,left:i.value.left,right:l-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),H=e.computed(()=>a.value),C=e.computed(()=>{const l=r.checkNaN(s.dataset.from)<0?Math.abs(r.checkNaN(s.dataset.from)):r.checkNaN(s.dataset.from),n=r.checkNaN(s.dataset.to)<0?Math.abs(r.checkNaN(s.dataset.to)):r.checkNaN(s.dataset.to);let o=0;return r.checkNaN(s.dataset.to)>0?o=l+n:l>n?o=l-n:o=n-l,(1-(Math.abs(r.checkNaN(s.dataset.from))+r.checkNaN(s.dataset.value))/o)*(a.value.height-i.value.top-i.value.bottom)}),j=e.computed(()=>`${C.value}px`),D=e.computed(()=>`${a.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),R=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),X=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return y(p.value[0]||r.palette[0],r.convertColorToHex(s.dataset.colors.to),c.value||10);if(!s.dataset.colors.to)return y(r.convertColorToHex(s.dataset.colors.from),p.value[1]||r.palette[1],c.value||10)}else return y(p.value[1]||r.palette[1],p.value[0]||r.palette[0],c.value||10);return y(r.convertColorToHex(s.dataset.colors.from),r.convertColorToHex(s.dataset.colors.to),c.value||10)}),M=e.computed(()=>{const l=[];let n=0;const o=a.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)l.push({x:a.value.left,y:a.value.top+u,qYLess:a.value.top+u+o/c.value/4,halfY:a.value.top+u+o/c.value/2,qYMore:a.value.top+u+o/c.value/4*3,color:X.value[n],height:o/c.value}),n+=1;return l}),h=e.ref(!1);function J(l){h.value=l,V.value+=1}const f=e.ref(!1);function _(){f.value=!f.value}return z({generatePdf:q,generateImage:A,toggleAnnotator:_}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:g,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref($)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref($)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(re.PenAndPaper,{key:0,parent:g.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:_},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),G.value?(e.openBlock(),e.createElementBlock("div",ue,null,512)):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(),e.createBlock(te._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&k.value&&(e.unref(F)||e.unref(E))?(e.openBlock(),e.createBlock(U.UserOptions,{ref:"details",key:`user_options_${V.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(I),isPrinting:e.unref(S),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:g.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,onToggleFullscreen:J,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(A),onToggleAnnotator:_,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(E)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${a.value.width} ${a.value.height}`,style:"background:transparent"},[e.createVNode(le._sfc_main),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",de,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,he)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,me),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(r.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,pe),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ye)],8,ve))),256))]),e.createElementVNode("g",fe,[e.createElementVNode("rect",{x:a.value.left,y:a.value.top,height:a.value.height-i.value.top-i.value.bottom,width:a.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,ke),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,ge),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,be)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,xe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ce)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,_e)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:a.value.right,x2:a.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,we)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:a.value.right,x2:a.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:a.value.right,x2:a.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Be)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:a.value.right,x2:a.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ve)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:a.value.left,y:a.value.top,height:C.value,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,Pe)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:C.value+a.value.top+t.value.style.chart.label.fontSize/3,x:a.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(r.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Ee),e.renderSlot(l.$slots,"svg",{svg:H.value},void 0,!0)],10,ce)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(I)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe.default,{key:7,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ne))}},Se=se._export_sfc(Oe,[["__scopeId","data-v-a31437af"]]);exports.default=Se;

package/dist/{vue-ui-thermometer-BCVqil7E.js → vue-ui-thermometer-DmMjSLc1.js}

@@ -1,31 +1,32 @@
-import { useCssVars as ye, computed as h, onMounted as fe, ref as g, watch as ge, openBlock as l, createElementBlock as u, normalizeClass as P, normalizeStyle as me, createBlock as F, createCommentVNode as i, unref as v, createSlots as pe, withCtx as I, renderSlot as m, normalizeProps as G, guardReactiveProps as V, createVNode as ke, createElementVNode as d, Fragment as O, renderList as K, toDisplayString as be } from "vue";
-import { u as _e, o as xe, e as Q, g as we, c as Ce, t as $e, a as Pe, p as _, b as Fe, v as f, d as A, X as Ie, s as Oe, i as Ae, f as Ye } from "./index-BtL_cLa8.js";
-import { _ as Ne } from "./Title-CIsKiWgN.js";
-import { u as Me, U as Te } from "./usePrinter-sRt2SKr2.js";
-import Se from "./vue-ui-skeleton-DjFU2X3P.js";
-import { u as Z } from "./useNestedProp-CEAfm1tu.js";
-import { _ as Ue } from "./PackageVersion-BV3fHO46.js";
-import { P as qe } from "./PenAndPaper-CCOywdmm.js";
-import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ge = ["id"], Ve = {
+import { useCssVars as me, computed as d, onMounted as ke, ref as g, watch as be, openBlock as l, createElementBlock as u, normalizeClass as P, normalizeStyle as ee, unref as c, createBlock as F, createCommentVNode as i, createSlots as xe, withCtx as I, renderSlot as p, normalizeProps as V, guardReactiveProps as G, createVNode as _e, createElementVNode as v, Fragment as O, renderList as te, toDisplayString as we } from "vue";
+import { u as Ce, o as $e, e as se, g as Pe, c as Fe, t as Ie, a as Oe, p as x, b as Ae, v as f, d as A, X as Me, s as Ue, i as Ye, f as Ne } from "./index-BbPeL8Gp.js";
+import { _ as Se } from "./Title-aSAft5dl.js";
+import { u as Te, U as qe } from "./usePrinter-DaybDVqP.js";
+import Le from "./vue-ui-skeleton-Bniq21d9.js";
+import { u as oe } from "./useNestedProp-BN8claGG.js";
+import { _ as Ve } from "./PackageVersion-CxJghxYD.js";
+import { P as Ge } from "./PenAndPaper-ZdZEumki.js";
+import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ze = ["id"], Be = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, We = {
+}, je = {
   key: 2,
   style: "width:100%"
-}, Ee = ["xmlns", "viewBox"], ze = {
+}, De = ["xmlns", "viewBox"], He = {
   id: "vueUiPill",
   clipPathUnits: "objectBoundingBox"
-}, Be = ["fill"], je = ["id"], De = ["stop-color"], He = ["stop-color"], Xe = ["stop-color"], Re = { "clip-path": "url(#vueUiPill)" }, Je = ["x", "y", "height", "width"], Ke = ["x", "y", "height", "width", "fill"], Qe = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], lt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], rt = ["x", "y", "height", "width"], ut = ["y", "x", "fill", "font-size", "font-weight"], nt = {
+}, Xe = ["fill"], Re = ["id"], Je = ["stop-color"], Ke = ["stop-color"], Qe = ["stop-color"], Ze = { "clip-path": "url(#vueUiPill)" }, et = ["x", "y", "height", "width"], tt = ["x", "y", "height", "width", "fill"], st = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], lt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], rt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], it = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ct = ["x", "y", "height", "width"], ht = ["y", "x", "fill", "font-size", "font-weight"], dt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, it = {
+}, vt = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, ct = {
+}, yt = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -41,151 +42,153 @@ const Ge = ["id"], Ve = {
       }
     }
   },
-  setup(x, { expose: ee }) {
-    const a = x;
-    ye((s) => ({
-      "000db494": ue.value,
-      "2865ccd0": re.value,
-      10843485: le.value
+  setup(_, { expose: ae }) {
+    const a = _;
+    me((s) => ({
+      "5c9ace98": he.value,
+      "23608cf6": ce.value,
+      "1b0e313a": ie.value
     }));
-    const { vue_ui_thermometer: te } = _e(), Y = h(() => !!a.dataset && Object.keys(a.dataset).length);
-    fe(() => {
+    const { vue_ui_thermometer: le } = Ce(), M = d(() => !!a.dataset && Object.keys(a.dataset).length);
+    ke(() => {
       W();
     });
     function W() {
-      xe(a.dataset) ? Q({
+      $e(a.dataset) ? se({
         componentName: "VueUiThermometer",
         type: "dataset"
-      }) : we({
+      }) : Pe({
         datasetObject: a.dataset,
         requiredAttributes: ["value", "from", "to"]
       }).forEach((s) => {
-        Q({
+        se({
           componentName: "VueUiThermometer",
           type: "datasetAttribute",
           property: s
         });
       });
     }
-    const p = g(Ce()), N = g(null), E = g(0), z = g(0), e = h({
-      get: () => B(),
+    const m = g(Fe()), U = g(null), E = g(0), z = g(0), e = d({
+      get: () => H(),
       set: (s) => s
-    });
-    function B() {
-      const s = Z({
+    }), { userOptionsVisible: B, setUserOptionsVisibility: j, keepUserOptionState: D } = We({ config: e.value });
+    function H() {
+      const s = oe({
         userConfig: a.config,
-        defaultConfig: te
+        defaultConfig: le
       });
       return s.theme ? {
-        ...Z({
-          userConfig: $e.vue_ui_thermometer[s.theme] || a.config,
+        ...oe({
+          userConfig: Ie.vue_ui_thermometer[s.theme] || a.config,
           defaultConfig: s
         }),
-        customPalette: Pe[s.theme] || _
+        customPalette: Oe[s.theme] || x
       } : s;
     }
-    ge(() => a.config, (s) => {
-      e.value = B(), W(), z.value += 1;
+    be(() => a.config, (s) => {
+      e.value = H(), W(), z.value += 1;
     }, { deep: !0 });
-    const { isPrinting: j, isImaging: D, generatePdf: H, generateImage: X } = Me({
-      elementId: `thermometer__${p.value}`,
+    const { isPrinting: X, isImaging: R, generatePdf: J, generateImage: K } = Te({
+      elementId: `thermometer__${m.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer"
-    }), se = h(() => e.value.userOptions.show && !e.value.style.title.text), w = h(() => Fe(e.value.customPalette)), oe = h(() => e.value.style.chart.thermometer.width), y = h(() => a.dataset.steps || 10), c = g({
+    }), re = d(() => e.value.userOptions.show && !e.value.style.title.text), w = d(() => Ae(e.value.customPalette)), ne = d(() => e.value.style.chart.thermometer.width), y = d(() => a.dataset.steps || 10), h = g({
       top: e.value.style.chart.padding.top,
       left: e.value.style.chart.padding.left,
       right: e.value.style.chart.padding.right,
       bottom: e.value.style.chart.padding.bottom
     });
-    function C(s, n, t) {
-      const r = [], q = R(s), L = R(n);
+    function C(s, r, t) {
+      const n = [], q = Q(s), L = Q(r);
       for (let b = 0; b < t; b++) {
-        const ce = M(q.red, L.red, b, t), he = M(q.green, L.green, b, t), de = M(q.blue, L.blue, b, t), ve = `#${T(ce)}${T(he)}${T(de)}`;
-        r.push(ve);
+        const ye = Y(q.red, L.red, b, t), fe = Y(q.green, L.green, b, t), ge = Y(q.blue, L.blue, b, t), pe = `#${N(ye)}${N(fe)}${N(ge)}`;
+        n.push(pe);
       }
-      return r;
+      return n;
     }
-    function R(s) {
-      const n = s.slice(1);
+    function Q(s) {
+      const r = s.slice(1);
       return {
-        red: parseInt(n.slice(0, 2), 16),
-        green: parseInt(n.slice(2, 4), 16),
-        blue: parseInt(n.slice(4, 6), 16)
+        red: parseInt(r.slice(0, 2), 16),
+        green: parseInt(r.slice(2, 4), 16),
+        blue: parseInt(r.slice(4, 6), 16)
       };
     }
-    function M(s, n, t, r) {
-      return Math.round(s + (n - s) * t / r);
+    function Y(s, r, t, n) {
+      return Math.round(s + (r - s) * t / n);
     }
-    function T(s) {
+    function N(s) {
       return s.toString(16).padStart(2, "0");
     }
-    const o = h(() => {
-      const s = oe.value + c.value.left + c.value.right, n = e.value.style.chart.height;
+    const o = d(() => {
+      const s = ne.value + h.value.left + h.value.right, r = e.value.style.chart.height;
       return {
         width: s,
-        left: c.value.left,
-        right: s - c.value.right,
-        top: c.value.top,
-        bottom: n - c.value.bottom,
-        height: n
+        left: h.value.left,
+        right: s - h.value.right,
+        top: h.value.top,
+        bottom: r - h.value.bottom,
+        height: r
       };
-    }), ae = h(() => o.value), S = h(() => {
-      const s = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), n = f(a.dataset.to) < 0 ? Math.abs(f(a.dataset.to)) : f(a.dataset.to);
+    }), ue = d(() => o.value), S = d(() => {
+      const s = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), r = f(a.dataset.to) < 0 ? Math.abs(f(a.dataset.to)) : f(a.dataset.to);
       let t = 0;
-      return f(a.dataset.to) > 0 ? t = s + n : s > n ? t = s - n : t = n - s, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (o.value.height - c.value.top - c.value.bottom);
-    }), le = h(() => `${S.value}px`), re = h(() => `${o.value.height - e.value.style.chart.padding.bottom - c.value.top}px`), ue = h(() => `${e.value.style.chart.animation.speedMs}ms`), ne = h(() => {
+      return f(a.dataset.to) > 0 ? t = s + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (o.value.height - h.value.top - h.value.bottom);
+    }), ie = d(() => `${S.value}px`), ce = d(() => `${o.value.height - e.value.style.chart.padding.bottom - h.value.top}px`), he = d(() => `${e.value.style.chart.animation.speedMs}ms`), de = d(() => {
       if (a.dataset.colors) {
         if (!a.dataset.colors.from)
-          return C(w.value[0] || _[0], A(a.dataset.colors.to), y.value || 10);
+          return C(w.value[0] || x[0], A(a.dataset.colors.to), y.value || 10);
         if (!a.dataset.colors.to)
-          return C(A(a.dataset.colors.from), w.value[1] || _[1], y.value || 10);
+          return C(A(a.dataset.colors.from), w.value[1] || x[1], y.value || 10);
       } else
-        return C(w.value[1] || _[1], w.value[0] || _[0], y.value || 10);
+        return C(w.value[1] || x[1], w.value[0] || x[0], y.value || 10);
       return C(A(a.dataset.colors.from), A(a.dataset.colors.to), y.value || 10);
-    }), J = h(() => {
+    }), Z = d(() => {
       const s = [];
-      let n = 0;
-      const t = o.value.height - c.value.top - c.value.bottom;
-      for (let r = 0; r < t - 1; r += t / y.value)
+      let r = 0;
+      const t = o.value.height - h.value.top - h.value.bottom;
+      for (let n = 0; n < t - 1; n += t / y.value)
         s.push({
           x: o.value.left,
-          y: o.value.top + r,
-          qYLess: o.value.top + r + t / y.value / 4,
-          halfY: o.value.top + r + t / y.value / 2,
-          qYMore: o.value.top + r + t / y.value / 4 * 3,
-          color: ne.value[n],
+          y: o.value.top + n,
+          qYLess: o.value.top + n + t / y.value / 4,
+          halfY: o.value.top + n + t / y.value / 2,
+          qYMore: o.value.top + n + t / y.value / 4 * 3,
+          color: de.value[r],
           height: t / y.value
-        }), n += 1;
+        }), r += 1;
       return s;
     }), k = g(!1);
-    function ie(s) {
+    function ve(s) {
       k.value = s, E.value += 1;
     }
     const $ = g(!1);
-    function U() {
+    function T() {
       $.value = !$.value;
     }
-    return ee({
-      generatePdf: H,
-      generateImage: X,
-      toggleAnnotator: U
-    }), (s, n) => (l(), u("div", {
+    return ae({
+      generatePdf: J,
+      generateImage: K,
+      toggleAnnotator: T
+    }), (s, r) => (l(), u("div", {
       ref_key: "thermoChart",
-      ref: N,
+      ref: U,
       class: P(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: me(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
-      id: `thermometer__${p.value}`
+      style: ee(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
+      id: `thermometer__${m.value}`,
+      onMouseenter: r[0] || (r[0] = () => c(j)(!0)),
+      onMouseleave: r[1] || (r[1] = () => c(j)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (l(), F(qe, {
+      e.value.userOptions.buttons.annotator ? (l(), F(Ge, {
         key: 0,
-        parent: N.value,
+        parent: U.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: $.value,
-        onClose: U
+        onClose: T
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : i("", !0),
-      se.value ? (l(), u("div", Ve, null, 512)) : i("", !0),
-      e.value.style.title.text ? (l(), u("div", We, [
-        (l(), F(Ne, {
+      re.value ? (l(), u("div", Be, null, 512)) : i("", !0),
+      e.value.style.title.text ? (l(), u("div", je, [
+        (l(), F(Se, {
           key: `title_${z.value}`,
           config: {
             title: {
@@ -199,70 +202,73 @@ const Ge = ["id"], Ve = {
           }
         }, null, 8, ["config"]))
       ])) : i("", !0),
-      e.value.userOptions.show && Y.value ? (l(), F(Te, {
+      e.value.userOptions.show && M.value && (c(D) || c(B)) ? (l(), F(qe, {
         ref: "details",
         key: `user_options_${E.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(D),
-        isPrinting: v(j),
-        uid: p.value,
+        isImaging: c(R),
+        isPrinting: c(X),
+        uid: m.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
         isFullscreen: k.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
+        chartElement: U.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: $.value,
-        onToggleFullscreen: ie,
-        onGeneratePdf: v(H),
-        onGenerateImage: v(X),
-        onToggleAnnotator: U
-      }, pe({ _: 2 }, [
+        onToggleFullscreen: ve,
+        onGeneratePdf: c(J),
+        onGenerateImage: c(K),
+        onToggleAnnotator: T,
+        style: ee({
+          visibility: c(D) ? c(B) ? "visible" : "hidden" : "visible"
+        })
+      }, xe({ _: 2 }, [
         s.$slots.optionPdf ? {
           name: "optionPdf",
           fn: I(() => [
-            m(s.$slots, "optionPdf", {}, void 0, !0)
+            p(s.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         s.$slots.optionImg ? {
           name: "optionImg",
           fn: I(() => [
-            m(s.$slots, "optionImg", {}, void 0, !0)
+            p(s.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: I(({ toggleFullscreen: t, isFullscreen: r }) => [
-            m(s.$slots, "optionFullscreen", G(V({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          fn: I(({ toggleFullscreen: t, isFullscreen: n }) => [
+            p(s.$slots, "optionFullscreen", V(G({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
           ]),
           key: "2"
         } : void 0,
         s.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: I(({ toggleAnnotator: t, isAnnotator: r }) => [
-            m(s.$slots, "optionAnnotator", G(V({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          fn: I(({ toggleAnnotator: t, isAnnotator: n }) => [
+            p(s.$slots, "optionAnnotator", V(G({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : i("", !0),
-      Y.value ? (l(), u("svg", {
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
+      M.value ? (l(), u("svg", {
         key: 4,
-        xmlns: v(Ie),
+        xmlns: c(Me),
         class: P({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
         width: "100%",
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: "background:transparent"
       }, [
-        ke(Ue),
-        d("defs", null, [
-          d("clipPath", ze, [
-            d("rect", {
+        _e(Ve),
+        v("defs", null, [
+          v("clipPath", He, [
+            v("rect", {
               x: "0",
               y: "0",
               width: "1",
@@ -270,48 +276,48 @@ const Ge = ["id"], Ve = {
               rx: "0.5",
               ry: "0.07",
               fill: e.value.style.chart.backgroundColor
-            }, null, 8, Be)
+            }, null, 8, Xe)
           ]),
-          (l(!0), u(O, null, K(J.value, (t, r) => (l(), u("linearGradient", {
-            id: `vueUiThermometerGradient_${r}_${p.value}`,
+          (l(!0), u(O, null, te(Z.value, (t, n) => (l(), u("linearGradient", {
+            id: `vueUiThermometerGradient_${n}_${m.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
             y2: "0%"
           }, [
-            d("stop", {
+            v("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, De),
-            d("stop", {
+            }, null, 8, Je),
+            v("stop", {
               offset: "50%",
-              "stop-color": v(Oe)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
-            }, null, 8, He),
-            d("stop", {
+              "stop-color": c(Ue)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+            }, null, 8, Ke),
+            v("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, Xe)
-          ], 8, je))), 256))
+            }, null, 8, Qe)
+          ], 8, Re))), 256))
         ]),
-        d("g", Re, [
-          d("rect", {
+        v("g", Ze, [
+          v("rect", {
             x: o.value.left,
             y: o.value.top,
-            height: o.value.height - c.value.top - c.value.bottom,
-            width: o.value.width - c.value.left - c.value.right,
+            height: o.value.height - h.value.top - h.value.bottom,
+            width: o.value.width - h.value.left - h.value.right,
             fill: "#FFFFFF"
-          }, null, 8, Je),
-          (l(!0), u(O, null, K(J.value, (t, r) => (l(), u("g", {
-            key: `graduation_${r}`
+          }, null, 8, et),
+          (l(!0), u(O, null, te(Z.value, (t, n) => (l(), u("g", {
+            key: `graduation_${n}`
           }, [
-            d("rect", {
+            v("rect", {
               x: t.x,
               y: t.y,
               height: t.height,
               width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
-              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${p.value})` : t.color,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${n}_${m.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, Ke),
+            }, null, 8, tt),
             e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
               key: 0,
               x1: t.x,
@@ -321,7 +327,7 @@ const Ge = ["id"], Ve = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, Qe)) : i("", !0),
+            }, null, 8, st)) : i("", !0),
             e.value.style.chart.graduations.showIntermediate ? (l(), u(O, { key: 1 }, [
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 0,
@@ -332,7 +338,7 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ze)) : i("", !0),
+              }, null, 8, ot)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 1,
                 x1: t.x,
@@ -342,7 +348,7 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, et)) : i("", !0),
+              }, null, 8, at)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 2,
                 x1: t.x,
@@ -352,7 +358,7 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, tt)) : i("", !0)
+              }, null, 8, lt)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
               key: 2,
@@ -363,7 +369,7 @@ const Ge = ["id"], Ve = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, st)) : i("", !0),
+            }, null, 8, rt)) : i("", !0),
             e.value.style.chart.graduations.showIntermediate ? (l(), u(O, { key: 3 }, [
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 0,
@@ -374,7 +380,7 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, ot)) : i("", !0),
+              }, null, 8, nt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 1,
                 x1: o.value.right,
@@ -384,7 +390,7 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, at)) : i("", !0),
+              }, null, 8, ut)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 2,
                 x1: o.value.right,
@@ -394,19 +400,19 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, lt)) : i("", !0)
+              }, null, 8, it)) : i("", !0)
             ], 64)) : i("", !0)
           ]))), 128)),
-          d("rect", {
+          v("rect", {
             class: P({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: o.value.left,
             y: o.value.top,
             height: S.value,
             width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
             fill: "#FFFFFF66"
-          }, null, 10, rt)
+          }, null, 10, ct)
         ]),
-        d("text", {
+        v("text", {
           class: P({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
           y: S.value + o.value.top + e.value.style.chart.label.fontSize / 3,
           x: o.value.left - 10,
@@ -414,26 +420,26 @@ const Ge = ["id"], Ve = {
           fill: e.value.style.chart.label.color,
           "font-size": e.value.style.chart.label.fontSize,
           "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
-        }, be(v(Ae)(
+        }, we(c(Ye)(
           e.value.style.chart.label.formatter,
-          x.dataset.value,
-          v(Ye)({
+          _.dataset.value,
+          c(Ne)({
             p: e.value.style.chart.label.prefix,
-            v: x.dataset.value,
+            v: _.dataset.value,
             s: e.value.style.chart.label.suffix,
             r: e.value.style.chart.label.rounding
           }),
-          { datapoint: x.dataset }
-        )), 11, ut),
-        m(s.$slots, "svg", { svg: ae.value }, void 0, !0)
-      ], 10, Ee)) : i("", !0),
-      s.$slots.watermark ? (l(), u("div", nt, [
-        m(s.$slots, "watermark", G(V({ isPrinting: v(j) || v(D) })), void 0, !0)
+          { datapoint: _.dataset }
+        )), 11, ht),
+        p(s.$slots, "svg", { svg: ue.value }, void 0, !0)
+      ], 10, De)) : i("", !0),
+      s.$slots.watermark ? (l(), u("div", dt, [
+        p(s.$slots, "watermark", V(G({ isPrinting: c(X) || c(R) })), void 0, !0)
       ])) : i("", !0),
-      s.$slots.source ? (l(), u("div", it, [
-        m(s.$slots, "source", {}, void 0, !0)
+      s.$slots.source ? (l(), u("div", vt, [
+        p(s.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      Y.value ? i("", !0) : (l(), F(Se, {
+      M.value ? i("", !0) : (l(), F(Le, {
         key: 7,
         config: {
           type: "thermometer",
@@ -445,9 +451,9 @@ const Ge = ["id"], Ve = {
           }
         }
       }, null, 8, ["config"]))
-    ], 14, Ge));
+    ], 46, ze));
   }
-}, bt = /* @__PURE__ */ Le(ct, [["__scopeId", "data-v-8a73571f"]]);
+}, $t = /* @__PURE__ */ Ee(yt, [["__scopeId", "data-v-a31437af"]]);
 export {
-  bt as default
+  $t as default
 };