vue-data-ui 3.28.0 → 3.28.2

package/dist/vue-data-ui.js

@@ -1 +1 @@
-import{E as e,P as t,U as ee,Z as n,bt as r,ft as i,ht as a,mt as o,n as s,q as c}from"./lib-DqD8nbyX.js";import{t as l}from"./vue-ui-graph-C2Se8bnB.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"./exposedLib-BDGMSW1B.js";import{t as g}from"./BaseIcon-DDctLkeT.js";import{t as _}from"./vue-ui-xy-M9aD-G5a.js";import{t as v}from"./vue-ui-accordion-3lBpCjGm.js";import{t as y}from"./Arrow-D6OAn5rm.js";import{t as b}from"./vue-ui-3d-bar-COrzyTkO.js";import{t as x}from"./vue-ui-age-pyramid-CAoVjkOA.js";import{t as S}from"./vue-ui-annotator-CpTZHnPw.js";import{t as C}from"./vue-ui-candlestick-D9UXZQoN.js";import{t as w}from"./vue-ui-chestnut-BuLjW5nb.js";import{t as T}from"./vue-ui-cursor-Dn-IBaP8.js";import{t as E}from"./vue-ui-dashboard-DmyStkQM.js";import{t as D}from"./vue-ui-digits-BBiRMr01.js";import{t as O}from"./vue-ui-donut-DMF74OY0.js";import{t as k}from"./vue-ui-donut-evolution-Du4zLc8D.js";import{t as A}from"./vue-ui-dumbbell-CxL_AY5e.js";import{t as j}from"./vue-ui-flow-h6kTMamJ.js";import{t as M}from"./vue-ui-galaxy-CgnshY8i.js";import{t as N}from"./vue-ui-gauge-a13ojQPr.js";import{t as P}from"./vue-ui-heatmap-5NsQkMwS.js";import{t as F}from"./vue-ui-kpi-BZjfQxmY.js";import{t as I}from"./vue-ui-mini-loader-ltQXdeeW.js";import{t as L}from"./vue-ui-molecule-DI-CS5w8.js";import{t as R}from"./vue-ui-mood-radar-B5ar9WAZ.js";import{t as z}from"./vue-ui-nested-donuts-BP2YzVma.js";import{t as B}from"./vue-ui-onion-CCiZ6jmF.js";import{t as V}from"./vue-ui-parallel-coordinate-plot-3E0CysDx.js";import{t as H}from"./vue-ui-quadrant-BwgwvKy8.js";import{t as U}from"./vue-ui-quick-chart-BXNg0LNe.js";import{t as W}from"./vue-ui-radar-B9Ntj_Gj.js";import{t as G}from"./vue-ui-rating-B33u3iIn.js";import{t as K}from"./vue-ui-relation-circle-B60IUw50.js";import{t as q}from"./vue-ui-rings-BXo9p3Ab.js";import{t as J}from"./vue-ui-scatter-BwrYPDzh.js";import{t as te}from"./vue-ui-skeleton-DTn7uIui.js";import{t as Y}from"./vue-ui-smiley-qCRUFmpq.js";import{t as X}from"./vue-ui-sparkhistogram-DLZxE6oz.js";import{t as Z}from"./vue-ui-sparkstackbar-DvSQfGeA.js";import{t as Q}from"./vue-ui-spark-trend-wKFu-O7B.js";import{t as ne}from"./vue-ui-sparkbar-DPFzdX-D.js";import{t as re}from"./vue-ui-sparkgauge-DlEPsxc0.js";import{t as ie}from"./vue-ui-sparkline-BflZPl7s.js";import{t as ae}from"./vue-ui-strip-plot-54u7AUip.js";import{t as oe}from"./vue-ui-table-3F8i2ZjT.js";import{t as se}from"./vue-ui-table-heatmap-CtYPYMIJ.js";import{t as ce}from"./vue-ui-table-sparkline-CTfYTzhA.js";import{t as le}from"./vue-ui-thermometer-BpFbPqxK.js";import{t as ue}from"./vue-ui-timer-DsWRNtRa.js";import{t as de}from"./vue-ui-tiremarks-C4wVcSVP.js";import{t as fe}from"./vue-ui-treemap-mYRv6gga.js";import{t as $}from"./vue-ui-horizontal-bar-G0wEKTRu.js";import{t as pe}from"./vue-ui-waffle-DNBIZqZz.js";import{t as me}from"./vue-ui-wheel-DPHDp0t1.js";import{t as he}from"./vue-ui-word-cloud-BY4YsW7-.js";import{t as ge}from"./vue-ui-xy-canvas-BpwG1Ipj.js";import{t as _e}from"./vue-ui-carousel-table-CKyE4hME.js";import{t as ve}from"./vue-ui-gizmo-K1lfslsA.js";import{t as ye}from"./vue-ui-stackbar-JKC9qE6M.js";import{t as be}from"./vue-ui-stackline-G7-oqfzp.js";import{t as xe}from"./vue-ui-bullet-yvY_gdw2.js";import{t as Se}from"./vue-ui-funnel-BG5Addzr.js";import{t as Ce}from"./vue-ui-history-plot-BRJdXsNo.js";import{t as we}from"./vue-ui-pattern-DrPCu32G.js";import{t as Te}from"./vue-ui-circle-pack-BpAuZruK.js";import{t as Ee}from"./vue-ui-world-DQWjoFDx.js";import{t as De}from"./vue-ui-ridgeline-BPbYng2A.js";import{t as Oe}from"./vue-ui-chord-Bjwt2_BK.js";import{t as ke}from"./vue-ui-dag-CyY3cSa6.js";import{t as Ae}from"./vue-data-ui-yeD7UyUU.js";import{t as je}from"./vue-ui-geo-CflzhtuD.js";import{t as Me}from"./vue-ui-bump-ChsFkIq9.js";import{t as Ne}from"./vue-ui-hill-COnjVS2L.js";import{t as Pe}from"./patternUtils-_q3ArM3g.js";import{t as Fe}from"./vue-ui-pattern-seed-B8YjAAEH.js";import{t as Ie}from"./vue-ui-label-BD_hTtgZ.js";import{i as Le,n as Re,r as ze,t as Be}from"./useObjectBindings-Cn4Vz0RY.js";import{t as Ve}from"./useTooltipPosition-aoV8pZZ9.js";export{y as Arrow,Ae as VueDataUi,b as VueUi3dBar,v as VueUiAccordion,x as VueUiAgePyramid,S as VueUiAnnotator,xe as VueUiBullet,Me as VueUiBump,C as VueUiCandlestick,_e as VueUiCarouselTable,w as VueUiChestnut,Oe as VueUiChord,Te as VueUiCirclePack,T as VueUiCursor,ke as VueUiDag,E as VueUiDashboard,D as VueUiDigits,O as VueUiDonut,k as VueUiDonutEvolution,A as VueUiDumbbell,j as VueUiFlow,Se as VueUiFunnel,M as VueUiGalaxy,N as VueUiGauge,je as VueUiGeo,ve as VueUiGizmo,l as VueUiGraph,P as VueUiHeatmap,Ne as VueUiHill,Ce as VueUiHistoryPlot,$ as VueUiHorizontalBar,$ as VueUiVerticalBar,g as VueUiIcon,F as VueUiKpi,Ie as VueUiLabel,I as VueUiMiniLoader,L as VueUiMolecule,R as VueUiMoodRadar,z as VueUiNestedDonuts,B as VueUiOnion,V as VueUiParallelCoordinatePlot,we as VueUiPattern,Fe as VueUiPatternSeed,H as VueUiQuadrant,U as VueUiQuickChart,W as VueUiRadar,G as VueUiRating,K as VueUiRelationCircle,De as VueUiRidgeline,q as VueUiRings,J as VueUiScatter,te as VueUiSkeleton,Y as VueUiSmiley,X as VueUiSparkHistogram,Z as VueUiSparkStackbar,Q as VueUiSparkTrend,ne as VueUiSparkbar,re as VueUiSparkgauge,ie as VueUiSparkline,ye as VueUiStackbar,be as VueUiStackline,ae as VueUiStripPlot,oe as VueUiTable,se as VueUiTableHeatmap,ce as VueUiTableSparkline,le as VueUiThermometer,ue as VueUiTimer,de as VueUiTiremarks,fe as VueUiTreemap,pe as VueUiWaffle,me as VueUiWheel,he as VueUiWordCloud,Ee as VueUiWorld,_ as VueUiXy,ge as VueUiXyCanvas,s as abbreviate,Re as applyDataCorrection,h as average,e as createColorWheel,Pe as createPatternDef,t as createSmoothPath,ee as createStraightPath,c as createTSpans,n as createWordCloudDatasetFromPlainText,f as darkenColor,i as formatSmallValue,o as getCumulativeAverage,a as getCumulativeMedian,r as getPalette,ze as getThemeConfig,Le as getVueDataUiConfig,m as lightenColor,d as median,u as mergeConfigs,p as shiftColorHue,Be as useObjectBindings,Ve as useTooltipPosition};
+import{E as e,P as t,U as ee,Z as n,bt as r,ft as i,ht as a,mt as o,n as s,q as c}from"./lib-rPeBMZrn.js";import{t as l}from"./vue-ui-graph-DHU9hUry.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"./exposedLib-BRtClmZy.js";import{t as g}from"./BaseIcon-Cm-IJ179.js";import{t as _}from"./vue-ui-xy-6B_K-quN.js";import{t as v}from"./vue-ui-accordion-S3nRtTU-.js";import{t as y}from"./Arrow-CITPKnWF.js";import{t as b}from"./vue-ui-3d-bar-CkHFiFp4.js";import{t as x}from"./vue-ui-age-pyramid-vpIjdLg5.js";import{t as S}from"./vue-ui-annotator-CdCDYzdK.js";import{t as C}from"./vue-ui-candlestick-KJHOS5F7.js";import{t as w}from"./vue-ui-chestnut-CiY-2e77.js";import{t as T}from"./vue-ui-cursor-Cpov2m58.js";import{t as E}from"./vue-ui-dashboard-BxXdhdNJ.js";import{t as D}from"./vue-ui-digits-xHOLjA2_.js";import{t as O}from"./vue-ui-donut-Vbp5Xs2-.js";import{t as k}from"./vue-ui-donut-evolution-BTmztL3Y.js";import{t as A}from"./vue-ui-dumbbell-CDcgKS2A.js";import{t as j}from"./vue-ui-flow-kVocPE27.js";import{t as M}from"./vue-ui-galaxy-hP-9mVlB.js";import{t as N}from"./vue-ui-gauge-BRabsLkh.js";import{t as P}from"./vue-ui-heatmap-kPnmZgWi.js";import{t as F}from"./vue-ui-kpi-CCOOwX_Q.js";import{t as I}from"./vue-ui-mini-loader-7gqQI5jy.js";import{t as L}from"./vue-ui-molecule-BPGs9Dom.js";import{t as R}from"./vue-ui-mood-radar-GJ-lhgI0.js";import{t as z}from"./vue-ui-nested-donuts-CrlPwpg8.js";import{t as B}from"./vue-ui-onion-CKmyy-Y_.js";import{t as V}from"./vue-ui-parallel-coordinate-plot-C0UqWt0M.js";import{t as H}from"./vue-ui-quadrant-CTGFBNo9.js";import{t as U}from"./vue-ui-quick-chart-ZBOPZhxA.js";import{t as W}from"./vue-ui-radar-B1z3Ux3E.js";import{t as G}from"./vue-ui-rating-CV2b0tjA.js";import{t as K}from"./vue-ui-relation-circle-DqN5N08e.js";import{t as q}from"./vue-ui-rings-CJqAnf-l.js";import{t as J}from"./vue-ui-scatter-THQAeoWs.js";import{t as te}from"./vue-ui-skeleton-DqmhigQ0.js";import{t as Y}from"./vue-ui-smiley-VTdQetY0.js";import{t as X}from"./vue-ui-sparkhistogram-CLfzi3PO.js";import{t as Z}from"./vue-ui-sparkstackbar-CYZ-ADO1.js";import{t as Q}from"./vue-ui-spark-trend-B2Nf1raK.js";import{t as ne}from"./vue-ui-sparkbar-CamZ_49V.js";import{t as re}from"./vue-ui-sparkgauge-Ffrp_7VV.js";import{t as ie}from"./vue-ui-sparkline-Y-sljnbS.js";import{t as ae}from"./vue-ui-strip-plot-B9Ogpw7K.js";import{t as oe}from"./vue-ui-table-Bi9C3LzP.js";import{t as se}from"./vue-ui-table-heatmap-BtziURiu.js";import{t as ce}from"./vue-ui-table-sparkline-DEVAL0cR.js";import{t as le}from"./vue-ui-thermometer-ClN4EO0I.js";import{t as ue}from"./vue-ui-timer-nqZxt1vU.js";import{t as de}from"./vue-ui-tiremarks-BeJBsgXo.js";import{t as fe}from"./vue-ui-treemap-FA-yXwmv.js";import{t as $}from"./vue-ui-horizontal-bar-CvX77vE4.js";import{t as pe}from"./vue-ui-waffle-CO07S6HV.js";import{t as me}from"./vue-ui-wheel-BeaSWB4x.js";import{t as he}from"./vue-ui-word-cloud-C1OWGFng.js";import{t as ge}from"./vue-ui-xy-canvas-CeC3gcrW.js";import{t as _e}from"./vue-ui-carousel-table-CeI5SIxH.js";import{t as ve}from"./vue-ui-gizmo-Dp3hpHIX.js";import{t as ye}from"./vue-ui-stackbar-CQLYm10x.js";import{t as be}from"./vue-ui-stackline-VpvF7MRx.js";import{t as xe}from"./vue-ui-bullet-rgxGRR1p.js";import{t as Se}from"./vue-ui-funnel-CZAdPYqK.js";import{t as Ce}from"./vue-ui-history-plot-CwO2o-2s.js";import{t as we}from"./vue-ui-pattern-DrPCu32G.js";import{t as Te}from"./vue-ui-circle-pack-BsH09EPG.js";import{t as Ee}from"./vue-ui-world-CUS_mKgl.js";import{t as De}from"./vue-ui-ridgeline-DcSB5Qef.js";import{t as Oe}from"./vue-ui-chord-8rk7304-.js";import{t as ke}from"./vue-ui-dag-BHFL2cUA.js";import{t as Ae}from"./vue-data-ui-BvHCscNE.js";import{t as je}from"./vue-ui-geo-Dacnp6iw.js";import{t as Me}from"./vue-ui-bump-CeDsunDi.js";import{t as Ne}from"./vue-ui-hill-Ddbup7-b.js";import{t as Pe}from"./patternUtils-_q3ArM3g.js";import{t as Fe}from"./vue-ui-pattern-seed-B8YjAAEH.js";import{t as Ie}from"./vue-ui-label-B_1kM28r.js";import{i as Le,n as Re,r as ze,t as Be}from"./useObjectBindings-DiMX4HGv.js";import{t as Ve}from"./useTooltipPosition-aoV8pZZ9.js";export{y as Arrow,Ae as VueDataUi,b as VueUi3dBar,v as VueUiAccordion,x as VueUiAgePyramid,S as VueUiAnnotator,xe as VueUiBullet,Me as VueUiBump,C as VueUiCandlestick,_e as VueUiCarouselTable,w as VueUiChestnut,Oe as VueUiChord,Te as VueUiCirclePack,T as VueUiCursor,ke as VueUiDag,E as VueUiDashboard,D as VueUiDigits,O as VueUiDonut,k as VueUiDonutEvolution,A as VueUiDumbbell,j as VueUiFlow,Se as VueUiFunnel,M as VueUiGalaxy,N as VueUiGauge,je as VueUiGeo,ve as VueUiGizmo,l as VueUiGraph,P as VueUiHeatmap,Ne as VueUiHill,Ce as VueUiHistoryPlot,$ as VueUiHorizontalBar,$ as VueUiVerticalBar,g as VueUiIcon,F as VueUiKpi,Ie as VueUiLabel,I as VueUiMiniLoader,L as VueUiMolecule,R as VueUiMoodRadar,z as VueUiNestedDonuts,B as VueUiOnion,V as VueUiParallelCoordinatePlot,we as VueUiPattern,Fe as VueUiPatternSeed,H as VueUiQuadrant,U as VueUiQuickChart,W as VueUiRadar,G as VueUiRating,K as VueUiRelationCircle,De as VueUiRidgeline,q as VueUiRings,J as VueUiScatter,te as VueUiSkeleton,Y as VueUiSmiley,X as VueUiSparkHistogram,Z as VueUiSparkStackbar,Q as VueUiSparkTrend,ne as VueUiSparkbar,re as VueUiSparkgauge,ie as VueUiSparkline,ye as VueUiStackbar,be as VueUiStackline,ae as VueUiStripPlot,oe as VueUiTable,se as VueUiTableHeatmap,ce as VueUiTableSparkline,le as VueUiThermometer,ue as VueUiTimer,de as VueUiTiremarks,fe as VueUiTreemap,pe as VueUiWaffle,me as VueUiWheel,he as VueUiWordCloud,Ee as VueUiWorld,_ as VueUiXy,ge as VueUiXyCanvas,s as abbreviate,Re as applyDataCorrection,h as average,e as createColorWheel,Pe as createPatternDef,t as createSmoothPath,ee as createStraightPath,c as createTSpans,n as createWordCloudDatasetFromPlainText,f as darkenColor,i as formatSmallValue,o as getCumulativeAverage,a as getCumulativeMedian,r as getPalette,ze as getThemeConfig,Le as getVueDataUiConfig,m as lightenColor,d as median,u as mergeConfigs,p as shiftColorHue,Be as useObjectBindings,Ve as useTooltipPosition};

package/dist/vue-ui-3d-bar-CkHFiFp4.js

