vue-data-ui 2.9.5 → 2.9.7-beta.0

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

@@ -57,7 +57,8 @@ declare module "vue-data-ui" {
         | VueUiFunnelDatasetItem[]
         | VueUiHistoryPlotDatasetItem[]
         | VueUiCirclePackDatasetItem[]
-        | VueUiWorldDataset;
+        | VueUiWorldDataset
+        | VueUiRidgelineDatasetItem[];
         config?:
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -115,7 +116,8 @@ declare module "vue-data-ui" {
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
         | VueUiCirclePackConfig
-        | VueUiWorldConfig;
+        | VueUiWorldConfig
+        | VueUiRidgelineConfig;
     }>;
 
     export type VueUiPatternName =
@@ -1163,7 +1165,9 @@ declare module "vue-data-ui" {
         | "curlyBrackets"
         | "curlySpread"
         | "text"
-        | "world";
+        | "world"
+        | "eye"
+        | "chartRidgeline";
 
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName;
@@ -4723,12 +4727,16 @@ declare module "vue-data-ui" {
         | "flow"
         | "bullet"
         | "historyPlot"
-        | "circlePack";
+        | "circlePack"
+        | "ridgeline";
         style?: {
             backgroundColor?: string;
             color?: string;
             animated?: boolean;
             maxHeight?: number;
+            ridgeline?: {
+                color?: string;
+            };
             circlePack?: {
                 color?: string;
             };
@@ -6782,6 +6790,129 @@ declare module "vue-data-ui" {
         dataset?: VueUiWorldDataset
     }>
 
+    export type VueUiRidgelineDatapoint = {
+        name: string;
+        values: number[];
+        color?: string;
+    }
+
+    export type VueUiRidgelineDatasetItem = {
+        name: string;
+        datapoints: VueUiRidgelineDatapoint[]
+    }
+
+    export type VueUiRidgelineConfig = {
+        theme?: Theme;
+        customPalette?: string[];
+        responsive?: boolean;
+        userOptions?: ChartUserOptions;
+        table?: {
+            show?: boolean;
+            responsiveBreakpoint?: number;
+            th?: ChartTableCell;
+            td?: ChartTableCell & {
+                roundingValue?: number;
+            };
+            columnNames?: {
+                series?: string;
+            };
+        };
+        style?: {
+            fontFamily?: string;
+            chart?: {
+                backgroundColor?: string;
+                color?: string;
+                padding?: ChartPadding;
+                title?: ChartTitle;
+                legend?: ChartBaseLegend & {
+                    backgroundColor?: string;
+                };
+                dialog?: {
+                    show?: boolean;
+                    backgroundColor?: string;
+                    color?: string;
+                    header?: {
+                        backgroundColor?: string;
+                        color?: string;
+                    };
+                    xyChart?: VueUiXyConfig;
+                };
+                areas?: {
+                    height?: number;
+                    rowHeight?: number;
+                    strokeWidth?: number;
+                    stroke?: {
+                        useSerieColor?: boolean;
+                        color?: string;
+                    };
+                    smooth?: boolean;
+                    opacity?: number;
+                    maxPoint?: {
+                        show?: boolean;
+                        adaptStrokeToBackground?: boolean;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        strokeDasharray?: number;
+                    };
+                };
+                selector?: {
+                    show?: boolean;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    strokeDasharray?: number;
+                    labels?: {
+                        fontSize?: number;
+                        formatter?: Formatter;
+                        rounding?: number;
+                        color?: string;
+                    };
+                    dot?: {
+                        radius?: number;
+                        useDatapointColor?: boolean;
+                        fill?: string;
+                        stroke?: string;
+                        strokeWidth?: number;
+                    };
+                };
+                zeroLine?: {
+                    show?: boolean;
+                    strokeWidth?:number;
+                    strokeDasharray?: number;
+                    useSerieColor?: boolean;
+                    stroke?: string;
+                };
+                xAxis?: {
+                    labels?: {
+                        prefix?: string;
+                        suffix?: string;
+                        rotation?: number;
+                        values?: string[];
+                        color?: string;
+                        fontSize?: number;
+                        bold?: boolean;
+                        showOnlyAtModulo?: boolean;
+                        modulo?: number;
+                        showOnlyFirstAndLast?: boolean;
+                        offsetY?: number;
+                    };
+                };
+                yAxis?: {
+                    labels?: {
+                        fontSize?: number;
+                        bold?: number;
+                        color?: string;
+                        offsetX?: number;
+                    };
+                };
+            };
+        };
+    };
+
+    export const VueUiRidgeline: DefineComponent<{
+        config?: VueUiRidgelineConfig;
+        dataset: VueUiRidgelineDatasetItem[]
+    }>
+
     export type VueDataUiConfig =
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -6841,7 +6972,8 @@ declare module "vue-data-ui" {
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
         | VueUiCirclePackConfig
-        | VueUiWorldConfig;
+        | VueUiWorldConfig
+        | VueUiRidgelineConfig;
 
     export type VueDataUiConfigKey =
         | "vue_ui_3d_bar"
@@ -6902,13 +7034,13 @@ declare module "vue-data-ui" {
         | "vue_ui_funnel"
         | "vue_ui_history_plot"
         | "vue_ui_circle_pack"
-        | "vue_ui_world";
+        | "vue_ui_world"
+        | "vue_ui_ridgeline";
 
     export type VueDataUiWordCloudTransformCallback =
         | ((word: string) => string)
         | null;
 
-
     export type Point = {
         [key: string]: any
         x: number

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

@@ -57,7 +57,8 @@ declare module "vue-data-ui" {
         | VueUiFunnelDatasetItem[]
         | VueUiHistoryPlotDatasetItem[]
         | VueUiCirclePackDatasetItem[]
-        | VueUiWorldDataset;
+        | VueUiWorldDataset
+        | VueUiRidgelineDatasetItem[];
         config?:
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -115,7 +116,8 @@ declare module "vue-data-ui" {
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
         | VueUiCirclePackConfig
-        | VueUiWorldConfig;
+        | VueUiWorldConfig
+        | VueUiRidgelineConfig;
     }>;
 
     export type VueUiPatternName =
@@ -1163,7 +1165,9 @@ declare module "vue-data-ui" {
         | "curlyBrackets"
         | "curlySpread"
         | "text"
-        | "world";
+        | "world"
+        | "eye"
+        | "chartRidgeline";
 
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName;
@@ -4723,12 +4727,16 @@ declare module "vue-data-ui" {
         | "flow"
         | "bullet"
         | "historyPlot"
-        | "circlePack";
+        | "circlePack"
+        | "ridgeline";
         style?: {
             backgroundColor?: string;
             color?: string;
             animated?: boolean;
             maxHeight?: number;
+            ridgeline?: {
+                color?: string;
+            };
             circlePack?: {
                 color?: string;
             };
@@ -6782,6 +6790,129 @@ declare module "vue-data-ui" {
         dataset?: VueUiWorldDataset
     }>
 
+    export type VueUiRidgelineDatapoint = {
+        name: string;
+        values: number[];
+        color?: string;
+    }
+
+    export type VueUiRidgelineDatasetItem = {
+        name: string;
+        datapoints: VueUiRidgelineDatapoint[]
+    }
+
+    export type VueUiRidgelineConfig = {
+        theme?: Theme;
+        customPalette?: string[];
+        responsive?: boolean;
+        userOptions?: ChartUserOptions;
+        table?: {
+            show?: boolean;
+            responsiveBreakpoint?: number;
+            th?: ChartTableCell;
+            td?: ChartTableCell & {
+                roundingValue?: number;
+            };
+            columnNames?: {
+                series?: string;
+            };
+        };
+        style?: {
+            fontFamily?: string;
+            chart?: {
+                backgroundColor?: string;
+                color?: string;
+                padding?: ChartPadding;
+                title?: ChartTitle;
+                legend?: ChartBaseLegend & {
+                    backgroundColor?: string;
+                };
+                dialog?: {
+                    show?: boolean;
+                    backgroundColor?: string;
+                    color?: string;
+                    header?: {
+                        backgroundColor?: string;
+                        color?: string;
+                    };
+                    xyChart?: VueUiXyConfig;
+                };
+                areas?: {
+                    height?: number;
+                    rowHeight?: number;
+                    strokeWidth?: number;
+                    stroke?: {
+                        useSerieColor?: boolean;
+                        color?: string;
+                    };
+                    smooth?: boolean;
+                    opacity?: number;
+                    maxPoint?: {
+                        show?: boolean;
+                        adaptStrokeToBackground?: boolean;
+                        stroke?: string;
+                        strokeWidth?: number;
+                        strokeDasharray?: number;
+                    };
+                };
+                selector?: {
+                    show?: boolean;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    strokeDasharray?: number;
+                    labels?: {
+                        fontSize?: number;
+                        formatter?: Formatter;
+                        rounding?: number;
+                        color?: string;
+                    };
+                    dot?: {
+                        radius?: number;
+                        useDatapointColor?: boolean;
+                        fill?: string;
+                        stroke?: string;
+                        strokeWidth?: number;
+                    };
+                };
+                zeroLine?: {
+                    show?: boolean;
+                    strokeWidth?:number;
+                    strokeDasharray?: number;
+                    useSerieColor?: boolean;
+                    stroke?: string;
+                };
+                xAxis?: {
+                    labels?: {
+                        prefix?: string;
+                        suffix?: string;
+                        rotation?: number;
+                        values?: string[];
+                        color?: string;
+                        fontSize?: number;
+                        bold?: boolean;
+                        showOnlyAtModulo?: boolean;
+                        modulo?: number;
+                        showOnlyFirstAndLast?: boolean;
+                        offsetY?: number;
+                    };
+                };
+                yAxis?: {
+                    labels?: {
+                        fontSize?: number;
+                        bold?: number;
+                        color?: string;
+                        offsetX?: number;
+                    };
+                };
+            };
+        };
+    };
+
+    export const VueUiRidgeline: DefineComponent<{
+        config?: VueUiRidgelineConfig;
+        dataset: VueUiRidgelineDatasetItem[]
+    }>
+
     export type VueDataUiConfig =
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -6841,7 +6972,8 @@ declare module "vue-data-ui" {
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
         | VueUiCirclePackConfig
-        | VueUiWorldConfig;
+        | VueUiWorldConfig
+        | VueUiRidgelineConfig;
 
     export type VueDataUiConfigKey =
         | "vue_ui_3d_bar"
@@ -6902,13 +7034,13 @@ declare module "vue-data-ui" {
         | "vue_ui_funnel"
         | "vue_ui_history_plot"
         | "vue_ui_circle_pack"
-        | "vue_ui_world";
+        | "vue_ui_world"
+        | "vue_ui_ridgeline";
 
     export type VueDataUiWordCloudTransformCallback =
         | ((word: string) => string)
         | null;
 
-
     export type Point = {
         [key: string]: any
         x: number

package/dist/{useNestedProp-D24_JklN.cjs → useNestedProp-BVy9-3EJ.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./index-BS7ybKs5.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;
+"use strict";const r=require("./index-BqL3-yPQ.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/{useNestedProp-BsN3TOQ0.js → useNestedProp-DLKXTEny.js}

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

package/dist/{usePrinter-CKjQQldf.js → usePrinter-CDE1F-XN.js}

@@ -1,5 +1,5 @@
 import { ref as b, computed as G, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as i, openBlock as t, normalizeStyle as d, createElementVNode as V, withKeys as Z, withModifiers as p, renderSlot as c, normalizeProps as E, guardReactiveProps as _, createVNode as ee, normalizeClass as y, createCommentVNode as u, Fragment as h, createBlock as f, toDisplayString as $, mergeProps as P, unref as te } from "vue";
-import a from "./BaseIcon-hA0_6Cl-.js";
+import a from "./BaseIcon-NVebWEmm.js";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   beforeMount(e, C) {
@@ -536,7 +536,7 @@ function ve({
     !r || S.value || (S.value = !0, clearTimeout(B.value), B.value = setTimeout(async () => {
       if (r)
         try {
-          const { default: v } = await import("./pdf-BnBP0Jg-.js");
+          const { default: v } = await import("./pdf-EYBy6RJJ.js");
           await v({
             domElement: document.getElementById(e),
             fileName: C,
@@ -553,7 +553,7 @@ function ve({
     !r || A.value || (A.value = !0, clearTimeout(B.value), B.value = setTimeout(async () => {
       if (r)
         try {
-          const { default: v } = await import("./img-s3DffGWH.js");
+          const { default: v } = await import("./img-DTb9GqRw.js");
           await v({
             domElement: document.getElementById(e),
             fileName: C,

package/dist/{usePrinter-Bs-Uo-8x.cjs → usePrinter-vjB2nrFW.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./BaseIcon-DU8qgy6L.cjs"),D=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),A={beforeMount(t,k){t.clickOutsideEvent=function(s){t===s.target||t.contains(s.target)||k.value(s)},document.addEventListener("click",t.clickOutsideEvent)},unmounted(t){document.removeEventListener("click",t.clickOutsideEvent)}},L=["title"],w=["data-open"],X={__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:k}){const s=t,r=k;function d(){r("generatePdf")}function m(){r("generateCsv")}function v(){r("generateImage")}const g=e.ref(!1);function B(){g.value=!g.value,r("toggleTable")}const u=e.ref(!1),M=e.ref(!0);function h(){c.value=window.innerWidth>600,u.value=!u.value,u.value&&(M.value=!1)}function T(){s.isPrinting||s.isImaging||(u.value=!1)}function F(){u.value&&T()}const C=e.ref(s.isLabelActive);function I(){C.value=!C.value,r("toggleLabels")}const b=e.ref(s.isAnimation);function E(){b.value=!b.value,r("toggleAnimation")}const y=e.computed({get:()=>s.isAnnotation,set:l=>l});function z(){y.value=!y.value,r("toggleAnnotator")}function P(){r("toggleSort")}const $=e.ref(s.isStacked);function p(){$.value=!$.value,r("toggleStack")}const S=e.ref(s.isTooltip);function O(){S.value=!S.value,r("toggleTooltip")}const f=e.ref(!1);function N(l){s.chartElement&&(l==="in"?(f.value=!0,s.chartElement.requestFullscreen(),r("toggleFullscreen",!0)):(f.value=!1,document&&document.exitFullscreen(),r("toggleFullscreen",!1)))}function V(l){document.fullscreenElement?f.value=!0:f.value=!1}e.onMounted(()=>{document.addEventListener("fullscreenchange",V)}),e.onBeforeUnmount(()=>{document.removeEventListener("fullscreenchange",V)});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-dom-to-png-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:u.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(h,["stop"]),onKeypress:e.withKeys(h,["enter"])},[e.renderSlot(l.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:u.value,color:t.color})),()=>[e.createVNode(a.default,{name:u.value?"close":"menu",stroke:t.color,"stroke-width":2},null,8,["name","stroke"])],!0)],44,L),e.createElementVNode("div",{"data-open":u.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:O,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},[S.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:d,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:m,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:B,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:I,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:C.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:P,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},[$.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=>N(f.value?"out":"in"))},[l.$slots.optionFullscreen?e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.mergeProps({key:0},{toggleFullscreen:N,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:E},[l.$slots.optionAnimation?e.renderSlot(l.$slots,"optionAnimation",e.normalizeProps(e.mergeProps({key:0},{toggleAnimation:E,isAnimated:b.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[b.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"play",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:"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:z},[l.$slots.optionAnnotator?e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.mergeProps({key:0},{toggleAnnotator:z,isAnnotator:y.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"annotatorDisabled",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),y.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,w)],4)),[[e.unref(A),F]])}},q=D._export_sfc(X,[["__scopeId","data-v-2b85c189"]]);function U({elementId:t,fileName:k,canPrint:s=!0,options:r}){const d=e.ref(!1),m=e.ref(!1),v=e.ref(null);async function g(){!s||d.value||(d.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(s)try{const{default:u}=await Promise.resolve().then(()=>require("./pdf-CRgxb46R.cjs"));await u({domElement:document.getElementById(t),fileName:k,options:r})}catch(u){console.error("Error generating PDF:",u)}finally{d.value=!1}},100))}async function B(){!s||m.value||(m.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(s)try{const{default:u}=await Promise.resolve().then(()=>require("./img-Duw2r72a.cjs"));await u({domElement:document.getElementById(t),fileName:k,format:"png",options:r})}catch(u){console.error("Error generating image:",u)}finally{m.value=!1}},100))}return{generatePdf:g,generateImage:B,isPrinting:d,isImaging:m}}exports.UserOptions=q;exports.usePrinter=U;exports.vClickOutside=A;
+"use strict";const e=require("vue"),a=require("./BaseIcon-CN6BxTf_.cjs"),D=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),A={beforeMount(t,k){t.clickOutsideEvent=function(s){t===s.target||t.contains(s.target)||k.value(s)},document.addEventListener("click",t.clickOutsideEvent)},unmounted(t){document.removeEventListener("click",t.clickOutsideEvent)}},L=["title"],w=["data-open"],X={__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:k}){const s=t,r=k;function d(){r("generatePdf")}function m(){r("generateCsv")}function v(){r("generateImage")}const g=e.ref(!1);function B(){g.value=!g.value,r("toggleTable")}const u=e.ref(!1),M=e.ref(!0);function h(){c.value=window.innerWidth>600,u.value=!u.value,u.value&&(M.value=!1)}function T(){s.isPrinting||s.isImaging||(u.value=!1)}function F(){u.value&&T()}const C=e.ref(s.isLabelActive);function I(){C.value=!C.value,r("toggleLabels")}const b=e.ref(s.isAnimation);function E(){b.value=!b.value,r("toggleAnimation")}const y=e.computed({get:()=>s.isAnnotation,set:l=>l});function z(){y.value=!y.value,r("toggleAnnotator")}function P(){r("toggleSort")}const $=e.ref(s.isStacked);function p(){$.value=!$.value,r("toggleStack")}const S=e.ref(s.isTooltip);function O(){S.value=!S.value,r("toggleTooltip")}const f=e.ref(!1);function N(l){s.chartElement&&(l==="in"?(f.value=!0,s.chartElement.requestFullscreen(),r("toggleFullscreen",!0)):(f.value=!1,document&&document.exitFullscreen(),r("toggleFullscreen",!1)))}function V(l){document.fullscreenElement?f.value=!0:f.value=!1}e.onMounted(()=>{document.addEventListener("fullscreenchange",V)}),e.onBeforeUnmount(()=>{document.removeEventListener("fullscreenchange",V)});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-dom-to-png-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:u.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(h,["stop"]),onKeypress:e.withKeys(h,["enter"])},[e.renderSlot(l.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:u.value,color:t.color})),()=>[e.createVNode(a.default,{name:u.value?"close":"menu",stroke:t.color,"stroke-width":2},null,8,["name","stroke"])],!0)],44,L),e.createElementVNode("div",{"data-open":u.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:O,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},[S.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:d,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:m,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:B,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:I,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:C.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:P,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},[$.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=>N(f.value?"out":"in"))},[l.$slots.optionFullscreen?e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.mergeProps({key:0},{toggleFullscreen:N,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:E},[l.$slots.optionAnimation?e.renderSlot(l.$slots,"optionAnimation",e.normalizeProps(e.mergeProps({key:0},{toggleAnimation:E,isAnimated:b.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[b.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"play",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:"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:z},[l.$slots.optionAnnotator?e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.mergeProps({key:0},{toggleAnnotator:z,isAnnotator:y.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"annotatorDisabled",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),y.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,w)],4)),[[e.unref(A),F]])}},q=D._export_sfc(X,[["__scopeId","data-v-2b85c189"]]);function U({elementId:t,fileName:k,canPrint:s=!0,options:r}){const d=e.ref(!1),m=e.ref(!1),v=e.ref(null);async function g(){!s||d.value||(d.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(s)try{const{default:u}=await Promise.resolve().then(()=>require("./pdf-BcORych6.cjs"));await u({domElement:document.getElementById(t),fileName:k,options:r})}catch(u){console.error("Error generating PDF:",u)}finally{d.value=!1}},100))}async function B(){!s||m.value||(m.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(s)try{const{default:u}=await Promise.resolve().then(()=>require("./img-D3Du_oTb.cjs"));await u({domElement:document.getElementById(t),fileName:k,format:"png",options:r})}catch(u){console.error("Error generating image:",u)}finally{m.value=!1}},100))}return{generatePdf:g,generateImage:B,isPrinting:d,isImaging:m}}exports.UserOptions=q;exports.usePrinter=U;exports.vClickOutside=A;