vue-data-ui 2.7.6 → 2.7.7-beta.1

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

@@ -56,7 +56,8 @@ declare module "vue-data-ui" {
         | VueUiBulletDataset
         | VueUiFunnelDatasetItem[]
         | VueUiHistoryPlotDatasetItem[]
-        | VueUiCirclePackDatasetItem[];
+        | VueUiCirclePackDatasetItem[]
+        | VueUiWorldDataset;
         config?:
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -113,7 +114,8 @@ declare module "vue-data-ui" {
         | VueUiBulletConfig
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
-        | VueUiCirclePackConfig;
+        | VueUiCirclePackConfig
+        | VueUiWorldConfig;
     }>;
 
     export type VueUiPatternName =
@@ -1160,7 +1162,8 @@ declare module "vue-data-ui" {
         | "htmlTag"
         | "curlyBrackets"
         | "curlySpread"
-        | "text";
+        | "text"
+        | "world";
 
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName;
@@ -6697,6 +6700,85 @@ declare module "vue-data-ui" {
         dataset: VueUiCirclePackDatasetItem[];
     }>;
 
+    export type VueUiWorldConfig = {
+        userOptions?: ChartUserOptions;
+        customPalette?: string[];
+        projection?: 'aitoff' | 'azimuthalEquidistant' | 'bonne' | 'equirectangular' | 'gallPeters' | 'globe' | 'hammer' | 'mercator' | 'mollweide' | 'robinson' | 'sinusoidal' | 'vanDerGrinten' | 'winkelTripel',
+        style?: {
+            fontFamily?: string;
+            chart?: {
+                backgroundColor?: string;
+                color?: string?;
+                padding?: ChartPadding;
+                dataLabels?: {
+                    prefix?: string;
+                    suffix?: string;
+                    rounding?: number;
+                    formatter: Formatter;
+                };
+                dimensions?: {
+                    height?: number | null;
+                    width?: number | null;
+                };
+                globe?: {
+                    center?: {
+                        x?: number;
+                        y?: number;
+                    };
+                    waterColor?: string;
+                };
+                territory?: {
+                    stroke?: string;
+                    emptyColor?: string;
+                    strokeWidth?: number;
+                    strokeWidthSelected?: number;
+                    colors?: {
+                        min?: string;
+                        max?: string | null;
+                    }
+                };
+                tooltip?: ChartTooltip & {
+                    showMinimap?: boolean;
+                    customFormat?:
+                    | null
+                    | ((
+                        params: VueUiTooltipParams<any>
+                    ) => string);
+                };
+                title?: ChartTitle;
+                legend?: ChartBaseLegend & {
+                    backgroundColor?: string;
+                };
+            }
+        };
+        table?: {
+            show?: boolean;
+            responsiveBreakpoint?: number;
+            th?: ChartTableCell;
+            td?: ChartTableCell & {
+                roundingValue?: number;
+            };
+            columnNames?: {
+                series?: string;
+                datapoint?: string;
+                category?: string;
+            };
+        };
+    }
+
+    export type VueUiWorldDataset = {
+        [key: string]: {
+            value: number;
+            category?: string;
+            color?: string
+        }
+    }
+
+    export const VueUiWorld: DefineComponent<{
+        config?: VueUiWorldConfig;
+        dataset?: VueUiWorldDataset
+    }>
+
     export type VueDataUiConfig =
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -6755,7 +6837,8 @@ declare module "vue-data-ui" {
         | VueUiBulletConfig
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
-        | VueUiCirclePackConfig;
+        | VueUiCirclePackConfig
+        | VueUiWorldConfig;
 
     export type VueDataUiConfigKey =
         | "vue_ui_3d_bar"
@@ -6815,7 +6898,8 @@ declare module "vue-data-ui" {
         | "vue_ui_bullet"
         | "vue_ui_funnel"
         | "vue_ui_history_plot"
-        | "vue_ui_circle_pack";
+        | "vue_ui_circle_pack"
+        | "vue_ui_world";
 
     export type VueDataUiWordCloudTransformCallback =
         | ((word: string) => string)

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

@@ -56,7 +56,8 @@ declare module "vue-data-ui" {
         | VueUiBulletDataset
         | VueUiFunnelDatasetItem[]
         | VueUiHistoryPlotDatasetItem[]
-        | VueUiCirclePackDatasetItem[];
+        | VueUiCirclePackDatasetItem[]
+        | VueUiWorldDataset;
         config?:
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -113,7 +114,8 @@ declare module "vue-data-ui" {
         | VueUiBulletConfig
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
-        | VueUiCirclePackConfig;
+        | VueUiCirclePackConfig
+        | VueUiWorldConfig;
     }>;
 
     export type VueUiPatternName =
@@ -1160,7 +1162,8 @@ declare module "vue-data-ui" {
         | "htmlTag"
         | "curlyBrackets"
         | "curlySpread"
-        | "text";
+        | "text"
+        | "world";
 
     export const VueUiIcon: DefineComponent<{
         name: VueUiIconName;
@@ -6697,6 +6700,85 @@ declare module "vue-data-ui" {
         dataset: VueUiCirclePackDatasetItem[];
     }>;
 
+    export type VueUiWorldConfig = {
+        userOptions?: ChartUserOptions;
+        customPalette?: string[];
+        projection?: 'aitoff' | 'azimuthalEquidistant' | 'bonne' | 'equirectangular' | 'gallPeters' | 'globe' | 'hammer' | 'mercator' | 'mollweide' | 'robinson' | 'sinusoidal' | 'vanDerGrinten' | 'winkelTripel',
+        style?: {
+            fontFamily?: string;
+            chart?: {
+                backgroundColor?: string;
+                color?: string?;
+                padding?: ChartPadding;
+                dataLabels?: {
+                    prefix?: string;
+                    suffix?: string;
+                    rounding?: number;
+                    formatter: Formatter;
+                };
+                dimensions?: {
+                    height?: number | null;
+                    width?: number | null;
+                };
+                globe?: {
+                    center?: {
+                        x?: number;
+                        y?: number;
+                    };
+                    waterColor?: string;
+                };
+                territory?: {
+                    stroke?: string;
+                    emptyColor?: string;
+                    strokeWidth?: number;
+                    strokeWidthSelected?: number;
+                    colors?: {
+                        min?: string;
+                        max?: string | null;
+                    }
+                };
+                tooltip?: ChartTooltip & {
+                    showMinimap?: boolean;
+                    customFormat?:
+                    | null
+                    | ((
+                        params: VueUiTooltipParams<any>
+                    ) => string);
+                };
+                title?: ChartTitle;
+                legend?: ChartBaseLegend & {
+                    backgroundColor?: string;
+                };
+            }
+        };
+        table?: {
+            show?: boolean;
+            responsiveBreakpoint?: number;
+            th?: ChartTableCell;
+            td?: ChartTableCell & {
+                roundingValue?: number;
+            };
+            columnNames?: {
+                series?: string;
+                datapoint?: string;
+                category?: string;
+            };
+        };
+    }
+
+    export type VueUiWorldDataset = {
+        [key: string]: {
+            value: number;
+            category?: string;
+            color?: string
+        }
+    }
+
+    export const VueUiWorld: DefineComponent<{
+        config?: VueUiWorldConfig;
+        dataset?: VueUiWorldDataset
+    }>
+
     export type VueDataUiConfig =
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -6755,7 +6837,8 @@ declare module "vue-data-ui" {
         | VueUiBulletConfig
         | VueUiFunnelConfig
         | VueUiHistoryPlotConfig
-        | VueUiCirclePackConfig;
+        | VueUiCirclePackConfig
+        | VueUiWorldConfig;
 
     export type VueDataUiConfigKey =
         | "vue_ui_3d_bar"
@@ -6815,7 +6898,8 @@ declare module "vue-data-ui" {
         | "vue_ui_bullet"
         | "vue_ui_funnel"
         | "vue_ui_history_plot"
-        | "vue_ui_circle_pack";
+        | "vue_ui_circle_pack"
+        | "vue_ui_world";
 
     export type VueDataUiWordCloudTransformCallback =
         | ((word: string) => string)

package/dist/{useNestedProp-BVcjidN0.cjs → useNestedProp-DESqvXKi.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./index-Be2lbQel.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-DNKrSwVK.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-DHVUTEIl.js → useNestedProp-eOdEEdyY.js}

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

package/dist/{usePrinter-uMLnqx4N.cjs → usePrinter-DLcPCqJy.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./BaseIcon-Csib-bFs.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-C4WYgi8l.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-D4mtuxkz.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-CbhcLp24.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-lMdHAV2m.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-BCbj3kP9.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;

package/dist/{usePrinter-DlDdG5QU.js → usePrinter-Dhz_aG6t.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-BRjEohPB.js";
+import a from "./BaseIcon-C__rjetC.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-BTE2gw1u.js");
+          const { default: v } = await import("./pdf-DMdwVwxc.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-C_46LUlu.js");
+          const { default: v } = await import("./img-CLjczIIq.js");
           await v({
             domElement: document.getElementById(e),
             fileName: C,

package/dist/vue-data-ui-CrRd-WxF.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./BaseIcon-CbhcLp24.cjs"),K={style:{width:"36px"}},Y={__name:"vue-data-ui",props:{component:{type:String},dataset:{type:[Object,Array,Number,String]},config:{type:Object}},emits:["selectLegend","selectDatapoint","toggleOpenState","saveAnnotations","selectRoot","selectBranch","selectNut","change","selectPlot","selectSide","rate","postImage","hoverIndex","selectX","toggleLock","toggleTooltip","start","play","pause","reset","restart","lap","toggleAnnotator"],setup(E,{expose:O,emit:_}){const i=E,{component:J,dataset:M,config:W}=e.toRefs(i),l={VueUi3dBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-3d-bar-C98d9aJy.cjs"))),VueUiAgePyramid:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-age-pyramid-D1oGWjLn.cjs"))),VueUiAnnotator:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-annotator-BvL1lTz-.cjs"))),VueUiCandlestick:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-candlestick-DsYphssX.cjs"))),VueUiChestnut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-chestnut-Bp8dZHZ1.cjs"))),VueUiDashboard:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dashboard-BFHAdmcB.cjs"))),VueUiDigits:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-digits-C3nSWe9e.cjs"))),VueUiDonut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-CjAI9z4V.cjs"))),VueUiDonutEvolution:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-evolution-C-ISOlGN.cjs"))),VueUiGalaxy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-galaxy-DV0h1ynO.cjs"))),VueUiGauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gauge-BjVpYpfu.cjs"))),VueUiHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-heatmap-DXvXtFlk.cjs"))),VueUiKpi:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-kpi-CxFBYH85.cjs"))),VueUiMiniLoader:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mini-loader-B8eUwPL9.cjs"))),VueUiMolecule:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-molecule-Kehy9Bya.cjs"))),VueUiMoodRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mood-radar-DZLtyblm.cjs"))),VueUiNestedDonuts:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-nested-donuts-IbIX3FB_.cjs"))),VueUiOnion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-onion-CugYIl5u.cjs"))),VueUiQuadrant:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quadrant-5yZa1Vki.cjs"))),VueUiRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-radar-k25hXHVk.cjs"))),VueUiRating:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rating-WnTVZBgV.cjs"))),VueUiRelationCircle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-relation-circle-BoQO2eJY.cjs"))),VueUiRings:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rings-CHjVs3jq.cjs"))),VueUiScatter:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-scatter-emJOKUQg.cjs"))),VueUiSkeleton:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-skeleton-CTZbmUyf.cjs"))),VueUiSmiley:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-smiley-DqTQd-RC.cjs"))),VueUiSparkbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkbar-Bw-Wy_9s.cjs"))),VueUiSparkgauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkgauge-DCIQ0QRj.cjs"))),VueUiSparkHistogram:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkhistogram-BwPFtsYQ.cjs"))),VueUiSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkline-Dle5Fb2g.cjs"))),VueUiSparkStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkstackbar-BSEnyvb3.cjs"))),VueUiTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-aDD_B2uC.cjs"))),VueUiTableSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-sparkline-DtIy-qeG.cjs"))),VueUiThermometer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-thermometer-DGN5pNim.cjs"))),VueUiTiremarks:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-tiremarks-B1HoCPJZ.cjs"))),VueUiTreemap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-treemap-BTm2oVox.cjs"))),VueUiVerticalBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-vertical-bar-DEvGd_PN.cjs"))),VueUiWaffle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-waffle-D-mL9b1t.cjs"))),VueUiWheel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-wheel-CdzY60QA.cjs"))),VueUiXy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-B_PSmsA8.cjs"))),VueUiTableHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-heatmap-Cj-X6a7n.cjs"))),VueUiAccordion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-accordion-DnrO6tPy.cjs"))),VueUiQuickChart:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quick-chart-CvOCVrLO.cjs"))),VueUiCursor:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-cursor-DnCPKLTZ.cjs"))),VueUiSparkTrend:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-spark-trend-CpKxQGRW.cjs"))),VueUiStripPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-strip-plot-BomqVg6Y.cjs"))),VueUiDumbbell:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dumbbell-BRvlJ6bN.cjs"))),VueUiWordCloud:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-word-cloud-R-8k_HC0.cjs"))),VueUiXyCanvas:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-canvas--SNvmJzY.cjs"))),VueUiFlow:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-flow-BOj17lVn.cjs"))),VueUiParallelCoordinatePlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-parallel-coordinate-plot-DvjoyhOx.cjs"))),VueUiTimer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-timer-DpK6saZx.cjs"))),VueUiCarouselTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-carousel-table-BgOHki0T.cjs"))),VueUiGizmo:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gizmo-CP8yQPP6.cjs"))),VueUiStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-stackbar-wEwp7pKI.cjs"))),VueUiBullet:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-bullet-B1yUYwaT.cjs"))),VueUiFunnel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-funnel-BxgKhPPp.cjs"))),VueUiHistoryPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-history-plot-BaeULnyN.cjs"))),VueUiCirclePack:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-circle-pack-CMz4yUzv.cjs"))),VueUiWorld:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-world-CLF3bltP.cjs")))},G={VueUi3dBar:["config","dataset"],VueUiAgePyramid:["config","dataset"],VueUiAnnotator:["config","dataset"],VueUiCandlestick:["config","dataset"],VueUiChestnut:["config","dataset"],VueUiDashboard:["config","dataset"],VueUiDigits:["config","dataset"],VueUiDonut:["config","dataset"],VueUiDonutEvolution:["config","dataset"],VueUiGalaxy:["config","dataset"],VueUiGauge:["config","dataset"],VueUiHeatmap:["config","dataset"],VueUiKpi:["config","dataset"],VueUiMiniLoader:["config"],VueUiMolecule:["config","dataset"],VueUiMoodRadar:["config","dataset"],VueUiNestedDonuts:["config","dataset"],VueUiOnion:["config","dataset"],VueUiQuadrant:["config","dataset"],VueUiRadar:["config","dataset"],VueUiRating:["config","dataset"],VueUiRelationCircle:["config","dataset"],VueUiRings:["config","dataset"],VueUiScatter:["config","dataset"],VueUiSkeleton:["config"],VueUiSmiley:["config","dataset"],VueUiSparkbar:["config","dataset"],VueUiSparkgauge:["config","dataset"],VueUiSparkHistogram:["config","dataset"],VueUiSparkline:["config","dataset"],VueUiSparkStackbar:["config","dataset"],VueUiTable:["config","dataset"],VueUiTableSparkline:["config","dataset"],VueUiThermometer:["config","dataset"],VueUiTiremarks:["config","dataset"],VueUiTreemap:["config","dataset"],VueUiVerticalBar:["config","dataset"],VueUiWaffle:["config","dataset"],VueUiWheel:["config","dataset"],VueUiXy:["config","dataset"],VueUiTableHeatmap:["config","dataset"],VueUiAccordion:["config"],VueUiQuickChart:["config","dataset"],VueUiCursor:["config"],VueUiSparkTrend:["config","dataset"],VueUiStripPlot:["config","dataset"],VueUiDumbbell:["config","dataset"],VueUiWordCloud:["config","dataset"],VueUiXyCanvas:["config","dataset"],VueUiFlow:["config","dataset"],VueUiParallelCoordinatePlot:["config","dataset"],VueUiTimer:["config"],VueUiCarouselTable:["config","dataset"],VueUiGizmo:["config","dataset"],VueUiStackbar:["config","dataset"],VueUiBullet:["config","dataset"],VueUiFunnel:["config","dataset"],VueUiHistoryPlot:["config","dataset"],VueUiCirclePack:["config","dataset"],VueUiWorld:["config","dataset"]},$=_,c=e.computed(()=>!l[i.component]),X=e.computed(()=>l[i.component]||null),o=e.ref(null),j=e.computed(()=>{const t=G[i.component]||[],n={};return t.includes("config")&&(n.config=W.value),t.includes("dataset")&&(n.dataset=M.value),n}),m=e.ref(()=>null),d=e.ref(()=>null),g=e.ref(()=>null),p=e.ref(()=>null),f=e.ref(()=>null),V=e.ref(()=>null),v=e.ref(()=>null),U=e.ref(()=>null),h=e.ref(()=>null),y=e.ref(()=>null),C=e.ref(()=>null),A=e.ref(()=>null),P=e.ref(()=>null),q=e.ref(()=>null),k=e.ref(()=>null),S=e.ref(()=>null),b=e.ref(()=>null),T=e.ref(()=>null),D=e.ref(()=>null),B=e.ref(()=>null),I=e.ref(()=>null),N=e.ref(()=>null),x=e.ref(()=>null),F=e.ref(()=>null),H=e.ref(()=>null);e.onMounted(()=>{c.value&&console.error(`
+
+Vue Data UI exception:
+The provided component "${i.component}" does not exist. Check the spelling.
+
+Available components:
+
+${Object.keys(l).map(t=>`. ${t}
+`).join("")}`)}),e.watch(o,async t=>{t&&(t.generatePdf&&(m.value=t.generatePdf),t.generateImage&&(g.value=t.generateImage),t.generateCsv&&(d.value=t.generateCsv),t.getItemsPositions&&(p.value=t.getItemsPositions),t.toggleReadonly&&(f.value=t.toggleReadonly),t.shoot&&(V.value=t.shoot),t.close&&(v.value=t.close),t.restoreOrder&&(U.value=t.restoreOrder),t.recalculateHeight&&(h.value=t.recalculateHeight),t.toggleLock&&(y.value=t.toggleLock),t.toggleTable&&(C.value=t.toggleTable),t.toggleLabels&&(A.value=t.toggleLabels),t.toggleSort&&(P.value=t.toggleSort),t.toggleStack&&(q.value=t.toggleStack),t.toggleTooltip&&(k.value=t.toggleTooltip),t.start&&(S.value=t.start),t.pause&&(b.value=t.pause),t.reset&&(T.value=t.reset),t.restart&&(D.value=t.restart),t.lap&&(B.value=t.lap),t.toggleAnimation&&(I.value=t.toggleAnimation),t.pauseAnimation&&(N.value=t.pauseAnimation),t.resumeAnimation&&(x.value=t.resumeAnimation),t.toggleAnnotator&&(F.value=t.toggleAnnotator),t.selectNode&&(H.value=t.selectNode))});const Q=()=>{const t=["selectLegend","selectDatapoint","toggleOpenState","saveAnnotations","selectRoot","selectBranch","selectNut","change","selectPlot","selectSide","rate","postImage","hoverIndex","selectX","toggleLock","toggleTooltip","start","pause","reset","restart","lap","toggleAnimation","pauseAnimation","resumeAnimation","toggleAnnotator","selectNode"],n={};return t.forEach(u=>{n[u]=(...a)=>$(u,...a)}),n},r=e.shallowReactive([]);e.watch([r,o],()=>{if(o.value)for(;r.length;){const[t,...n]=r.shift();typeof o.value[t]=="function"&&o.value[t](...n)}}),O({getData:(...t)=>o.value&&typeof o.value.getData=="function"?o.value.getData():r.push(["getData",...t]),generatePdf:m,generateCsv:d,generateImage:g,getItemsPositions:p,toggleReadonly:f,shoot:V,close:v,restoreOrder:U,recalculateHeight:h,toggleLock:y,toggleTable:C,toggleLabels:A,toggleSort:P,toggleStack:q,toggleTooltip:k,start:S,pause:b,reset:T,restart:D,lap:B,pauseAnimation:N,resumeAnimation:x,toggleAnimation:I,toggleAnnotator:F,selectNode:H});const s=e.computed(()=>{let t=`The provided component ${i.component} does not exist.`;return["VueUiIcon","VueUiPattern","Arrow"].includes(i.component)?(t=`${i.component} is not supported by the VueDataUi universal component. You must import it individually.`,console.warn(t),{status:"notSupported",message:t}):(console.warn(t),{status:"unknown",message:t})});return(t,n)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({width:"100%",display:"flex",gap:"6px",alignItems:"center",color:s.value.status==="notSupported"?"#FF9000":"#FF0000"})},[e.createElementVNode("div",K,[s.value.status==="unknown"?(e.openBlock(),e.createBlock(L.default,{key:0,name:"moodFlat",stroke:"#FF0000"})):e.createCommentVNode("",!0),s.value.status==="notSupported"?(e.openBlock(),e.createBlock(L.default,{key:1,name:"circleExclamation",stroke:"#FF9000"})):e.createCommentVNode("",!0)]),e.createTextVNode(" "+e.toDisplayString(s.value.message),1)],4)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(X.value),e.mergeProps({key:1,ref_key:"currentComponentRef",ref:o},j.value,e.toHandlers(Q())),e.createSlots({_:2},[e.renderList(t.$slots,(u,a)=>({name:a,fn:e.withCtx(z=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(z)))])}))]),1040))}};exports.default=Y;