npm - vue-data-ui - Versions diffs - 2.4.1 → 2.4.2 - Mend

vue-data-ui 2.4.1 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/dist/types/vue-data-ui.d.cts CHANGED Viewed

@@ -52,31 +52,33 @@ declare module 'vue-data-ui' {
         show?: boolean;
         position?: 'left' | 'right';
         buttons?: {
-            tooltip?: boolean;
-            pdf?: boolean;
+            animation?:boolean;
+            annotator?: boolean;
             csv?: boolean;
+            fullscreen?: boolean;
             img?: boolean;
-            table?: boolean;
             labels?: boolean;
-            fullscreen?: boolean;
-            stack?: boolean;
+            pdf?: boolean;
             sort?: boolean;
-            animation?:boolean;
-        },
+            stack?: boolean;
+            table?: boolean;
+            tooltip?: boolean;
+        };
         buttonTitles?: {
-            open?: string;
+            animation?: boolean;
+            annotator?: boolean;
             close?: string;
-            tooltip?: string;
-            pdf?: string;
             csv?: string;
+            fullscreen?: string;
             img?: string;
-            table?: string;
             labels?: string;
-            fullscreen?: string;
-            stack?: string;
+            open?: string;
+            pdf?: string;
             sort?: string;
-            animation?: boolean;
-        }
+            stack?: string;
+            table?: string;
+            tooltip?: string;
+        };
     }
     export type ChartTableCell = {
@@ -791,7 +793,7 @@ declare module 'vue-data-ui' {
         config?: VueUiMoodRadarConfig
     }>;
-    export type VueUiIconName = "annotator" | "chart3dBar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodRadar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arrowLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell" | "copyLeft" | "chartWordCloud" | "stack" | "unstack" | "chartFlow" | "chartParallelCoordinatePlot" | "tooltipDisabled" | "pause" | "play" | "stop" | "restart" | "lap" | "carouselTable" | "battery" | "chartStackbar" | "starFace" | "chartBullet";
+    export type VueUiIconName = "annotator" | "chart3dBar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodRadar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arrowLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell" | "copyLeft" | "chartWordCloud" | "stack" | "unstack" | "chartFlow" | "chartParallelCoordinatePlot" | "tooltipDisabled" | "pause" | "play" | "stop" | "restart" | "lap" | "carouselTable" | "battery" | "chartStackbar" | "starFace" | "chartBullet" | "trash" | "annotatorDisabled" | "palette";
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName,

package/dist/types/vue-data-ui.d.ts CHANGED Viewed

@@ -52,31 +52,33 @@ declare module 'vue-data-ui' {
         show?: boolean;
         position?: 'left' | 'right';
         buttons?: {
-            tooltip?: boolean;
-            pdf?: boolean;
+            animation?:boolean;
+            annotator?: boolean;
             csv?: boolean;
+            fullscreen?: boolean;
             img?: boolean;
-            table?: boolean;
             labels?: boolean;
-            fullscreen?: boolean;
-            stack?: boolean;
+            pdf?: boolean;
             sort?: boolean;
-            animation?:boolean;
-        },
+            stack?: boolean;
+            table?: boolean;
+            tooltip?: boolean;
+        };
         buttonTitles?: {
-            open?: string;
+            animation?: boolean;
+            annotator?: boolean;
             close?: string;
-            tooltip?: string;
-            pdf?: string;
             csv?: string;
+            fullscreen?: string;
             img?: string;
-            table?: string;
             labels?: string;
-            fullscreen?: string;
-            stack?: string;
+            open?: string;
+            pdf?: string;
             sort?: string;
-            animation?: boolean;
-        }
+            stack?: string;
+            table?: string;
+            tooltip?: string;
+        };
     }
     export type ChartTableCell = {
@@ -791,7 +793,7 @@ declare module 'vue-data-ui' {
         config?: VueUiMoodRadarConfig
     }>;
-    export type VueUiIconName = "annotator" | "chart3dBar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodRadar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arrowLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell" | "copyLeft" | "chartWordCloud" | "stack" | "unstack" | "chartFlow" | "chartParallelCoordinatePlot" | "tooltipDisabled" | "pause" | "play" | "stop" | "restart" | "lap" | "carouselTable" | "battery" | "chartStackbar" | "starFace" | "chartBullet";
+    export type VueUiIconName = "annotator" | "chart3dBar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodRadar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arrowLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell" | "copyLeft" | "chartWordCloud" | "stack" | "unstack" | "chartFlow" | "chartParallelCoordinatePlot" | "tooltipDisabled" | "pause" | "play" | "stop" | "restart" | "lap" | "carouselTable" | "battery" | "chartStackbar" | "starFace" | "chartBullet" | "trash" | "annotatorDisabled" | "palette";
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName,

package/dist/{useNestedProp-S1UXxUgm.js → useNestedProp-Cox0K0Y5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { A as o, B as n } from "./index-DDXisDKy.js";
+import { A as o, B as n } from "./index-DnVHQ2xI.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{useNestedProp-CC9zGr7C.cjs → useNestedProp-q7byAAIJ.cjs} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const r=require("./index-~~C7_6YjWN~~.cjs");function o({defaultConfig:e,userConfig:t}){if(!Object.keys(t\|\|{}).length)return e;const n=r.treeShake({defaultConfig:e,userConfig:t});return r.convertConfigColors(n)}exports.useNestedProp=o;
1	+ "use strict";const r=require("./index-FfZRtJ6A.cjs");function o({defaultConfig:e,userConfig:t}){if(!Object.keys(t\|\|{}).length)return e;const n=r.treeShake({defaultConfig:e,userConfig:t});return r.convertConfigColors(n)}exports.useNestedProp=o;

package/dist/usePrinter-BCAFeO_J.cjs ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";const e=require("vue"),a=require("./BaseIcon-BGExhz6v.cjs"),P=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),O={beforeMount(t,u){t.clickOutsideEvent=function(s){t===s.target||t.contains(s.target)||u.value(s)},document.addEventListener("click",t.clickOutsideEvent)},unmounted(t){document.removeEventListener("click",t.clickOutsideEvent)}},D=["title","onClick","onKeypress"],L=["data-open"],w={__name:"UserOptions",props:{hasPdf:{type:Boolean,default:!0},hasXls:{type:Boolean,default:!0},hasImg:{type:Boolean,default:!1},hasLabel:{type:Boolean,default:!1},isLabelActive:{type:Boolean,default:!1},hasTable:{type:Boolean,default:!1},hasSort:{type:Boolean,default:!1},hasStack:{type:Boolean,default:!1},hasTooltip:{type:Boolean,default:!1},color:{type:String},backgroundColor:{type:String},isPrinting:{type:Boolean,default:!1},isImaging:{type:Boolean,default:!1},title:{type:String},uid:{type:String},hasFullscreen:{type:Boolean,default:!1},chartElement:{type:HTMLElement,default:null},isFullscreen:{type:Boolean,default:!1},isStacked:{type:Boolean,default:!1},isTooltip:{type:Boolean,default:!1},hasAnimation:{type:Boolean,default:!1},isAnimation:{type:Boolean,default:!1},titles:{type:Object,default(){return{}}},showTooltips:{type:Boolean,default:!0},zIndex:{type:Number,default:1},noOffset:{type:Boolean,default:!0},position:{type:String,default:"right"},offsetX:{type:Number,default:0},hasAnnotator:{type:Boolean,default:!1},isAnnotation:{type:Boolean,default:!1}},emits:["generatePdf","generateCsv","generateImage","toggleTable","toggleLabels","toggleSort","toggleFullscreen","toggleStack","toggleTooltip","toggleAnimation","toggleAnnotator"],setup(t,{emit:u}){const s=t;function k(){u("generatePdf")}function d(){u("generateCsv")}function v(){u("generateImage")}const g=e.ref(!1);function y(){g.value=!g.value,u("toggleTable")}const r=e.ref(!1),V=e.ref(!0);function S(){c.value=window.innerWidth>600,r.value=!r.value,r.value&&(V.value=!1)}function A(){s.isPrinting||s.isImaging||(r.value=!1)}function M(){r.value&&A()}const B=e.ref(s.isLabelActive);function T(){B.value=!B.value,u("toggleLabels")}const m=e.ref(s.isAnimation);function h(){m.value=!m.value,u("toggleAnimation")}const b=e.computed({get:()=>s.isAnnotation,set:l=>l});function E(){b.value=!b.value,u("toggleAnnotator")}function F(){u("toggleSort")}const C=e.ref(s.isStacked);function p(){C.value=!C.value,u("toggleStack")}const $=e.ref(s.isTooltip);function I(){$.value=!$.value,u("toggleTooltip")}const f=e.ref(!1);function z(l){s.chartElement&&(l==="in"?(f.value=!0,s.chartElement.requestFullscreen(),u("toggleFullscreen",!0)):(f.value=!1,document&&document.exitFullscreen(),u("toggleFullscreen",!1)))}function N(l){document.fullscreenElement?f.value=!0:f.value=!1}e.onMounted(()=>{document.addEventListener("fullscreenchange",N)}),e.onBeforeUnmount(()=>{document.removeEventListener("fullscreenchange",N)});const c=e.ref(window.innerWidth>600),n=e.ref({tooltip:!1,pdf:!1,csv:!1,img:!1,table:!1,labels:!1,sort:!1,stack:!1,fullscreen:!1,animation:!1,annotator:!1});return(l,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{"data-html2canvas-ignore":"",class:"vue-ui-user-options",style:e.normalizeStyle(`z-index: ${t.zIndex}; height: 34px; position: ${f.value?"fixed":"absolute"}; top: 0; ${t.position==="right"?`right:${f.value?"12px":"0"}`:`left:${f.value?"12px":"0"}`}; padding: 4px; background:transparent;`)},[e.createElementVNode("div",{tabindex:"0",title:r.value?t.titles.close||"":t.titles.open||"",style:e.normalizeStyle(`width:32px; position: absolute; top: 0;${t.position==="right"?`right: ${t.offsetX?t.offsetX:t.noOffset?0:4}px`:`left: ${t.noOffset?0:4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; cursor:pointer; background:transparent`),onClick:e.withModifiers(S,["stop"]),onKeypress:e.withKeys(S,["enter"])},[e.createVNode(a.default,{name:r.value?"close":"menu",stroke:t.color,"stroke-width":2},null,8,["name","stroke"])],44,D),e.createElementVNode("div",{"data-open":r.value,class:e.normalizeClass({"vue-ui-user-options-drawer":!0}),style:e.normalizeStyle(`background:${t.backgroundColor}; ${t.position==="right"?`right: ${t.offsetX?t.offsetX:t.noOffset?0:4}px`:`left: ${t.noOffset?0:4}px`}`)},[t.hasTooltip?(e.openBlock(),e.createElementBlock("button",{key:0,tabindex:"0",class:"vue-ui-user-options-button",onClick:I,onMouseenter:o[0]||(o[0]=i=>n.value.tooltip=!0),onMouseout:o[1]||(o[1]=i=>n.value.tooltip=!1)},[l.$slots.optionTooltip?e.renderSlot(l.$slots,"optionTooltip",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[$.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"tooltip",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(a.default,{key:1,name:"tooltipDisabled",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.tooltip&&!l.$slots.optionTooltip?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-left-visible":t.position==="left"&&n.value.tooltip,"button-info-right-visible":t.position==="right"&&n.value.tooltip}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.tooltip),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasPdf?(e.openBlock(),e.createElementBlock("button",{key:1,tabindex:"0",class:"vue-ui-user-options-button",onClick:k,onMouseenter:o[2]||(o[2]=i=>n.value.pdf=!0),onMouseout:o[3]||(o[3]=i=>n.value.pdf=!1)},[l.$slots.optionPdf?e.renderSlot(l.$slots,"optionPdf",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.isPrinting?(e.openBlock(),e.createBlock(a.default,{key:0,name:"spin",isSpin:"",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(a.default,{key:1,name:"pdf",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.pdf&&!l.$slots.optionPdf?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.pdf,"button-info-left-visible":t.position==="left"&&n.value.pdf}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.pdf),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasXls?(e.openBlock(),e.createElementBlock("button",{key:2,tabindex:"0",class:"vue-ui-user-options-button",onClick:d,onMouseenter:o[4]||(o[4]=i=>n.value.csv=!0),onMouseout:o[5]||(o[5]=i=>n.value.csv=!1)},[l.$slots.optionCsv?e.renderSlot(l.$slots,"optionCsv",{key:0},void 0,!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:"excel",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])),c.value&&t.titles.csv&&!l.$slots.optionCsv?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.csv,"button-info-left-visible":t.position==="left"&&n.value.csv}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.csv),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasImg?(e.openBlock(),e.createElementBlock("button",{key:3,tabindex:"0",class:"vue-ui-user-options-button",onClick:v,onMouseenter:o[6]||(o[6]=i=>n.value.img=!0),onMouseout:o[7]||(o[7]=i=>n.value.img=!1)},[l.$slots.optionImg?e.renderSlot(l.$slots,"optionImg",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.isImaging?(e.openBlock(),e.createBlock(a.default,{key:0,name:"spin",isSpin:"",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(a.default,{key:1,name:"image",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.img&&!l.$slots.optionImg?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.img,"button-info-left-visible":t.position==="left"&&n.value.img}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.img),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasTable?(e.openBlock(),e.createElementBlock("button",{key:4,tabindex:"0",class:"vue-ui-user-options-button",onClick:y,onMouseenter:o[8]||(o[8]=i=>n.value.table=!0),onMouseout:o[9]||(o[9]=i=>n.value.table=!1)},[l.$slots.optionTable?e.renderSlot(l.$slots,"optionTable",{key:0},void 0,!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:g.value?"tableClose":"tableOpen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["name","stroke"])),c.value&&t.titles.table&&!l.$slots.optionTable?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.table,"button-info-left-visible":t.position==="left"&&n.value.table}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.table),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasLabel?(e.openBlock(),e.createElementBlock("button",{key:5,tabindex:"0",class:"vue-ui-user-options-button",onClick:T,onMouseenter:o[10]||(o[10]=i=>n.value.labels=!0),onMouseout:o[11]||(o[11]=i=>n.value.labels=!1)},[l.$slots.optionLabels?e.renderSlot(l.$slots,"optionLabels",{key:0},void 0,!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:B.value?"labelClose":"labelOpen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["name","stroke"])),c.value&&t.titles.labels&&!l.$slots.optionLabels?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.labels,"button-info-left-visible":t.position==="left"&&n.value.labels}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.labels),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasSort?(e.openBlock(),e.createElementBlock("button",{key:6,tabindex:"0",class:"vue-ui-user-options-button",onClick:F,onMouseenter:o[12]||(o[12]=i=>n.value.sort=!0),onMouseout:o[13]||(o[13]=i=>n.value.sort=!1)},[l.$slots.optionSort?e.renderSlot(l.$slots,"optionSort",{key:0},void 0,!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:"sort",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])),c.value&&t.titles.sort&&!l.$slots.optionSort?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.sort,"button-info-left-visible":t.position==="left"&&n.value.sort}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.sort),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasStack?(e.openBlock(),e.createElementBlock("button",{key:7,tabindex:"0",class:"vue-ui-user-options-button",onClick:p,onMouseenter:o[14]||(o[14]=i=>n.value.stack=!0),onMouseout:o[15]||(o[15]=i=>n.value.stack=!1)},[l.$slots.optionStack?e.renderSlot(l.$slots,"optionStack",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[C.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"unstack",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(a.default,{key:1,name:"stack",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.stack&&!l.$slots.optionStack?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.stack,"button-info-left-visible":t.position==="left"&&n.value.stack}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.stack),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasFullscreen?(e.openBlock(),e.createElementBlock("button",{key:8,tabindex:"0",class:"vue-ui-user-options-button",onMouseenter:o[16]||(o[16]=i=>n.value.fullscreen=!0),onMouseout:o[17]||(o[17]=i=>n.value.fullscreen=!1),onClick:o[18]||(o[18]=i=>z(f.value?"out":"in"))},[l.$slots.optionFullscreen?e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.mergeProps({key:0},{toggleFullscreen:z,isFullscreen:f.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[f.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"exitFullscreen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:"fullscreen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.fullscreen&&!l.$slots.optionFullscreen?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.fullscreen,"button-info-left-visible":t.position==="left"&&n.value.fullscreen}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.fullscreen),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasAnimation?(e.openBlock(),e.createElementBlock("button",{key:9,tabindex:"0",class:"vue-ui-user-options-button",onMouseenter:o[19]||(o[19]=i=>n.value.animation=!0),onMouseout:o[20]||(o[20]=i=>n.value.animation=!1),onClick:h},[l.$slots.optionAnimation?e.renderSlot(l.$slots,"optionAnimation",e.normalizeProps(e.mergeProps({key:0},{toggleAnimation:h,isAnimated:m.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[m.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"play",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:"pause",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.fullscreen&&!l.$slots.optionAnimation?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.animation,"button-info-left-visible":t.position==="left"&&n.value.animation}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.animation),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasAnnotator?(e.openBlock(),e.createElementBlock("button",{key:10,tabindex:"0",class:"vue-ui-user-options-button",onMouseenter:o[21]||(o[21]=i=>n.value.annotator=!0),onMouseout:o[22]||(o[22]=i=>n.value.annotator=!1),onClick:E},[l.$slots.optionAnnotator?e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.mergeProps({key:0},{toggleAnnotator:E,isAnnotator:b.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[b.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"annotatorDisabled",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),b.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(a.default,{key:1,name:"annotator",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),c.value&&t.titles.annotator&&!l.$slots.optionAnnotator?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&n.value.annotator,"button-info-left-visible":t.position==="left"&&n.value.annotator}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.annotator),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],12,L)],4)),[[e.unref(O),M]])}},X=P._export_sfc(w,[["__scopeId","data-v-7ea47518"]]);function q({elementId:t,fileName:u,canPrint:s=!0}){const k=e.ref(!1),d=e.ref(!1),v=e.ref(null);async function g(){!s||k.value||(k.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(s)try{const{default:r}=await Promise.resolve().then(()=>require("./pdf-9cRTLjY8.cjs"));await r({domElement:document.getElementById(t),fileName:u})}catch(r){console.error("Error generating PDF:",r)}finally{k.value=!1}},100))}async function y(){!s||d.value||(d.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(s)try{const{default:r}=await Promise.resolve().then(()=>require("./img-BFCs759q.cjs"));await r({domElement:document.getElementById(t),fileName:u,format:"png"})}catch(r){console.error("Error generating image:",r)}finally{d.value=!1}},100))}return{generatePdf:g,generateImage:y,isPrinting:k,isImaging:d}}exports.UserOptions=X;exports.usePrinter=q;