@@ -0,0 +1,19 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Ft as i,Ht as a,It as o,Jt as s,Q as c,S as l,X as u,at as d,b as f,f as p,h as m,i as h,in as ee,nt as te,p as g,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}from"./useHints-BH9r_0Vd.js";import{t as le}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as ue}from"./resolveChartConfig-CIhClE5R.js";import{t as de}from"./img-D4RQwASc.js";import{n as fe}from"./Title-BliHuXfT.js";import{t as pe}from"./useChartExport-BZts4KFb.js";import{n as me,t as he}from"./tableIntegration-CNoJ1CIY.js";import{n as ge,t as _e}from"./annotationSlots-BRR85CqJ.js";import{n as ve,t as ye}from"./userOptionsSlots-DYuo-E5m.js";import{t as be}from"./usePrinter-sVoTzet1.js";import{c as xe}from"./canvas-lib-22VpOI4_.js";import{t as Se}from"./useResponsive-CENUxfEL.js";import{t as _}from"./DefGrad-DKMq1REY.js";import{t as Ce}from"./A11yDataTable-DWNlWXzs.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./vue_ui_3d_bar-DmAve5Ri.js";import{Fragment as v,computed as y,createBlock as b,createCommentVNode as x,createElementBlock as S,createElementVNode as C,createSlots as De,createTextVNode as Oe,createVNode as w,defineAsyncComponent as T,guardReactiveProps as ke,mergeProps as Ae,nextTick as je,normalizeClass as Me,normalizeProps as Ne,normalizeStyle as E,onMounted as Pe,openBlock as D,ref as O,renderList as k,renderSlot as A,resolveDynamicComponent as Fe,toDisplayString as j,toRefs as Ie,unref as M,watch as Le,withCtx as N,withKeys as Re,withModifiers as ze}from"vue";var Be=/* @__PURE__ */ e({default:()=>sn}),Ve=[`id`],He=[`id`],Ue={"aria-live":`polite`,class:`sr-only`},We={style:{position:`relative`}},Ge=[`xmlns`,`viewBox`,`aria-describedby`],Ke=[`width`,`height`],qe={key:1},Je=[`x`,`y`,`font-size`,`font-weight`,`fill`],Ye=[`x`,`y`],Xe=[`cx`,`cy`,`stroke`,`opacity`],Ze=[`d`,`stroke`],Qe=[`d`,`stroke`],$e={key:4},et={key:0},tt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],nt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],rt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],it=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],at={key:1},ot=[`d`,`stroke`,`stroke-width`,`fill`],st=[`d`,`stroke`,`stroke-width`,`fill`],ct=[`d`,`stroke`,`stroke-width`,`fill`],lt={key:2},ut=[`aria-label`],dt=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseout`],ft=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseout`],pt=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseout`],mt=[`d`,`onMouseenter`,`onClick`,`onMouseout`],ht=[`d`],gt=[`d`,`stroke`],_t=[`onClick`],vt=[`stroke`,`d`],yt=[`cx`,`cy`,`fill`,`stroke`],bt=[`x`,`y`,`width`,`height`],xt=[`x`,`y`,`width`,`height`],St={key:3},Ct=[`d`,`stroke`],wt=[`d`,`fill`,`stroke`],Tt={key:0},Et=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],Dt=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],Ot={key:4},kt=[`d`,`fill`,`stroke`],At={key:5},jt={key:0},Mt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],Nt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],Pt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],Ft=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],It=[`d`,`stroke`,`stroke-width`,`fill`],Lt=[`d`,`stroke`,`stroke-width`,`fill`],Rt=[`d`],zt={key:1},Bt=[`aria-label`],Vt=[`onMouseenter`,`onClick`,`onMouseout`,`d`,`fill`],Ht=[`onMouseenter`,`onClick`,`onMouseout`,`d`],Ut=[`onMouseenter`,`onClick`,`onMouseout`,`d`,`fill`],Wt=[`onClick`],Gt=[`stroke`,`d`],Kt=[`cx`,`cy`,`fill`,`stroke`],qt=[`x`,`y`,`width`,`height`],Jt=[`x`,`y`,`width`,`height`],Yt={key:3},Xt=[`d`,`stroke`],Zt=[`d`,`fill`,`stroke`],Qt={key:0},$t=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],en=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],tn={key:4},nn=[`d`,`fill`,`stroke`],rn={key:4,class:`vue-data-ui-watermark`},an={key:0},on={key:1},sn=/*#__PURE__*/ le({__name:`vue-ui-3d-bar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:le,emit:Be}){let sn=T(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),cn=T(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),ln=T(()=>import(`./DataTable-0Vv-aGHD.js`)),un=T(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),dn=T(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),fn=T(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),pn=T(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_3d_bar:mn}=t(),P=e,hn=Be,gn=y(()=>!!P.dataset&&Object.keys(P.dataset).length),F=O(u()),I=O(null),L=O(!1),_n=O(0),vn=O(0),yn=O(null),bn=O(null),xn=O(null),Sn=O(null),R=O(!1),Cn=O(null),wn=O(null),z=O(null),B=O(``),V=O(Nn()),Tn=y(()=>V.value.style),H=y(()=>V.value.style.chart),U=y(()=>V.value.userOptions);ce({config:()=>V.value,dataset:()=>P.dataset,component:`VueUi3dBar`,rules:[{test:e=>e?.series&&e.series.length>8,message:[`👀 The number of series is > 8. 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.`]},{test:e=>e?.series&&e.series.some(e=>e?.breakdown&&e.breakdown.length>6),message:[`👀 Some donut breakdowns have > 6 data points. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" data point.`]}]});let En=y(()=>V.value.userOptions.useCursorPointer),Dn=y(()=>ee({defaultConfig:{customPalette:[`#808080`,`#ADADAD`,`#DBDBDB`],userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,color:`#6A6A6A`,bar:{color:`#ADADAD`,stroke:`#6A6A6A`},box:{stroke:`#6A6A6A`}}}},userConfig:V.value.skeletonConfig??{}})),{loading:On,FINAL_DATASET:W}=oe({...Ie(P),FINAL_CONFIG:V,prepareConfig:Nn,callback:()=>{Promise.resolve().then(async()=>{await je(),Hn()})},skeletonDataset:P.config?.skeletonDataset??{series:[{name:`_`,value:21,breakdown:[{name:`_`,value:13},{name:`_`,value:8}]},{name:`_`,value:13,breakdown:[{name:`_`,value:8},{name:`_`,value:5}]},{name:`_`,value:8,breakdown:[{name:`_`,value:5},{name:`_`,value:3}]}]},skeletonConfig:ee({defaultConfig:V.value,userConfig:Dn.value})}),{userOptionsVisible:kn,setUserOptionsVisibility:An,keepUserOptionState:jn}=we({config:V.value}),{svgRef:Mn}=Te({config:V.value.style.chart.title});function Nn(){return ue(P.config,mn,Ee)}Le(()=>P.config,e=>{On.value||(V.value=Nn()),kn.value=!V.value.userOptions.showOnChartHover,Gn(),_n.value+=1,vn.value+=1,G.value.showTable=V.value.table.show},{deep:!0});let{isPrinting:Pn,isImaging:Fn,generatePdf:In,generateImage:Ln}=be({elementId:`3d_bar_${F.value}`,fileName:H.value.title.text||`vue-ui-3d-bar`,options:V.value.userOptions.print}),Rn=y(()=>re(V.value.customPalette)),G=O({showTable:V.value.table.show});Le(V,()=>{G.value={showTable:V.value.table.show}},{immediate:!0});let K=y(()=>W.value.series&&W.value.series.length),zn=O(H.value.box.dimensions.width*(K.value?2:1)),Bn=O(H.value.box.dimensions.height),q=y(()=>({height:Bn.value,width:zn.value,absoluteWidth:zn.value,top:H.value.box.dimensions.top,bottom:H.value.box.dimensions.bottom,left:H.value.box.dimensions.left,right:H.value.box.dimensions.right,perspective:H.value.box.dimensions.perspective})),J=y(()=>{if(K.value){let e=W.value.series.map(e=>e.value||0).reduce((e,t)=>e+t,0),t=W.value.series.map((t,n)=>({...t,seriesIndex:n,id:u(),proportion:(t.value||0)/e,color:l(t.color)||Rn.value[n]||a[n]||a[n%a.length],breakdown:t.breakdown?t.breakdown.sort((e,t)=>t.value-e.value):null})).sort((e,t)=>t.value-e.value),n=[],r=0;for(let e=0;e<t.length;e+=1)n.push({...t[e],fill:qn(r,t[e].proportion,t[e].breakdown,t[e].color)}),r+=t[e].proportion;return n}return null}),Y=y(()=>{let e=q.value.width/2,t=q.value;return{right:`M${e},${t.top} ${t.width-t.right}, ${t.top+t.perspective} ${t.width-t.right},${t.height-t.bottom-t.perspective} ${e},${t.height-t.bottom}`,left:`M${e},${t.top} ${t.left},${t.top+t.perspective} ${t.left},${t.height-t.bottom-t.perspective} ${e},${t.height-t.bottom}`,side:`M${e},${t.height-t.bottom} ${e},${t.top+t.perspective*2}`,topSides:`M${t.left},${t.top+t.perspective} ${e},${t.top+t.perspective*2} ${t.width-t.right},${t.top+t.perspective}`,tubeTop:`M${t.left},${t.top+t.perspective} C ${t.left},${t.top-t.perspective/3} ${t.width-t.right},${t.top-t.perspective/3} ${t.width-t.right},${t.top+t.perspective} C ${t.width-t.right},${t.top+t.perspective*2.3} ${t.left},${t.top+t.perspective*2.3} ${t.left},${t.top+t.perspective}`,tubeLeft:`M${t.left},${t.top+t.perspective} ${t.left},${t.height-t.bottom-t.perspective}`,tubeRight:`M${t.width-t.right},${t.top+t.perspective} ${t.width-t.right},${t.height-t.bottom-t.perspective}`,tubeBottom:`M${t.width-t.right},${t.height-t.bottom-t.perspective} C ${t.width-t.right},${t.height} ${t.left},${t.height} ${t.left},${t.height-t.bottom-t.perspective}`}}),Vn=O(H.value.animation.use?0:W.value.percentage);function Hn(){let e=0,t=H.value.animation.speed,n=.005*H.value.animation.acceleration;function r(){Vn.value+=t+e,e+=n,Vn.value<W.value.percentage?requestAnimationFrame(r):Vn.value=W.value.percentage}H.value.animation.use&&(Vn.value=0,r())}Pe(()=>{Gn(),Hn()});let Un=y(()=>V.value.debug);function Wn(){Un.value&&(ae(P.dataset)?d({componentName:`VueUi3dBar`,type:`dataset`,debug:Un.value}):P.dataset.series?P.dataset.series.forEach((e,t)=>{ie({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{d({componentName:`VueUi3dBar`,type:`datasetSerieAttribute`,property:e,index:t,debug:Un.value})}),e.breakdown&&e.breakdown.forEach((e,n)=>{ie({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{d({componentName:`VueUi3dBar`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n}`,debug:Un.value})})})}):ie({datasetObject:P.dataset,requiredAttributes:[`percentage`]}).forEach(e=>{d({componentName:`VueUi3dBar`,type:`datasetAttribute`,property:e,debug:Un.value})}))}function Gn(){if(Wn(),V.value.responsive){let e=xe(()=>{let{width:e,height:t}=Se({chart:I.value,title:H.value.title.text?yn.value:null,source:Sn.value});requestAnimationFrame(()=>{Bn.value=t-12,zn.value=e})});bn.value&&(xn.value&&bn.value.unobserve(xn.value),bn.value.disconnect()),bn.value=new ResizeObserver(e),xn.value=I.value.parentNode,bn.value.observe(xn.value)}}let Kn=y(()=>q.value.width/4);function qn(e,t,n,r){let a=q.value.height-q.value.bottom-q.value.top-q.value.perspective*2,{width:s,height:c,bottom:l,right:u,left:d,perspective:f}=q.value,p=K.value?s/4:s/2,m=p*2+d,h=l+a*e,ee=c-h-f-a*t/2,te=ee>q.value.height/2?`top`:`bottom`,g=c*.25,ne=!!n,re=null,ie=null;return ne&&(n=n.map((e,t)=>({...e,value:e.value||0,color:i(r,t/n.length)})),re=o({series:n},s/2+s/5,te===`top`?ee-g:ee+g,s/10,s/10,1.99999,2,1,360,105.25,s/20),ie=o({series:n},s-m+s/14,c-h-f-a*t/2,s/40,s/40,1.99999,2,1,360,105.25,s/40)),{donut:re,miniDonut:ie,donutR:s/20,CENTER_X:p,sidePointer:{x:s-m,x2:s-m+s/14,xText:s-m+s/9,y:c-h-f-a*t/2,topY:c-h-f-a*t,height:a*t},apexBottom:{y:c-h,x:p},apexTop:{y:c-h-a*t,x:p},right:`M${p},${c-h} ${p},${c-h-a*t} ${s-m},${c-h-f-a*t} ${s-m},${c-h-f}Z`,left:`M${p},${c-h} ${p},${c-h-a*t} ${d}, ${c-h-f-a*t} ${d},${c-h-f}Z`,liningTop:`M${d},${c-h-f-a*t} ${p},${c-h-a*t} ${s-m},${c-h-f-a*t}`,liningTopShade:`M${d},${c-h-f-a*t-.5} ${p},${c-h-a*t-.5} ${s-m},${c-h-f-a*t-.5}`,top:`M${p},${c-h-a*t} ${d},${c-h-f-a*t} ${p},${c-h-f*2-a*t} ${s-m},${c-h-f-a*t} Z`,tubeTop:`M${d},${c-h-a*t-f} C ${d},${c-h-a*t-f*2.5} ${s-m},${c-h-a*t-f*2.5} ${s-m},${c-h-a*t-f} C ${s-m},${c-h-a*t+f/2} ${d},${c-h-a*t+f/2} ${d},${c-h-a*t-f}`,bottomTubeTop:`M ${s-m-.5},${c-h-f} C ${s-m-.5},${c-h+f/2} ${d},${c-h+f/2} ${d+.5},${c-h-f}`,tubeBody:`M
+        ${d},${c-h-a*t-f} 
+        C ${d},${c-h-a*t+f/2} 
+        ${s-m},${c-h-a*t+f/2} 
+        ${s-m},${c-h-a*t-f} 
+        L${s-m},${c-h-f}
+        C 
+        ${s-m},${c-h+f/2}
+        ${d},${c-h+f/2}
+        ${d},${c-h-f}Z`}}let Jn=y(()=>{let e=f(Vn.value/100),t=q.value.height-q.value.bottom-q.value.top-q.value.perspective*2,{width:n,height:r,bottom:i,right:a,left:o,perspective:s}=q.value,c=K.value?n/4:n/2,l=K.value?c*2+o:a,u=i+t*0;return{right:`M${c},${r-u} ${c},${r-u-t*e} ${n-l},${r-u-s-t*e} ${n-l},${r-u-s}Z`,left:`M${c},${r-u} ${c},${r-u-t*e} ${o}, ${r-u-s-t*e} ${o},${r-u-s}Z`,top:`M${c},${r-u-t*e} ${o},${r-u-s-t*e} ${c},${r-u-s*2-t*e} ${n-l},${r-u-s-t*e} Z`,tubeTop:`M${o},${r-u-t*e-s} C ${o},${r-u-t*e-s*2.5} ${n-l},${r-u-t*e-s*2.5} ${n-l},${r-u-t*e-s} C ${n-l},${r-u-t*e+s/2} ${o},${r-u-t*e+s/2} ${o},${r-u-t*e-s}`,tubeBody:`M
+        ${o},${r-u-t*e-s} 
+        C ${o},${r-u-t*e+s/2} 
+        ${n-l},${r-u-t*e+s/2} 
+        ${n-l},${r-u-t*e-s} 
+        L${n-l},${r-s*1.5}
+        C 
+        ${n-l},${r}
+        ${o},${r}
+        ${o},${r-u-s}Z`}}),X=O(null);function Z(e,t=!1){V.value.events.datapointEnter&&!t&&V.value.events.datapointEnter({datapoint:e,seriesIndex:e.seriesIndex}),V.value.events.datapointClick&&t&&V.value.events.datapointClick({datapoint:e,seriesIndex:e.seriesIndex}),hn(`selectDatapoint`,e);let n=J.value?.findIndex(t=>t.id===e.id)??null;n!==null&&n!==-1&&(z.value=n,B.value=gr(e)),t||(X.value=e.id),t&&L.value&&(L.value=!1),t&&!L.value&&(L.value=!0)}function Q(e){V.value.events.datapointLeave&&V.value.events.datapointLeave({datapoint:e,seriesIndex:e.seriesIndex}),!L.value&&(X.value=null,z.value=null,B.value=``)}function Yn(e,t,n=!1){let r=W.value.series.map(e=>e.value||0).reduce((e,t)=>e+t,0),i=isNaN(e.value/r)?0:e.value/r*100,a=isNaN(e.value/Xn(t))?0:e.value/Xn(t)*100;return n?a:i.toFixed(0)+`%`}function Xn(e){return[...e].map(e=>e.value).reduce((e,t)=>e+t,0)}let Zn=O(!1);function Qn(e){Zn.value=e}function $n(){return K.value?J.value:W.value.percentage}let er=y(()=>K.value?{head:J.value.flatMap(e=>e.breakdown&&e.breakdown.length?[{name:e.name,color:e.color},...e.breakdown.map((t,n)=>({name:t.name,color:i(e.color,n/e.breakdown.length)}))]:{name:e.name,color:e.color}),body:J.value.flatMap(e=>e.breakdown&&e.breakdown.length?[e.value,...e.breakdown.map(e=>e.value)]:e.value)}:null);function tr(e=null){K.value?je(()=>{let t=J.value.map(e=>e.value).reduce((e,t)=>e+t,0),n=er.value.head.map((e,n)=>[[e.name],[er.value.body[n]],[isNaN(er.value.body[n]/t)?`-`:er.value.body[n]/t*100]]),i=[[H.value.title.text],[H.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(n),a=r(i);e?e(a):te({csvContent:a,title:H.value.title.text||`vue-ui-3d-bar`})}):console.warn(`VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)`)}let $=y(()=>{if(!K.value||!Array.isArray(J.value)||!J.value.length)return{colNames:[],head:[],body:[],a11yBody:[],config:{th:{backgroundColor:V.value.table.th.backgroundColor,color:V.value.table.th.color,outline:V.value.table.th.outline},td:{backgroundColor:V.value.table.td.backgroundColor,color:V.value.table.td.color,outline:V.value.table.td.outline},breakpoint:V.value.table.responsiveBreakpoint,shape:V.value.style.shape===`tube`?`circle`:`square`}};let e=J.value.reduce((e,t)=>e+t.value,0),t=[`__SUM__`,n({p:H.value.legend.prefix,v:e,s:H.value.legend.suffix,r:V.value.table.td.roundingValue}),`100%`],r=er.value.head.map((t,r)=>{let i=er.value.body[r];return[{color:t.color,name:t.name},n({p:H.value.legend.prefix,v:i,s:H.value.legend.suffix,r:V.value.table.td.roundingValue}),isNaN(i/e)?`-`:n({v:i/e*100,s:`%`,r:V.value.table.td.roundingPercentage})]}),i=r.map(e=>e.map((e,t)=>t===0?e.name:e));return{colNames:[V.value.table.columnNames.series,V.value.table.columnNames.value,V.value.table.columnNames.percentage],head:t,body:r,a11yBody:i,config:{th:{backgroundColor:V.value.table.th.backgroundColor,color:V.value.table.th.color,outline:V.value.table.th.outline},td:{backgroundColor:V.value.table.td.backgroundColor,color:V.value.table.td.color,outline:V.value.table.td.outline},breakpoint:V.value.table.responsiveBreakpoint,shape:V.value.style.shape===`tube`?`circle`:`square`}}});function nr(){G.value.showTable=!G.value.showTable}let rr=O(!1);function ir(){rr.value=!rr.value}async function ar({scale:e=2}={}){if(!I.value)return;let{width:t,height:n}=I.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await de({domElement:I.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:H.value.title.text,width:t,height:n,aspectRatio:r}}let or=y(()=>he({config:V,style:H,mutableConfig:G,dialog:pn,accordion:cn,isFullscreen:Zn,parent:I,maxWidth:800}));Le(()=>G.value.showTable,e=>me(e,V,Cn));function sr(){G.value.showTable=!1,wn.value&&wn.value.setTableIconState(!1)}let cr=y(()=>V.value.style.chart.backgroundColor),lr=y(()=>V.value.style.chart.title),{isCallbackImaging:ur,isCallbackSvg:dr,generateSvg:fr,onGenerateImage:pr}=pe({svg:Mn,title:lr,legend:null,legendItems:null,backgroundColor:cr,getSvgCallback:()=>V.value.userOptions.callbacks.svg,generateImage:Ln});async function mr(){hn(`copyAlt`,{config:V.value,dataset:W.value}),V.value.userOptions.callbacks.altCopy?await Promise.resolve(V.value.userOptions.callbacks.altCopy({config:V.value,dataset:W.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function hr(){z.value=null,B.value=``,L.value=!1,X.value=null}function gr(e){if(!e)return``;let t=n({p:H.value.legend.prefix,v:e.value,s:H.value.legend.suffix,r:H.value.legend.roundingValue}),r=n({v:e.proportion*100,s:`%`,r:H.value.legend.roundingPercentage});return`${e.name}: ${t}, ${r}`}function _r(e){if(!K.value||!J.value?.length)return;let t=J.value[e];t&&(z.value=e,X.value=t.id,B.value=gr(t))}function vr(){R.value=!0,K.value&&J.value?.length&&z.value===null&&_r(0)}function yr(){R.value=!1,L.value||(z.value=null,X.value=null,B.value=``)}function br(e){if(!K.value||!J.value?.length||!Mn.value||document.activeElement!==Mn.value)return;let t=[`ArrowLeft`,`ArrowDown`].includes(e.key),n=[`ArrowRight`,`ArrowUp`].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){hr();return}if(r){if(z.value===null)return;let e=J.value[z.value];if(!e)return;Z(e,!0),B.value=`${gr(e)} selected`;return}let a=z.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)),_r(a)}let xr=y(()=>({headers:$.value?.colNames??[],rows:$.value?.a11yBody??[]}));return le({getImage:ar,generateCsv:tr,generatePdf:In,generateImage:Ln,generateSvg:fr,getData:$n,toggleTable:nr,toggleAnnotator:ir,toggleFullscreen:Qn,copyAlt:mr}),(e,t)=>(D(),S(`div`,{ref_key:`bar3dChart`,ref:I,class:Me(`vue-data-ui-component vue-ui-3d-bar`),style:E(`font-family:${Tn.value.fontFamily};width:100%; text-align:center;background:${H.value.backgroundColor}`),id:`3d_bar_${F.value}`,onMouseenter:t[8]||=()=>M(An)(!0),onMouseleave:t[9]||=()=>M(An)(!1)},[C(`div`,{id:`chart-instructions-${F.value}`,class:`sr-only`},[C(`p`,null,j(V.value.a11y.translations.keyboardNavigation),1)],8,He),C(`div`,Ue,j(B.value),1),xr.value?.rows?.length?(D(),b(Ce,{key:0,uid:F.value,head:xr.value.headers,body:xr.value.rows,notice:V.value.a11y.translations.tableAvailable,caption:V.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):x(``,!0),U.value.buttons.annotator?(D(),b(M(un),{key:1,svgRef:M(Mn),backgroundColor:H.value.backgroundColor,color:H.value.color,active:rr.value,isCursorPointer:En.value,palette:U.value.annotatorPalette,onClose:ir},De({_:2},[k(M(_e),t=>({name:t,fn:N(n=>[A(e.$slots,t,Ne(ke(M(ge)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):x(``,!0),H.value.title.text?(D(),S(`div`,{key:2,ref_key:`chartTitle`,ref:yn,style:`width:100%;background:transparent`},[(D(),b(fe,{key:`title_${_n.value}`,config:{title:{cy:`3dBar-div-title`,...H.value.title},subtitle:{cy:`3dBar-div-subtitle`,...H.value.title.subtitle}}},null,8,[`config`]))],512)):x(``,!0),U.value.show&&gn.value&&(M(jn)||M(kn))?(D(),b(M(dn),{key:3,ref_key:`userOptionsRef`,ref:wn,backgroundColor:H.value.backgroundColor,color:H.value.color,isPrinting:M(Pn),isImaging:M(Fn),uid:F.value,hasPdf:U.value.buttons.pdf,hasTable:!!K.value&&U.value.buttons.table,hasXls:!!K.value&&U.value.buttons.csv,hasImg:U.value.buttons.img,hasSvg:U.value.buttons.svg,hasFullscreen:U.value.buttons.fullscreen,hasAltCopy:U.value.buttons.altCopy,titles:{...U.value.buttonTitles},chartElement:I.value,position:U.value.position,hasAnnotator:U.value.buttons.annotator,isAnnotation:rr.value,callbacks:U.value.callbacks,printScale:U.value.print.scale,tableDialog:V.value.table.useDialog,isCursorPointer:En.value,onToggleFullscreen:Qn,onGeneratePdf:M(In),onGenerateCsv:tr,onGenerateImage:M(pr),onGenerateSvg:M(fr),onToggleTable:nr,onToggleAnnotator:ir,onCopyAlt:mr,style:E({visibility:M(jn)?M(kn)?`visible`:`hidden`:`visible`})},De({_:2},[k(M(ve)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:N(n=>[A(e.$slots,t,Ne(ke(M(ye)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasTable`,`hasXls`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`titles`,`chartElement`,`position`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`tableDialog`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):x(``,!0),C(`div`,We,[(D(),S(`svg`,{ref_key:`svgRef`,ref:Mn,xmlns:M(ne),class:Me({"vue-data-ui-fullscreen--on":Zn.value,"vue-data-ui-fulscreen--off":!Zn.value}),viewBox:`0 0 ${q.value.absoluteWidth} ${q.value.height}`,style:E(`max-width:100%; overflow: visible; background:transparent;color:${H.value.color}`),tabindex:`0`,"aria-describedby":`chart-instructions-${F.value}`,onFocus:vr,onBlur:yr,onKeydown:br},[w(M(fn)),A(e.$slots,`svg-underlayer`,{svg:{...q.value,isPrintingImg:M(Pn)||M(Fn)||M(ur),isPrintingSvg:M(dr)}},void 0,!0),e.$slots[`chart-background`]?(D(),S(`foreignObject`,{key:0,x:0,y:0,width:q.value.absoluteWidth,height:q.value.height,style:{pointerEvents:`none`}},[A(e.$slots,`chart-background`,{},void 0,!0)],8,Ke)):x(``,!0),C(`defs`,null,[w(_,{t:`radial`,id:`gradient_top${F.value}`,stops:[[`0%`,M(s)(H.value.backgroundColor,0),1],[`100%`,H.value.bar.color,1]]},null,8,[`id`,`stops`]),w(_,{t:`radial`,id:`gradient_tube_top${F.value}`,stops:[[`0%`,M(s)(M(i)(H.value.bar.color,.5),80),1],[`100%`,M(s)(M(c)(H.value.bar.color,.1),80),1]]},null,8,[`id`,`stops`]),w(_,{t:`radial`,id:`gradient_left${F.value}`,stops:[[`0%`,M(s)(H.value.backgroundColor,0),1],[`100%`,M(s)(H.value.bar.color,20),1]]},null,8,[`id`,`stops`]),w(_,{t:`radial`,id:`gradient_right${F.value}`,stops:[[`0%`,M(s)(H.value.backgroundColor,0),1],[`100%`,M(s)(H.value.bar.color,20),1]]},null,8,[`id`,`stops`]),w(_,{t:`linear`,id:`gradient_tube_body${F.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,H.value.bar.color,1],[`10%`,M(s)(M(c)(H.value.bar.color,.7),100),1],[`25%`,M(s)(M(c)(H.value.bar.color,.5),100),1],[`75%`,M(s)(H.value.bar.color,80),1],[`100%`,M(s)(M(i)(H.value.bar.color,.7),100),1]]},null,8,[`id`,`stops`])]),K.value?(D(),S(`defs`,qe,[(D(!0),S(v,null,k(J.value,e=>(D(),b(_,{t:`radial`,id:`grad_top_${e.id}`,key:`grad_top_${e.id}`,stops:[[`0%`,M(s)(M(i)(e.color,.5),80),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),(D(!0),S(v,null,k(J.value,e=>(D(),b(_,{t:`linear`,id:`grad_left_${e.id}`,key:`grad_left_${e.id}`,stops:[[`0%`,M(s)(e.color,80),1],[`100%`,M(s)(M(c)(e.color,.5),100),1]]},null,8,[`id`,`stops`]))),128)),(D(!0),S(v,null,k(J.value,e=>(D(),b(_,{t:`linear`,id:`grad_right_${e.id}`,key:`grad_right_${e.id}`,stops:[[`2%`,M(s)(M(i)(e.color,.5),100),1],[`100%`,M(s)(e.color,80),1]]},null,8,[`id`,`stops`]))),128)),w(_,{t:`linear`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,id:`vertical_line_${F.value}`,stops:[[`0%`,`#FFFFFF`,1],[`100%`,`#FFFFFF33`,1]]},null,8,[`id`])])):x(``,!0),H.value.dataLabel.show&&![null,void 0].includes(M(W).percentage)&&[null,void 0].includes(M(W).series)?(D(),S(`text`,{key:2,x:q.value.width/2,y:q.value.top-H.value.dataLabel.fontSize/2,"font-size":H.value.dataLabel.fontSize,"font-weight":H.value.dataLabel.bold?`bold`:`normal`,fill:H.value.dataLabel.color,"text-anchor":`middle`},j(M(n)({v:Vn.value,s:`%`,r:H.value.dataLabel.rounding})),9,Je)):x(``,!0),L.value?(D(),S(`g`,{key:3,role:`button`,tabindex:`0`,"aria-label":`Clear selection`,onClick:t[0]||=e=>{L.value=!1,X.value=null},onKeydown:[t[1]||=Re(ze(e=>{L.value=!1,X.value=null},[`prevent`]),[`enter`]),t[2]||=Re(ze(e=>{L.value=!1,X.value=null},[`prevent`]),[`space`])],onFocus:t[3]||=e=>R.value=!0,onBlur:t[4]||=e=>R.value=!1,onMouseenter:t[5]||=e=>R.value=!0,onMouseleave:t[6]||=e=>R.value=!1,class:`svg-btn`,"data-dom-to-png-ignore":``,style:E({cursor:En.value?`pointer`:`default`,outline:`none`})},[t[10]||=C(`title`,null,`Clear selection`,-1),C(`rect`,{x:Kn.value-12,y:q.value.top-24,width:24,height:24,fill:`transparent`,"pointer-events":`all`},null,8,Ye),C(`circle`,{cx:Kn.value,cy:q.value.top-12,r:`10`,fill:`none`,stroke:H.value.color,"stroke-width":`2`,"vector-effect":`non-scaling-stroke`,opacity:R.value?.5:0},null,8,Xe),C(`path`,{d:`M${Kn.value-6},${q.value.top-18} ${Kn.value+6},${q.value.top-6}`,stroke:H.value.color,"stroke-linecap":`round`,"stroke-width":`2`,"vector-effect":`non-scaling-stroke`},null,8,Ze),C(`path`,{d:`M${Kn.value+6},${q.value.top-18} ${Kn.value-6},${q.value.top-6}`,stroke:H.value.color,"stroke-linecap":`round`,"stroke-width":`2`,"vector-effect":`non-scaling-stroke`},null,8,Qe)],36)):x(``,!0),!Tn.value.shape||Tn.value.shape===`bar`?(D(),S(`g`,$e,[K.value?x(``,!0):(D(),S(`g`,et,[C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.right,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,tt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.left,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,nt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.side,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,rt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.topSides,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,it)])),K.value?x(``,!0):(D(),S(`g`,at,[C(`path`,{d:Jn.value.right,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_right${F.value})`},null,8,ot),C(`path`,{d:Jn.value.left,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_left${F.value})`},null,8,st),C(`path`,{d:Jn.value.top,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_top${F.value})`},null,8,ct)])),K.value?(D(),S(`g`,lt,[(D(!0),S(v,null,k(J.value,(e,t)=>(D(),S(`g`,{style:E(`opacity:${X.value?X.value===e.id?1:.3:1}`),class:`vue-ui-3d-bar-stack`,role:`img`,"aria-label":gr(e)},[C(`path`,{d:e.fill.right,fill:`url(#grad_right_${e.id})`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,dt),C(`path`,{d:e.fill.left,fill:`url(#grad_left_${e.id})`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,ft),C(`path`,{d:e.fill.top,fill:`url(#grad_top_${e.id})`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,pt),C(`path`,{d:e.fill.liningTop,stroke:`#FFFFFF`,"stroke-width":`0.5`,"stroke-linecap":`round`,fill:`none`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,mt),C(`path`,{d:`M ${e.fill.apexTop.x},${e.fill.apexTop.y} ${e.fill.apexBottom.x},${e.fill.apexBottom.y}`,stroke:`#FFFFFF`,"stroke-width":`0.5`,"stroke-linecap":`round`},null,8,ht)],12,ut))),256)),(D(!0),S(v,null,k(J.value,(e,t)=>(D(),S(`g`,null,[t===J.value.length-1?x(``,!0):(D(),S(`path`,{key:0,d:e.fill.liningTopShade,stroke:H.value.bar.shadeColor,"stroke-width":`0.5`,"stroke-linecap":`round`,fill:`none`,style:{"pointer-events":`none`}},null,8,gt))]))),256)),(D(!0),S(v,null,k(J.value,(t,r)=>(D(),S(`g`,{style:E(`opacity:${X.value?+(X.value===t.id):+(t.proportion*100>H.value.legend.hideUnderPercentage)}`),onClick:e=>hn(`selectDatapoint`,t)},[C(`path`,{stroke:H.value.color,"stroke-dasharray":`1`,"stroke-width":`0.5`,"stroke-linecap":`round`,d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x2},${t.fill.sidePointer.y}`},null,8,vt),!t.fill.miniDonut||X.value?(D(),S(`circle`,{key:0,cx:t.fill.sidePointer.x2,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:H.value.backgroundColor},null,8,yt)):x(``,!0),M(On)?(D(),S(`rect`,{key:1,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize/2,width:q.value.width/3,height:H.value.legend.fontSize,fill:`#6A6A6A80`,rx:`3`},null,8,bt)):x(``,!0),M(On)?x(``,!0):(D(),S(`foreignObject`,{key:2,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize,width:q.value.absoluteWidth/3,height:H.value.legend.fontSize*2,style:{overflow:`visible`,position:`relative`}},[H.value.legend.showDefault?(D(),S(`div`,{key:0,style:E(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${H.value.legend.fontSize}px; text-align:left; line-height: ${H.value.legend.fontSize}px; color:${H.value.legend.color}; font-weight:${H.value.legend.bold?`bold`:`normal`}`)},j(M(h)(H.value.dataLabel.formatter,t.value,`${t.name}: ${M(n)({v:t.proportion*100,s:`%`,r:H.value.legend.roundingPercentage})} (${M(n)({p:H.value.legend.prefix,v:t.value,s:H.value.legend.suffix,r:H.value.legend.roundingValue})})`,{datapoint:t,seriesIndex:r,type:`barDatapoint`})),5)):x(``,!0),A(e.$slots,`legend`,Ae({ref_for:!0},{datapoint:t,config:V.value,dataset:J.value}),void 0,!0)],8,xt)),t.fill.donut&&X.value===t.id?(D(),S(`g`,St,[(D(!0),S(v,null,k(t.fill.donut,(e,n)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`path`,{key:0,d:M(m)(e,{x:e.cx,y:e.cy},0,8,!1,!0,10),stroke:e.color,class:`vue-ui-donut-arc-path`,"stroke-width":`0.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Ct)):x(``,!0)]))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":1},null,8,wt))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,r)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`g`,Tt,[C(`text`,{"text-anchor":M(p)(e,!0,0).anchor,x:M(p)(e,!0,2).x,y:M(g)(e,12,12),fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(M(h)(H.value.dataLabel.formatter,e.value,`${Yn(e,t.fill.donut)} (${M(n)({p:V.value.style.chart.legend.prefix,v:e.value,s:V.value.style.chart.legend.suffix,r:V.value.style.chart.legend.roundingValue})})`,{datapoint:e,seriesIndex:r,type:`donutDatapoint`})),9,Et),C(`text`,{"text-anchor":M(p)(e).anchor,x:M(p)(e,!0,2).x,y:M(g)(e,12,12)+H.value.legend.fontSize/1.5,fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(e.name),9,Dt)])):x(``,!0)]))),256))])):x(``,!0),t.fill.miniDonut&&!X.value?(D(),S(`g`,Ot,[(D(!0),S(v,null,k(t.fill.miniDonut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":.5},null,8,kt))),256))])):x(``,!0)],12,_t))),256))])):x(``,!0)])):x(``,!0),Tn.value.shape===`tube`?(D(),S(`g`,At,[K.value?x(``,!0):(D(),S(`g`,jt,[C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeTop,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Mt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeLeft,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Nt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeRight,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Pt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeBottom,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Ft),C(`path`,{d:Jn.value.tubeTop,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_top${F.value})`},null,8,It),C(`path`,{d:Jn.value.tubeBody,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_body${F.value})`},null,8,Lt),C(`path`,{d:Jn.value.tubeTop,stroke:`#FFFFFF`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Rt)])),K.value?(D(),S(`g`,zt,[(D(!0),S(v,null,k(J.value,(e,t)=>(D(),S(`g`,{style:E(`opacity:${X.value?X.value===e.id?1:.3:1}`),class:`vue-ui-3d-bar-stack`,role:`img`,"aria-label":gr(e)},[C(`defs`,null,[w(_,{t:`radial`,id:`gradient_tube_top_${e.id}`,fx:`10%`,cy:`55%`,stops:[[`0%`,M(s)(M(i)(e.color,.5),80),1],[`100%`,M(s)(M(c)(e.color,.1),80),1]]},null,8,[`id`,`stops`]),w(_,{t:`linear`,id:`gradient_tube_body_${e.id}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,e.color,1],[`10%`,M(s)(M(c)(e.color,.7),100),1],[`25%`,M(s)(M(c)(e.color,.5),100),1],[`75%`,M(s)(e.color,80),1],[`100%`,M(s)(M(i)(e.color,.7),100),1]]},null,8,[`id`,`stops`])]),C(`path`,{onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e),d:e.fill.tubeBody,stroke:`#FFFFFF`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_body_${e.id})`},null,40,Vt),t>0?(D(),S(`path`,{key:0,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e),d:e.fill.bottomTubeTop,stroke:`#000000`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,40,Ht)):x(``,!0),C(`path`,{onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e),d:e.fill.tubeTop,stroke:`#FFFFFF`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_top_${e.id})`},null,40,Ut)],12,Bt))),256)),(D(!0),S(v,null,k(J.value,(t,r)=>(D(),S(`g`,{style:E(`opacity:${X.value?+(X.value===t.id):+(t.proportion*100>H.value.legend.hideUnderPercentage)}`),onClick:e=>hn(`selectDatapoint`,t)},[C(`path`,{stroke:H.value.color,"stroke-dasharray":`1`,"stroke-width":`0.5`,"stroke-linecap":`round`,d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x2},${t.fill.sidePointer.y}`},null,8,Gt),!t.fill.miniDonut||X.value?(D(),S(`circle`,{key:0,cx:t.fill.sidePointer.x2,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:H.value.backgroundColor},null,8,Kt)):x(``,!0),M(On)?(D(),S(`rect`,{key:1,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize/2,width:q.value.width/3,height:H.value.legend.fontSize,fill:`#6A6A6A80`,rx:`3`},null,8,qt)):x(``,!0),M(On)?x(``,!0):(D(),S(`foreignObject`,{key:2,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize,width:q.value.absoluteWidth/3,height:H.value.legend.fontSize*2,style:{overflow:`visible`,position:`relative`}},[H.value.legend.showDefault?(D(),S(`div`,{key:0,style:E(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${H.value.legend.fontSize}px; text-align:left; line-height: ${H.value.legend.fontSize}px; color:${H.value.legend.color};font-weight:${H.value.legend.bold?`bold`:`normal`}`)},j(M(h)(H.value.dataLabel.formatter,t.value,`${t.name}: ${M(n)({v:t.proportion*100,s:`%`,r:H.value.legend.roundingPercentage})} (${M(n)({p:H.value.legend.prefix,v:t.value,s:H.value.legend.suffix,r:H.value.legend.roundingValue})})`,{datapoint:t,seriesIndex:r,type:`barDatapoint`})),5)):x(``,!0),A(e.$slots,`legend`,Ae({ref_for:!0},{datapoint:t,config:V.value,dataset:J.value}),void 0,!0)],8,Jt)),t.fill.donut&&X.value===t.id?(D(),S(`g`,Yt,[(D(!0),S(v,null,k(t.fill.donut,(e,n)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`path`,{key:0,d:M(m)(e,{x:e.cx,y:e.cy},0,8,!1,!0,10),stroke:e.color,class:`vue-ui-donut-arc-path`,"stroke-width":`0.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Xt)):x(``,!0)]))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":1},null,8,Zt))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,r)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`g`,Qt,[C(`text`,{"text-anchor":M(p)(e,!0,0).anchor,x:M(p)(e,!0,2).x,y:M(g)(e,12,12),fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(M(h)(H.value.dataLabel.formatter,e.value,`${Yn(e,t.fill.donut)} (${M(n)({p:V.value.style.chart.legend.prefix,v:e.value,s:V.value.style.chart.legend.suffix,r:V.value.style.chart.legend.roundingValue})})`,{datapoint:e,seriesIndex:r,type:`donutDatapoint`})),9,$t),C(`text`,{"text-anchor":M(p)(e).anchor,x:M(p)(e,!0,2).x,y:M(g)(e,12,12)+H.value.legend.fontSize/1.5,fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(e.name),9,en)])):x(``,!0)]))),256))])):x(``,!0),t.fill.miniDonut&&!X.value?(D(),S(`g`,tn,[(D(!0),S(v,null,k(t.fill.miniDonut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":.5},null,8,nn))),256))])):x(``,!0)],12,Wt))),256))])):x(``,!0)])):x(``,!0),A(e.$slots,`svg`,{svg:{...q.value,isPrintingImg:M(Pn)||M(Fn)||M(ur),isPrintingSvg:M(dr)}},void 0,!0)],46,Ge))]),e.$slots.watermark?(D(),S(`div`,rn,[A(e.$slots,`watermark`,Ne(ke({isPrinting:M(Pn)||M(Fn)||M(dr)||M(ur)})),void 0,!0)])):x(``,!0),e.$slots.source?(D(),S(`div`,{key:5,ref_key:`source`,ref:Sn,dir:`auto`},[A(e.$slots,`source`,{},void 0,!0)],512)):x(``,!0),gn.value&&K.value&&U.value.buttons.table?(D(),b(Fe(or.value.component),Ae({key:6},or.value.props,{ref_key:`tableUnit`,ref:Cn,onClose:sr}),De({content:N(()=>[(D(),b(M(ln),{key:`table_${vn.value}`,colNames:$.value.colNames,head:$.value.head,body:$.value.body,config:$.value.config,title:V.value.table.useDialog?``:or.value.title,withCloseButton:!V.value.table.useDialog,isCursorPointer:En.value,onClose:sr},{th:N(({th:e})=>[e===`__SUM__`?(D(),S(`div`,an,[w(M(sn),{name:`sigma`,stroke:$.value.config.th.color,size:16},null,8,[`stroke`])])):(D(),S(`div`,on,j(e),1))]),td:N(({td:e})=>[Oe(j(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[V.value.table.useDialog?{name:`title`,fn:N(()=>[Oe(j(or.value.title),1)]),key:`0`}:void 0,V.value.table.useDialog?{name:`actions`,fn:N(()=>[C(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[7]||=e=>tr(U.value.callbacks.csv)},[w(M(sn),{name:`fileCsv`,stroke:or.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):x(``,!0),A(e.$slots,`skeleton`,{},()=>[M(On)?(D(),b(se,{key:0})):x(``,!0)],!0)],44,Ve))}},[[`__scopeId`,`data-v-7e53a478`]]);export{Be as n,sn as t};

package/dist/{vue-ui-accordion-3lBpCjGm.js → vue-ui-accordion-S3nRtTU-.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{X as n}from"./lib-DqD8nbyX.js";import{t as r}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as i}from"./useNestedProp-DrLnzyHO.js";import{t as a}from"./BaseIcon-DDctLkeT.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,guardReactiveProps as d,normalizeClass as f,normalizeProps as p,normalizeStyle as m,onMounted as h,openBlock as g,ref as _,renderSlot as v,useCssVars as y,watch as b}from"vue";var x=/* @__PURE__ */ e({default:()=>T}),S={class:`vue-data-ui-component`},C=[`id`],w={key:0,class:`vue-ui-accordion-arrow`},T=/*#__PURE__*/ r({__name:`vue-ui-accordion`,props:{config:{type:Object,default(){return{}}},hideDetails:{type:Boolean,default:!1}},emits:[`toggle`],setup(e,{emit:r}){y(e=>({fc620ee6:P.value}));let{vue_ui_accordion:x}=t(),T=e,E=r,D=o(()=>i({userConfig:T.config,defaultConfig:x})),O=o(()=>D.value.useCursorPointer),k=_(D.value.open),A=_(n()),j=_(null),M=_(0);h(()=>{j.value.open=D.value.open}),b(()=>D.value.open,e=>{j.value.open=e});function N(){(M.value>0||!D.value.open)&&(k.value=!k.value),M.value+=1,E(`toggle`)}let P=o(()=>`${D.value.maxHeight}px`);return(t,n)=>(g(),l(`div`,S,[u(`details`,{id:`details_${A.value}`,ref_key:`details`,ref:j,onToggle:N},[u(`summary`,{class:f({"vue-ui-accordion-headless":e.hideDetails}),style:m({cursor:O.value?`pointer`:`default`})},[u(`div`,{class:`vue-ui-accordion-head`,style:m(`background:${D.value.head.backgroundColor};padding:${D.value.head.padding}; ${e.hideDetails?`height: 0px !important; padding: 0 !important;`:``}`)},[e.hideDetails?c(``,!0):(g(),l(`div`,w,[D.value.head.useArrowSlot?v(t.$slots,`arrow`,p(d({backgroundColor:D.value.head.backgroundColor,color:D.value.head.color,iconColor:D.value.head.iconColor,isOpen:k.value})),void 0,!0,0):(g(),s(a,{key:1,name:D.value.head.icon,stroke:D.value.head.iconColor,size:D.value.head.iconSize},null,8,[`name`,`stroke`,`size`]))])),v(t.$slots,`title`,p(d({color:D.value.head.color,isOpen:k.value})),void 0,!0)],4)],6)],40,C),u(`div`,{class:`vue-ui-accordion-content`,style:m(`background:${D.value.body.backgroundColor};color:${D.value.body.color}`)},[v(t.$slots,`content`,p(d({backgroundColor:D.value.body.backgroundColor,color:D.value.body.color,isOpen:k.value})),void 0,!0)],4)]))}},[[`__scopeId`,`data-v-2782a9e6`]]);export{x as n,T as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{X as n}from"./lib-rPeBMZrn.js";import{t as r}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as i}from"./useNestedProp-DnGoh-XS.js";import{t as a}from"./BaseIcon-Cm-IJ179.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,guardReactiveProps as d,normalizeClass as f,normalizeProps as p,normalizeStyle as m,onMounted as h,openBlock as g,ref as _,renderSlot as v,useCssVars as y,watch as b}from"vue";var x=/* @__PURE__ */ e({default:()=>T}),S={class:`vue-data-ui-component`},C=[`id`],w={key:0,class:`vue-ui-accordion-arrow`},T=/*#__PURE__*/ r({__name:`vue-ui-accordion`,props:{config:{type:Object,default(){return{}}},hideDetails:{type:Boolean,default:!1}},emits:[`toggle`],setup(e,{emit:r}){y(e=>({fc620ee6:P.value}));let{vue_ui_accordion:x}=t(),T=e,E=r,D=o(()=>i({userConfig:T.config,defaultConfig:x})),O=o(()=>D.value.useCursorPointer),k=_(D.value.open),A=_(n()),j=_(null),M=_(0);h(()=>{j.value.open=D.value.open}),b(()=>D.value.open,e=>{j.value.open=e});function N(){(M.value>0||!D.value.open)&&(k.value=!k.value),M.value+=1,E(`toggle`)}let P=o(()=>`${D.value.maxHeight}px`);return(t,n)=>(g(),l(`div`,S,[u(`details`,{id:`details_${A.value}`,ref_key:`details`,ref:j,onToggle:N},[u(`summary`,{class:f({"vue-ui-accordion-headless":e.hideDetails}),style:m({cursor:O.value?`pointer`:`default`})},[u(`div`,{class:`vue-ui-accordion-head`,style:m(`background:${D.value.head.backgroundColor};padding:${D.value.head.padding}; ${e.hideDetails?`height: 0px !important; padding: 0 !important;`:``}`)},[e.hideDetails?c(``,!0):(g(),l(`div`,w,[D.value.head.useArrowSlot?v(t.$slots,`arrow`,p(d({backgroundColor:D.value.head.backgroundColor,color:D.value.head.color,iconColor:D.value.head.iconColor,isOpen:k.value})),void 0,!0,0):(g(),s(a,{key:1,name:D.value.head.icon,stroke:D.value.head.iconColor,size:D.value.head.iconSize},null,8,[`name`,`stroke`,`size`]))])),v(t.$slots,`title`,p(d({color:D.value.head.color,isOpen:k.value})),void 0,!0)],4)],6)],40,C),u(`div`,{class:`vue-ui-accordion-content`,style:m(`background:${D.value.body.backgroundColor};color:${D.value.body.color}`)},[v(t.$slots,`content`,p(d({backgroundColor:D.value.body.backgroundColor,color:D.value.body.color,isOpen:k.value})),void 0,!0)],4)]))}},[[`__scopeId`,`data-v-2782a9e6`]]);export{x as n,T as t};

package/dist/vue-ui-age-pyramid-vpIjdLg5.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,Jt as a,X as o,Yt as ee,at as te,b as s,et as ne,i as c,in as re,nt as ie,pt as ae,t as oe,tn as se,zt as ce}from"./lib-rPeBMZrn.js";import{n as le,t as ue}from"./BaseScanner-8NdoBs7B.js";import{n as de,t as fe}from"./useHints-BH9r_0Vd.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as me}from"./resolveChartConfig-CIhClE5R.js";import{t as he}from"./img-D4RQwASc.js";import{n as ge}from"./Title-BliHuXfT.js";import{t as _e}from"./useChartExport-BZts4KFb.js";import{n as ve,t as ye}from"./tableIntegration-CNoJ1CIY.js";import{n as be,t as xe}from"./annotationSlots-BRR85CqJ.js";import{n as Se,t as Ce}from"./userOptionsSlots-DYuo-E5m.js";import{t as we}from"./usePrinter-sVoTzet1.js";import{t as Te}from"./useSvgLabelLayout-D1I8sQUi.js";import{t as Ee}from"./useTimeLabelCollider-BTybMUFi.js";import{t as De}from"./useResponsive-CENUxfEL.js";import{t as Oe}from"./DefGrad-DKMq1REY.js";import{t as ke}from"./A11yDataTable-DWNlWXzs.js";import{t as Ae}from"./useUserOptionState-CXlFnwPv.js";import{t as je}from"./useChartAccessibility-DOMuYJfm.js";import{t as Me}from"./vue_ui_age_pyramid-CL0Ef8Ov.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as Ne,createTextVNode as Pe,createVNode as h,defineAsyncComponent as g,guardReactiveProps as _,mergeProps as Fe,nextTick as Ie,normalizeClass as Le,normalizeProps as v,normalizeStyle as Re,onBeforeUnmount as ze,onMounted as Be,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as Ve,shallowRef as He,toDisplayString as C,toRefs as Ue,unref as w,watch as T,withCtx as E}from"vue";var We=/* @__PURE__ */ e({default:()=>yt}),Ge=[`id`],Ke=[`id`],qe={style:{position:`relative`}},Je=[`xmlns`,`viewBox`,`aria-describedby`],Ye=[`x`,`y`,`width`,`height`],Xe=[`x`,`y`,`width`,`height`,`fill`,`rx`],Ze=[`x`,`y`,`width`,`height`,`fill`,`rx`],Qe=[`x`,`y`,`width`,`height`,`fill`,`rx`],$e=[`x`,`y`,`width`,`height`,`fill`,`rx`],et=[`x`,`y`,`font-size`,`font-weight`,`fill`,`stroke`],tt=[`x`,`y`,`font-size`,`font-weight`,`fill`,`stroke`],nt={key:0},rt=[`x`,`y`,`fill`,`font-size`,`font-weight`],it=[`x`,`y`,`fill`,`font-size`,`font-weight`],at={key:1},ot=[`x`,`y`,`font-size`,`fill`,`font-weight`],st={key:2},ct={key:0},lt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`font-size`,`fill`,`text-anchor`,`font-weight`,`transform`],mt=[`font-size`,`fill`,`text-anchor`,`font-weight`,`transform`],ht=[`x`,`y`,`font-size`,`fill`,`font-weight`],gt=[`x`,`y`,`width`,`height`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],_t={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},vt={key:5,class:`vue-data-ui-watermark`},yt=/*#__PURE__*/ pe({__name:`vue-ui-age-pyramid`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:pe,emit:We}){let yt=g(()=>import(`./Tooltip-C1q0Qoh7.js`)),bt=g(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),xt=g(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),St=g(()=>import(`./DataTable-0Vv-aGHD.js`)),Ct=g(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),wt=g(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),Tt=g(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),Et=g(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_age_pyramid:Dt}=t(),D=e,Ot=We,kt=u(()=>!!D.dataset&&D.dataset.length),O=b(o()),k=b(!1),At=b(``),A=b(null),jt=b(0),j=b(null),Mt=b(null),Nt=b(null),Pt=b(null),Ft=b(0),It=b(0),Lt=b(null),Rt=b(null),zt=b(null),M=b(null),Bt=b({x:0,y:0}),N=b(`pointer`),Vt=b(!1),P=b(Yt()),F=u(()=>P.value.style),I=u(()=>P.value.style.layout.dataLabels),L=u(()=>P.value.style.layout.bars),R=u(()=>P.value.style.layout.bars.labels);de({config:()=>P.value,dataset:()=>D.dataset,component:`VueUiAgePyramid`,rules:[fe.emptyArray,{test:e=>e.length>130,message:[`👀 Dataset has > 130 points. Consider:`,``,`▶️ Grouping small values into aggregated categories.`,``,`▶️ Using VueUiStackline to display data in a more compact way.`]}]});let z=u(()=>P.value.userOptions.useCursorPointer),Ht=u(()=>re({defaultConfig:{userOptions:{show:!1},table:{show:!1},translations:{male:``,female:``},style:{backgroundColor:`#99999930`,layout:{bars:{left:{color:`#CACACA`},right:{color:`#999999`}},dataLabels:{xAxis:{fontSize:0,scale:1e3,translation:``},yAxis:{show:!1}},grid:{stroke:`#6A6A6A`}}}},userConfig:P.value.skeletonConfig??{}})),{loading:Ut,FINAL_DATASET:Wt,manualLoading:Gt}=le({...Ue(D),FINAL_CONFIG:P,prepareConfig:Yt,skeletonDataset:D.config?.skeletonDataset??[[`_`,9,2,2],[`_`,8,3,3],[`_`,7,5,5],[`_`,6,8,8],[`_`,5,13,13],[`_`,4,21,21],[`_`,3,34,34],[`_`,2,55,55],[`_`,1,89,89],[`_`,0,144,144]],skeletonConfig:re({defaultConfig:P.value,userConfig:Ht.value})}),{userOptionsVisible:Kt,setUserOptionsVisibility:qt,keepUserOptionState:Jt}=Ae({config:P.value}),{svgRef:B}=je({config:P.value.style.title});function Yt(){return me(D.config,Dt,Me)}function Xt(e){let t=ne(e);return t?.style?.chart&&delete t.style.tooltip,JSON.stringify(t)}let Zt=Xt(D.config);T(()=>D.config,(e,t)=>{let n=Xt(e),r=n!==Zt;Zt=n;let i=Yt();r?(Ut.value||(P.value=i),Kt.value=!P.value.userOptions.showOnChartHover,tn(),Ft.value+=1,It.value+=1,U.value.showTable=P.value.table.show,U.value.showTooltip=P.value.style.tooltip.show):(P.value.style.tooltip=i.style.tooltip,U.value.showTooltip=P.value.style.tooltip.show)},{deep:!0}),T(()=>D.dataset,e=>{Array.isArray(e)&&e.length>0&&(Gt.value=!1)},{deep:!0});let V=He(null),H=He(null),Qt=b(!1),$t=0;Be(()=>{tn()});let en=u(()=>P.value.debug);function tn(){ce(D.dataset)&&(te({componentName:`VueUiAgePyramid`,type:`dataset`,debug:en.value}),Gt.value=!0),ce(D.dataset)||(Gt.value=P.value.loading),P.value.responsive&&(V.value&&(H.value&&V.value.unobserve(H.value),V.value.disconnect()),V.value=new ResizeObserver(()=>{let{width:e,height:t}=De({chart:j.value,title:F.value.title.text?Mt.value:null,source:Nt.value,noTitle:Pt.value});cancelAnimationFrame($t),$t=requestAnimationFrame(()=>{W.value.width=e,W.value.height=t,Qt.value=!0})}),H.value=j.value.parentNode,V.value.observe(H.value))}ze(()=>{cancelAnimationFrame($t),V.value&&(H.value&&V.value.unobserve(H.value),V.value.disconnect())});let{isPrinting:nn,isImaging:rn,generatePdf:an,generateImage:on}=we({elementId:`vue-ui-age-pyramid_${O.value}`,fileName:F.value.title.text||`vue-ui-age-pyramid`,options:P.value.userOptions.print}),sn=u(()=>P.value.userOptions.show&&!F.value.title.text),U=b({showTable:P.value.table.show,showTooltip:F.value.tooltip.show});T(P,()=>{U.value={showTable:P.value.table.show,showTooltip:F.value.tooltip.show}},{immediate:!0});let W=b({height:F.value.height,width:F.value.width}),cn=u(()=>W.value.width),ln=u(()=>W.value.height),{metrics:un,ready:dn,settling:fn,update:pn}=Te({svgRef:B,canMeasure:()=>!P.value.responsive||Qt.value,initialMetrics:{bottom:0},measure:e=>({bottom:e(Lt.value).height})}),mn=u(()=>un.value.bottom),G=u(()=>{let e=W.value.width-F.value.layout.padding.right-F.value.layout.padding.left,t=F.value.layout.padding.left,n=W.value.width-F.value.layout.padding.right;return{top:F.value.layout.padding.top+I.value.sideTitles.fontSize+I.value.sideTitles.offsetY+12,left:t,right:n,bottom:W.value.height-F.value.layout.padding.bottom-mn.value,width:e,height:W.value.height-F.value.layout.padding.top-F.value.layout.padding.bottom-mn.value-I.value.sideTitles.fontSize-I.value.sideTitles.offsetY-12,centerX:F.value.layout.padding.left+e/2,leftChart:{width:e/2-F.value.layout.centerSlit.width,right:t+e/2-F.value.layout.centerSlit.width},rightChart:{width:e/2-F.value.layout.centerSlit.width,left:t+e/2+F.value.layout.centerSlit.width}}}),hn=u(()=>Wt.value.map(e=>I.value.yAxis.display===`age`?e[1]:e[0])),K=u(()=>{let e=gn(q.value/5),t=[],n=[];for(let r=0;r<=5;r+=1){let i=e*r,a=e*(r-5);t.push({value:i,x:G.value.left+G.value.width/2+F.value.layout.centerSlit.width+i/q.value*G.value.leftChart.width}),n.push({value:Math.abs(a),x:G.value.left+G.value.width/2+a/q.value*G.value.leftChart.width-F.value.layout.centerSlit.width})}return{right:t,left:n}});function gn(e){if(e===0)return 0;let t=10**Math.floor(Math.log10(Math.abs(e))),n;return n=Math.round(e/t)*t,n}let q=u(()=>Math.max(...Wt.value.flatMap(e=>e.slice(-2).map(e=>s(e))))),J=u(()=>Wt.value.length),_n=u(()=>Wt.value.map(e=>({segment:e[0],age:e[1],left:{value:e[2],proportionToMax:e[2]/q.value},right:{value:e[3],proportionToMax:e[3]/q.value}}))),Y=u(()=>_n.value.map((e,t)=>{let n=G.value.top+G.value.height/J.value*t,r=G.value.height/J.value-L.value.gap;return{segment:e.segment,age:e.age,left:{...e.left,y:n,color:L.value.left.color,x:G.value.leftChart.right-e.left.proportionToMax*G.value.leftChart.width,width:s(e.left.proportionToMax*G.value.leftChart.width),height:r},right:{...e.right,y:n,color:L.value.right.color,x:G.value.rightChart.left,width:s(e.right.proportionToMax*G.value.rightChart.width),height:r}}})),vn=b(null);function yn(e){let[t,n,r,i]=e;return{segment:t,index:n,left:r,right:i}}function bn(e,t){P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:yn(t),seriesIndex:e})}function xn(e,t){P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:yn(t),seriesIndex:e}),(N.value!==`keyboard`||M.value!==e)&&(A.value=null,k.value=!1)}function Sn(e){if(!B.value)return;let t=Y.value[e];if(!t)return;let n=se(G.value.left+G.value.width/2,t.left.y+t.left.height/2,B.value);n&&(Bt.value=n)}function Cn(e,t,r=`pointer`){P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:yn(t),seriesIndex:e}),A.value=e,M.value=e,N.value=r,vn.value={datapoint:t,seriesIndex:e,series:Y.value,config:P.value};let a=F.value.tooltip.customFormat;if(i(a)&&ae(()=>a({seriesIndex:e,datapoint:{segment:t[0],index:t[1],left:t[2],right:t[3]},series:Y.value,config:P.value})))At.value=a({seriesIndex:e,datapoint:{segment:t[0],index:t[1],left:t[2],right:t[3]},series:Y.value,config:P.value});else{let r=``,i=Y.value[e];r+=`<div><b>${i.segment}</b></div>`,r+=`<div>${P.value.translations.age}: ${c(I.value.yAxis.formatter,s(i.age),n({v:s(i.age)}),{datapoint:t,seriesIndex:e})}</div>`,r+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${F.value.tooltip.borderColor}">`,r+=`<div style="display:flex; flex-direction:row;gap:12px">`,r+=`<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.show?`url(#age_pyramid_left_${O.value})`:L.value.left.color}"/></svg><div>${P.value.translations.female}</div><div><b>${c(I.value.xAxis.formatter,s(i.left.value),n({v:s(i.left.value)}),{datapoint:t,seriesIndex:e})}</b></div></div>`,r+=`<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.show?`url(#age_pyramid_right_${O.value})`:L.value.right.color}"/></svg><div>${P.value.translations.male}</div><div><b>${c(I.value.xAxis.formatter,s(i.right.value),n({v:s(i.right.value)}),{datapoint:t,seriesIndex:e})}</b></div></div>`,r+=`</div>`,r+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${F.value.tooltip.borderColor}"><div>${P.value.translations.total}</div><div><b>${c(I.value.xAxis.formatter,s(i.right.value)+s(i.left.value),n({v:s(i.right.value)+s(i.left.value)}),{datapoint:t,seriesIndex:e})}</b></div></div>`,r+=`</div>`,At.value=`<div>${r}</div>`}k.value=!0,r===`keyboard`&&Ie(()=>{Sn(e)})}function wn(e=null){Ie(()=>{let t=[P.value.translations.year,P.value.translations.age,P.value.translations.female,P.value.translations.male,P.value.translations.total],n=D.dataset.map(e=>[e[0],e[1],e[2],e[3],e[2]??0+e[3]??0]),i=[[F.value.title.text],[F.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),a=r(i);e?e(a):ie({csvContent:a,title:F.value.title.text||`vue-ui-heatmap`})})}let X=u(()=>{let e=[P.value.translations.year,P.value.translations.age,P.value.translations.female,P.value.translations.male,P.value.translations.total];return{head:e,body:D.dataset.map(e=>[e[0],e[1],e[2]==null?``:e[2].toLocaleString(),e[3]==null?``:e[3].toLocaleString(),(e[2]??0+e[3]??0).toLocaleString()]),config:{th:{backgroundColor:P.value.table.th.backgroundColor,color:P.value.table.th.color,outline:P.value.table.th.outline},td:{backgroundColor:P.value.table.td.backgroundColor,color:P.value.table.td.color,outline:P.value.table.td.outline},breakpoint:P.value.table.responsiveBreakpoint},colNames:e}}),Z=b(!1);function Tn(e){Z.value=e,jt.value+=1}function En(){U.value.showTable=!U.value.showTable}function Dn(){U.value.showTooltip=!U.value.showTooltip}let Q=b(!1);function On(){Q.value=!Q.value}async function kn({scale:e=2}={}){if(!j.value)return;let{width:t,height:n}=j.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await he({domElement:j.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:F.value.title.text,width:t,height:n,aspectRatio:r}}let An=b([]),jn=b({start:0,end:Y.value.length});Ee({timeLabelsEls:Lt,timeLabels:An,slicer:jn,configRef:P,rotationPath:[`style`,`layout`,`dataLabels`,`xAxis`,`rotation`],autoRotatePath:[`style`,`layout`,`dataLabels`,`xAxis`,`autoRotate`,`enable`],isAutoSize:!1,width:cn,height:ln,targetClass:`.vue-ui-age-pyramid-x-axis-label`,rotation:F.value.layout.dataLabels.xAxis.autoRotate.angle});let $=u(()=>ye({config:P,style:F,mutableConfig:U,dialog:Et,accordion:xt,isFullscreen:Z,parent:j,maxWidth:800,isCursorPointer:z}));T(()=>U.value.showTable,e=>ve(e,P,Rt));function Mn(){U.value.showTable=!1,zt.value&&zt.value.setTableIconState(!1)}let Nn=u(()=>P.value.style.backgroundColor),Pn=u(()=>P.value.style.title),{isCallbackImaging:Fn,isCallbackSvg:In,generateSvg:Ln,onGenerateImage:Rn}=_e({svg:B,title:Pn,legend:null,legendItems:null,backgroundColor:Nn,getSvgCallback:()=>P.value.userOptions.callbacks.svg,generateImage:on});async function zn(){Ot(`copyAlt`,{config:P.value,dataset:Y.value}),P.value.userOptions.callbacks.altCopy?await Promise.resolve(P.value.userOptions.callbacks.altCopy({config:P.value,dataset:Y.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function Bn(){Vt.value=!0}function Vn(){A.value=null,M.value=null,N.value=`pointer`,k.value=!1,Vt.value=!1}function Hn(e){if(!B.value||Q.value||document.activeElement!==B.value||!Y.value.length)return;let t=[`ArrowUp`,`ArrowLeft`].includes(e.key),n=[`ArrowDown`,`ArrowRight`].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){A.value=null,M.value=null,N.value=`pointer`,k.value=!1;return}if(r){if(M.value===null)return;let e=D.dataset[M.value];if(!e)return;bn(M.value,e);return}let a=M.value,o=A.value,ee=a!==null&&a>=0&&a<Y.value.length,te=o!==null&&o>=0&&o<Y.value.length;ee?t?a=a-1<0?Y.value.length-1:a-1:n&&(a=a+1>Y.value.length-1?0:a+1):te?(a=n?o+1:o-1,a>=Y.value.length&&(a=0),a<0&&(a=Y.value.length-1)):a=n?0:Y.value.length-1;let s=D.dataset[a];s&&Cn(a,s,`keyboard`)}return pe({getImage:kn,generatePdf:an,generateCsv:wn,generateImage:on,generateSvg:Ln,toggleTable:En,toggleTooltip:Dn,toggleAnnotator:On,toggleFullscreen:Tn,copyAlt:zn}),T(()=>[W.value,I.value,Lt.value,D.dataset,Qt.value,P.value.style.fontFamily],pn,{flush:`post`,deep:!0}),(t,r)=>(y(),p(`div`,{class:Le(`vue-data-ui-component vue-ui-age-pyramid ${Z.value?`vue-data-ui-wrapper-fullscreen`:``}`),ref_key:`agePyramid`,ref:j,id:`vue-ui-age-pyramid_${O.value}`,style:Re(`font-family:${F.value.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor};${P.value.responsive?`height:100%`:``}`),onMouseenter:r[1]||=()=>w(qt)(!0),onMouseleave:r[2]||=()=>w(qt)(!1)},[m(`div`,{id:`chart-instructions-${O.value}`,class:`sr-only`},[m(`p`,null,C(P.value.a11y.translations.keyboardNavigation),1)],8,Ke),X.value?.body?.length?(y(),d(ke,{key:0,uid:O.value,head:X.value.head,body:X.value.body,notice:P.value.a11y.translations.tableAvailable,caption:P.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):f(``,!0),P.value.userOptions.buttons.annotator?(y(),d(w(Ct),{key:1,svgRef:w(B),backgroundColor:F.value.backgroundColor,color:F.value.color,active:Q.value,isCursorPointer:z.value,palette:P.value.userOptions.annotatorPalette,onClose:On},Ne({_:2},[x(w(xe),e=>({name:e,fn:E(n=>[S(t.$slots,e,v(_(w(be)(e,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):f(``,!0),sn.value?(y(),p(`div`,{key:2,ref_key:`noTitle`,ref:Pt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):f(``,!0),F.value.title.text?(y(),p(`div`,{key:3,ref_key:`chartTitle`,ref:Mt,style:`width:100%;background:transparent`},[(y(),d(ge,{key:`title_${Ft.value}`,config:{title:{cy:`pyramid-div-title`,...F.value.title},subtitle:{cy:`pyramid-div-subtitle`,...F.value.title.subtitle}}},null,8,[`config`]))],512)):f(``,!0),P.value.userOptions.show&&kt.value&&(w(Jt)||w(Kt))?(y(),d(w(wt),{ref_key:`userOptionsRef`,ref:zt,key:`user_options_${jt.value}`,backgroundColor:F.value.backgroundColor,color:F.value.color,isImaging:w(rn),isPrinting:w(nn),uid:O.value,hasTooltip:P.value.userOptions.buttons.tooltip&&F.value.tooltip.show,hasPdf:P.value.userOptions.buttons.pdf,hasXls:P.value.userOptions.buttons.csv,hasImg:P.value.userOptions.buttons.img,hasSvg:P.value.userOptions.buttons.svg,hasTable:P.value.userOptions.buttons.table,hasFullscreen:P.value.userOptions.buttons.fullscreen,hasAltCopy:P.value.userOptions.buttons.altCopy,isFullscreen:Z.value,isTooltip:U.value.showTooltip,titles:{...P.value.userOptions.buttonTitles},chartElement:j.value,position:P.value.userOptions.position,hasAnnotator:P.value.userOptions.buttons.annotator,isAnnotation:Q.value,callbacks:P.value.userOptions.callbacks,printScale:P.value.userOptions.print.scale,tableDialog:P.value.table.useDialog,isCursorPointer:z.value,onToggleFullscreen:Tn,onGeneratePdf:w(an),onGenerateCsv:wn,onGenerateImage:w(Rn),onGenerateSvg:w(Ln),onToggleTable:En,onToggleTooltip:Dn,onToggleAnnotator:On,onCopyAlt:zn,style:Re({visibility:w(Jt)?w(Kt)?`visible`:`hidden`:`visible`})},Ne({_:2},[x(w(Se)(t.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:E(n=>[S(t.$slots,e,v(_(w(Ce)(e,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):f(``,!0),m(`div`,qe,[(y(),p(`svg`,{ref_key:`svgRef`,ref:B,xmlns:w(oe),class:Le({"vue-data-ui-fullscreen--on":Z.value,"vue-data-ui-fulscreen--off":!Z.value}),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${W.value.height<=0?10:W.value.height}`,style:Re(`max-width:100%;overflow:visible;background:transparent;color:${F.value.color};visibility:${w(dn)?`visible`:`hidden`}`),tabindex:`0`,"aria-describedby":`chart-instructions-${O.value}`,onFocus:Bn,onBlur:Vn,onKeydown:Hn},[h(w(Tt)),S(t.$slots,`svg-underlayer`,{svg:{...W.value,drawingArea:G.value,isPrintingImg:w(nn)||w(rn)||w(Fn),isPrintingSvg:w(In)}},void 0,!0),t.$slots[`chart-background`]?(y(),p(`foreignObject`,{key:0,x:G.value.left,y:G.value.top,width:Math.max(.1,G.value.width),height:Math.max(.1,G.value.height),style:{pointerEvents:`none`}},[S(t.$slots,`chart-background`,{},void 0,!0)],8,Ye)):f(``,!0),m(`defs`,null,[h(Oe,{t:`linear`,id:`age_pyramid_left_${O.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,L.value.left.color,1],[`100%`,w(a)(w(ee)(L.value.left.color,L.value.gradient.shiftHue),100-L.value.gradient.intensity),1]]},null,8,[`id`,`stops`]),h(Oe,{t:`linear`,id:`age_pyramid_right_${O.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,w(a)(w(ee)(L.value.right.color,L.value.gradient.shiftHue),100-L.value.gradient.intensity),1],[`100%`,L.value.right.color,1]]},null,8,[`id`,`stops`])]),(y(!0),p(l,null,x(Y.value,(e,t)=>(y(),p(`g`,null,[m(`rect`,{x:e.left.x,y:e.left.y,width:w(s)(e.left.width<=0?1e-4:e.left.width),height:e.left.height<=0?1e-4:e.left.height,fill:L.value.gradient.underlayer,rx:L.value.borderRadius},null,8,Xe),m(`rect`,{x:e.left.x,y:e.left.y,width:e.left.width<=0?1e-4:e.left.width,height:e.left.height<=0?1e-4:e.left.height,fill:L.value.gradient.show?`url(#age_pyramid_left_${O.value})`:e.left.color,rx:L.value.borderRadius},null,8,Ze),m(`rect`,{x:e.right.x,y:e.right.y,width:e.right.width<=0?1e-4:e.right.width,height:e.right.height<=0?1e-4:e.right.height,fill:L.value.gradient.underlayer,rx:L.value.borderRadius},null,8,Qe),m(`rect`,{x:e.right.x,y:e.right.y,width:e.right.width<=0?1e-4:e.right.width,height:e.right.height<=0?1e-4:e.right.height,fill:L.value.gradient.show?`url(#age_pyramid_right_${O.value})`:e.right.color,rx:L.value.borderRadius},null,8,$e)]))),256)),(y(!0),p(l,null,x(Y.value,(e,t)=>(y(),p(`g`,null,[R.value.show?(y(),p(l,{key:0},[!R.value.showOnHover||R.value.showOnHover&&A.value===t?(y(),p(`text`,{key:0,x:e.left.x+Math.max(1e-4,e.left.width)-R.value.offsetX-6,y:e.left.y+Math.max(1e-4,e.left.height/2)+L.value.gap/2,"text-anchor":`end`,"dominant-baseline":`middle`,"font-size":R.value.fontSize,"font-weight":R.value.bold?`bold`:`normal`,fill:R.value.color,stroke:F.value.backgroundColor,"paint-order":`stroke fill`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`3`},C(w(c)(R.value.formatter,e.left.value,w(n)({v:e.left.value}),{datapoint:e.left,seriesIndex:t})),9,et)):f(``,!0)],64)):f(``,!0),R.value.show?(y(),p(l,{key:1},[!R.value.showOnHover||R.value.showOnHover&&A.value===t?(y(),p(`text`,{key:0,x:e.right.x+R.value.offsetX+6,y:e.right.y+Math.max(1e-4,e.right.height/2)+L.value.gap/2,"text-anchor":`start`,"dominant-baseline":`middle`,"font-size":R.value.fontSize,"font-weight":R.value.bold?`bold`:`normal`,fill:R.value.color,stroke:F.value.backgroundColor,"paint-order":`stroke fill`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`3`},C(w(c)(R.value.formatter,e.right.value,w(n)({v:e.right.value}),{datapoint:e.right,seriesIndex:t})),9,tt)):f(``,!0)],64)):f(``,!0)]))),256)),m(`g`,null,[I.value.sideTitles.show?(y(),p(`g`,nt,[m(`text`,{x:G.value.left,y:I.value.sideTitles.fontSize,fill:I.value.sideTitles.useSideColor?L.value.left.color:I.value.sideTitles.color,"font-size":I.value.sideTitles.fontSize,"text-anchor":`start`,"font-weight":I.value.sideTitles.bold?`bold`:`normal`},C(P.value.translations.female),9,rt),m(`text`,{x:G.value.right,y:I.value.sideTitles.fontSize,fill:I.value.sideTitles.useSideColor?L.value.right.color:I.value.sideTitles.color,"font-size":I.value.sideTitles.fontSize,"text-anchor":`end`,"font-weight":I.value.sideTitles.bold?`bold`:`normal`},C(P.value.translations.male),9,it)])):f(``,!0),I.value.yAxis.show?(y(),p(`g`,at,[(y(!0),p(l,null,x(hn.value,(e,t)=>(y(),p(l,null,[t%I.value.yAxis.showEvery===0&&(!R.value.show||R.value.showOnHover&&A.value===t||A.value===null)||(R.value.show||R.value.showOnHover)&&A.value===t?(y(),p(`text`,{key:0,x:G.value.centerX,y:G.value.top+G.value.height/J.value/2+G.value.height/J.value*t,"dominant-baseline":`middle`,"text-anchor":`middle`,"font-size":I.value.yAxis.fontSize,fill:I.value.yAxis.color,"font-weight":I.value.yAxis.bold?`bold`:`normal`},C(w(c)(I.value.yAxis.formatter,e,w(n)({v:e}),{datapoint:e,seriesIndex:t})),9,ot)):f(``,!0)],64))),256))])):f(``,!0),I.value.xAxis.show?(y(),p(`g`,st,[F.value.layout.grid.show?(y(),p(`g`,ct,[m(`line`,{x1:K.value.right[0].x,x2:K.value.right.at(-1).x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,lt),m(`line`,{x1:K.value.left[0].x,x2:K.value.left.at(-1).x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,ut)])):f(``,!0),(y(!0),p(l,null,x(K.value.right,(e,t)=>(y(),p(`g`,null,[F.value.layout.grid.show?(y(),p(`line`,{key:0,x1:e.x,x2:e.x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2+4,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,dt)):f(``,!0)]))),256)),(y(!0),p(l,null,x(K.value.left,(e,t)=>(y(),p(`g`,null,[F.value.layout.grid.show?(y(),p(`line`,{key:0,x1:e.x,x2:e.x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2+4,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,ft)):f(``,!0)]))),256)),m(`g`,{ref_key:`xAxisLabels`,ref:Lt},[(y(!0),p(l,null,x(K.value.right,(e,t)=>(y(),p(`text`,{class:`vue-ui-age-pyramid-x-axis-label`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"text-anchor":I.value.xAxis.rotation>0?`start`:I.value.xAxis.rotation<0?`end`:`middle`,"font-weight":I.value.xAxis.bold?`bold`:`normal`,transform:`translate(${e.x}, ${G.value.bottom+I.value.xAxis.fontSize*2}) rotate(${I.value.xAxis.rotation})`},C(w(c)(I.value.xAxis.formatter,e.value/I.value.xAxis.scale,w(n)({v:e.value/F.value.layout.dataLabels.xAxis.scale}),{datapoint:e,seriesIndex:t})),9,pt))),256)),(y(!0),p(l,null,x(K.value.left,(e,t)=>(y(),p(`text`,{class:`vue-ui-age-pyramid-x-axis-label`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"text-anchor":I.value.xAxis.rotation>0?`start`:I.value.xAxis.rotation<0?`end`:`middle`,"font-weight":I.value.xAxis.bold?`bold`:`normal`,transform:`translate(${e.x}, ${G.value.bottom+I.value.xAxis.fontSize*2}) rotate(${I.value.xAxis.rotation})`},C(w(c)(I.value.xAxis.formatter,e.value/I.value.xAxis.scale,w(n)({v:e.value/F.value.layout.dataLabels.xAxis.scale}),{datapoint:e,seriesIndex:t})),9,mt))),256))],512),m(`text`,{x:G.value.right,y:W.value.height,"text-anchor":`end`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"font-weight":I.value.xAxis.bold?`bold`:`normal`},C(I.value.xAxis.translation),9,ht)])):f(``,!0)]),(y(!0),p(l,null,x(e.dataset,(e,t)=>(y(),p(`g`,null,[m(`rect`,{x:G.value.left,y:G.value.top+G.value.height/J.value*t-L.value.gap/2,width:G.value.width<=0?1e-4:G.value.width,height:G.value.height/J.value<=0?1e-4:G.value.height/J.value,fill:A.value!==null&&A.value===t?w(a)(F.value.highlighter.color,F.value.highlighter.opacity):`transparent`,onMouseover:n=>Cn(t,e,`pointer`),onMouseleave:n=>xn(t,e),onClick:n=>bn(t,e)},null,40,gt)]))),256)),S(t.$slots,`svg`,{svg:{...W.value,drawingArea:G.value,isPrintingImg:w(nn)||w(rn)||w(Fn),isPrintingSvg:w(In)}},void 0,!0)],46,Je)),t.$slots.hint?(y(),p(`div`,_t,[S(t.$slots,`hint`,v(_({hint:P.value.a11y.translations.keyboardNavigation,isVisible:Vt.value})),void 0,!0)])):f(``,!0)]),t.$slots.watermark?(y(),p(`div`,vt,[S(t.$slots,`watermark`,v(_({isPrinting:w(nn)||w(rn)||w(Fn)||w(In)})),void 0,!0)])):f(``,!0),S(t.$slots,`legend`,{legend:Y.value},void 0,!0),t.$slots.source?(y(),p(`div`,{key:6,ref_key:`source`,ref:Nt,dir:`auto`},[S(t.$slots,`source`,{},void 0,!0)],512)):f(``,!0),h(w(yt),{teleportTo:F.value.tooltip.teleportTo,show:U.value.showTooltip&&k.value,backgroundColor:F.value.tooltip.backgroundColor,color:F.value.tooltip.color,borderRadius:F.value.tooltip.borderRadius,borderColor:F.value.tooltip.borderColor,borderWidth:F.value.tooltip.borderWidth,fontSize:F.value.tooltip.fontSize,backgroundOpacity:F.value.tooltip.backgroundOpacity,position:F.value.tooltip.position,offsetX:F.value.tooltip.offsetX,offsetY:F.value.tooltip.offsetY,parent:j.value,content:At.value,isFullscreen:Z.value,isCustom:F.value.tooltip.customFormat&&typeof F.value.tooltip.customFormat==`function`,smooth:F.value.tooltip.smooth,backdropFilter:F.value.tooltip.backdropFilter,smoothForce:F.value.tooltip.smoothForce,smoothSnapThreshold:F.value.tooltip.smoothSnapThreshold,isA11yMode:N.value===`keyboard`,a11yPosition:Bt.value},{"tooltip-before":E(()=>[S(t.$slots,`tooltip-before`,v(_({...vn.value})),void 0,!0)]),tooltip:E(()=>[S(t.$slots,`tooltip`,v(_({...vn.value})),void 0,!0)]),"tooltip-after":E(()=>[S(t.$slots,`tooltip-after`,v(_({...vn.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`]),kt.value&&P.value.userOptions.buttons.table?(y(),d(Ve($.value.component),Fe({key:7},$.value.props,{ref_key:`tableUnit`,ref:Rt,onClose:Mn}),Ne({content:E(()=>[(y(),d(w(St),{key:`table_${It.value}`,colNames:X.value.colNames,head:X.value.head,body:X.value.body,config:X.value.config,title:P.value.table.useDialog?``:$.value.title,withCloseButton:!P.value.table.useDialog,isCursorPointer:z.value,onClose:Mn},{th:E(({th:e})=>[Pe(C(e),1)]),td:E(({td:e})=>[Pe(C(e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[P.value.table.useDialog?{name:`title`,fn:E(()=>[Pe(C($.value.title),1)]),key:`0`}:void 0,P.value.table.useDialog?{name:`actions`,fn:E(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:r[0]||=e=>wn(P.value.userOptions.callbacks.csv),style:Re({cursor:z.value?`pointer`:`default`})},[h(w(bt),{name:`fileCsv`,stroke:$.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):f(``,!0),S(t.$slots,`skeleton`,{},()=>[w(Ut)?(y(),d(ue,{key:0})):f(``,!0)],!0)],46,Ge))}},[[`__scopeId`,`data-v-e4eda545`]]);export{We as n,yt as t};

package/dist/{vue-ui-annotator-CpTZHnPw.js → vue-ui-annotator-CdCDYzdK.js}

@@ -1,4 +1,4 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{C as n,Vt as r,X as i,in as a}from"./lib-DqD8nbyX.js";import{n as o,t as s}from"./useHints-BH9r_0Vd.js";import{t as c}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as l}from"./dom-to-png-Cp6rAdnI.js";import{t as u}from"./BaseIcon-DDctLkeT.js";import{t as ee}from"./usePrinter-Cj4eIYC_.js";import{t as te}from"./vue-ui-accordion-3lBpCjGm.js";import{t as ne}from"./ColorPicker-DHQvvLT9.js";import{Fragment as re,Teleport as ie,computed as ae,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createTextVNode as h,createVNode as oe,guardReactiveProps as se,nextTick as ce,normalizeClass as g,normalizeProps as le,normalizeStyle as _,onBeforeUnmount as ue,onMounted as de,openBlock as v,ref as y,renderList as fe,renderSlot as b,toDisplayString as x,unref as pe,vModelCheckbox as me,vModelText as he,watch as ge,withCtx as S,withDirectives as _e,withModifiers as ve}from"vue";function ye(e){let t=t=>e.isMacLike.value?t.metaKey:t.ctrlKey,n=e=>{let t=e;if(!t)return!1;let n=(t.tagName||``).toLowerCase();return t.isContentEditable||n===`input`||n===`textarea`||n===`select`},r=t=>!!(!e.isSummaryOpen.value||n(t.target)||e.isWriting.value),i=()=>{e.isDeleteMode.value=!1,e.isMoveMode.value=!1,e.isResizeMode.value=!1,e.isSelectMode.value=!1,e.isDrawMode.value=!1,e.isTextMode.value=!1,e.activeShape.value=void 0,e.showCaret.value=!1},a=t=>{switch(i(),t){case`m`:e.isMoveMode.value=!0;break;case`r`:e.isResizeMode.value=!0;break;case`d`:e.isDeleteMode.value=!0;break;case`g`:e.isSelectMode.value=!0,e.setShapeTo(`group`),e.activeShape.value=`group`;break;case`t`:e.isTextMode.value=!0,e.isWriting.value=!1,e.showCaret.value=!1}},o=t=>{switch(t){case`c`:e.setShapeTo(`circle`);break;case`s`:e.setShapeTo(`rect`);break;case`a`:e.setShapeTo(`arrow`);break;case`l`:e.setShapeTo(`line`)}},s=(t,n)=>{let r=e.lastSelectedShape.value;if(!r)return;let i=(e,t)=>{typeof r[e]==`number`&&(r[e]+=t)};switch(r.type){case`rect`:case`circle`:case`text`:i(`x`,t),i(`y`,n);break;case`arrow`:i(`x`,t),i(`y`,n),i(`endX`,t),i(`endY`,n)}},c=()=>{let t=e.lastSelectedShape.value;t&&(e.shapes.value=e.shapes.value.filter(e=>e.id!==t.id),e.lastSelectedShape.value=void 0)},l=!1,u=null,ee=()=>{l||(l=!0,e.history?.value?.begin?.(`nudge`))},te=()=>{l&&(clearTimeout(u),u=setTimeout(()=>{l=!1,e.history?.value?.end?.()},160))},ne=()=>{clearTimeout(u),l&&e.history?.value?.end?.(),l=!1},re=n=>{if(t(n)&&!n.shiftKey&&n.key.toLowerCase()===`z`){if(r(n))return;n.preventDefault(),e.undoLastShape?.();return}if(t(n)&&n.shiftKey&&n.key.toLowerCase()===`z`||t(n)&&n.key.toLowerCase()===`y`){if(r(n))return;n.preventDefault(),typeof e.redoLastShape==`function`?e.redoLastShape():e.history?.value?.redo?.();return}if(r(n))return;let l=n.key.toLowerCase();if(l===`escape`){n.preventDefault(),i();return}if(l===`delete`||l===`backspace`){n.preventDefault(),c();return}if([`m`,`r`,`d`,`g`,`t`].includes(l)){n.preventDefault(),a(l);return}if([`c`,`a`,`l`,`s`].includes(l)){n.preventDefault(),o(l);return}if(n.key===`ArrowUp`||n.key===`ArrowDown`||n.key===`ArrowLeft`||n.key===`ArrowRight`){n.preventDefault(),ee();let e=n.shiftKey?10:1;n.key===`ArrowUp`&&s(0,-e),n.key===`ArrowDown`&&s(0,e),n.key===`ArrowLeft`&&s(-e,0),n.key===`ArrowRight`&&s(e,0),te()}},ie=e=>{e.key.startsWith(`Arrow`)&&te()};return window.addEventListener(`keydown`,re),window.addEventListener(`keyup`,ie),function(){window.removeEventListener(`keydown`,re),window.removeEventListener(`keyup`,ie),ne()}}var be={class:`teleport-tooltip__inner`},C=/*#__PURE__*/ c({__name:`TeleportedTooltip`,props:{show:{type:Boolean,default:!1},x:{type:Number,required:!0},y:{type:Number,required:!0},placement:{type:String,default:`top`},styleObject:{type:Object,default(){return{}}},delay:{type:Number,default:0},delayIn:{type:Number,default:300},delayOut:{type:Number,default:0}},setup(e){let t=e,n=ae(()=>t.delayIn??t.delay),r=ae(()=>t.delayOut??t.delay),i=y(!1),a=null,o=null;function s(){a&&=(clearTimeout(a),null),o&&=(clearTimeout(o),null)}function c(){s();let e=Math.max(0,n.value||0);e===0?i.value=!0:a=setTimeout(()=>{i.value=!0,a=null},e)}function l(){s();let e=Math.max(0,r.value||0);e===0?i.value=!1:o=setTimeout(()=>{i.value=!1,o=null},e)}ge(()=>t.show,e=>{e?c():l()},{immediate:!0}),de(()=>{t.show&&c()}),ue(()=>{s()});let u=ae(()=>({position:`fixed`,zIndex:2147483647,top:`${t.y}px`,left:`${t.x}px`,transform:t.placement===`bottom`?`translate(-50%, 8px)`:`translate(-50%, -100%)`,pointerEvents:`none`,...t.styleObject}));return(t,n)=>(v(),d(ie,{to:`body`},[i.value?(v(),p(`div`,{key:0,class:g([`teleport-tooltip`,e.placement]),style:_(u.value),role:`tooltip`,"aria-hidden":`false`},[m(`div`,be,[b(t.$slots,`default`,{},void 0,!0)])],6)):f(``,!0)]))}},[[`__scopeId`,`data-v-c292996f`]]),xe=/* @__PURE__ */ e({default:()=>Dt}),Se={class:`vue-data-ui-component vue-ui-annotator`},Ce={"data-dom-to-png-ignore":``},we=[`id`],Te=[`id`],Ee={class:`tool-selection`},De=[`disabled`],Oe=[`disabled`],ke=[`disabled`],Ae=[`disabled`],je=[`disabled`],Me=[`disabled`],Ne=[`disabled`],Pe=[`disabled`],Fe=[`disabled`],Ie={class:`tool-selection`,style:{"margin-top":`6px`}},Le={viewBox:`0 0 12 12`,style:{width:`100%`}},Re=[`fill`],ze={key:0},Be={class:`tool-input`},Ve=[`checked`],He={viewBox:`0 0 12 12`,style:{width:`100%`}},Ue=[`fill`],We={key:1},Ge={class:`tool-input`},Ke=[`checked`],qe={viewBox:`0 0 24 24`,style:{width:`100%`}},Je=[`stroke`],Ye={key:2},Xe={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`}},Ze={class:`tool-input`},Qe={key:3},$e={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`}},et={class:`tool-input`},tt=[`checked`],nt={key:4},rt={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`}},it={class:`tool-input`},at={key:5},ot={key:6},st=[`disabled`],ct={key:7},lt=[`disabled`],ut={key:8},dt={key:9},ft={key:10},pt={key:11},mt={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`},class:`tooltip`},ht={style:{display:`flex`,"flex-direction":`column`,"align-items":`start`,"justify-content":`center`}},gt={class:`tool-input`,style:{"font-variant-numeric":`tabular-nums`}},_t=[`id`],vt=[`viewBox`,`width`,`height`],yt=[`width`,`height`,`pointer-events`],bt=[`innerHTML`,`onClick`,`onDblclick`],xt=[`x1`,`x2`,`y1`,`y2`,`stroke`],St=[`height`,`viewBox`,`width`],Ct=[`cx`,`cy`],wt=`annotations`,Tt=`‎`,Et=450,Dt=/*#__PURE__*/ c({__name:`vue-ui-annotator`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{shapes:[],lastSelectedShape:void 0}}}},emits:[`toggleOpenState`,`saveAnnotations`],setup(e,{emit:c}){let be=e,xe=c,Dt=y(!1),Ot=y(!1);de(()=>Dt.value=!0);let kt=y(i()),{isImaging:At,generateImage:jt}=ee({elementId:kt.value,fileName:wt}),w=y(void 0),Mt=y(1),T=y({start:{x:0,y:0},end:{x:0,y:0}}),E=y(void 0),Nt=y(void 0),Pt=y(!1),Ft=y(!1),It=y(!1),D=y(!1),Lt=y(!1),Rt=y(!0),O=y(!1),zt=y(!1),Bt=y(!1),k=y(!1),Vt=y(!1),A=y(!1),j=y(!1),M=y(!1);ge(M,async e=>{if(Ot.value=!1,!e){F.value=void 0,E.value=void 0,Nt.value=void 0,Wt.value=[],j.value=!1;return}await ce(),Ot.value=!0});let N=y(!1),Ht=y(!1),P=y(!1),F=y(be.dataset?.lastSelectedShape??void 0),I=y({x:0,y:0}),Ut=y(!0),Wt=y([]),L=y(be.dataset?.shapes||[]);y([]);let Gt=y(Math.round(Math.random())*1e5),Kt=y(1e3),qt=y(1e3),R=y({arrow:{color:`grey`,filled:!0},circle:{color:`grey`,filled:!1,radius:3,strokeWidth:2},rect:{color:`grey`,filled:!1,strokeWidth:2,height:12,width:12}}),z=y(!1),Jt=y(1),Yt=y(void 0),Xt=y(1),Zt=y(1),B=y(`start`),Qt=y(20),$t=y(100),en=r,tn=y(null),nn=y(null),V=y(null),rn=y(null),an=y(null),on=y(!1),sn=y({row:0,col:0}),H=y(null),U=y(!1),W=y(null),G=y({x:0,y:0}),cn=y(null),ln=y([]),un=y(!1),dn=y(null),fn=y({undo:0,redo:0}),pn=y(null);y(null),y(null);let mn=y(null),K=ae(()=>{let e=t().vue_ui_annotator;if(!Object.keys(be.config||{}).length)return e;let r=a({defaultConfig:e,userConfig:be.config});return n(r)}),hn=y(K.value.style.paletteColor),q=ae(()=>K.value.style.buttons),J=ae(()=>K.value.style);o({config:()=>K.value,dataset:()=>[],component:`VueUiAnnotator`,rules:[s.noHint]});let Y=ae(()=>K.value.useCursorPointer),X=ae(()=>{let e=J.value.tooltips;return{backgroundColor:e.backgroundColor,color:e.color,border:e.border,borderRadius:`${e.borderRadius}px`,boxShadow:e.boxShadow}}),gn=ae(()=>L.value.filter(e=>e.type!==`group`||Array.isArray(e.source)&&e.source.length>0).length>1),_n=ae(()=>en[$t.value>98?98:$t.value]),vn=ae(()=>{switch(!0){case D.value:return`default`;case k.value:return`move`;case N.value:return`text`;case A.value:return`move`;default:return``}}),yn=ae(()=>L.value),bn=y(null);function xn(e){return e?!!(F.value&&F.value.id===e.id):!1}function Sn(e=``){let t=String(e).trim().split(/\s+/).map(Number).filter(Number.isFinite),n=[];for(let e=0;e+1<t.length;e+=2)n.push({x:t[e],y:t[e+1]});return n}function Cn(e=[]){return e.map(({x:e,y:t})=>`${e} ${t}`).join(` `)}function wn(e=``){let t=Sn(e);if(!t.length)return null;let n=t.map(e=>e.x),r=t.map(e=>e.y),i=Math.min(...n),a=Math.max(...n),o=Math.min(...r),s=Math.max(...r);return{minX:i,minY:o,maxX:a,maxY:s,width:Math.max(1,a-i),height:Math.max(1,s-o)}}function Tn(e){if(!e||!M.value||!A.value||!F.value||F.value.id!==e.id)return``;let t=J.value.color||`grey`,n=J.value.backgroundColor||`rgba(255,255,255,0.95)`,r=({handle:r,x:i,y:a,cursor:o=`nwse-resize`})=>`
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{C as n,Vt as r,X as i,in as a}from"./lib-rPeBMZrn.js";import{n as o,t as s}from"./useHints-BH9r_0Vd.js";import{t as c}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as l}from"./dom-to-png-D56-Zgv4.js";import{t as u}from"./BaseIcon-Cm-IJ179.js";import{t as ee}from"./usePrinter-sVoTzet1.js";import{t as te}from"./vue-ui-accordion-S3nRtTU-.js";import{t as ne}from"./ColorPicker-Dmus34hN.js";import{Fragment as re,Teleport as ie,computed as ae,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createTextVNode as h,createVNode as oe,guardReactiveProps as se,nextTick as ce,normalizeClass as g,normalizeProps as le,normalizeStyle as _,onBeforeUnmount as ue,onMounted as de,openBlock as v,ref as y,renderList as fe,renderSlot as b,toDisplayString as x,unref as pe,vModelCheckbox as me,vModelText as he,watch as ge,withCtx as S,withDirectives as _e,withModifiers as ve}from"vue";function ye(e){let t=t=>e.isMacLike.value?t.metaKey:t.ctrlKey,n=e=>{let t=e;if(!t)return!1;let n=(t.tagName||``).toLowerCase();return t.isContentEditable||n===`input`||n===`textarea`||n===`select`},r=t=>!!(!e.isSummaryOpen.value||n(t.target)||e.isWriting.value),i=()=>{e.isDeleteMode.value=!1,e.isMoveMode.value=!1,e.isResizeMode.value=!1,e.isSelectMode.value=!1,e.isDrawMode.value=!1,e.isTextMode.value=!1,e.activeShape.value=void 0,e.showCaret.value=!1},a=t=>{switch(i(),t){case`m`:e.isMoveMode.value=!0;break;case`r`:e.isResizeMode.value=!0;break;case`d`:e.isDeleteMode.value=!0;break;case`g`:e.isSelectMode.value=!0,e.setShapeTo(`group`),e.activeShape.value=`group`;break;case`t`:e.isTextMode.value=!0,e.isWriting.value=!1,e.showCaret.value=!1}},o=t=>{switch(t){case`c`:e.setShapeTo(`circle`);break;case`s`:e.setShapeTo(`rect`);break;case`a`:e.setShapeTo(`arrow`);break;case`l`:e.setShapeTo(`line`)}},s=(t,n)=>{let r=e.lastSelectedShape.value;if(!r)return;let i=(e,t)=>{typeof r[e]==`number`&&(r[e]+=t)};switch(r.type){case`rect`:case`circle`:case`text`:i(`x`,t),i(`y`,n);break;case`arrow`:i(`x`,t),i(`y`,n),i(`endX`,t),i(`endY`,n)}},c=()=>{let t=e.lastSelectedShape.value;t&&(e.shapes.value=e.shapes.value.filter(e=>e.id!==t.id),e.lastSelectedShape.value=void 0)},l=!1,u=null,ee=()=>{l||(l=!0,e.history?.value?.begin?.(`nudge`))},te=()=>{l&&(clearTimeout(u),u=setTimeout(()=>{l=!1,e.history?.value?.end?.()},160))},ne=()=>{clearTimeout(u),l&&e.history?.value?.end?.(),l=!1},re=n=>{if(t(n)&&!n.shiftKey&&n.key.toLowerCase()===`z`){if(r(n))return;n.preventDefault(),e.undoLastShape?.();return}if(t(n)&&n.shiftKey&&n.key.toLowerCase()===`z`||t(n)&&n.key.toLowerCase()===`y`){if(r(n))return;n.preventDefault(),typeof e.redoLastShape==`function`?e.redoLastShape():e.history?.value?.redo?.();return}if(r(n))return;let l=n.key.toLowerCase();if(l===`escape`)n.preventDefault(),i();else if(l===`delete`||l===`backspace`)n.preventDefault(),c();else if([`m`,`r`,`d`,`g`,`t`].includes(l))n.preventDefault(),a(l);else if([`c`,`a`,`l`,`s`].includes(l))n.preventDefault(),o(l);else if(n.key===`ArrowUp`||n.key===`ArrowDown`||n.key===`ArrowLeft`||n.key===`ArrowRight`){n.preventDefault(),ee();let e=n.shiftKey?10:1;n.key===`ArrowUp`&&s(0,-e),n.key===`ArrowDown`&&s(0,e),n.key===`ArrowLeft`&&s(-e,0),n.key===`ArrowRight`&&s(e,0),te()}},ie=e=>{e.key.startsWith(`Arrow`)&&te()};return window.addEventListener(`keydown`,re),window.addEventListener(`keyup`,ie),function(){window.removeEventListener(`keydown`,re),window.removeEventListener(`keyup`,ie),ne()}}var be={class:`teleport-tooltip__inner`},C=/*#__PURE__*/ c({__name:`TeleportedTooltip`,props:{show:{type:Boolean,default:!1},x:{type:Number,required:!0},y:{type:Number,required:!0},placement:{type:String,default:`top`},styleObject:{type:Object,default(){return{}}},delay:{type:Number,default:0},delayIn:{type:Number,default:300},delayOut:{type:Number,default:0}},setup(e){let t=e,n=ae(()=>t.delayIn??t.delay),r=ae(()=>t.delayOut??t.delay),i=y(!1),a=null,o=null;function s(){a&&=(clearTimeout(a),null),o&&=(clearTimeout(o),null)}function c(){s();let e=Math.max(0,n.value||0);e===0?i.value=!0:a=setTimeout(()=>{i.value=!0,a=null},e)}function l(){s();let e=Math.max(0,r.value||0);e===0?i.value=!1:o=setTimeout(()=>{i.value=!1,o=null},e)}ge(()=>t.show,e=>{e?c():l()},{immediate:!0}),de(()=>{t.show&&c()}),ue(()=>{s()});let u=ae(()=>({position:`fixed`,zIndex:2147483647,top:`${t.y}px`,left:`${t.x}px`,transform:t.placement===`bottom`?`translate(-50%, 8px)`:`translate(-50%, -100%)`,pointerEvents:`none`,...t.styleObject}));return(t,n)=>(v(),d(ie,{to:`body`},[i.value?(v(),p(`div`,{key:0,class:g([`teleport-tooltip`,e.placement]),style:_(u.value),role:`tooltip`,"aria-hidden":`false`},[m(`div`,be,[b(t.$slots,`default`,{},void 0,!0)])],6)):f(``,!0)]))}},[[`__scopeId`,`data-v-c292996f`]]),xe=/* @__PURE__ */ e({default:()=>Dt}),Se={class:`vue-data-ui-component vue-ui-annotator`},Ce={"data-dom-to-png-ignore":``},we=[`id`],Te=[`id`],Ee={class:`tool-selection`},De=[`disabled`],Oe=[`disabled`],ke=[`disabled`],Ae=[`disabled`],je=[`disabled`],Me=[`disabled`],Ne=[`disabled`],Pe=[`disabled`],Fe=[`disabled`],Ie={class:`tool-selection`,style:{"margin-top":`6px`}},Le={viewBox:`0 0 12 12`,style:{width:`100%`}},Re=[`fill`],ze={key:0},Be={class:`tool-input`},Ve=[`checked`],He={viewBox:`0 0 12 12`,style:{width:`100%`}},Ue=[`fill`],We={key:1},Ge={class:`tool-input`},Ke=[`checked`],qe={viewBox:`0 0 24 24`,style:{width:`100%`}},Je=[`stroke`],Ye={key:2},Xe={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`}},Ze={class:`tool-input`},Qe={key:3},$e={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`}},et={class:`tool-input`},tt=[`checked`],nt={key:4},rt={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`}},it={class:`tool-input`},at={key:5},ot={key:6},st=[`disabled`],ct={key:7},lt=[`disabled`],ut={key:8},dt={key:9},ft={key:10},pt={key:11},mt={style:{display:`flex`,"flex-direction":`column`,"align-items":`center`,"justify-content":`center`},class:`tooltip`},ht={style:{display:`flex`,"flex-direction":`column`,"align-items":`start`,"justify-content":`center`}},gt={class:`tool-input`,style:{"font-variant-numeric":`tabular-nums`}},_t=[`id`],vt=[`viewBox`,`width`,`height`],yt=[`width`,`height`,`pointer-events`],bt=[`innerHTML`,`onClick`,`onDblclick`],xt=[`x1`,`x2`,`y1`,`y2`,`stroke`],St=[`height`,`viewBox`,`width`],Ct=[`cx`,`cy`],wt=`annotations`,Tt=`‎`,Et=450,Dt=/*#__PURE__*/ c({__name:`vue-ui-annotator`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{shapes:[],lastSelectedShape:void 0}}}},emits:[`toggleOpenState`,`saveAnnotations`],setup(e,{emit:c}){let be=e,xe=c,Dt=y(!1),Ot=y(!1);de(()=>Dt.value=!0);let kt=y(i()),{isImaging:At,generateImage:jt}=ee({elementId:kt.value,fileName:wt}),w=y(void 0),Mt=y(1),T=y({start:{x:0,y:0},end:{x:0,y:0}}),E=y(void 0),Nt=y(void 0),Pt=y(!1),Ft=y(!1),It=y(!1),D=y(!1),Lt=y(!1),Rt=y(!0),O=y(!1),zt=y(!1),Bt=y(!1),k=y(!1),Vt=y(!1),A=y(!1),j=y(!1),M=y(!1);ge(M,async e=>{Ot.value=!1,e?(await ce(),Ot.value=!0):(F.value=void 0,E.value=void 0,Nt.value=void 0,Wt.value=[],j.value=!1)});let N=y(!1),Ht=y(!1),P=y(!1),F=y(be.dataset?.lastSelectedShape??void 0),I=y({x:0,y:0}),Ut=y(!0),Wt=y([]),L=y(be.dataset?.shapes||[]);y([]);let Gt=y(Math.round(Math.random())*1e5),Kt=y(1e3),qt=y(1e3),R=y({arrow:{color:`grey`,filled:!0},circle:{color:`grey`,filled:!1,radius:3,strokeWidth:2},rect:{color:`grey`,filled:!1,strokeWidth:2,height:12,width:12}}),z=y(!1),Jt=y(1),Yt=y(void 0),Xt=y(1),Zt=y(1),B=y(`start`),Qt=y(20),$t=y(100),en=r,tn=y(null),nn=y(null),V=y(null),rn=y(null),an=y(null),on=y(!1),sn=y({row:0,col:0}),H=y(null),U=y(!1),W=y(null),G=y({x:0,y:0}),cn=y(null),ln=y([]),un=y(!1),dn=y(null),fn=y({undo:0,redo:0}),pn=y(null);y(null),y(null);let mn=y(null),K=ae(()=>{let e=t().vue_ui_annotator;if(!Object.keys(be.config||{}).length)return e;let r=a({defaultConfig:e,userConfig:be.config});return n(r)}),hn=y(K.value.style.paletteColor),q=ae(()=>K.value.style.buttons),J=ae(()=>K.value.style);o({config:()=>K.value,dataset:()=>[],component:`VueUiAnnotator`,rules:[s.noHint]});let Y=ae(()=>K.value.useCursorPointer),X=ae(()=>{let e=J.value.tooltips;return{backgroundColor:e.backgroundColor,color:e.color,border:e.border,borderRadius:`${e.borderRadius}px`,boxShadow:e.boxShadow}}),gn=ae(()=>L.value.filter(e=>e.type!==`group`||Array.isArray(e.source)&&e.source.length>0).length>1),_n=ae(()=>en[$t.value>98?98:$t.value]),vn=ae(()=>{switch(!0){case D.value:return`default`;case k.value:return`move`;case N.value:return`text`;case A.value:return`move`;default:return``}}),yn=ae(()=>L.value),bn=y(null);function xn(e){return e?!!(F.value&&F.value.id===e.id):!1}function Sn(e=``){let t=String(e).trim().split(/\s+/).map(Number).filter(Number.isFinite),n=[];for(let e=0;e+1<t.length;e+=2)n.push({x:t[e],y:t[e+1]});return n}function Cn(e=[]){return e.map(({x:e,y:t})=>`${e} ${t}`).join(` `)}function wn(e=``){let t=Sn(e);if(!t.length)return null;let n=t.map(e=>e.x),r=t.map(e=>e.y),i=Math.min(...n),a=Math.max(...n),o=Math.min(...r),s=Math.max(...r);return{minX:i,minY:o,maxX:a,maxY:s,width:Math.max(1,a-i),height:Math.max(1,s-o)}}function Tn(e){if(!e||!M.value||!A.value||!F.value||F.value.id!==e.id)return``;let t=J.value.color||`grey`,n=J.value.backgroundColor||`rgba(255,255,255,0.95)`,r=({handle:r,x:i,y:a,cursor:o=`nwse-resize`})=>`
         <circle
             data-dom-to-png-ignore
             id="${e.id}"
@@ -256,7 +256,7 @@ import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9
                 >${Mn(t[r])}</tspan>`);return{html:`
             ${En(e)}
             ${Nn(e,n,e.isBulletTextMode)}
-            `,id:e.id}}}}));function Z(e){if(e==null)return e;try{return typeof structuredClone==`function`?structuredClone(e):JSON.parse(JSON.stringify(e))}catch{return Array.isArray(e)?e.map(e=>Z(e)):typeof e==`object`?Object.fromEntries(Object.entries(e).map(([e,t])=>[e,Z(t)])):e}}function Fn(e=!1){if(!w.value||!Lt.value)return;T.value.end={x:I.value.x,y:I.value.y};let t;L.value.length>0&&E.value&&(t=[...L.value].find(e=>e.id===E.value.id));let n,r,i;t&&(n=t.x-T.value.end.x,r=t.y-T.value.end.y,i=Math.sqrt(n*n+r*r));let a,o;switch(e?(a=Math.max(T.value.end.x,t.x),o=Math.min(T.value.end.x,t.x),Math.max(T.value.end.y,t.y),Math.min(T.value.end.y,t.y)):(a=Math.max(T.value.end.x,T.value.start.x),o=Math.min(T.value.end.x,T.value.start.x),Math.max(T.value.end.y,T.value.start.y),Math.min(T.value.end.y,T.value.start.y)),!0){case w.value===`arrow`:L.value.at(-1).endX=T.value.end.x,L.value.at(-1).endY=T.value.end.y;break;case w.value===`circle`:L.value.at(-1).circleRadius=Rt.value?Z(a-o)+20:i+20;break;case w.value===`line`:L.value.at(-1).path+=` ${I.value.x} ${I.value.y} `;break;case[`rect`,`group`].includes(w.value):L.value.at(-1).rectWidth=Z(T.value.end.x-L.value.at(-1).x)>0?Z(T.value.end.x-L.value.at(-1).x):20,L.value.at(-1).rectHeight=Z(T.value.end.y-L.value.at(-1).y)>0?Z(T.value.end.y-L.value.at(-1).y):20}}function In(){if(!Lt.value){pn.value=null;return}Fn(),pn.value=requestAnimationFrame(In)}function Ln(e){let t=L.value.findIndex(t=>t.id===e);if(t>-1&&t!==L.value.length-1){let[e]=L.value.splice(t,1);L.value.push(e)}}function Rn(e){let t=e;for(;t&&t!==bn.value;){let e=t.id;if(e&&L.value.some(t=>t.id===e))return e;t=t.parentElement}return null}function zn(e){if(!M.value)return null;let t=Rn(e?.target);if(t)return t;let n=bn.value?.querySelector(`.annotator__glass`);if(!n)return null;let r=e?.touches?.[0]||e?.changedTouches?.[0],i=r?r.clientX:e?.clientX,a=r?r.clientY:e?.clientY;if(!Number.isFinite(i)||!Number.isFinite(a))return null;let o=n.style.pointerEvents;n.style.pointerEvents=`none`;let s=document.elementFromPoint(i,a);return n.style.pointerEvents=o||`all`,Rn(s)}function Bn(e={}){let{maxEntries:t=200,maxBytes:n=2e6}=e,r={open:!1,before:null,undo:[],redo:[]},i={undo:0,redo:0},a=e=>typeof e==`string`?e.length*2:0,o=()=>JSON.stringify({shapes:Z(L.value),lastSelectedShape:Z(F.value)}),s=e=>{let t=JSON.parse(e);L.value=t.shapes,F.value=t.lastSelectedShape?.id?L.value.find(e=>e.id===t.lastSelectedShape.id):void 0,E.value=F.value?{id:F.value.id}:void 0,rn.value=null,an.value=null,on.value=!1,P.value=!1,z.value=!1,H.value=null},c=()=>{fn.value.undo=r.undo.length,fn.value.redo=r.redo.length},l=(e,o)=>{let s=r[e];for(s.push(o),i[e]+=a(o);s.length>t||i[e]>n;){let t=s.shift();i[e]-=a(t)}};return{begin(){r.open||(r.open=!0,r.before=o())},end(){r.open&&(r.open=!1,o()!==r.before&&(l(`undo`,r.before),r.redo.length=0,i.redo=0),r.before=null,c())},undo(){let e=r.undo.pop();if(!e)return;i.undo-=a(e);let t=o();l(`redo`,t),s(e),c()},redo(){let e=r.redo.pop();if(!e)return;i.redo-=a(e);let t=o();l(`undo`,t),s(e),c()},size(){return{undo:r.undo.length,redo:r.redo.length,approxBytes:{undo:i.undo,redo:i.redo}}}}}function Vn(){if(!cn.value)return;let e=cn.value.getBoundingClientRect();G.value={x:e.left+e.width/2,y:e.top}}function Q(e,t,n=`top`){W.value=e,cn.value=t.currentTarget||t.target,Vn(),U.value=!0,window.addEventListener(`scroll`,Vn,!0),window.addEventListener(`resize`,Vn,{passive:!0})}function $(){U.value=!1,W.value=null,cn.value=null,window.removeEventListener(`scroll`,Vn,!0),window.removeEventListener(`resize`,Vn)}function Hn(e){let t=Rn(e?.target)||E.value?.id||Nt.value,n=L.value.find(e=>e.id===t);if(!n){tn.value=null;return}F.value=n,E.value={id:n.id};let r=I.value.x,i=I.value.y;switch(n.type){case`rect`:case`circle`:case`text`:tn.value={dx:r-n.x,dy:i-n.y};break;case`arrow`:tn.value={dx:r-n.x,dy:i-n.y,endDx:r-n.endX,endDy:i-n.endY};break;case`line`:tn.value={startX:r,startY:i,path:n.path};break;case`group`:tn.value={dx:r-(n.x||0),dy:i-(n.y||0)};break;default:tn.value={dx:0,dy:0}}}function Un(e,t){if(nn.value=t||null,V.value=null,e){if(e.type===`line`&&t===`line-scale`){let t=Sn(e.path),n=wn(e.path);if(!t.length||!n)return;V.value={shapeId:e.id,points:t,bounds:n};return}if(e.type===`rect`&&t?.startsWith(`rect-`)){let t=Number(e.x)||0,n=Number(e.y)||0,r=t+Math.max(0,Number(e.rectWidth)||0),i=n+Math.max(0,Number(e.rectHeight)||0);V.value={shapeId:e.id,bounds:{left:t,top:n,right:r,bottom:i}};return}if(e.type===`circle`&&t===`circle-radius`){let t=Math.max(1,Number(e.circleRadius)||1);V.value={shapeId:e.id,anchor:{x:(Number(e.x)||0)-t,y:Number(e.y)||0},handlePoint:{x:(Number(e.x)||0)+t,y:Number(e.y)||0}}}}}function Wn(e){let t=L.value.find(e=>e.id===F.value.id);switch(!0){case e===`front`:L.value=L.value.filter(e=>e.id!==t.id),L.value.push(t);break;case e===`back`:L.value=L.value.filter(e=>e.id!==t.id),L.value=[t,...L.value];break;default:return}}function Gn(){if(!F.value?.id)return;let e={...F.value,id:`${F.value.id}_copy_${i()}`,x:F.value.x-100<0?1:F.value.x-100,y:F.value.y-100<0?1:F.value.y-100};L.value.push(e)}function Kn(e){e&&(e.color&&(hn.value=e.color),Number.isFinite(Number(e.strokeWidth))&&(Mt.value=Number(e.strokeWidth)),`isDash`in e&&(It.value=!!e.isDash),e.type===`circle`?(R.value.circle.filled=!!e.isFilled,w.value=`circle`):e.type===`rect`?(R.value.rect.filled=!!e.isFilled,w.value=`rect`):e.type===`arrow`?w.value=`arrow`:e.type===`line`?w.value=`line`:e.type===`text`&&(B.value=e.textAlign||`start`,Qt.value=Number(e.fontSize)||Qt.value,Pt.value=!!e.isBold,zt.value=!!e.isItalic,Ht.value=!!e.isUnderline,Ft.value=!!e.isBulletTextMode))}function qn(e){if(!M.value){Nt.value=void 0;return}e.preventDefault(),Ut.value=!1,Nt.value=Rn(e.target)||void 0}function Jn(){let e=rn.value;if(!e||!bn.value||!P.value){H.value=null;return}ce(()=>{if(!bn.value||!P.value||rn.value!==e){H.value=null;return}let t=L.value.find(t=>t.id===e);if(!t||t.type!==`text`){H.value=null;return}let n=Array.from(bn.value.getElementsByTagName(`text`)).find(t=>t.getAttribute(`data-shape-id`)===e);if(!n){H.value=null;return}let r=kn(t),i=Math.max(0,Math.min(sn.value.row,r.length-1)),a=r[i]||``,o=Math.max(0,Math.min(sn.value.col,a.length)),s=a.slice(0,o),c=document.createElementNS(`http://www.w3.org/2000/svg`,`text`);c.setAttribute(`font-size`,String(t.fontSize)),c.setAttribute(`font-family`,n.getAttribute(`font-family`)||`Helvetica`),c.setAttribute(`font-weight`,t.isBold?`bold`:`normal`),c.setAttribute(`font-style`,t.isItalic?`italic`:`normal`),c.setAttribute(`visibility`,`hidden`),c.setAttribute(`pointer-events`,`none`),bn.value.appendChild(c);let l=e=>(c.textContent=e||`​`,typeof c.getComputedTextLength==`function`?c.getComputedTextLength():c.getBBox().width),u=l(s),ee=l(a);c.remove();let te=t.x;t.textAlign===`middle`?te-=ee/2:t.textAlign===`end`&&(te-=ee);let ne=t.y+t.fontSize*i;H.value={x:te+u,y1:ne-t.fontSize*.85,y2:ne+t.fontSize*.15,color:t.color||J.value.color}})}function Yn(e,{isNew:t=!1}={}){if(!e||e.type!==`text`)return;if(P.value&&rn.value===e.id){let t=kn(e),n=Math.max(0,t.length-1);sn.value={row:n,col:(t[n]||``).length},z.value=!0,Jn();return}P.value&&Xn(),t||ln.value?.begin?.(),F.value=e,E.value={id:e.id},rn.value=e.id,an.value=t?null:Z(e),on.value=t;let n=kn(e),r=Math.max(0,n.length-1);sn.value={row:r,col:(n[r]||``).length},Kn(e),N.value=!0,P.value=!0,z.value=!0,O.value=!1,w.value=void 0,H.value=null,Jn()}function Xn({cancel:e=!1}={}){let t=rn.value;if(!t){P.value=!1,z.value=!1,H.value=null;return}let n=L.value.find(e=>e.id===t);if(e){if(on.value)L.value=L.value.filter(e=>e.id!==t),n=null;else if(an.value){let e=L.value.findIndex(e=>e.id===t);e!==-1&&(L.value[e]=Z(an.value),n=L.value[e])}}else n&&kn(n).every(e=>e.length===0)&&(L.value=L.value.filter(e=>e.id!==t),n=null);rn.value=null,an.value=null,on.value=!1,sn.value={row:0,col:0},P.value=!1,z.value=!1,H.value=null,ln.value?.end?.(),n?(F.value=n,E.value={id:n.id}):F.value?.id===t&&(F.value=void 0,E.value=void 0)}function Zn(){if(P.value){Xn();return}let e=F.value;e&&e.type===`text`&&kn(e).every(e=>e.length===0)&&(L.value=L.value.filter(t=>t.id!==e.id),F.value=L.value.at(-1))}function Qn(){ln.value?.begin?.();let e={id:`text_${i()}`,type:`text`,lines:0,x:I.value.x,y:I.value.y,textContent:``,fontSize:Z(Qt.value),textAlign:Z(B.value),isBold:Z(Pt.value),isItalic:Z(zt.value),isUnderline:Z(Ht.value),color:Z(hn.value),isBulletTextMode:Z(Ft.value)};L.value.push(e),F.value=e,E.value={id:e.id},Yn(e,{isNew:!0})}let $n=0;function er(e){if(M.value&&!D.value&&(e.preventDefault(),e.stopPropagation(),Fr(e),!Rn(e.target)&&!(Date.now()<$n))){if(P.value&&Xn(),N.value&&!A.value){Qn();return}!O.value&&!j.value&&(F.value=void 0,E.value=void 0,Nt.value=void 0,k.value||(w.value=void 0)),z.value=!1,H.value=null}}function tr(e){F.value&&F.value.type===`text`&&(F.value.textAlign=e,B.value=e,Jn())}function nr(){P.value&&Xn(),ln.value?.undo?.()}function rr(){P.value&&Xn(),ln.value?.redo?.()}function ir(e){if(!P.value||!rn.value)return;let t=L.value.find(e=>e.id===rn.value);if(!t||t.type!==`text`){Xn();return}let n=kn(t);n.length||(n=[``]);let r=Math.max(0,Math.min(sn.value.row,n.length-1)),i=Math.max(0,Math.min(sn.value.col,n[r].length)),a=!1,o=!1;if(e.key===`Escape`){e.preventDefault(),Xn({cancel:!0});return}if(e.key===`Enter`){e.preventDefault();let t=n[r];n.splice(r,1,t.slice(0,i),t.slice(i)),r+=1,i=0,a=!0}else if(e.key===`Backspace`){if(e.preventDefault(),i>0)n[r]=n[r].slice(0,i-1)+n[r].slice(i),--i,a=!0;else if(r>0){let e=n[r-1].length;n[r-1]+=n[r],n.splice(r,1),--r,i=e,a=!0}}else if(e.key===`Delete`)e.preventDefault(),i<n[r].length?(n[r]=n[r].slice(0,i)+n[r].slice(i+1),a=!0):r<n.length-1&&(n[r]+=n[r+1],n.splice(r+1,1),a=!0);else if(e.key===`ArrowLeft`)e.preventDefault(),i>0?--i:r>0&&(--r,i=n[r].length),o=!0;else if(e.key===`ArrowRight`)e.preventDefault(),i<n[r].length?i+=1:r<n.length-1&&(r+=1,i=0),o=!0;else if(e.key===`ArrowUp`)e.preventDefault(),r>0&&(--r,i=Math.min(i,n[r].length)),o=!0;else if(e.key===`ArrowDown`)e.preventDefault(),r<n.length-1&&(r+=1,i=Math.min(i,n[r].length)),o=!0;else if(e.key===`Home`)e.preventDefault(),i=0,o=!0;else if(e.key===`End`)e.preventDefault(),i=n[r].length,o=!0;else if(e.key===`Tab`)e.preventDefault(),n[r]=n[r].slice(0,i)+`    `+n[r].slice(i),i+=4,a=!0;else if(e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey)e.preventDefault(),n[r]=n[r].slice(0,i)+e.key+n[r].slice(i),i+=e.key.length,a=!0;else return;a&&(t.isBold=Z(Pt.value),t.isItalic=Z(zt.value),t.isUnderline=Z(Ht.value),An(t,n)),(a||o)&&(sn.value={row:r,col:i},z.value=!0,Jn())}function ar(e){if(!e)return null;switch(e.type){case`arrow`:return{left:Math.min(e.x,e.endX),top:Math.min(e.y,e.endY),right:Math.max(e.x,e.endX),bottom:Math.max(e.y,e.endY)};case`circle`:{let t=Math.max(0,Number(e.circleRadius)||0);return{left:e.x-t,top:e.y-t,right:e.x+t,bottom:e.y+t}}case`rect`:case`group`:return{left:e.x,top:e.y,right:e.x+e.rectWidth,bottom:e.y+e.rectHeight};case`line`:{let t=wn(e.path);return t?{left:t.minX,top:t.minY,right:t.maxX,bottom:t.maxY}:null}case`text`:return{left:e.x,top:e.y,right:e.x,bottom:e.y};default:return null}}function or(e,t){let n=ar(e);if(!n)return!1;let r=Math.min(t.x,t.x+t.rectWidth),i=Math.min(t.y,t.y+t.rectHeight),a=Math.max(t.x,t.x+t.rectWidth),o=Math.max(t.y,t.y+t.rectHeight);return r<=n.left&&i<=n.top&&a>=n.right&&o>=n.bottom}function sr(e,t){let n=Z(e),r=Number(t.x)||0,i=Number(t.y)||0;switch(n.type){case`circle`:case`rect`:case`text`:n.x=r+(Number(n.diffX)||0),n.y=i+(Number(n.diffY)||0);break;case`arrow`:n.x=r+(Number(n.diffX)||0),n.y=i+(Number(n.diffY)||0),n.endX=r+(Number(n.diffEndX)||0),n.endY=i+(Number(n.diffEndY)||0);break;case`line`:Array.isArray(n.diffPoints)&&n.diffPoints.length&&(n.path=Cn(n.diffPoints.map(e=>({x:r+e.x,y:i+e.y}))))}return n.id=n.oldId||n.id,delete n.diffX,delete n.diffY,delete n.diffEndX,delete n.diffEndY,delete n.diffPoints,n}function cr(e){return e.type===`group`?(e.source||[]).flatMap(t=>t.type===`group`?cr(sr(t,e)):[sr(t,e)]):[Z(e)]}function lr(e,t){let n={...Z(e),id:t.id,oldId:e.oldId||e.id,diffX:(Number(e.x)||0)-t.x,diffY:(Number(e.y)||0)-t.y,diffEndX:Number.isFinite(Number(e.endX))?Number(e.endX)-t.x:0,diffEndY:Number.isFinite(Number(e.endY))?Number(e.endY)-t.y:0};return e.type===`line`&&(n.diffPoints=Sn(e.path).map(e=>({x:e.x-t.x,y:e.y-t.y}))),n}function ur(){if(Wt.value=[],w.value!==`group`)return j.value=!1,L.value=L.value.filter(e=>e.type!==`group`),null;let e=L.value.at(-1);if(!e||e.type!==`group`)return null;let t=L.value.filter(t=>t.id!==e.id&&or(t,e));if(t.length<2)return L.value=L.value.filter(t=>t.id!==e.id),null;let n=t.flatMap(e=>cr(e));Wt.value=n.map(t=>lr(t,e)),e.source=Wt.value,e.content=``;let r=new Set(t.map(e=>e.id));return L.value=L.value.filter(t=>t.id===e.id||!r.has(t.id)),dr(e),e}function dr(e){e.content=``;let t=e.x||0,n=e.y||0;(e.source||[]).forEach(r=>{switch(r.type){case`circle`:{let i=t+r.diffX,a=n+r.diffY;e.content+=`
+            `,id:e.id}}}}));function Z(e){if(e==null)return e;try{return typeof structuredClone==`function`?structuredClone(e):JSON.parse(JSON.stringify(e))}catch{return Array.isArray(e)?e.map(e=>Z(e)):typeof e==`object`?Object.fromEntries(Object.entries(e).map(([e,t])=>[e,Z(t)])):e}}function Fn(e=!1){if(!w.value||!Lt.value)return;T.value.end={x:I.value.x,y:I.value.y};let t;L.value.length>0&&E.value&&(t=[...L.value].find(e=>e.id===E.value.id));let n,r,i;t&&(n=t.x-T.value.end.x,r=t.y-T.value.end.y,i=Math.sqrt(n*n+r*r));let a,o;switch(e?(a=Math.max(T.value.end.x,t.x),o=Math.min(T.value.end.x,t.x),Math.max(T.value.end.y,t.y),Math.min(T.value.end.y,t.y)):(a=Math.max(T.value.end.x,T.value.start.x),o=Math.min(T.value.end.x,T.value.start.x),Math.max(T.value.end.y,T.value.start.y),Math.min(T.value.end.y,T.value.start.y)),!0){case w.value===`arrow`:L.value.at(-1).endX=T.value.end.x,L.value.at(-1).endY=T.value.end.y;break;case w.value===`circle`:L.value.at(-1).circleRadius=Rt.value?Z(a-o)+20:i+20;break;case w.value===`line`:L.value.at(-1).path+=` ${I.value.x} ${I.value.y} `;break;case[`rect`,`group`].includes(w.value):L.value.at(-1).rectWidth=Z(T.value.end.x-L.value.at(-1).x)>0?Z(T.value.end.x-L.value.at(-1).x):20,L.value.at(-1).rectHeight=Z(T.value.end.y-L.value.at(-1).y)>0?Z(T.value.end.y-L.value.at(-1).y):20}}function In(){Lt.value?(Fn(),pn.value=requestAnimationFrame(In)):pn.value=null}function Ln(e){let t=L.value.findIndex(t=>t.id===e);if(t>-1&&t!==L.value.length-1){let[e]=L.value.splice(t,1);L.value.push(e)}}function Rn(e){let t=e;for(;t&&t!==bn.value;){let e=t.id;if(e&&L.value.some(t=>t.id===e))return e;t=t.parentElement}return null}function zn(e){if(!M.value)return null;let t=Rn(e?.target);if(t)return t;let n=bn.value?.querySelector(`.annotator__glass`);if(!n)return null;let r=e?.touches?.[0]||e?.changedTouches?.[0],i=r?r.clientX:e?.clientX,a=r?r.clientY:e?.clientY;if(!Number.isFinite(i)||!Number.isFinite(a))return null;let o=n.style.pointerEvents;n.style.pointerEvents=`none`;let s=document.elementFromPoint(i,a);return n.style.pointerEvents=o||`all`,Rn(s)}function Bn(e={}){let{maxEntries:t=200,maxBytes:n=2e6}=e,r={open:!1,before:null,undo:[],redo:[]},i={undo:0,redo:0},a=e=>typeof e==`string`?e.length*2:0,o=()=>JSON.stringify({shapes:Z(L.value),lastSelectedShape:Z(F.value)}),s=e=>{let t=JSON.parse(e);L.value=t.shapes,F.value=t.lastSelectedShape?.id?L.value.find(e=>e.id===t.lastSelectedShape.id):void 0,E.value=F.value?{id:F.value.id}:void 0,rn.value=null,an.value=null,on.value=!1,P.value=!1,z.value=!1,H.value=null},c=()=>{fn.value.undo=r.undo.length,fn.value.redo=r.redo.length},l=(e,o)=>{let s=r[e];for(s.push(o),i[e]+=a(o);s.length>t||i[e]>n;){let t=s.shift();i[e]-=a(t)}};return{begin(){r.open||(r.open=!0,r.before=o())},end(){r.open&&(r.open=!1,o()!==r.before&&(l(`undo`,r.before),r.redo.length=0,i.redo=0),r.before=null,c())},undo(){let e=r.undo.pop();if(!e)return;i.undo-=a(e);let t=o();l(`redo`,t),s(e),c()},redo(){let e=r.redo.pop();if(!e)return;i.redo-=a(e);let t=o();l(`undo`,t),s(e),c()},size(){return{undo:r.undo.length,redo:r.redo.length,approxBytes:{undo:i.undo,redo:i.redo}}}}}function Vn(){if(!cn.value)return;let e=cn.value.getBoundingClientRect();G.value={x:e.left+e.width/2,y:e.top}}function Q(e,t,n=`top`){W.value=e,cn.value=t.currentTarget||t.target,Vn(),U.value=!0,window.addEventListener(`scroll`,Vn,!0),window.addEventListener(`resize`,Vn,{passive:!0})}function $(){U.value=!1,W.value=null,cn.value=null,window.removeEventListener(`scroll`,Vn,!0),window.removeEventListener(`resize`,Vn)}function Hn(e){let t=Rn(e?.target)||E.value?.id||Nt.value,n=L.value.find(e=>e.id===t);if(!n){tn.value=null;return}F.value=n,E.value={id:n.id};let r=I.value.x,i=I.value.y;switch(n.type){case`rect`:case`circle`:case`text`:tn.value={dx:r-n.x,dy:i-n.y};break;case`arrow`:tn.value={dx:r-n.x,dy:i-n.y,endDx:r-n.endX,endDy:i-n.endY};break;case`line`:tn.value={startX:r,startY:i,path:n.path};break;case`group`:tn.value={dx:r-(n.x||0),dy:i-(n.y||0)};break;default:tn.value={dx:0,dy:0}}}function Un(e,t){if(nn.value=t||null,V.value=null,e){if(e.type===`line`&&t===`line-scale`){let t=Sn(e.path),n=wn(e.path);if(!t.length||!n)return;V.value={shapeId:e.id,points:t,bounds:n}}else if(e.type===`rect`&&t?.startsWith(`rect-`)){let t=Number(e.x)||0,n=Number(e.y)||0,r=t+Math.max(0,Number(e.rectWidth)||0),i=n+Math.max(0,Number(e.rectHeight)||0);V.value={shapeId:e.id,bounds:{left:t,top:n,right:r,bottom:i}}}else if(e.type===`circle`&&t===`circle-radius`){let t=Math.max(1,Number(e.circleRadius)||1);V.value={shapeId:e.id,anchor:{x:(Number(e.x)||0)-t,y:Number(e.y)||0},handlePoint:{x:(Number(e.x)||0)+t,y:Number(e.y)||0}}}}}function Wn(e){let t=L.value.find(e=>e.id===F.value.id);switch(!0){case e===`front`:L.value=L.value.filter(e=>e.id!==t.id),L.value.push(t);break;case e===`back`:L.value=L.value.filter(e=>e.id!==t.id),L.value=[t,...L.value];break;default:return}}function Gn(){if(!F.value?.id)return;let e={...F.value,id:`${F.value.id}_copy_${i()}`,x:F.value.x-100<0?1:F.value.x-100,y:F.value.y-100<0?1:F.value.y-100};L.value.push(e)}function Kn(e){e&&(e.color&&(hn.value=e.color),Number.isFinite(Number(e.strokeWidth))&&(Mt.value=Number(e.strokeWidth)),`isDash`in e&&(It.value=!!e.isDash),e.type===`circle`?(R.value.circle.filled=!!e.isFilled,w.value=`circle`):e.type===`rect`?(R.value.rect.filled=!!e.isFilled,w.value=`rect`):e.type===`arrow`?w.value=`arrow`:e.type===`line`?w.value=`line`:e.type===`text`&&(B.value=e.textAlign||`start`,Qt.value=Number(e.fontSize)||Qt.value,Pt.value=!!e.isBold,zt.value=!!e.isItalic,Ht.value=!!e.isUnderline,Ft.value=!!e.isBulletTextMode))}function qn(e){M.value?(e.preventDefault(),Ut.value=!1,Nt.value=Rn(e.target)||void 0):Nt.value=void 0}function Jn(){let e=rn.value;!e||!bn.value||!P.value?H.value=null:ce(()=>{if(!bn.value||!P.value||rn.value!==e){H.value=null;return}let t=L.value.find(t=>t.id===e);if(!t||t.type!==`text`){H.value=null;return}let n=Array.from(bn.value.getElementsByTagName(`text`)).find(t=>t.getAttribute(`data-shape-id`)===e);if(!n){H.value=null;return}let r=kn(t),i=Math.max(0,Math.min(sn.value.row,r.length-1)),a=r[i]||``,o=Math.max(0,Math.min(sn.value.col,a.length)),s=a.slice(0,o),c=document.createElementNS(`http://www.w3.org/2000/svg`,`text`);c.setAttribute(`font-size`,String(t.fontSize)),c.setAttribute(`font-family`,n.getAttribute(`font-family`)||`Helvetica`),c.setAttribute(`font-weight`,t.isBold?`bold`:`normal`),c.setAttribute(`font-style`,t.isItalic?`italic`:`normal`),c.setAttribute(`visibility`,`hidden`),c.setAttribute(`pointer-events`,`none`),bn.value.appendChild(c);let l=e=>(c.textContent=e||`​`,typeof c.getComputedTextLength==`function`?c.getComputedTextLength():c.getBBox().width),u=l(s),ee=l(a);c.remove();let te=t.x;t.textAlign===`middle`?te-=ee/2:t.textAlign===`end`&&(te-=ee);let ne=t.y+t.fontSize*i;H.value={x:te+u,y1:ne-t.fontSize*.85,y2:ne+t.fontSize*.15,color:t.color||J.value.color}})}function Yn(e,{isNew:t=!1}={}){if(!e||e.type!==`text`)return;if(P.value&&rn.value===e.id){let t=kn(e),n=Math.max(0,t.length-1);sn.value={row:n,col:(t[n]||``).length},z.value=!0,Jn();return}P.value&&Xn(),t||ln.value?.begin?.(),F.value=e,E.value={id:e.id},rn.value=e.id,an.value=t?null:Z(e),on.value=t;let n=kn(e),r=Math.max(0,n.length-1);sn.value={row:r,col:(n[r]||``).length},Kn(e),N.value=!0,P.value=!0,z.value=!0,O.value=!1,w.value=void 0,H.value=null,Jn()}function Xn({cancel:e=!1}={}){let t=rn.value;if(!t){P.value=!1,z.value=!1,H.value=null;return}let n=L.value.find(e=>e.id===t);if(e){if(on.value)L.value=L.value.filter(e=>e.id!==t),n=null;else if(an.value){let e=L.value.findIndex(e=>e.id===t);e!==-1&&(L.value[e]=Z(an.value),n=L.value[e])}}else n&&kn(n).every(e=>e.length===0)&&(L.value=L.value.filter(e=>e.id!==t),n=null);rn.value=null,an.value=null,on.value=!1,sn.value={row:0,col:0},P.value=!1,z.value=!1,H.value=null,ln.value?.end?.(),n?(F.value=n,E.value={id:n.id}):F.value?.id===t&&(F.value=void 0,E.value=void 0)}function Zn(){if(P.value){Xn();return}let e=F.value;e&&e.type===`text`&&kn(e).every(e=>e.length===0)&&(L.value=L.value.filter(t=>t.id!==e.id),F.value=L.value.at(-1))}function Qn(){ln.value?.begin?.();let e={id:`text_${i()}`,type:`text`,lines:0,x:I.value.x,y:I.value.y,textContent:``,fontSize:Z(Qt.value),textAlign:Z(B.value),isBold:Z(Pt.value),isItalic:Z(zt.value),isUnderline:Z(Ht.value),color:Z(hn.value),isBulletTextMode:Z(Ft.value)};L.value.push(e),F.value=e,E.value={id:e.id},Yn(e,{isNew:!0})}let $n=0;function er(e){M.value&&!D.value&&(e.preventDefault(),e.stopPropagation(),Fr(e),!Rn(e.target)&&(Date.now()<$n||(P.value&&Xn(),N.value&&!A.value?Qn():(!O.value&&!j.value&&(F.value=void 0,E.value=void 0,Nt.value=void 0,k.value||(w.value=void 0)),z.value=!1,H.value=null))))}function tr(e){F.value&&F.value.type===`text`&&(F.value.textAlign=e,B.value=e,Jn())}function nr(){P.value&&Xn(),ln.value?.undo?.()}function rr(){P.value&&Xn(),ln.value?.redo?.()}function ir(e){if(!P.value||!rn.value)return;let t=L.value.find(e=>e.id===rn.value);if(!t||t.type!==`text`){Xn();return}let n=kn(t);n.length||(n=[``]);let r=Math.max(0,Math.min(sn.value.row,n.length-1)),i=Math.max(0,Math.min(sn.value.col,n[r].length)),a=!1,o=!1;if(e.key===`Escape`)e.preventDefault(),Xn({cancel:!0});else{if(e.key===`Enter`){e.preventDefault();let t=n[r];n.splice(r,1,t.slice(0,i),t.slice(i)),r+=1,i=0,a=!0}else if(e.key===`Backspace`){if(e.preventDefault(),i>0)n[r]=n[r].slice(0,i-1)+n[r].slice(i),--i,a=!0;else if(r>0){let e=n[r-1].length;n[r-1]+=n[r],n.splice(r,1),--r,i=e,a=!0}}else if(e.key===`Delete`)e.preventDefault(),i<n[r].length?(n[r]=n[r].slice(0,i)+n[r].slice(i+1),a=!0):r<n.length-1&&(n[r]+=n[r+1],n.splice(r+1,1),a=!0);else if(e.key===`ArrowLeft`)e.preventDefault(),i>0?--i:r>0&&(--r,i=n[r].length),o=!0;else if(e.key===`ArrowRight`)e.preventDefault(),i<n[r].length?i+=1:r<n.length-1&&(r+=1,i=0),o=!0;else if(e.key===`ArrowUp`)e.preventDefault(),r>0&&(--r,i=Math.min(i,n[r].length)),o=!0;else if(e.key===`ArrowDown`)e.preventDefault(),r<n.length-1&&(r+=1,i=Math.min(i,n[r].length)),o=!0;else if(e.key===`Home`)e.preventDefault(),i=0,o=!0;else if(e.key===`End`)e.preventDefault(),i=n[r].length,o=!0;else if(e.key===`Tab`)e.preventDefault(),n[r]=n[r].slice(0,i)+`    `+n[r].slice(i),i+=4,a=!0;else if(e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey)e.preventDefault(),n[r]=n[r].slice(0,i)+e.key+n[r].slice(i),i+=e.key.length,a=!0;else return;a&&(t.isBold=Z(Pt.value),t.isItalic=Z(zt.value),t.isUnderline=Z(Ht.value),An(t,n)),(a||o)&&(sn.value={row:r,col:i},z.value=!0,Jn())}}function ar(e){if(!e)return null;switch(e.type){case`arrow`:return{left:Math.min(e.x,e.endX),top:Math.min(e.y,e.endY),right:Math.max(e.x,e.endX),bottom:Math.max(e.y,e.endY)};case`circle`:{let t=Math.max(0,Number(e.circleRadius)||0);return{left:e.x-t,top:e.y-t,right:e.x+t,bottom:e.y+t}}case`rect`:case`group`:return{left:e.x,top:e.y,right:e.x+e.rectWidth,bottom:e.y+e.rectHeight};case`line`:{let t=wn(e.path);return t?{left:t.minX,top:t.minY,right:t.maxX,bottom:t.maxY}:null}case`text`:return{left:e.x,top:e.y,right:e.x,bottom:e.y};default:return null}}function or(e,t){let n=ar(e);if(!n)return!1;let r=Math.min(t.x,t.x+t.rectWidth),i=Math.min(t.y,t.y+t.rectHeight),a=Math.max(t.x,t.x+t.rectWidth),o=Math.max(t.y,t.y+t.rectHeight);return r<=n.left&&i<=n.top&&a>=n.right&&o>=n.bottom}function sr(e,t){let n=Z(e),r=Number(t.x)||0,i=Number(t.y)||0;switch(n.type){case`circle`:case`rect`:case`text`:n.x=r+(Number(n.diffX)||0),n.y=i+(Number(n.diffY)||0);break;case`arrow`:n.x=r+(Number(n.diffX)||0),n.y=i+(Number(n.diffY)||0),n.endX=r+(Number(n.diffEndX)||0),n.endY=i+(Number(n.diffEndY)||0);break;case`line`:Array.isArray(n.diffPoints)&&n.diffPoints.length&&(n.path=Cn(n.diffPoints.map(e=>({x:r+e.x,y:i+e.y}))))}return n.id=n.oldId||n.id,delete n.diffX,delete n.diffY,delete n.diffEndX,delete n.diffEndY,delete n.diffPoints,n}function cr(e){return e.type===`group`?(e.source||[]).flatMap(t=>t.type===`group`?cr(sr(t,e)):[sr(t,e)]):[Z(e)]}function lr(e,t){let n={...Z(e),id:t.id,oldId:e.oldId||e.id,diffX:(Number(e.x)||0)-t.x,diffY:(Number(e.y)||0)-t.y,diffEndX:Number.isFinite(Number(e.endX))?Number(e.endX)-t.x:0,diffEndY:Number.isFinite(Number(e.endY))?Number(e.endY)-t.y:0};return e.type===`line`&&(n.diffPoints=Sn(e.path).map(e=>({x:e.x-t.x,y:e.y-t.y}))),n}function ur(){if(Wt.value=[],w.value!==`group`)return j.value=!1,L.value=L.value.filter(e=>e.type!==`group`),null;let e=L.value.at(-1);if(!e||e.type!==`group`)return null;let t=L.value.filter(t=>t.id!==e.id&&or(t,e));if(t.length<2)return L.value=L.value.filter(t=>t.id!==e.id),null;let n=t.flatMap(e=>cr(e));Wt.value=n.map(t=>lr(t,e)),e.source=Wt.value,e.content=``;let r=new Set(t.map(e=>e.id));return L.value=L.value.filter(t=>t.id===e.id||!r.has(t.id)),dr(e),e}function dr(e){e.content=``;let t=e.x||0,n=e.y||0;(e.source||[]).forEach(r=>{switch(r.type){case`circle`:{let i=t+r.diffX,a=n+r.diffY;e.content+=`
           <circle
             id="${r.id}"
             cx="${i}"
@@ -328,4 +328,4 @@ import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9
               ${i}
             </text>
           </g>
-        `;break}}})}function fr(e){e.relatedTarget&&bn.value&&bn.value.contains(e.relatedTarget)||(Ut.value=!0,Nt.value=void 0)}function pr(){if(Lt.value=!0,!w.value&&!j.value||!Lt.value)return;Rt.value=!0,T.value.start={x:I.value.x,y:I.value.y};let e=`${j.value?`group`:w.value}_${i()}`;switch(!0){case w.value===`arrow`:L.value.push({id:e,x:I.value.x,y:I.value.y,endX:I.value.x,endY:I.value.y,type:w.value,color:Z(hn.value),strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value)}),F.value=L.value.at(-1);break;case w.value===`circle`:L.value.push({alpha:R.value.circle.filled?_n.value:``,id:e,color:Z(hn.value),isFilled:Z(R.value.circle.filled),circleRadius:Z(R.value.circle.radius),circleStrokeWidth:Z(R.value.circle.strokeWidth),type:w.value,x:I.value.x,y:I.value.y,strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value)}),F.value=L.value.at(-1);break;case w.value===`line`:L.value.push({alpha:Z(_n.value),id:e,x:I.value.x,y:I.value.y,type:w.value,color:Z(hn.value),strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value),path:`${I.value.x} ${I.value.y}`}),F.value=L.value.at(-1);break;case w.value===`rect`:L.value.push({alpha:R.value.rect.filled?_n.value:``,id:e,color:Z(hn.value),isFilled:Z(R.value.rect.filled),rectStrokeWidth:Z(R.value.rect.strokeWidth),rectHeight:Z(R.value.rect.height),rectWidth:Z(R.value.rect.width),type:w.value,x:I.value.x,y:I.value.y,strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value)}),F.value=L.value.at(-1);break;case w.value===`group`:L.value.push({alpha:1,id:`group_${i()}`,x:I.value.x,y:I.value.y,isFilled:!1,rectHeight:Z(R.value.rect.height),rectWidth:Z(R.value.rect.width),rectStrokeWidth:1,type:`group`,color:`grey`,strokeWidth:1,isDash:!0,content:``})}pn.value||=requestAnimationFrame(In)}function mr(e){if(!M.value)return;Fr(e);let t=zn(e),n=t?L.value.find(e=>e.id===t):null;if(P.value&&rn.value&&t!==rn.value&&Xn(),D.value){Bt.value=!1;return}if(n){let t=Number.isFinite(e?.timeStamp)?e.timeStamp:Date.now(),r=br.id===n.id&&t-br.at>=0&&t-br.at<=Et;if(br=r?{id:null,at:0}:{id:n.id,at:t},r){e.preventDefault(),e.stopPropagation(),Bt.value=!1,tn.value=null,nn.value=null,V.value=null,yr(n);return}}else br={id:null,at:0};if(e.preventDefault(),e.stopPropagation(),Bt.value=!0,e.pointerId!=null){try{bn.value?.setPointerCapture?.(e.pointerId)}catch{}mn.value=e.pointerId}else mn.value=null;if(O.value){if(n){Bt.value=!1,O.value=!1,F.value=n,E.value={id:n.id},Kn(n);return}ln.value?.begin?.(),pr();return}if(j.value){ln.value?.begin?.(),pr();return}if(k.value){if(!n){Bt.value=!1,E.value=void 0;return}ln.value?.begin?.(),Ln(n.id);let t=L.value.find(e=>e.id===n.id);F.value=t,E.value={id:t.id},Hn({target:e.target});return}if(A.value){if(!n){Bt.value=!1,E.value=void 0,tn.value=null,nn.value=null,V.value=null;return}let t=e.target?.getAttribute?.(`data-resize-handle`)||null;F.value=n,E.value={id:n.id},Kn(n),t?(tn.value=null,Un(n,t)):(nn.value=null,V.value=null,Hn(e)),ln.value?.begin?.()}}function hr(e){if(!e||!e.id||!tn.value&&(Hn({target:{id:e.id}}),!tn.value))return;let t=I.value.x,n=I.value.y;switch(F.value=e,e.type){case`arrow`:{let{dx:r,dy:i,endDx:a,endDy:o}=tn.value;e.x=t-r,e.y=n-i,e.endX=t-(a??r),e.endY=n-(o??i);break}case`circle`:case`rect`:case`text`:{let{dx:r,dy:i}=tn.value;e.x=t-r,e.y=n-i;break}case`line`:{let{startX:r,startY:i,path:a}=tn.value,o=t-r,s=n-i;e.path=Cn(Sn(a).map(e=>({x:e.x+o,y:e.y+s})));let c=wn(e.path);c&&(e.x=c.minX,e.y=c.minY);break}case`group`:{let{dx:r,dy:i}=tn.value;e.x=t-r,e.y=n-i,dr(e);break}}}function gr(){let e=E.value?.id||Nt.value;if(!e)return;let t=L.value.find(t=>t.id===e);t&&hr(t)}function _r(){let e=E.value?.id;if(!e)return;let t=L.value.find(t=>t.id===e);if(!t)return;let n=I.value.x,r=I.value.y;switch(w.value=t.type,F.value=t,t.type){case`arrow`:nn.value===`arrow-start`?(t.x=n,t.y=r):nn.value===`arrow-end`&&(t.endX=n,t.endY=r);break;case`line`:{if(nn.value!==`line-scale`||!V.value?.bounds||!V.value?.points)return;let{bounds:e,points:i}=V.value,a=Math.max(1,n-e.minX),o=Math.max(1,r-e.minY),s=a/Math.max(1,e.width),c=o/Math.max(1,e.height);t.path=Cn(i.map(t=>({x:e.minX+(t.x-e.minX)*s,y:e.minY+(t.y-e.minY)*c}))),t.x=e.minX,t.y=e.minY;break}case`circle`:{if(nn.value!==`circle-radius`||V.value?.shapeId!==t.id||!V.value?.anchor)return;let e=V.value.anchor,i=n,a=r,o=i-e.x,s=a-e.y,c=Math.hypot(o,s);if(c<2){if(c>0){let e=2/c;o*=e,s*=e}else o=2,s=0;i=e.x+o,a=e.y+s,c=2}t.x=e.x+o/2,t.y=e.y+s/2,t.circleRadius=c/2,V.value.handlePoint={x:i,y:a};break}case`rect`:{let e=nn.value,i=V.value?.bounds;if(!e?.startsWith(`rect-`)||V.value?.shapeId!==t.id||!i)return;let a=i.left,o=i.top,s=i.right,c=i.bottom;switch(e){case`rect-nw`:a=Math.min(n,i.right-20),o=Math.min(r,i.bottom-20);break;case`rect-ne`:s=Math.max(n,i.left+20),o=Math.min(r,i.bottom-20);break;case`rect-se`:s=Math.max(n,i.left+20),c=Math.max(r,i.top+20);break;case`rect-sw`:a=Math.min(n,i.right-20),c=Math.max(r,i.top+20);break;default:return}t.x=a,t.y=o,t.rectWidth=s-a,t.rectHeight=c-o;break}case`group`:if(nn.value!==`group-scale`)return;t.rectWidth=Math.max(20,n-t.x),t.rectHeight=Math.max(20,r-t.y)}}function vr(e){if(!M.value||D.value)return;e.preventDefault(),e.stopPropagation(),Fr(e);let t=zn(e);t&&(Nt.value=t),k.value&&Bt.value?gr():A.value&&Bt.value&&(nn.value?_r():gr())}function yr(e){if(e){if(P.value&&rn.value!==e.id&&Xn(),F.value=e,E.value={id:e.id},k.value=!1,D.value=!1,A.value=!0,j.value=!1,O.value=!1,e.type===`text`){w.value=void 0,Kn(e),Yn(e);return}N.value=!1,P.value=!1,z.value=!1,H.value=null,Kn(e)}}let br={id:null,at:0},xr={id:null,at:0};function Sr(e,t){if(!M.value)return;let n=t||Rn(e.target);if(!n)return;xr={id:null,at:0};let r=L.value.find(e=>e.id===n);r&&yr(r)}function Cr(e,t){if(!M.value)return;let n=t||Rn(e.target);if(!n)return;let r=L.value.find(e=>e.id===n);if(!r)return;let i=Number.isFinite(e?.timeStamp)?e.timeStamp:Date.now(),a=xr.id===n&&i-xr.at>=0&&i-xr.at<=Et;if(xr=a?{id:null,at:0}:{id:n,at:i},a&&!D.value){yr(r);return}let o=F.value?.id===n,s=N.value;if(D.value){P.value&&Xn(),ln.value?.begin?.(),L.value=L.value.filter(e=>e.id!==n),F.value?.id===n&&(F.value=void 0),E.value=void 0,ln.value?.end?.();return}if(P.value&&rn.value&&rn.value!==n&&Xn(),F.value=r,E.value={id:r.id},k.value){z.value=!1,H.value=null;return}if(Kn(r),r.type===`text`){let e=!k.value&&!A.value&&!O.value&&!j.value;N.value=e,e&&(s||o)&&Yn(r);return}N.value=!1,z.value=!1,H.value=null}let wr=y(null);function Tr(e,t){for(t(e),e=e.firstChild;e;)Tr(e,t),e=e.nextSibling}function Er(){P.value&&Xn(),Vt.value=!0,D.value=!1,k.value=!1,A.value=!1,N.value=!1,P.value=!1,j.value=!1,w.value=void 0,z.value=!1,ce(async()=>{let e=wr.value;if(e){Tr(e,e=>{e&&e.nodeType===1&&(e.setAttribute(`font-family`,`Helvetica`),e.style.fontFamily=`Helvetica`)});try{let t;try{t=(await import(`jspdf`)).default}catch{throw Error(`jspdf is not installed. Run npm install jspdf`)}let n=await l({container:e,scale:2}),r=new Image;r.src=n,r.onload=()=>{let e={width:595.28,height:841.89},i=r.width,a=r.height,o=i/e.width*e.height,s=e.width,c=s/i*a,l=new t(``,`pt`,`a4`),u=0,ee=a;if(ee<o)l.addImage(n,`PNG`,0,0,s,c,``,`FAST`);else for(;ee>0;)l.addImage(n,`PNG`,0,u,s,c,``,`FAST`),ee-=o,u-=e.height,ee>0&&l.addPage();l.save(`${(/* @__PURE__ */ new Date()).toLocaleDateString()}_annotations.pdf`)}}catch(e){console.error(`Error generating image:`,e)}finally{Vt.value=!1,Tr(e,e=>{e&&e.nodeType===1&&(e.setAttribute(`font-family`,J.value.fontFamily),e.style.fontFamily=J.value.fontFamily)})}}})}function Dr(e){let t=O.value&&Lt.value&&F.value&&[`arrow`,`circle`,`line`,`rect`].includes(F.value.type)?L.value.find(e=>e.id===F.value.id):null;if(!D.value&&e&&(e.preventDefault(),e.stopPropagation()),Lt.value=!1,Bt.value=!1,tn.value=null,nn.value=null,V.value=null,mn.value!=null){try{bn.value?.releasePointerCapture?.(mn.value)}catch{}mn.value=null}pn.value&&=(cancelAnimationFrame(pn.value),null);let n=j.value?ur():null;ln.value?.end(),n&&(j.value=!1,k.value=!0,A.value=!1,O.value=!1,D.value=!1,N.value=!1,P.value=!1,z.value=!1,H.value=null,F.value=n,E.value={id:n.id},Nt.value=void 0,$n=Date.now()+250),t&&($n=Date.now()+250,yr(t))}function Or(){F.value&&F.value.id.includes(`rect`)&&(F.value.isFilled=!F.value.isFilled)}function kr(){F.value&&F.value.id.includes(`circle`)&&(F.value.isFilled=!F.value.isFilled)}function Ar(e=hn.value){let t=typeof e==`string`&&e.length?e:hn.value;if(hn.value=t,!F.value||k.value)return;let n=L.value.find(e=>e.id===F.value.id);if(n){if(n.color=Z(t),F.value=n,[`arrow`,`text`].includes(n.type)){Jn();return}n.alpha=Z(_n.value)}}function jr(){F.value&&F.value.type!==`text`&&(F.value.isDash=Z(It.value))}function Mr(){F.value&&![`arrow`,`text`].includes(F.value.type)&&(F.value.alpha=Z(_n.value))}function Nr(){F.value&&[`arrow`,`circle`,`rect`,`line`].includes(F.value.type)&&(F.value.strokeWidth=Z(Math.abs(Mt.value)))}function Pr(){F.value&&F.value.type===`text`&&(F.value.isBold=Z(Pt.value),F.value.isItalic=Z(zt.value),F.value.isUnderline=Z(Ht.value),F.value.fontSize=Z(Qt.value),F.value.isBulletTextMode=Z(Ft.value),Jn())}function Fr(e){if(e.preventDefault(),!bn.value)return;let t=bn.value.getBoundingClientRect(),n,r;e.touches&&e.touches.length>0?(n=e.touches[0].clientX,r=e.touches[0].clientY):(n=e.clientX,r=e.clientY),I.value.x=(n-t.left)/t.width*qt.value,I.value.y=(r-t.top)/t.height*Kt.value}function Ir(e){if(z.value=!1,Zn(),e===w.value){w.value=void 0,O.value=!1;return}O.value=!0,D.value=!1,k.value=!1,A.value=!1,N.value=!1,w.value=e}function Lr(){P.value&&Xn(),M.value=!M.value,M.value||(k.value=!1,A.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,F.value=void 0,E.value=void 0,Nt.value=void 0,Wt.value=[],z.value=!1,D.value=!1),xe(`toggleOpenState`,{isOpen:M.value})}function Rr(){P.value&&Xn(),xe(`saveAnnotations`,{shapes:L.value,lastSelectedShape:F.value})}let zr=null;return de(()=>{if(wr.value){let e=!1;Tr(wr.value,t=>{if(!e&&[`DIV`,`svg`,`section`,`canvas`].includes(t.tagName)){Yt.value=t,e=!0;return}})}un.value=(()=>{if(typeof navigator>`u`)return!1;let e=navigator.userAgentData?.platform??``;if(e)return/mac|ios/i.test(e);let t=navigator.userAgent??``;return/(Mac|iPhone|iPad|iPod)/i.test(t)})();let e=Yt?.value.getBoundingClientRect();if(Jt.value=e.height/e.width,qt.value=1e3,Kt.value=Jt.value*1e3,Xt.value=e.width,Zt.value=e.height,new ResizeObserver(e=>{e.forEach(e=>{Xt.value=e.contentRect.width,Zt.value=e.contentRect.height,Jt.value=e.contentRect.height/e.contentRect.width,Kt.value=Jt.value*1e3})}).observe(Yt.value),dn.value=e=>ir(e),window.addEventListener(`keydown`,dn.value),ln.value=Bn(),ln.value.size){let e=ln.value.size();fn.value.undo=e.undo,fn.value.redo=e.redo}zr=ye({isMacLike:un,isSummaryOpen:M,isWriting:P,isDeleteMode:D,isMoveMode:k,isResizeMode:A,isSelectMode:j,isDrawMode:O,isTextMode:N,activeShape:w,showCaret:z,lastSelectedShape:F,shapes:L,history:ln,setShapeTo:Ir,undoLastShape:nr,redoLastShape:rr})}),ue(()=>{$(),pn.value&&cancelAnimationFrame(pn.value),dn.value&&window.removeEventListener(`keydown`,dn.value),zr&&zr(),window.removeEventListener(`keydown`,ir)}),ge(L,e=>{e.length===0&&(F.value=void 0)}),ge(N,e=>{if(!e&&P.value){Xn();return}z.value=!!(e&&P.value),z.value&&Jn()}),(e,t)=>(v(),p(`div`,Se,[m(`div`,Ce,[b(e.$slots,`toggle`,le(se({toggle:Lr,isOpen:M.value})),()=>[oe(te,{config:{maxHeight:1e3,useCursorPointer:Y.value,head:{backgroundColor:J.value.backgroundColor,color:J.value.color,iconColor:J.value.color,iconSize:20,icon:M.value?`close`:`annotator`,padding:`6px`},body:{backgroundColor:J.value.backgroundColor,color:J.value.color}},onToggle:Lr},{title:S(({color:e})=>[m(`div`,{style:_({color:e})},x(K.value.translations.title),5)]),content:S(({backgroundColor:e})=>[m(`div`,{id:`toggle_default_${kt.value}`},null,8,we)]),_:1},8,[`config`])],!0),e.$slots.toggle&&M.value?(v(),p(`div`,{key:0,id:`toggle_slot_${kt.value}`},null,8,Te)):f(``,!0),Dt.value&&Ot.value?(v(),d(ie,{key:1,to:e.$slots.toggle?`#toggle_slot_${kt.value}`:`#toggle_default_${kt.value}`},[m(`div`,null,[m(`div`,Ee,[m(`button`,{disabled:L.value.length===0,style:_({background:k.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:k.value?q.value.controls.selected.border:q.value.controls.border,color:k.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":k.value,tooltip:!0}),onClick:t[0]||=e=>{Zn(),k.value=!k.value,D.value=!1,O.value=!1,A.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1},onMouseenter:t[1]||=e=>J.value.showTooltips&&Q(`move`,e,`top`),onMouseleave:$,onFocus:t[2]||=e=>J.value.showTooltips&&Q(`move`,e,`top`),onBlur:$},[b(e.$slots,`icon-move`,le(se({active:k.value})),()=>[oe(u,{name:`move`,stroke:k.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`move`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipMove)+` `,1),t[91]||=m(`kbd`,null,`M`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,De),m(`button`,{disabled:L.value.length===0,style:_({background:A.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:A.value?q.value.controls.selected.border:q.value.controls.border,color:A.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":A.value,tooltip:!0}),onClick:t[3]||=e=>{Zn(),A.value=!A.value,k.value=!1,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1},onMouseenter:t[4]||=e=>J.value.showTooltips&&Q(`resize`,e,`top`),onMouseleave:$,onFocus:t[5]||=e=>J.value.showTooltips&&Q(`resize`,e,`top`),onBlur:$},[b(e.$slots,`icon-resize`,le(se({active:A.value})),()=>[oe(u,{name:`resize`,stroke:A.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`resize`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipResize)+` `,1),t[92]||=m(`kbd`,null,`R`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,Oe),m(`button`,{disabled:L.value.length===0,style:_({background:D.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:D.value?q.value.controls.selected.border:q.value.controls.border,color:D.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":D.value,tooltip:!0}),onClick:t[6]||=e=>{Zn(),D.value=!D.value,k.value=!1,A.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1},onMouseenter:t[7]||=e=>J.value.showTooltips&&Q(`delete`,e,`top`),onMouseleave:$,onFocus:t[8]||=e=>J.value.showTooltips&&Q(`delete`,e,`top`),onBlur:$},[b(e.$slots,`icon-delete`,le(se({active:D.value})),()=>[oe(u,{name:`trash`,stroke:D.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`delete`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipDelete)+` `,1),t[93]||=m(`kbd`,null,`D`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,ke),m(`button`,{disabled:!gn.value,style:_({background:j.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:j.value?q.value.controls.selected.border:q.value.controls.border,color:j.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":j.value,tooltip:!0}),onClick:t[9]||=e=>{Zn(),Ir(`group`),j.value=!j.value,D.value=!1,k.value=!1,A.value=!1,N.value=!1,P.value=!1,w.value=`group`,z.value=!1},onMouseenter:t[10]||=e=>J.value.showTooltips&&Q(`selectAndGroup`,e,`top`),onMouseleave:$,onFocus:t[11]||=e=>J.value.showTooltips&&Q(`selectAndGroup`,e,`top`),onBlur:$},[b(e.$slots,`icon-select-group`,le(se({active:j.value})),()=>[oe(u,{name:`selectAndGroup`,stroke:j.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`selectAndGroup`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipGroup)+` `,1),t[94]||=m(`kbd`,null,`G`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,Ae),m(`button`,{disabled:L.value.length===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[12]||=e=>{A.value=!1,k.value=!0,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1,Wn(`front`)},onMouseenter:t[13]||=e=>J.value.showTooltips&&Q(`bringToFront`,e,`top`),onMouseleave:$,onFocus:t[14]||=e=>J.value.showTooltips&&Q(`bringToFront`,e,`top`),onBlur:$},[b(e.$slots,`icon-bring-to-front`,{},()=>[oe(u,{name:`bringToFront`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`bringToFront`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipBringToFront),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,je),m(`button`,{disabled:L.value.length===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[15]||=e=>{A.value=!1,k.value=!0,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1,Wn(`back`)},onMouseenter:t[16]||=e=>J.value.showTooltips&&Q(`bringToBack`,e,`top`),onMouseleave:$,onFocus:t[17]||=e=>J.value.showTooltips&&Q(`bringToBack`,e,`top`),onBlur:$},[b(e.$slots,`icon-bring-to-back`,{},()=>[oe(u,{name:`bringToBack`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`bringToBack`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipBringToBack),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Me),m(`button`,{disabled:L.value.length===0||w.value===`line`,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[18]||=e=>{Zn(),A.value=!1,k.value=!0,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1,Gn()},onMouseenter:t[19]||=e=>J.value.showTooltips&&Q(`duplicate`,e,`top`),onMouseleave:$,onFocus:t[20]||=e=>J.value.showTooltips&&Q(`duplicate`,e,`top`),onBlur:$},[b(e.$slots,`icon-copy`,{},()=>[oe(u,{name:`copy`,stroke:q.value.controls.color,size:18},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`duplicate`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipDuplicate),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Ne),m(`button`,{disabled:fn.value.undo===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--one-shot":!0,tooltip:!0}),onClick:t[21]||=e=>{A.value=!1,k.value=!1,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1,nr()},onMouseenter:t[22]||=e=>J.value.showTooltips&&Q(`undoLast`,e,`top`),onMouseleave:$,onFocus:t[23]||=e=>J.value.showTooltips&&Q(`undoLast`,e,`top`),onBlur:$},[b(e.$slots,`icon-undo`,{},()=>[oe(u,{name:`refresh`,stroke:q.value.controls.color,size:20},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`undoLast`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipUndo)+` `,1),m(`kbd`,null,x(un.value?`⌘`:`Ctrl`),1),t[95]||=m(`kbd`,null,`Z`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Pe),m(`button`,{disabled:fn.value.redo===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--one-shot":!0,tooltip:!0}),onClick:t[24]||=e=>{A.value=!1,k.value=!1,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1,rr()},onMouseenter:t[25]||=e=>J.value.showTooltips&&Q(`redoLast`,e,`top`),onMouseleave:$,onFocus:t[26]||=e=>J.value.showTooltips&&Q(`redoLast`,e,`top`),onBlur:$},[b(e.$slots,`icon-redo`,{},()=>[oe(u,{name:`refresh`,stroke:q.value.controls.color,size:20,style:{transform:`rotateX(0deg) rotateY(180deg)`}},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`redoLast`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipRedo)+` `,1),m(`kbd`,null,x(un.value?`⌘`:`Ctrl`),1),t[96]||=m(`kbd`,null,`Y`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Fe),J.value.showPrint?(v(),p(`button`,{key:0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:Er,onMouseenter:t[27]||=e=>J.value.showTooltips&&Q(`printPdf`,e,`top`),onMouseleave:$,onFocus:t[28]||=e=>J.value.showTooltips&&Q(`printPdf`,e,`top`),onBlur:$},[b(e.$slots,`icon-print`,{},()=>[oe(u,{name:`printer`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`printPdf`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipPdf),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],36)):f(``,!0),J.value.showImage?(v(),p(`button`,{key:1,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[29]||=(...e)=>pe(jt)&&pe(jt)(...e),onMouseenter:t[30]||=e=>J.value.showTooltips&&Q(`printImage`,e,`top`),onMouseleave:$,onFocus:t[31]||=e=>J.value.showTooltips&&Q(`printImage`,e,`top`),onBlur:$},[b(e.$slots,`icon-export-image`,{},()=>[oe(u,{name:`image`,stroke:q.value.controls.color,size:20},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`printImage`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipImage),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],36)):f(``,!0),J.value.showSave?(v(),p(`button`,{key:2,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:Rr,onMouseenter:t[32]||=e=>J.value.showTooltips&&Q(`saveAction`,e,`top`),onMouseleave:$,onFocus:t[33]||=e=>J.value.showTooltips&&Q(`saveAction`,e,`top`),onBlur:$},[b(e.$slots,`icon-save`,{},()=>[oe(u,{name:`save`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`saveAction`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipSave),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],36)):f(``,!0)]),m(`div`,Ie,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`circle`,tooltip:!0}),style:_({background:w.value===`circle`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`circle`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`circle`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[34]||=e=>{Ir(`circle`),j.value=!1},onMouseenter:t[35]||=e=>J.value.showTooltips&&Q(`setCircle`,e,`top`),onMouseleave:$,onFocus:t[36]||=e=>J.value.showTooltips&&Q(`setCircle`,e,`top`),onBlur:$},[b(e.$slots,`icon-circle`,le(se({filled:R.value.circle.filled})),()=>[(v(),p(`svg`,Le,[m(`circle`,{cx:6,cy:6,r:`4`,fill:R.value.circle.filled?(w.value,hn.value+_n.value):`none`,stroke:`currentColor`},null,8,Re)]))],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setCircle`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeCircle)+` `,1),t[97]||=m(`kbd`,null,`C`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),w.value===`circle`?(v(),p(`div`,ze,[m(`label`,Be,[h(x(K.value.translations.filled)+` `,1),_e(m(`input`,{type:`checkbox`,"onUpdate:modelValue":t[37]||=e=>R.value.circle.filled=e,onChange:kr,checked:R.value.circle.filled,style:_({all:`revert`,appearance:`auto`,"-webkit-appearance":`auto`,accentColor:J.value.color+` !important`})},null,44,Ve),[[me,R.value.circle.filled]])])])):f(``,!0),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`rect`,tooltip:!0}),style:_({background:w.value===`rect`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`rect`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`rect`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[38]||=e=>{Ir(`rect`),j.value=!1},onMouseenter:t[39]||=e=>J.value.showTooltips&&Q(`setRect`,e,`top`),onMouseleave:$,onFocus:t[40]||=e=>J.value.showTooltips&&Q(`setRect`,e,`top`),onBlur:$},[b(e.$slots,`icon-rect`,le(se({filled:R.value.rect.filled})),()=>[(v(),p(`svg`,He,[m(`rect`,{x:`3`,y:`3`,style:{rx:`0 !important`,ry:`0 !important`},height:`6`,width:`6`,fill:R.value.rect.filled?(w.value,hn.value+_n.value):`none`,stroke:`currentColor`},null,8,Ue)]))],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setRect`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeRect)+` `,1),t[98]||=m(`kbd`,null,`S`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),w.value===`rect`?(v(),p(`div`,We,[m(`label`,Ge,[h(x(K.value.translations.filled)+` `,1),_e(m(`input`,{type:`checkbox`,"onUpdate:modelValue":t[41]||=e=>R.value.rect.filled=e,onChange:Or,checked:R.value.rect.filled,style:_({all:`revert`,appearance:`auto`,"-webkit-appearance":`auto`,accentColor:J.value.color+` !important`})},null,44,Ke),[[me,R.value.rect.filled]])])])):f(``,!0),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`arrow`,tooltip:!0}),style:_({background:w.value===`arrow`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`arrow`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`arrow`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[42]||=e=>{Ir(`arrow`),j.value=!1},onMouseenter:t[43]||=e=>J.value.showTooltips&&Q(`setArrow`,e,`top`),onMouseleave:$,onFocus:t[44]||=e=>J.value.showTooltips&&Q(`setArrow`,e,`top`),onBlur:$},[b(e.$slots,`icon-arrow`,{},()=>[(v(),p(`svg`,qe,[m(`path`,{stroke:R.value.arrow.filled?w.value===`arrow`?`white`:`grey`:`none`,"stroke-width":`2`,d:`M5,19 19,5 14,5 19,10.5 19,5`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Je)]))],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setArrow`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeArrow)+` `,1),t[99]||=m(`kbd`,null,`A`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`line`,tooltip:!0}),style:_({background:w.value===`line`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`line`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`line`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[45]||=e=>{Ir(`line`),j.value=!1},onMouseenter:t[46]||=e=>J.value.showTooltips&&Q(`setFreehand`,e,`top`),onMouseleave:$,onFocus:t[47]||=e=>J.value.showTooltips&&Q(`setFreehand`,e,`top`),onBlur:$},[b(e.$slots,`icon-freehand`,{},()=>[t[100]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M3 15c2 3 4 4 7 4s7 -3 7 -7s-3 -7 -6 -7s-5 1.5 -5 4s2 5 6 5s8.408 -2.453 10 -5`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setFreehand`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeFreehand)+` `,1),t[101]||=m(`kbd`,null,`L`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),[`arrow`,`circle`,`rect`,`line`].includes(w.value)?(v(),p(`div`,Ye,[m(`div`,Xe,[m(`label`,Ze,[h(x(K.value.translations.thickness)+` `,1),_e(m(`input`,{type:`number`,"onUpdate:modelValue":t[48]||=e=>Mt.value=e,onInput:Nr,min:1,style:{padding:`0 4px`,width:`40px`,border:`1px solid #dadada`,"border-radius":`3px`}},null,544),[[he,Mt.value]])])])])):f(``,!0),[`arrow`,`circle`,`rect`].includes(w.value)?(v(),p(`div`,Qe,[m(`div`,$e,[m(`label`,et,[h(x(K.value.translations.dashedLines)+` `,1),_e(m(`input`,{name:`dashStyle`,type:`checkbox`,"onUpdate:modelValue":t[49]||=e=>It.value=e,onChange:jr,checked:It.value,style:_({all:`revert`,appearance:`auto`,"-webkit-appearance":`auto`,accentColor:J.value.color+` !important`})},null,44,tt),[[me,It.value]])])])])):f(``,!0),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":N.value,tooltip:!0}),style:_({background:N.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:N.value?q.value.shapes.selected.border:q.value.shapes.border,color:N.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[50]||=e=>{Zn(),N.value=!N.value,D.value=!1,k.value=!1,A.value=!1,j.value=!1,O.value=!1,w.value=void 0},onMouseenter:t[51]||=e=>J.value.showTooltips&&Q(`setText`,e,`top`),onMouseleave:$,onFocus:t[52]||=e=>J.value.showTooltips&&Q(`setText`,e,`top`),onBlur:$},[b(e.$slots,`icon-text`,le(se({active:N.value})),()=>[oe(u,{name:`text`,stroke:N.value?q.value.shapes.selected.color:q.value.shapes.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setText`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeText)+` `,1),t[102]||=m(`kbd`,null,`T`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),N.value?(v(),p(`div`,nt,[m(`div`,rt,[m(`label`,it,[h(x(K.value.translations.fontSize)+` `,1),_e(m(`input`,{type:`number`,"onUpdate:modelValue":t[53]||=e=>Qt.value=e,onInput:Pr,style:{padding:`0 4px`,width:`40px`,border:`1px solid #dadada`,"border-radius":`3px`}},null,544),[[he,Qt.value]])])])])):f(``,!0),N.value?(v(),p(`div`,at,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":B.value===`start`,tooltip:!0}),style:_({background:B.value===`start`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:B.value===`start`?q.value.shapes.selected.border:q.value.shapes.border,color:B.value===`start`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[54]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,B.value=`start`,tr(`start`)},onMouseenter:t[55]||=e=>J.value.showTooltips&&Q(`setAlignStart`,e,`top`),onMouseleave:$,onFocus:t[56]||=e=>J.value.showTooltips&&Q(`setAlignStart`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-align-left`,{},()=>[t[103]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M4 6l16 0`}),m(`path`,{d:`M4 12l10 0`}),m(`path`,{d:`M4 18l14 0`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setAlignStart`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextLeft),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,ot,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":B.value===`middle`,tooltip:!0}),style:_({background:B.value===`middle`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:B.value===`middle`?q.value.shapes.selected.border:q.value.shapes.border,color:B.value===`middle`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),disabled:Ft.value,onClick:t[57]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,B.value=`middle`,tr(`middle`)},onMouseenter:t[58]||=e=>J.value.showTooltips&&Q(`setAlignMiddle`,e,`top`),onMouseleave:$,onFocus:t[59]||=e=>J.value.showTooltips&&Q(`setAlignMiddle`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-align-center`,{},()=>[t[104]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M4 6l16 0`}),m(`path`,{d:`M8 12l8 0`}),m(`path`,{d:`M6 18l12 0`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setAlignMiddle`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextCenter),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,st)])):f(``,!0),N.value?(v(),p(`div`,ct,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":B.value===`end`,tooltip:!0}),style:_({background:B.value===`end`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:B.value===`end`?q.value.shapes.selected.border:q.value.shapes.border,color:B.value===`end`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),disabled:Ft.value,onClick:t[60]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,B.value=`end`,tr(`end`)},onMouseenter:t[61]||=e=>J.value.showTooltips&&Q(`setAlignEnd`,e,`top`),onMouseleave:$,onFocus:t[62]||=e=>J.value.showTooltips&&Q(`setAlignEnd`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-align-right`,{},()=>[t[105]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M4 6l16 0`}),m(`path`,{d:`M10 12l10 0`}),m(`path`,{d:`M6 18l14 0`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setAlignEnd`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextRight),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,lt)])):f(``,!0),N.value?(v(),p(`div`,ut,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":Ft.value,tooltip:!0}),style:_({background:Ft.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:Ft.value?q.value.shapes.selected.border:q.value.shapes.border,color:Ft.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[63]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,Ft.value=!Ft.value,B.value=`start`,tr(`start`),Pr()},onMouseenter:t[64]||=e=>J.value.showTooltips&&Q(`setBulletMode`,e,`top`),onMouseleave:$,onFocus:t[65]||=e=>J.value.showTooltips&&Q(`setBulletMode`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-bullet-points`,{},()=>[t[106]||=m(`svg`,{width:`100%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M9 6l11 0`}),m(`path`,{d:`M9 12l11 0`}),m(`path`,{d:`M9 18l11 0`}),m(`path`,{d:`M5 6l0 .01`}),m(`path`,{d:`M5 12l0 .01`}),m(`path`,{d:`M5 18l0 .01`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setBulletMode`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextBullet),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,dt,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":Pt.value,tooltip:!0}),style:_({background:Pt.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:Pt.value?q.value.shapes.selected.border:q.value.shapes.border,color:Pt.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[66]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,Pt.value=!Pt.value,Pr()},onMouseenter:t[67]||=e=>J.value.showTooltips&&Q(`setBold`,e,`top`),onMouseleave:$,onFocus:t[68]||=e=>J.value.showTooltips&&Q(`setBold`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-bold`,{},()=>[t[107]||=m(`svg`,{width:`100%`,viewBox:`0 0 24 24`,"stroke-width":`3`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M7 5h6a3.5 3.5 0 0 1 0 7h-6z`}),m(`path`,{d:`M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setBold`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextBold),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,ft,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":zt.value,tooltip:!0}),style:_({background:zt.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:zt.value?q.value.shapes.selected.border:q.value.shapes.border,color:zt.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[69]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,zt.value=!zt.value,Pr()},onMouseenter:t[70]||=e=>J.value.showTooltips&&Q(`setItalic`,e,`top`),onMouseleave:$,onFocus:t[71]||=e=>J.value.showTooltips&&Q(`setItalic`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-italic`,{},()=>[t[108]||=m(`svg`,{width:`100%`,height:`44`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M11 5l6 0`}),m(`path`,{d:`M7 19l6 0`}),m(`path`,{d:`M14 5l-4 14`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setItalic`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextItalic),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,pt,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":Ht.value,tooltip:!0}),style:_({background:Ht.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:Ht.value?q.value.shapes.selected.border:q.value.shapes.border,color:Ht.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[72]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,Ht.value=!Ht.value,Pr()},onMouseenter:t[73]||=e=>J.value.showTooltips&&Q(`setUnderline`,e,`top`),onMouseleave:$,onFocus:t[74]||=e=>J.value.showTooltips&&Q(`setUnderline`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-underline`,{},()=>[t[109]||=m(`svg`,{width:`100%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M7 5v5a5 5 0 0 0 10 0v-5`}),m(`path`,{d:`M5 19h14`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setUnderline`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextUnderline),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),m(`div`,mt,[m(`button`,{class:g({"button-tool":!0,tooltip:!0}),style:{borderRadius:`6px`},onMouseenter:t[77]||=e=>J.value.showTooltips&&Q(`setColor`,e,`top`),onMouseleave:$,onFocus:t[78]||=e=>J.value.showTooltips&&Q(`setColor`,e,`top`),onBlur:$},[oe(ne,{value:hn.value,"onUpdate:value":[t[75]||=e=>hn.value=e,t[76]||=e=>Ar(e)],backgroundColor:J.value.backgroundColor,buttonBorderColor:J.value.color,isCursorPointer:Y.value,palette:J.value.palette,teleported:``},{"annotator-action-color":S(({color:t})=>[b(e.$slots,`icon-color`,le(se({color:t,backgroundColor:hn.value})),void 0,!0)]),_:3},8,[`value`,`backgroundColor`,`buttonBorderColor`,`isCursorPointer`,`palette`])],32),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setColor`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeColor),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)]),m(`div`,ht,[m(`label`,gt,[h(x(K.value.translations.colorAlpha)+`: `+x($t.value>98?100:$t.value)+` % `,1),_e(m(`input`,{name:`colorTransparency`,type:`range`,"onUpdate:modelValue":t[79]||=e=>$t.value=e,onInput:Mr,min:0,max:100,style:_({width:`100%`,accentColor:J.value.color+` !important`})},null,36),[[he,$t.value]])])])])])],8,[`to`])):f(``,!0)]),m(`div`,{class:`annotator annotator__wrapper`,ref_key:`drawSvgContainer`,ref:wr,style:{position:`relative`},id:kt.value,"data-annotator-content":``},[m(`div`,{class:`annotator__content-layer`,style:_(`${M.value?`pointer-events: none;`:``}`)},[b(e.$slots,`default`,{},void 0,!0)],4),M.value||K.value.alwaysVisible?(v(),p(`svg`,{id:`annotatorSvg`,key:Gt.value,ref_key:`mainSvg`,ref:bn,class:g({annotator__overlay:!0,"annotator__overlay--inactive":!M.value,draw:!0,"draw--free":w.value===`line`}),viewBox:`0 0 ${qt.value} ${Kt.value}`,width:Xt.value,height:Zt.value,onPointerdown:t[83]||=e=>mr(e),onPointerup:t[84]||=e=>Dr(e),onTouchend:t[85]||=e=>Dr(e),onTouchstart:t[86]||=e=>Fr(e),onPointermove:t[87]||=e=>{Fr(e),vr(e)},onPointerout:t[88]||=e=>fr(e),onPointerover:t[89]||=e=>qn(e),onClick:t[90]||=e=>er(e),style:_({position:`absolute`,top:0,left:0,cursor:vn.value,fontFamily:`Helvetica`,zIndex:1e8,pointerEvents:M.value?`all`:`none`})},[m(`rect`,{class:`annotator__glass`,x:`0`,y:`0`,width:qt.value,height:Kt.value,fill:`transparent`,"pointer-events":M.value?`all`:`none`,style:{cursor:`inherit`},onPointerdown:t[80]||=ve(e=>mr(e),[`stop`,`prevent`]),onPointermove:t[81]||=ve(e=>{Fr(e),vr(e)},[`stop`,`prevent`]),onPointerup:ve(Dr,[`stop`,`prevent`]),onClick:t[82]||=ve(e=>er(e),[`stop`,`prevent`])},null,40,yt),(v(!0),p(re,null,fe(Pn.value,e=>(v(),p(`g`,{key:e.id,innerHTML:e.html,style:_({pointerEvents:M.value?null:`none`}),onClick:t=>Cr(t,e.id),onDblclick:ve(t=>Sr(t,e.id),[`stop`,`prevent`])},null,44,bt))),128)),H.value&&P.value?(v(),p(`line`,{key:0,class:`vue-ui-annotator-caret`,x1:H.value.x,x2:H.value.x,y1:H.value.y1,y2:H.value.y2,stroke:H.value.color,"stroke-width":`2`,"pointer-events":`none`,"vector-effect":`non-scaling-stroke`},null,8,xt)):f(``,!0)],46,vt)):f(``,!0),Vt.value||pe(At)?(v(),p(`svg`,{key:1,style:{position:`absolute`,top:`0`,left:`0`},height:Zt.value,viewBox:`0 0 ${qt.value} ${Kt.value}`,width:Xt.value,"data-dom-to-png-ignore":``},[m(`circle`,{class:`animated-circle-print`,cx:qt.value/2,cy:Kt.value/2,r:`50`,stroke:`#6376DD`,"stroke-width":`10`,fill:`none`},null,8,Ct)],8,St)):f(``,!0)],8,_t)]))}},[[`__scopeId`,`data-v-9a06c054`]]);export{xe as n,Dt as t};
+        `;break}}})}function fr(e){e.relatedTarget&&bn.value&&bn.value.contains(e.relatedTarget)||(Ut.value=!0,Nt.value=void 0)}function pr(){if(Lt.value=!0,!w.value&&!j.value||!Lt.value)return;Rt.value=!0,T.value.start={x:I.value.x,y:I.value.y};let e=`${j.value?`group`:w.value}_${i()}`;switch(!0){case w.value===`arrow`:L.value.push({id:e,x:I.value.x,y:I.value.y,endX:I.value.x,endY:I.value.y,type:w.value,color:Z(hn.value),strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value)}),F.value=L.value.at(-1);break;case w.value===`circle`:L.value.push({alpha:R.value.circle.filled?_n.value:``,id:e,color:Z(hn.value),isFilled:Z(R.value.circle.filled),circleRadius:Z(R.value.circle.radius),circleStrokeWidth:Z(R.value.circle.strokeWidth),type:w.value,x:I.value.x,y:I.value.y,strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value)}),F.value=L.value.at(-1);break;case w.value===`line`:L.value.push({alpha:Z(_n.value),id:e,x:I.value.x,y:I.value.y,type:w.value,color:Z(hn.value),strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value),path:`${I.value.x} ${I.value.y}`}),F.value=L.value.at(-1);break;case w.value===`rect`:L.value.push({alpha:R.value.rect.filled?_n.value:``,id:e,color:Z(hn.value),isFilled:Z(R.value.rect.filled),rectStrokeWidth:Z(R.value.rect.strokeWidth),rectHeight:Z(R.value.rect.height),rectWidth:Z(R.value.rect.width),type:w.value,x:I.value.x,y:I.value.y,strokeWidth:Z(Math.abs(Mt.value)),isDash:Z(It.value)}),F.value=L.value.at(-1);break;case w.value===`group`:L.value.push({alpha:1,id:`group_${i()}`,x:I.value.x,y:I.value.y,isFilled:!1,rectHeight:Z(R.value.rect.height),rectWidth:Z(R.value.rect.width),rectStrokeWidth:1,type:`group`,color:`grey`,strokeWidth:1,isDash:!0,content:``})}pn.value||=requestAnimationFrame(In)}function mr(e){if(!M.value)return;Fr(e);let t=zn(e),n=t?L.value.find(e=>e.id===t):null;if(P.value&&rn.value&&t!==rn.value&&Xn(),D.value)Bt.value=!1;else{if(n){let t=Number.isFinite(e?.timeStamp)?e.timeStamp:Date.now(),r=br.id===n.id&&t-br.at>=0&&t-br.at<=Et;if(br=r?{id:null,at:0}:{id:n.id,at:t},r){e.preventDefault(),e.stopPropagation(),Bt.value=!1,tn.value=null,nn.value=null,V.value=null,yr(n);return}}else br={id:null,at:0};if(e.preventDefault(),e.stopPropagation(),Bt.value=!0,e.pointerId!=null){try{bn.value?.setPointerCapture?.(e.pointerId)}catch{}mn.value=e.pointerId}else mn.value=null;if(O.value){if(n){Bt.value=!1,O.value=!1,F.value=n,E.value={id:n.id},Kn(n);return}ln.value?.begin?.(),pr()}else if(j.value)ln.value?.begin?.(),pr();else if(k.value){if(!n){Bt.value=!1,E.value=void 0;return}ln.value?.begin?.(),Ln(n.id);let t=L.value.find(e=>e.id===n.id);F.value=t,E.value={id:t.id},Hn({target:e.target})}else if(A.value){if(!n){Bt.value=!1,E.value=void 0,tn.value=null,nn.value=null,V.value=null;return}let t=e.target?.getAttribute?.(`data-resize-handle`)||null;F.value=n,E.value={id:n.id},Kn(n),t?(tn.value=null,Un(n,t)):(nn.value=null,V.value=null,Hn(e)),ln.value?.begin?.()}}}function hr(e){if(!e||!e.id||!tn.value&&(Hn({target:{id:e.id}}),!tn.value))return;let t=I.value.x,n=I.value.y;switch(F.value=e,e.type){case`arrow`:{let{dx:r,dy:i,endDx:a,endDy:o}=tn.value;e.x=t-r,e.y=n-i,e.endX=t-(a??r),e.endY=n-(o??i);break}case`circle`:case`rect`:case`text`:{let{dx:r,dy:i}=tn.value;e.x=t-r,e.y=n-i;break}case`line`:{let{startX:r,startY:i,path:a}=tn.value,o=t-r,s=n-i;e.path=Cn(Sn(a).map(e=>({x:e.x+o,y:e.y+s})));let c=wn(e.path);c&&(e.x=c.minX,e.y=c.minY);break}case`group`:{let{dx:r,dy:i}=tn.value;e.x=t-r,e.y=n-i,dr(e);break}}}function gr(){let e=E.value?.id||Nt.value;if(!e)return;let t=L.value.find(t=>t.id===e);t&&hr(t)}function _r(){let e=E.value?.id;if(!e)return;let t=L.value.find(t=>t.id===e);if(!t)return;let n=I.value.x,r=I.value.y;switch(w.value=t.type,F.value=t,t.type){case`arrow`:nn.value===`arrow-start`?(t.x=n,t.y=r):nn.value===`arrow-end`&&(t.endX=n,t.endY=r);break;case`line`:{if(nn.value!==`line-scale`||!V.value?.bounds||!V.value?.points)return;let{bounds:e,points:i}=V.value,a=Math.max(1,n-e.minX),o=Math.max(1,r-e.minY),s=a/Math.max(1,e.width),c=o/Math.max(1,e.height);t.path=Cn(i.map(t=>({x:e.minX+(t.x-e.minX)*s,y:e.minY+(t.y-e.minY)*c}))),t.x=e.minX,t.y=e.minY;break}case`circle`:{if(nn.value!==`circle-radius`||V.value?.shapeId!==t.id||!V.value?.anchor)return;let e=V.value.anchor,i=n,a=r,o=i-e.x,s=a-e.y,c=Math.hypot(o,s);if(c<2){if(c>0){let e=2/c;o*=e,s*=e}else o=2,s=0;i=e.x+o,a=e.y+s,c=2}t.x=e.x+o/2,t.y=e.y+s/2,t.circleRadius=c/2,V.value.handlePoint={x:i,y:a};break}case`rect`:{let e=nn.value,i=V.value?.bounds;if(!e?.startsWith(`rect-`)||V.value?.shapeId!==t.id||!i)return;let a=i.left,o=i.top,s=i.right,c=i.bottom;switch(e){case`rect-nw`:a=Math.min(n,i.right-20),o=Math.min(r,i.bottom-20);break;case`rect-ne`:s=Math.max(n,i.left+20),o=Math.min(r,i.bottom-20);break;case`rect-se`:s=Math.max(n,i.left+20),c=Math.max(r,i.top+20);break;case`rect-sw`:a=Math.min(n,i.right-20),c=Math.max(r,i.top+20);break;default:return}t.x=a,t.y=o,t.rectWidth=s-a,t.rectHeight=c-o;break}case`group`:if(nn.value!==`group-scale`)return;t.rectWidth=Math.max(20,n-t.x),t.rectHeight=Math.max(20,r-t.y)}}function vr(e){if(!M.value||D.value)return;e.preventDefault(),e.stopPropagation(),Fr(e);let t=zn(e);t&&(Nt.value=t),k.value&&Bt.value?gr():A.value&&Bt.value&&(nn.value?_r():gr())}function yr(e){e&&(P.value&&rn.value!==e.id&&Xn(),F.value=e,E.value={id:e.id},k.value=!1,D.value=!1,A.value=!0,j.value=!1,O.value=!1,e.type===`text`?(w.value=void 0,Kn(e),Yn(e)):(N.value=!1,P.value=!1,z.value=!1,H.value=null,Kn(e)))}let br={id:null,at:0},xr={id:null,at:0};function Sr(e,t){if(!M.value)return;let n=t||Rn(e.target);if(!n)return;xr={id:null,at:0};let r=L.value.find(e=>e.id===n);r&&yr(r)}function Cr(e,t){if(!M.value)return;let n=t||Rn(e.target);if(!n)return;let r=L.value.find(e=>e.id===n);if(!r)return;let i=Number.isFinite(e?.timeStamp)?e.timeStamp:Date.now(),a=xr.id===n&&i-xr.at>=0&&i-xr.at<=Et;if(xr=a?{id:null,at:0}:{id:n,at:i},a&&!D.value){yr(r);return}let o=F.value?.id===n,s=N.value;if(D.value)P.value&&Xn(),ln.value?.begin?.(),L.value=L.value.filter(e=>e.id!==n),F.value?.id===n&&(F.value=void 0),E.value=void 0,ln.value?.end?.();else if(P.value&&rn.value&&rn.value!==n&&Xn(),F.value=r,E.value={id:r.id},k.value)z.value=!1,H.value=null;else if(Kn(r),r.type===`text`){let e=!k.value&&!A.value&&!O.value&&!j.value;N.value=e,e&&(s||o)&&Yn(r)}else N.value=!1,z.value=!1,H.value=null}let wr=y(null);function Tr(e,t){for(t(e),e=e.firstChild;e;)Tr(e,t),e=e.nextSibling}function Er(){P.value&&Xn(),Vt.value=!0,D.value=!1,k.value=!1,A.value=!1,N.value=!1,P.value=!1,j.value=!1,w.value=void 0,z.value=!1,ce(async()=>{let e=wr.value;if(e){Tr(e,e=>{e&&e.nodeType===1&&(e.setAttribute(`font-family`,`Helvetica`),e.style.fontFamily=`Helvetica`)});try{let t;try{t=(await import(`jspdf`)).default}catch{throw Error(`jspdf is not installed. Run npm install jspdf`)}let n=await l({container:e,scale:2}),r=new Image;r.src=n,r.onload=()=>{let e={width:595.28,height:841.89},i=r.width,a=r.height,o=i/e.width*e.height,s=e.width,c=s/i*a,l=new t(``,`pt`,`a4`),u=0,ee=a;if(ee<o)l.addImage(n,`PNG`,0,0,s,c,``,`FAST`);else for(;ee>0;)l.addImage(n,`PNG`,0,u,s,c,``,`FAST`),ee-=o,u-=e.height,ee>0&&l.addPage();l.save(`${(/* @__PURE__ */ new Date()).toLocaleDateString()}_annotations.pdf`)}}catch(e){console.error(`Error generating image:`,e)}finally{Vt.value=!1,Tr(e,e=>{e&&e.nodeType===1&&(e.setAttribute(`font-family`,J.value.fontFamily),e.style.fontFamily=J.value.fontFamily)})}}})}function Dr(e){let t=O.value&&Lt.value&&F.value&&[`arrow`,`circle`,`line`,`rect`].includes(F.value.type)?L.value.find(e=>e.id===F.value.id):null;if(!D.value&&e&&(e.preventDefault(),e.stopPropagation()),Lt.value=!1,Bt.value=!1,tn.value=null,nn.value=null,V.value=null,mn.value!=null){try{bn.value?.releasePointerCapture?.(mn.value)}catch{}mn.value=null}pn.value&&=(cancelAnimationFrame(pn.value),null);let n=j.value?ur():null;ln.value?.end(),n&&(j.value=!1,k.value=!0,A.value=!1,O.value=!1,D.value=!1,N.value=!1,P.value=!1,z.value=!1,H.value=null,F.value=n,E.value={id:n.id},Nt.value=void 0,$n=Date.now()+250),t&&($n=Date.now()+250,yr(t))}function Or(){F.value&&F.value.id.includes(`rect`)&&(F.value.isFilled=!F.value.isFilled)}function kr(){F.value&&F.value.id.includes(`circle`)&&(F.value.isFilled=!F.value.isFilled)}function Ar(e=hn.value){let t=typeof e==`string`&&e.length?e:hn.value;if(hn.value=t,!F.value||k.value)return;let n=L.value.find(e=>e.id===F.value.id);n&&(n.color=Z(t),F.value=n,[`arrow`,`text`].includes(n.type)?Jn():n.alpha=Z(_n.value))}function jr(){F.value&&F.value.type!==`text`&&(F.value.isDash=Z(It.value))}function Mr(){F.value&&![`arrow`,`text`].includes(F.value.type)&&(F.value.alpha=Z(_n.value))}function Nr(){F.value&&[`arrow`,`circle`,`rect`,`line`].includes(F.value.type)&&(F.value.strokeWidth=Z(Math.abs(Mt.value)))}function Pr(){F.value&&F.value.type===`text`&&(F.value.isBold=Z(Pt.value),F.value.isItalic=Z(zt.value),F.value.isUnderline=Z(Ht.value),F.value.fontSize=Z(Qt.value),F.value.isBulletTextMode=Z(Ft.value),Jn())}function Fr(e){if(e.preventDefault(),!bn.value)return;let t=bn.value.getBoundingClientRect(),n,r;e.touches&&e.touches.length>0?(n=e.touches[0].clientX,r=e.touches[0].clientY):(n=e.clientX,r=e.clientY),I.value.x=(n-t.left)/t.width*qt.value,I.value.y=(r-t.top)/t.height*Kt.value}function Ir(e){z.value=!1,Zn(),e===w.value?(w.value=void 0,O.value=!1):(O.value=!0,D.value=!1,k.value=!1,A.value=!1,N.value=!1,w.value=e)}function Lr(){P.value&&Xn(),M.value=!M.value,M.value||(k.value=!1,A.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,F.value=void 0,E.value=void 0,Nt.value=void 0,Wt.value=[],z.value=!1,D.value=!1),xe(`toggleOpenState`,{isOpen:M.value})}function Rr(){P.value&&Xn(),xe(`saveAnnotations`,{shapes:L.value,lastSelectedShape:F.value})}let zr=null;return de(()=>{if(wr.value){let e=!1;Tr(wr.value,t=>{!e&&[`DIV`,`svg`,`section`,`canvas`].includes(t.tagName)&&(Yt.value=t,e=!0)})}un.value=(()=>{if(typeof navigator>`u`)return!1;let e=navigator.userAgentData?.platform??``;if(e)return/mac|ios/i.test(e);let t=navigator.userAgent??``;return/(Mac|iPhone|iPad|iPod)/i.test(t)})();let e=Yt?.value.getBoundingClientRect();if(Jt.value=e.height/e.width,qt.value=1e3,Kt.value=Jt.value*1e3,Xt.value=e.width,Zt.value=e.height,new ResizeObserver(e=>{e.forEach(e=>{Xt.value=e.contentRect.width,Zt.value=e.contentRect.height,Jt.value=e.contentRect.height/e.contentRect.width,Kt.value=Jt.value*1e3})}).observe(Yt.value),dn.value=e=>ir(e),window.addEventListener(`keydown`,dn.value),ln.value=Bn(),ln.value.size){let e=ln.value.size();fn.value.undo=e.undo,fn.value.redo=e.redo}zr=ye({isMacLike:un,isSummaryOpen:M,isWriting:P,isDeleteMode:D,isMoveMode:k,isResizeMode:A,isSelectMode:j,isDrawMode:O,isTextMode:N,activeShape:w,showCaret:z,lastSelectedShape:F,shapes:L,history:ln,setShapeTo:Ir,undoLastShape:nr,redoLastShape:rr})}),ue(()=>{$(),pn.value&&cancelAnimationFrame(pn.value),dn.value&&window.removeEventListener(`keydown`,dn.value),zr&&zr(),window.removeEventListener(`keydown`,ir)}),ge(L,e=>{e.length===0&&(F.value=void 0)}),ge(N,e=>{!e&&P.value?Xn():(z.value=!!(e&&P.value),z.value&&Jn())}),(e,t)=>(v(),p(`div`,Se,[m(`div`,Ce,[b(e.$slots,`toggle`,le(se({toggle:Lr,isOpen:M.value})),()=>[oe(te,{config:{maxHeight:1e3,useCursorPointer:Y.value,head:{backgroundColor:J.value.backgroundColor,color:J.value.color,iconColor:J.value.color,iconSize:20,icon:M.value?`close`:`annotator`,padding:`6px`},body:{backgroundColor:J.value.backgroundColor,color:J.value.color}},onToggle:Lr},{title:S(({color:e})=>[m(`div`,{style:_({color:e})},x(K.value.translations.title),5)]),content:S(({backgroundColor:e})=>[m(`div`,{id:`toggle_default_${kt.value}`},null,8,we)]),_:1},8,[`config`])],!0),e.$slots.toggle&&M.value?(v(),p(`div`,{key:0,id:`toggle_slot_${kt.value}`},null,8,Te)):f(``,!0),Dt.value&&Ot.value?(v(),d(ie,{key:1,to:e.$slots.toggle?`#toggle_slot_${kt.value}`:`#toggle_default_${kt.value}`},[m(`div`,null,[m(`div`,Ee,[m(`button`,{disabled:L.value.length===0,style:_({background:k.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:k.value?q.value.controls.selected.border:q.value.controls.border,color:k.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":k.value,tooltip:!0}),onClick:t[0]||=e=>{Zn(),k.value=!k.value,D.value=!1,O.value=!1,A.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1},onMouseenter:t[1]||=e=>J.value.showTooltips&&Q(`move`,e,`top`),onMouseleave:$,onFocus:t[2]||=e=>J.value.showTooltips&&Q(`move`,e,`top`),onBlur:$},[b(e.$slots,`icon-move`,le(se({active:k.value})),()=>[oe(u,{name:`move`,stroke:k.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`move`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipMove)+` `,1),t[91]||=m(`kbd`,null,`M`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,De),m(`button`,{disabled:L.value.length===0,style:_({background:A.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:A.value?q.value.controls.selected.border:q.value.controls.border,color:A.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":A.value,tooltip:!0}),onClick:t[3]||=e=>{Zn(),A.value=!A.value,k.value=!1,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1},onMouseenter:t[4]||=e=>J.value.showTooltips&&Q(`resize`,e,`top`),onMouseleave:$,onFocus:t[5]||=e=>J.value.showTooltips&&Q(`resize`,e,`top`),onBlur:$},[b(e.$slots,`icon-resize`,le(se({active:A.value})),()=>[oe(u,{name:`resize`,stroke:A.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`resize`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipResize)+` `,1),t[92]||=m(`kbd`,null,`R`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,Oe),m(`button`,{disabled:L.value.length===0,style:_({background:D.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:D.value?q.value.controls.selected.border:q.value.controls.border,color:D.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":D.value,tooltip:!0}),onClick:t[6]||=e=>{Zn(),D.value=!D.value,k.value=!1,A.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1},onMouseenter:t[7]||=e=>J.value.showTooltips&&Q(`delete`,e,`top`),onMouseleave:$,onFocus:t[8]||=e=>J.value.showTooltips&&Q(`delete`,e,`top`),onBlur:$},[b(e.$slots,`icon-delete`,le(se({active:D.value})),()=>[oe(u,{name:`trash`,stroke:D.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`delete`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipDelete)+` `,1),t[93]||=m(`kbd`,null,`D`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,ke),m(`button`,{disabled:!gn.value,style:_({background:j.value?q.value.controls.selected.backgroundColor:q.value.controls.backgroundColor,border:j.value?q.value.controls.selected.border:q.value.controls.border,color:j.value?q.value.controls.selected.color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--selected":j.value,tooltip:!0}),onClick:t[9]||=e=>{Zn(),Ir(`group`),j.value=!j.value,D.value=!1,k.value=!1,A.value=!1,N.value=!1,P.value=!1,w.value=`group`,z.value=!1},onMouseenter:t[10]||=e=>J.value.showTooltips&&Q(`selectAndGroup`,e,`top`),onMouseleave:$,onFocus:t[11]||=e=>J.value.showTooltips&&Q(`selectAndGroup`,e,`top`),onBlur:$},[b(e.$slots,`icon-select-group`,le(se({active:j.value})),()=>[oe(u,{name:`selectAndGroup`,stroke:j.value?q.value.controls.selected.color:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`selectAndGroup`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipGroup)+` `,1),t[94]||=m(`kbd`,null,`G`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,Ae),m(`button`,{disabled:L.value.length===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[12]||=e=>{A.value=!1,k.value=!0,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1,Wn(`front`)},onMouseenter:t[13]||=e=>J.value.showTooltips&&Q(`bringToFront`,e,`top`),onMouseleave:$,onFocus:t[14]||=e=>J.value.showTooltips&&Q(`bringToFront`,e,`top`),onBlur:$},[b(e.$slots,`icon-bring-to-front`,{},()=>[oe(u,{name:`bringToFront`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`bringToFront`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipBringToFront),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,je),m(`button`,{disabled:L.value.length===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[15]||=e=>{A.value=!1,k.value=!0,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1,Wn(`back`)},onMouseenter:t[16]||=e=>J.value.showTooltips&&Q(`bringToBack`,e,`top`),onMouseleave:$,onFocus:t[17]||=e=>J.value.showTooltips&&Q(`bringToBack`,e,`top`),onBlur:$},[b(e.$slots,`icon-bring-to-back`,{},()=>[oe(u,{name:`bringToBack`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`bringToBack`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipBringToBack),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Me),m(`button`,{disabled:L.value.length===0||w.value===`line`,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[18]||=e=>{Zn(),A.value=!1,k.value=!0,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,z.value=!1,Gn()},onMouseenter:t[19]||=e=>J.value.showTooltips&&Q(`duplicate`,e,`top`),onMouseleave:$,onFocus:t[20]||=e=>J.value.showTooltips&&Q(`duplicate`,e,`top`),onBlur:$},[b(e.$slots,`icon-copy`,{},()=>[oe(u,{name:`copy`,stroke:q.value.controls.color,size:18},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`duplicate`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipDuplicate),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Ne),m(`button`,{disabled:fn.value.undo===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--one-shot":!0,tooltip:!0}),onClick:t[21]||=e=>{A.value=!1,k.value=!1,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1,nr()},onMouseenter:t[22]||=e=>J.value.showTooltips&&Q(`undoLast`,e,`top`),onMouseleave:$,onFocus:t[23]||=e=>J.value.showTooltips&&Q(`undoLast`,e,`top`),onBlur:$},[b(e.$slots,`icon-undo`,{},()=>[oe(u,{name:`refresh`,stroke:q.value.controls.color,size:20},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`undoLast`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipUndo)+` `,1),m(`kbd`,null,x(un.value?`⌘`:`Ctrl`),1),t[95]||=m(`kbd`,null,`Z`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Pe),m(`button`,{disabled:fn.value.redo===0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,"button-tool--one-shot":!0,tooltip:!0}),onClick:t[24]||=e=>{A.value=!1,k.value=!1,D.value=!1,O.value=!1,j.value=!1,N.value=!1,P.value=!1,w.value=void 0,z.value=!1,rr()},onMouseenter:t[25]||=e=>J.value.showTooltips&&Q(`redoLast`,e,`top`),onMouseleave:$,onFocus:t[26]||=e=>J.value.showTooltips&&Q(`redoLast`,e,`top`),onBlur:$},[b(e.$slots,`icon-redo`,{},()=>[oe(u,{name:`refresh`,stroke:q.value.controls.color,size:20,style:{transform:`rotateX(0deg) rotateY(180deg)`}},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`redoLast`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipRedo)+` `,1),m(`kbd`,null,x(un.value?`⌘`:`Ctrl`),1),t[96]||=m(`kbd`,null,`Y`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],44,Fe),J.value.showPrint?(v(),p(`button`,{key:0,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:Er,onMouseenter:t[27]||=e=>J.value.showTooltips&&Q(`printPdf`,e,`top`),onMouseleave:$,onFocus:t[28]||=e=>J.value.showTooltips&&Q(`printPdf`,e,`top`),onBlur:$},[b(e.$slots,`icon-print`,{},()=>[oe(u,{name:`printer`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`printPdf`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipPdf),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],36)):f(``,!0),J.value.showImage?(v(),p(`button`,{key:1,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:t[29]||=(...e)=>pe(jt)&&pe(jt)(...e),onMouseenter:t[30]||=e=>J.value.showTooltips&&Q(`printImage`,e,`top`),onMouseleave:$,onFocus:t[31]||=e=>J.value.showTooltips&&Q(`printImage`,e,`top`),onBlur:$},[b(e.$slots,`icon-export-image`,{},()=>[oe(u,{name:`image`,stroke:q.value.controls.color,size:20},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`printImage`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipImage),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],36)):f(``,!0),J.value.showSave?(v(),p(`button`,{key:2,style:_({background:q.value.controls.backgroundColor,border:q.value.controls.border,color:q.value.controls.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),class:g({"button-tool":!0,tooltip:!0}),onClick:Rr,onMouseenter:t[32]||=e=>J.value.showTooltips&&Q(`saveAction`,e,`top`),onMouseleave:$,onFocus:t[33]||=e=>J.value.showTooltips&&Q(`saveAction`,e,`top`),onBlur:$},[b(e.$slots,`icon-save`,{},()=>[oe(u,{name:`save`,stroke:q.value.controls.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`saveAction`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipSave),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],36)):f(``,!0)]),m(`div`,Ie,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`circle`,tooltip:!0}),style:_({background:w.value===`circle`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`circle`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`circle`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[34]||=e=>{Ir(`circle`),j.value=!1},onMouseenter:t[35]||=e=>J.value.showTooltips&&Q(`setCircle`,e,`top`),onMouseleave:$,onFocus:t[36]||=e=>J.value.showTooltips&&Q(`setCircle`,e,`top`),onBlur:$},[b(e.$slots,`icon-circle`,le(se({filled:R.value.circle.filled})),()=>[(v(),p(`svg`,Le,[m(`circle`,{cx:6,cy:6,r:`4`,fill:R.value.circle.filled?(w.value,hn.value+_n.value):`none`,stroke:`currentColor`},null,8,Re)]))],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setCircle`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeCircle)+` `,1),t[97]||=m(`kbd`,null,`C`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),w.value===`circle`?(v(),p(`div`,ze,[m(`label`,Be,[h(x(K.value.translations.filled)+` `,1),_e(m(`input`,{type:`checkbox`,"onUpdate:modelValue":t[37]||=e=>R.value.circle.filled=e,onChange:kr,checked:R.value.circle.filled,style:_({all:`revert`,appearance:`auto`,"-webkit-appearance":`auto`,accentColor:J.value.color+` !important`})},null,44,Ve),[[me,R.value.circle.filled]])])])):f(``,!0),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`rect`,tooltip:!0}),style:_({background:w.value===`rect`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`rect`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`rect`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[38]||=e=>{Ir(`rect`),j.value=!1},onMouseenter:t[39]||=e=>J.value.showTooltips&&Q(`setRect`,e,`top`),onMouseleave:$,onFocus:t[40]||=e=>J.value.showTooltips&&Q(`setRect`,e,`top`),onBlur:$},[b(e.$slots,`icon-rect`,le(se({filled:R.value.rect.filled})),()=>[(v(),p(`svg`,He,[m(`rect`,{x:`3`,y:`3`,style:{rx:`0 !important`,ry:`0 !important`},height:`6`,width:`6`,fill:R.value.rect.filled?(w.value,hn.value+_n.value):`none`,stroke:`currentColor`},null,8,Ue)]))],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setRect`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeRect)+` `,1),t[98]||=m(`kbd`,null,`S`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),w.value===`rect`?(v(),p(`div`,We,[m(`label`,Ge,[h(x(K.value.translations.filled)+` `,1),_e(m(`input`,{type:`checkbox`,"onUpdate:modelValue":t[41]||=e=>R.value.rect.filled=e,onChange:Or,checked:R.value.rect.filled,style:_({all:`revert`,appearance:`auto`,"-webkit-appearance":`auto`,accentColor:J.value.color+` !important`})},null,44,Ke),[[me,R.value.rect.filled]])])])):f(``,!0),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`arrow`,tooltip:!0}),style:_({background:w.value===`arrow`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`arrow`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`arrow`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[42]||=e=>{Ir(`arrow`),j.value=!1},onMouseenter:t[43]||=e=>J.value.showTooltips&&Q(`setArrow`,e,`top`),onMouseleave:$,onFocus:t[44]||=e=>J.value.showTooltips&&Q(`setArrow`,e,`top`),onBlur:$},[b(e.$slots,`icon-arrow`,{},()=>[(v(),p(`svg`,qe,[m(`path`,{stroke:R.value.arrow.filled?w.value===`arrow`?`white`:`grey`:`none`,"stroke-width":`2`,d:`M5,19 19,5 14,5 19,10.5 19,5`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Je)]))],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setArrow`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeArrow)+` `,1),t[99]||=m(`kbd`,null,`A`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":w.value===`line`,tooltip:!0}),style:_({background:w.value===`line`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:w.value===`line`?q.value.shapes.selected.border:q.value.shapes.border,color:w.value===`line`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[45]||=e=>{Ir(`line`),j.value=!1},onMouseenter:t[46]||=e=>J.value.showTooltips&&Q(`setFreehand`,e,`top`),onMouseleave:$,onFocus:t[47]||=e=>J.value.showTooltips&&Q(`setFreehand`,e,`top`),onBlur:$},[b(e.$slots,`icon-freehand`,{},()=>[t[100]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M3 15c2 3 4 4 7 4s7 -3 7 -7s-3 -7 -6 -7s-5 1.5 -5 4s2 5 6 5s8.408 -2.453 10 -5`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setFreehand`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeFreehand)+` `,1),t[101]||=m(`kbd`,null,`L`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),[`arrow`,`circle`,`rect`,`line`].includes(w.value)?(v(),p(`div`,Ye,[m(`div`,Xe,[m(`label`,Ze,[h(x(K.value.translations.thickness)+` `,1),_e(m(`input`,{type:`number`,"onUpdate:modelValue":t[48]||=e=>Mt.value=e,onInput:Nr,min:1,style:{padding:`0 4px`,width:`40px`,border:`1px solid #dadada`,"border-radius":`3px`}},null,544),[[he,Mt.value]])])])])):f(``,!0),[`arrow`,`circle`,`rect`].includes(w.value)?(v(),p(`div`,Qe,[m(`div`,$e,[m(`label`,et,[h(x(K.value.translations.dashedLines)+` `,1),_e(m(`input`,{name:`dashStyle`,type:`checkbox`,"onUpdate:modelValue":t[49]||=e=>It.value=e,onChange:jr,checked:It.value,style:_({all:`revert`,appearance:`auto`,"-webkit-appearance":`auto`,accentColor:J.value.color+` !important`})},null,44,tt),[[me,It.value]])])])])):f(``,!0),m(`button`,{class:g({"button-tool":!0,"button-tool--selected":N.value,tooltip:!0}),style:_({background:N.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:N.value?q.value.shapes.selected.border:q.value.shapes.border,color:N.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[50]||=e=>{Zn(),N.value=!N.value,D.value=!1,k.value=!1,A.value=!1,j.value=!1,O.value=!1,w.value=void 0},onMouseenter:t[51]||=e=>J.value.showTooltips&&Q(`setText`,e,`top`),onMouseleave:$,onFocus:t[52]||=e=>J.value.showTooltips&&Q(`setText`,e,`top`),onBlur:$},[b(e.$slots,`icon-text`,le(se({active:N.value})),()=>[oe(u,{name:`text`,stroke:N.value?q.value.shapes.selected.color:q.value.shapes.color},null,8,[`stroke`])],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setText`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeText)+` `,1),t[102]||=m(`kbd`,null,`T`,-1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38),N.value?(v(),p(`div`,nt,[m(`div`,rt,[m(`label`,it,[h(x(K.value.translations.fontSize)+` `,1),_e(m(`input`,{type:`number`,"onUpdate:modelValue":t[53]||=e=>Qt.value=e,onInput:Pr,style:{padding:`0 4px`,width:`40px`,border:`1px solid #dadada`,"border-radius":`3px`}},null,544),[[he,Qt.value]])])])])):f(``,!0),N.value?(v(),p(`div`,at,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":B.value===`start`,tooltip:!0}),style:_({background:B.value===`start`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:B.value===`start`?q.value.shapes.selected.border:q.value.shapes.border,color:B.value===`start`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[54]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,B.value=`start`,tr(`start`)},onMouseenter:t[55]||=e=>J.value.showTooltips&&Q(`setAlignStart`,e,`top`),onMouseleave:$,onFocus:t[56]||=e=>J.value.showTooltips&&Q(`setAlignStart`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-align-left`,{},()=>[t[103]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M4 6l16 0`}),m(`path`,{d:`M4 12l10 0`}),m(`path`,{d:`M4 18l14 0`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setAlignStart`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextLeft),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,ot,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":B.value===`middle`,tooltip:!0}),style:_({background:B.value===`middle`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:B.value===`middle`?q.value.shapes.selected.border:q.value.shapes.border,color:B.value===`middle`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),disabled:Ft.value,onClick:t[57]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,B.value=`middle`,tr(`middle`)},onMouseenter:t[58]||=e=>J.value.showTooltips&&Q(`setAlignMiddle`,e,`top`),onMouseleave:$,onFocus:t[59]||=e=>J.value.showTooltips&&Q(`setAlignMiddle`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-align-center`,{},()=>[t[104]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M4 6l16 0`}),m(`path`,{d:`M8 12l8 0`}),m(`path`,{d:`M6 18l12 0`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setAlignMiddle`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextCenter),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,st)])):f(``,!0),N.value?(v(),p(`div`,ct,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":B.value===`end`,tooltip:!0}),style:_({background:B.value===`end`?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:B.value===`end`?q.value.shapes.selected.border:q.value.shapes.border,color:B.value===`end`?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),disabled:Ft.value,onClick:t[60]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,B.value=`end`,tr(`end`)},onMouseenter:t[61]||=e=>J.value.showTooltips&&Q(`setAlignEnd`,e,`top`),onMouseleave:$,onFocus:t[62]||=e=>J.value.showTooltips&&Q(`setAlignEnd`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-align-right`,{},()=>[t[105]||=m(`svg`,{width:`80%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M4 6l16 0`}),m(`path`,{d:`M10 12l10 0`}),m(`path`,{d:`M6 18l14 0`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setAlignEnd`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextRight),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],46,lt)])):f(``,!0),N.value?(v(),p(`div`,ut,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":Ft.value,tooltip:!0}),style:_({background:Ft.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:Ft.value?q.value.shapes.selected.border:q.value.shapes.border,color:Ft.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[63]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,Ft.value=!Ft.value,B.value=`start`,tr(`start`),Pr()},onMouseenter:t[64]||=e=>J.value.showTooltips&&Q(`setBulletMode`,e,`top`),onMouseleave:$,onFocus:t[65]||=e=>J.value.showTooltips&&Q(`setBulletMode`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-bullet-points`,{},()=>[t[106]||=m(`svg`,{width:`100%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M9 6l11 0`}),m(`path`,{d:`M9 12l11 0`}),m(`path`,{d:`M9 18l11 0`}),m(`path`,{d:`M5 6l0 .01`}),m(`path`,{d:`M5 12l0 .01`}),m(`path`,{d:`M5 18l0 .01`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setBulletMode`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextBullet),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,dt,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":Pt.value,tooltip:!0}),style:_({background:Pt.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:Pt.value?q.value.shapes.selected.border:q.value.shapes.border,color:Pt.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[66]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,Pt.value=!Pt.value,Pr()},onMouseenter:t[67]||=e=>J.value.showTooltips&&Q(`setBold`,e,`top`),onMouseleave:$,onFocus:t[68]||=e=>J.value.showTooltips&&Q(`setBold`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-bold`,{},()=>[t[107]||=m(`svg`,{width:`100%`,viewBox:`0 0 24 24`,"stroke-width":`3`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M7 5h6a3.5 3.5 0 0 1 0 7h-6z`}),m(`path`,{d:`M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setBold`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextBold),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,ft,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":zt.value,tooltip:!0}),style:_({background:zt.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:zt.value?q.value.shapes.selected.border:q.value.shapes.border,color:zt.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[69]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,zt.value=!zt.value,Pr()},onMouseenter:t[70]||=e=>J.value.showTooltips&&Q(`setItalic`,e,`top`),onMouseleave:$,onFocus:t[71]||=e=>J.value.showTooltips&&Q(`setItalic`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-italic`,{},()=>[t[108]||=m(`svg`,{width:`100%`,height:`44`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M11 5l6 0`}),m(`path`,{d:`M7 19l6 0`}),m(`path`,{d:`M14 5l-4 14`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setItalic`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextItalic),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),N.value?(v(),p(`div`,pt,[m(`button`,{class:g({"button-tool":!0,"button-tool--selected":Ht.value,tooltip:!0}),style:_({background:Ht.value?q.value.shapes.selected.backgroundColor:q.value.shapes.backgroundColor,border:Ht.value?q.value.shapes.selected.border:q.value.shapes.border,color:Ht.value?q.value.shapes.selected.color:q.value.shapes.color,borderRadius:`${q.value.borderRadius}px`,cursor:Y.value?`pointer`:`default`}),onClick:t[72]||=e=>{D.value=!1,k.value=!1,A.value=!1,O.value=!1,j.value=!1,w.value=void 0,Ht.value=!Ht.value,Pr()},onMouseenter:t[73]||=e=>J.value.showTooltips&&Q(`setUnderline`,e,`top`),onMouseleave:$,onFocus:t[74]||=e=>J.value.showTooltips&&Q(`setUnderline`,e,`top`),onBlur:$},[b(e.$slots,`icon-text-underline`,{},()=>[t[109]||=m(`svg`,{width:`100%`,viewBox:`0 0 24 24`,"stroke-width":`2`,stroke:`currentColor`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[m(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`}),m(`path`,{d:`M7 5v5a5 5 0 0 0 10 0v-5`}),m(`path`,{d:`M5 19h14`})],-1)],!0),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setUnderline`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeTextUnderline),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)],38)])):f(``,!0),m(`div`,mt,[m(`button`,{class:g({"button-tool":!0,tooltip:!0}),style:{borderRadius:`6px`},onMouseenter:t[77]||=e=>J.value.showTooltips&&Q(`setColor`,e,`top`),onMouseleave:$,onFocus:t[78]||=e=>J.value.showTooltips&&Q(`setColor`,e,`top`),onBlur:$},[oe(ne,{value:hn.value,"onUpdate:value":[t[75]||=e=>hn.value=e,t[76]||=e=>Ar(e)],backgroundColor:J.value.backgroundColor,buttonBorderColor:J.value.color,isCursorPointer:Y.value,palette:J.value.palette,teleported:``},{"annotator-action-color":S(({color:t})=>[b(e.$slots,`icon-color`,le(se({color:t,backgroundColor:hn.value})),void 0,!0)]),_:3},8,[`value`,`backgroundColor`,`buttonBorderColor`,`isCursorPointer`,`palette`])],32),J.value.showTooltips?(v(),d(C,{key:0,show:U.value&&W.value===`setColor`,x:G.value.x,y:G.value.y-6,placement:`top`,styleObject:X.value},{default:S(()=>[h(x(K.value.translations.tooltipShapeColor),1)]),_:1},8,[`show`,`x`,`y`,`styleObject`])):f(``,!0)]),m(`div`,ht,[m(`label`,gt,[h(x(K.value.translations.colorAlpha)+`: `+x($t.value>98?100:$t.value)+` % `,1),_e(m(`input`,{name:`colorTransparency`,type:`range`,"onUpdate:modelValue":t[79]||=e=>$t.value=e,onInput:Mr,min:0,max:100,style:_({width:`100%`,accentColor:J.value.color+` !important`})},null,36),[[he,$t.value]])])])])])],8,[`to`])):f(``,!0)]),m(`div`,{class:`annotator annotator__wrapper`,ref_key:`drawSvgContainer`,ref:wr,style:{position:`relative`},id:kt.value,"data-annotator-content":``},[m(`div`,{class:`annotator__content-layer`,style:_(`${M.value?`pointer-events: none;`:``}`)},[b(e.$slots,`default`,{},void 0,!0)],4),M.value||K.value.alwaysVisible?(v(),p(`svg`,{id:`annotatorSvg`,key:Gt.value,ref_key:`mainSvg`,ref:bn,class:g({annotator__overlay:!0,"annotator__overlay--inactive":!M.value,draw:!0,"draw--free":w.value===`line`}),viewBox:`0 0 ${qt.value} ${Kt.value}`,width:Xt.value,height:Zt.value,onPointerdown:t[83]||=e=>mr(e),onPointerup:t[84]||=e=>Dr(e),onTouchend:t[85]||=e=>Dr(e),onTouchstart:t[86]||=e=>Fr(e),onPointermove:t[87]||=e=>{Fr(e),vr(e)},onPointerout:t[88]||=e=>fr(e),onPointerover:t[89]||=e=>qn(e),onClick:t[90]||=e=>er(e),style:_({position:`absolute`,top:0,left:0,cursor:vn.value,fontFamily:`Helvetica`,zIndex:1e8,pointerEvents:M.value?`all`:`none`})},[m(`rect`,{class:`annotator__glass`,x:`0`,y:`0`,width:qt.value,height:Kt.value,fill:`transparent`,"pointer-events":M.value?`all`:`none`,style:{cursor:`inherit`},onPointerdown:t[80]||=ve(e=>mr(e),[`stop`,`prevent`]),onPointermove:t[81]||=ve(e=>{Fr(e),vr(e)},[`stop`,`prevent`]),onPointerup:ve(Dr,[`stop`,`prevent`]),onClick:t[82]||=ve(e=>er(e),[`stop`,`prevent`])},null,40,yt),(v(!0),p(re,null,fe(Pn.value,e=>(v(),p(`g`,{key:e.id,innerHTML:e.html,style:_({pointerEvents:M.value?null:`none`}),onClick:t=>Cr(t,e.id),onDblclick:ve(t=>Sr(t,e.id),[`stop`,`prevent`])},null,44,bt))),128)),H.value&&P.value?(v(),p(`line`,{key:0,class:`vue-ui-annotator-caret`,x1:H.value.x,x2:H.value.x,y1:H.value.y1,y2:H.value.y2,stroke:H.value.color,"stroke-width":`2`,"pointer-events":`none`,"vector-effect":`non-scaling-stroke`},null,8,xt)):f(``,!0)],46,vt)):f(``,!0),Vt.value||pe(At)?(v(),p(`svg`,{key:1,style:{position:`absolute`,top:`0`,left:`0`},height:Zt.value,viewBox:`0 0 ${qt.value} ${Kt.value}`,width:Xt.value,"data-dom-to-png-ignore":``},[m(`circle`,{class:`animated-circle-print`,cx:qt.value/2,cy:Kt.value/2,r:`50`,stroke:`#6376DD`,"stroke-width":`10`,fill:`none`},null,8,Ct)],8,St)):f(``,!0)],8,_t)]))}},[[`__scopeId`,`data-v-9a06c054`]]);export{xe as n,Dt as t};