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

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-DHVUTEIl.js → useNestedProp-BlGgXimH.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-Be5igjqE.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{useNestedProp-BVcjidN0.cjs → useNestedProp-DLtcqrHr.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-Dq-Z3H6U.cjs");function o({defaultConfig:e,userConfig:t}){if(!Object.keys(t||{}).length)return e;const n=r.treeShake({defaultConfig:e,userConfig:t});return r.convertConfigColors(n)}exports.useNestedProp=o;

package/dist/{usePrinter-uMLnqx4N.cjs → usePrinter-BkNDtpAf.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-D4bvnDD1.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-Nu-tkOyL.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-DoSFkT2s.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-HUhH1p09.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-D6JclX-r.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-BbjLvsfj.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-7vHTByr4.js");
           await v({
             domElement: document.getElementById(e),
             fileName: C,

package/dist/{vue-data-ui-DWxtv62P.js → vue-data-ui-BhAZnQY7.js}

@@ -1,5 +1,5 @@
-import { toRefs as tt, defineAsyncComponent as e, computed as s, ref as o, onMounted as et, watch as M, shallowReactive as ot, createElementBlock as it, createBlock as m, openBlock as c, normalizeStyle as at, createElementVNode as nt, createTextVNode as rt, createCommentVNode as $, toDisplayString as lt, resolveDynamicComponent as ut, mergeProps as st, toHandlers as ct, createSlots as gt, renderList as pt, withCtx as mt, renderSlot as dt, normalizeProps as Vt, guardReactiveProps as Ut } from "vue";
-import W from "./BaseIcon-BRjEohPB.js";
+import { toRefs as tt, defineAsyncComponent as e, computed as s, ref as o, onMounted as et, watch as G, shallowReactive as ot, createElementBlock as it, createBlock as m, openBlock as c, normalizeStyle as at, createElementVNode as nt, createTextVNode as rt, createCommentVNode as M, toDisplayString as lt, resolveDynamicComponent as ut, mergeProps as st, toHandlers as ct, createSlots as gt, renderList as pt, withCtx as mt, renderSlot as dt, normalizeProps as Vt, guardReactiveProps as Ut } from "vue";
+import $ from "./BaseIcon-D6JclX-r.js";
 const ft = { style: { width: "36px" } }, ht = {
   __name: "vue-data-ui",
   props: {
@@ -34,65 +34,66 @@ const ft = { style: { width: "36px" } }, ht = {
   ],
   setup(X, { expose: Q, emit: j }) {
     const n = X, { component: vt, dataset: z, config: K } = tt(n), g = {
-      VueUi3dBar: e(() => import("./vue-ui-3d-bar-DjK5p4-V.js")),
-      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-CN9pUGnI.js")),
-      VueUiAnnotator: e(() => import("./vue-ui-annotator-CAkIFmY8.js")),
-      VueUiCandlestick: e(() => import("./vue-ui-candlestick-C4o7KNEQ.js")),
-      VueUiChestnut: e(() => import("./vue-ui-chestnut-DkcYjcFC.js")),
-      VueUiDashboard: e(() => import("./vue-ui-dashboard-CBNKG2IX.js")),
-      VueUiDigits: e(() => import("./vue-ui-digits--BlLcrsp.js")),
-      VueUiDonut: e(() => import("./vue-ui-donut-BFaZnu4E.js")),
-      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-u_DgynBq.js")),
-      VueUiGalaxy: e(() => import("./vue-ui-galaxy-CbQn6Tai.js")),
-      VueUiGauge: e(() => import("./vue-ui-gauge-B5t9OOfc.js")),
-      VueUiHeatmap: e(() => import("./vue-ui-heatmap-MgVipAHX.js")),
-      VueUiKpi: e(() => import("./vue-ui-kpi-CIMqIIHx.js")),
-      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-BzA198rf.js")),
-      VueUiMolecule: e(() => import("./vue-ui-molecule-BjxKkqRH.js")),
-      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-DmnVvP9o.js")),
-      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-Bjg4j4if.js")),
-      VueUiOnion: e(() => import("./vue-ui-onion-D64W0CBD.js")),
-      VueUiQuadrant: e(() => import("./vue-ui-quadrant-D-jEAMCQ.js")),
-      VueUiRadar: e(() => import("./vue-ui-radar-CZlEONeD.js")),
-      VueUiRating: e(() => import("./vue-ui-rating-C1gRL1R3.js")),
-      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-C_FsWiuH.js")),
-      VueUiRings: e(() => import("./vue-ui-rings-syJFoH6E.js")),
-      VueUiScatter: e(() => import("./vue-ui-scatter-Y-bJ5R0J.js")),
-      VueUiSkeleton: e(() => import("./vue-ui-skeleton-Dexat5oZ.js")),
-      VueUiSmiley: e(() => import("./vue-ui-smiley-DPP-2K8T.js")),
-      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-F5OoZgjl.js")),
-      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-LNWcvJQm.js")),
-      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-Dp4JmEjl.js")),
-      VueUiSparkline: e(() => import("./vue-ui-sparkline-CUJeIh8E.js")),
-      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-BTmAuDED.js")),
-      VueUiTable: e(() => import("./vue-ui-table-BiEEXfmz.js")),
-      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-CuG3P8Se.js")),
-      VueUiThermometer: e(() => import("./vue-ui-thermometer-BypApwQR.js")),
-      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-DhubQXE9.js")),
-      VueUiTreemap: e(() => import("./vue-ui-treemap-HL5rG7hw.js")),
-      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-__GfqF0O.js")),
-      VueUiWaffle: e(() => import("./vue-ui-waffle-DF34x9Wg.js")),
-      VueUiWheel: e(() => import("./vue-ui-wheel-DSofgaQ1.js")),
-      VueUiXy: e(() => import("./vue-ui-xy-CxNv4m9O.js")),
-      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-tT43AVN1.js")),
-      VueUiAccordion: e(() => import("./vue-ui-accordion-BVInR1D8.js")),
-      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-yNuTyEgo.js")),
-      VueUiCursor: e(() => import("./vue-ui-cursor-DJqRywjF.js")),
-      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-DkM426ut.js")),
-      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-Db5fY9l0.js")),
-      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-FTQMksov.js")),
-      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-fFYlm6K2.js")),
-      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-DHn7SPRK.js")),
-      VueUiFlow: e(() => import("./vue-ui-flow-CZZbTaKg.js")),
-      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-CkZXOICk.js")),
-      VueUiTimer: e(() => import("./vue-ui-timer-QTTOX3XU.js")),
-      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-GVqoqsHj.js")),
-      VueUiGizmo: e(() => import("./vue-ui-gizmo-REPSaOFz.js")),
-      VueUiStackbar: e(() => import("./vue-ui-stackbar-HfGn8Itj.js")),
-      VueUiBullet: e(() => import("./vue-ui-bullet-DAtNfo12.js")),
-      VueUiFunnel: e(() => import("./vue-ui-funnel-C7emWYtP.js")),
-      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-Be7z_N9m.js")),
-      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-bYWkKSmF.js"))
+      VueUi3dBar: e(() => import("./vue-ui-3d-bar-WYKfbosC.js")),
+      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-6V9PIJ9j.js")),
+      VueUiAnnotator: e(() => import("./vue-ui-annotator-BuUBWuPO.js")),
+      VueUiCandlestick: e(() => import("./vue-ui-candlestick-DcWSJrio.js")),
+      VueUiChestnut: e(() => import("./vue-ui-chestnut-DUJGtKS8.js")),
+      VueUiDashboard: e(() => import("./vue-ui-dashboard-DWdDrGCi.js")),
+      VueUiDigits: e(() => import("./vue-ui-digits-CSn2-k9M.js")),
+      VueUiDonut: e(() => import("./vue-ui-donut-DC1EWaEl.js")),
+      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-By920tt3.js")),
+      VueUiGalaxy: e(() => import("./vue-ui-galaxy-DkM5qmQv.js")),
+      VueUiGauge: e(() => import("./vue-ui-gauge-cl4ABOp8.js")),
+      VueUiHeatmap: e(() => import("./vue-ui-heatmap-BNa9N4f-.js")),
+      VueUiKpi: e(() => import("./vue-ui-kpi-GIQ6e_RV.js")),
+      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-5IwteuFG.js")),
+      VueUiMolecule: e(() => import("./vue-ui-molecule-BsrPwi8A.js")),
+      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-uCfduDDP.js")),
+      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-Cup810nX.js")),
+      VueUiOnion: e(() => import("./vue-ui-onion-DNEkpvUE.js")),
+      VueUiQuadrant: e(() => import("./vue-ui-quadrant-gG5ROJGQ.js")),
+      VueUiRadar: e(() => import("./vue-ui-radar-CJzWWq0w.js")),
+      VueUiRating: e(() => import("./vue-ui-rating-C7hnXZku.js")),
+      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-C_Red0gA.js")),
+      VueUiRings: e(() => import("./vue-ui-rings-5Tx7WOtY.js")),
+      VueUiScatter: e(() => import("./vue-ui-scatter-JwOHzshk.js")),
+      VueUiSkeleton: e(() => import("./vue-ui-skeleton-IitNlkFC.js")),
+      VueUiSmiley: e(() => import("./vue-ui-smiley-Co2srnQu.js")),
+      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-CVc8zCkq.js")),
+      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-C2Qy7q0I.js")),
+      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-BVWIePzy.js")),
+      VueUiSparkline: e(() => import("./vue-ui-sparkline-BPiXteOw.js")),
+      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-oSdvBIlr.js")),
+      VueUiTable: e(() => import("./vue-ui-table-BNRBtVf2.js")),
+      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-zZB3sxij.js")),
+      VueUiThermometer: e(() => import("./vue-ui-thermometer-CY2eIr41.js")),
+      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-au7USSKN.js")),
+      VueUiTreemap: e(() => import("./vue-ui-treemap-CBbWvhqq.js")),
+      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-DowTuusW.js")),
+      VueUiWaffle: e(() => import("./vue-ui-waffle-BMl4rq6k.js")),
+      VueUiWheel: e(() => import("./vue-ui-wheel-B2635Z3i.js")),
+      VueUiXy: e(() => import("./vue-ui-xy-D5KaqxbH.js")),
+      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-CksNGmq-.js")),
+      VueUiAccordion: e(() => import("./vue-ui-accordion-BQHr5xZr.js")),
+      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-BmBj8ixE.js")),
+      VueUiCursor: e(() => import("./vue-ui-cursor-kIAHk3pv.js")),
+      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-CkhonQlt.js")),
+      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-tqIqG1HH.js")),
+      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-DhYF4Xzq.js")),
+      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-Dsustsn0.js")),
+      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-BJtQ43Fd.js")),
+      VueUiFlow: e(() => import("./vue-ui-flow-CvmxLLDU.js")),
+      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-MCx1Yq1h.js")),
+      VueUiTimer: e(() => import("./vue-ui-timer-DmEJSRjb.js")),
+      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-Bf9Ll_CD.js")),
+      VueUiGizmo: e(() => import("./vue-ui-gizmo-B6H3gQ7i.js")),
+      VueUiStackbar: e(() => import("./vue-ui-stackbar-DKp3QK8C.js")),
+      VueUiBullet: e(() => import("./vue-ui-bullet-02I7GPLx.js")),
+      VueUiFunnel: e(() => import("./vue-ui-funnel-aW6gN5M7.js")),
+      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-SdGR3p3B.js")),
+      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-D4Okcy6J.js")),
+      VueUiWorld: e(() => import("./vue-ui-world-icMrF6FD.js"))
     }, q = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],
@@ -152,11 +153,12 @@ const ft = { style: { width: "36px" } }, ht = {
       VueUiBullet: ["config", "dataset"],
       VueUiFunnel: ["config", "dataset"],
       VueUiHistoryPlot: ["config", "dataset"],
-      VueUiCirclePack: ["config", "dataset"]
+      VueUiCirclePack: ["config", "dataset"],
+      VueUiWorld: ["config", "dataset"]
     }, Y = j, d = s(() => !g[n.component]), J = s(() => g[n.component] || null), i = o(null), Z = s(() => {
       const t = q[n.component] || [], a = {};
       return t.includes("config") && (a.config = K.value), t.includes("dataset") && (a.dataset = z.value), a;
-    }), V = o(() => null), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), y = o(() => null), b = o(() => null), C = o(() => null), A = o(() => null), T = o(() => null), P = o(() => null), D = o(() => null), x = o(() => null), I = o(() => null), F = o(() => null), H = o(() => null), L = o(() => null), N = o(() => null), B = o(() => null), E = o(() => null), _ = o(() => null), O = o(() => null), G = o(() => null);
+    }), V = o(() => null), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), y = o(() => null), b = o(() => null), C = o(() => null), A = o(() => null), T = o(() => null), P = o(() => null), D = o(() => null), x = o(() => null), I = o(() => null), F = o(() => null), H = o(() => null), L = o(() => null), N = o(() => null), B = o(() => null), E = o(() => null), _ = o(() => null), O = o(() => null), W = o(() => null);
     et(() => {
       d.value && console.error(`
 
@@ -167,8 +169,8 @@ Available components:
 
 ${Object.keys(g).map((t) => `. ${t}
 `).join("")}`);
-    }), M(i, async (t) => {
-      t && (t.generatePdf && (V.value = t.generatePdf), t.generateImage && (f.value = t.generateImage), t.generateCsv && (U.value = t.generateCsv), t.getItemsPositions && (v.value = t.getItemsPositions), t.toggleReadonly && (k.value = t.toggleReadonly), t.shoot && (S.value = t.shoot), t.close && (h.value = t.close), t.restoreOrder && (y.value = t.restoreOrder), t.recalculateHeight && (b.value = t.recalculateHeight), t.toggleLock && (C.value = t.toggleLock), t.toggleTable && (A.value = t.toggleTable), t.toggleLabels && (T.value = t.toggleLabels), t.toggleSort && (P.value = t.toggleSort), t.toggleStack && (D.value = t.toggleStack), t.toggleTooltip && (x.value = t.toggleTooltip), t.start && (I.value = t.start), t.pause && (F.value = t.pause), t.reset && (H.value = t.reset), t.restart && (L.value = t.restart), t.lap && (N.value = t.lap), t.toggleAnimation && (B.value = t.toggleAnimation), t.pauseAnimation && (E.value = t.pauseAnimation), t.resumeAnimation && (_.value = t.resumeAnimation), t.toggleAnnotator && (O.value = t.toggleAnnotator), t.selectNode && (G.value = t.selectNode));
+    }), G(i, async (t) => {
+      t && (t.generatePdf && (V.value = t.generatePdf), t.generateImage && (f.value = t.generateImage), t.generateCsv && (U.value = t.generateCsv), t.getItemsPositions && (v.value = t.getItemsPositions), t.toggleReadonly && (k.value = t.toggleReadonly), t.shoot && (S.value = t.shoot), t.close && (h.value = t.close), t.restoreOrder && (y.value = t.restoreOrder), t.recalculateHeight && (b.value = t.recalculateHeight), t.toggleLock && (C.value = t.toggleLock), t.toggleTable && (A.value = t.toggleTable), t.toggleLabels && (T.value = t.toggleLabels), t.toggleSort && (P.value = t.toggleSort), t.toggleStack && (D.value = t.toggleStack), t.toggleTooltip && (x.value = t.toggleTooltip), t.start && (I.value = t.start), t.pause && (F.value = t.pause), t.reset && (H.value = t.reset), t.restart && (L.value = t.restart), t.lap && (N.value = t.lap), t.toggleAnimation && (B.value = t.toggleAnimation), t.pauseAnimation && (E.value = t.pauseAnimation), t.resumeAnimation && (_.value = t.resumeAnimation), t.toggleAnnotator && (O.value = t.toggleAnnotator), t.selectNode && (W.value = t.selectNode));
     });
     const R = () => {
       const t = [
@@ -203,7 +205,7 @@ ${Object.keys(g).map((t) => `. ${t}
         a[p] = (...u) => Y(p, ...u);
       }), a;
     }, r = ot([]);
-    M([r, i], () => {
+    G([r, i], () => {
       if (i.value)
         for (; r.length; ) {
           const [t, ...a] = r.shift();
@@ -235,7 +237,7 @@ ${Object.keys(g).map((t) => `. ${t}
       resumeAnimation: _,
       toggleAnimation: B,
       toggleAnnotator: O,
-      selectNode: G
+      selectNode: W
     });
     const l = s(() => {
       let t = `The provided component ${n.component} does not exist.`;
@@ -258,16 +260,16 @@ ${Object.keys(g).map((t) => `. ${t}
       })
     }, [
       nt("div", ft, [
-        l.value.status === "unknown" ? (c(), m(W, {
+        l.value.status === "unknown" ? (c(), m($, {
           key: 0,
           name: "moodFlat",
           stroke: "#FF0000"
-        })) : $("", !0),
-        l.value.status === "notSupported" ? (c(), m(W, {
+        })) : M("", !0),
+        l.value.status === "notSupported" ? (c(), m($, {
           key: 1,
           name: "circleExclamation",
           stroke: "#FF9000"
-        })) : $("", !0)
+        })) : M("", !0)
       ]),
       rt(" " + lt(l.value.message), 1)
     ], 4)) : (c(), m(ut(J.value), st({