vue-data-ui 2.3.8 → 2.3.10

package/dist/vue-ui-carousel-table-CxTbe6SP.js

@@ -1,314 +0,0 @@
-import { useCssVars as ce, ref as o, onMounted as S, computed as T, watch as he, openBlock as i, createElementBlock as u, createElementVNode as O, normalizeStyle as v, unref as f, normalizeClass as be, createTextVNode as U, toDisplayString as E, renderSlot as p, Fragment as H, renderList as L, normalizeProps as V, guardReactiveProps as G, createCommentVNode as P, createBlock as oe, createSlots as fe, withCtx as w, nextTick as ge } from "vue";
-import { u as me, c as ye, o as D, e as M, r as Ce, n as $e, q as ke } from "./index-DLi6mPet.js";
-import { u as xe } from "./useNestedProp-DmMzRJ1O.js";
-import { u as Ae, U as Te } from "./usePrinter-BnaEziDF.js";
-import we from "./vue-ui-skeleton-CmXMTbOC.js";
-import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fe = ["id"], ze = ["height"], Oe = { key: 0 }, Pe = ["data-cell", "height"], Re = {
-  __name: "vue-ui-carousel-table",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(r, { expose: ne }) {
-    const a = r;
-    ce((t) => ({
-      "3b9147fd": t.tdo
-    }));
-    const { vue_ui_carousel_table: le } = me(), R = o(ye()), q = o(!1), g = o(!!a.dataset);
-    S(() => {
-      D(a.dataset) ? M({
-        componentName: "VueUiCarouselTable",
-        type: "dataset"
-      }) : ((!a.dataset.head || D(a.dataset.head)) && (M({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "head"
-      }), g.value = !1), (!a.dataset.body || D(a.dataset.body)) && (M({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "body"
-      }), g.value = !1));
-    });
-    const e = T(() => xe({
-      userConfig: a.config,
-      defaultConfig: le
-    })), { isPrinting: X, isImaging: j, generatePdf: ie, generateImage: J } = Ae({
-      elementId: `carousel-table_${R.value}`,
-      fileName: e.value.caption.text || "vue-ui-carousel-table"
-    }), d = o({
-      showAnimation: e.value.animation.use
-    }), m = o(null), K = o(null), y = o(null), C = o(null), I = o(0), B = o(0), c = o(!1), Q = T(() => a.dataset.body ? e.value.tbody.tr.visible <= a.dataset.body.length ? e.value.tbody.tr.visible : a.dataset.body.length : 0), se = T(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Q.value + I.value + B.value), ue = T(() => !a.dataset || !a.dataset.body || !a.dataset.head ? 0 : (a.dataset.body.length * (c.value ? a.dataset.head.length : 1) - Q.value) * (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2)), F = o(0), $ = o(null), k = o(0), b = o(!1), W = o(0);
-    S(() => {
-      y.value && (I.value = y.value.getBoundingClientRect().height), C.value && (B.value = C.value.getBoundingClientRect().height), d.value.showAnimation && Y();
-    });
-    function re(t) {
-      q.value = t, W.value += 1;
-    }
-    function Y() {
-      !$.value && !b.value && ($.value = requestAnimationFrame(Z));
-    }
-    function Z(t) {
-      if (b.value) return;
-      k.value || (k.value = t), t - k.value >= e.value.animation.speedMs && (F.value += e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size, F.value > ue.value && (F.value = 0), m.value && m.value.scrollTo({
-        top: F.value,
-        behavior: "smooth"
-      }), k.value = t), $.value = requestAnimationFrame(Z);
-    }
-    function x() {
-      b.value = !0, cancelAnimationFrame($.value), $.value = null;
-    }
-    function A() {
-      !b.value || !d.value.showAnimation || (b.value = !1, k.value = 0, Y());
-    }
-    function de() {
-      e.value.animation.pauseOnHover && x();
-    }
-    const N = o(null);
-    function ve() {
-      x(), clearTimeout(N.value);
-    }
-    function _() {
-      clearTimeout(N.value), N.value = setTimeout(A, 1e3);
-    }
-    he(
-      () => e.value.animation.use,
-      (t) => {
-        t ? (d.value.showAnimation = !0, A()) : (d.value.showAnimation = !1, x());
-      }
-    );
-    const pe = T(() => e.value.responsiveBreakpoint);
-    S(() => {
-      const t = new ResizeObserver((n) => {
-        n.forEach((l) => {
-          c.value = l.contentRect.width < pe.value;
-        }), I.value = y.value ? y.value.getBoundingClientRect().height : 0, B.value = C.value ? C.value.getBoundingClientRect().height : 0;
-      });
-      m.value && t.observe(m.value);
-    });
-    function ee() {
-      ie();
-    }
-    function te() {
-      d.value.showAnimation = !d.value.showAnimation, d.value.showAnimation ? A() : x();
-    }
-    function ae() {
-      ge(() => {
-        const t = a.dataset.head.map((s, h) => [
-          [a.dataset.body[h]]
-        ]), n = [
-          [e.value.caption.text],
-          [a.dataset.head.map((s) => [s])]
-        ].concat(t), l = $e(n);
-        ke({
-          csvContent: l,
-          title: e.value.caption.text || "vue-ui-carousel-table"
-        });
-      });
-    }
-    return ne({
-      pauseAnimation: x,
-      resumeAnimation: A,
-      toggleAnimation: te,
-      generateCsv: ae,
-      generatePdf: ee,
-      generateImage: J
-    }), (t, n) => (i(), u("div", {
-      style: { position: "relative", overflow: "visible" },
-      ref_key: "chartContainer",
-      ref: K
-    }, [
-      O("div", {
-        ref_key: "tableContainer",
-        ref: m,
-        id: `carousel-table_${R.value}`,
-        style: v({
-          height: f(X) || f(j) ? "auto" : `${se.value}px`,
-          containerType: "inline-size",
-          position: "relative",
-          overflow: "auto",
-          fontFamily: e.value.fontFamily
-        }),
-        class: be({ "vue-ui-responsive": c.value, "is-playing": !b.value }),
-        onMouseenter: n[0] || (n[0] = (l) => de()),
-        onMouseleave: n[1] || (n[1] = (l) => A()),
-        onTouchstart: n[2] || (n[2] = (l) => ve()),
-        onTouchend: n[3] || (n[3] = (l) => _()),
-        onTouchcancel: n[4] || (n[4] = (l) => _())
-      }, [
-        g.value ? (i(), u("table", {
-          key: 0,
-          class: "vue-data-ui-carousel-table",
-          style: v({
-            ...e.value.style,
-            border: `${e.value.border.size}px solid ${e.value.border.color}`,
-            width: "100%",
-            borderCollapse: "collapse"
-          })
-        }, [
-          O("caption", {
-            ref_key: "caption",
-            ref: y,
-            class: "vue-data-ui-carousel-table-caption",
-            style: v({
-              ...e.value.caption.style,
-              fontFamily: "inherit",
-              position: "sticky",
-              top: 0,
-              zIndex: 2,
-              paddingTop: e.value.caption.padding.top + "px",
-              paddingRight: e.value.caption.padding.right + "px",
-              paddingBottom: e.value.caption.padding.bottom + "px",
-              paddingLeft: e.value.caption.padding.left + "px",
-              boxShadow: c.value ? e.value.thead.tr.style.boxShadow : "none",
-              minHeight: "36px"
-            })
-          }, [
-            U(E(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
-            p(t.$slots, "caption", {}, void 0, !0)
-          ], 4),
-          O("thead", {
-            style: v({ ...e.value.thead.style, position: "sticky", top: `${I.value}px`, zIndex: 1 })
-          }, [
-            O("tr", {
-              ref_key: "tableRow",
-              ref: C,
-              role: "row",
-              style: v({
-                ...e.value.thead.tr.style,
-                border: e.value.thead.tr.border.size ? `${e.value.thead.tr.border.size}px solid ${e.value.thead.tr.border.color}` : "none",
-                boxShadow: c.value ? "none" : e.value.thead.tr.style.boxShadow
-              }),
-              height: `${e.value.thead.tr.height}px`
-            }, [
-              (i(!0), u(H, null, L(r.dataset.head, (l, s) => (i(), u("th", {
-                role: "cell",
-                key: `th_${s}`,
-                style: v({
-                  ...e.value.thead.tr.th.style,
-                  border: e.value.thead.tr.th.border.size ? `${e.value.thead.tr.th.border.size}px solid ${e.value.thead.tr.th.border.color}` : "none",
-                  paddingTop: e.value.thead.tr.th.padding.top + "px",
-                  paddingRight: e.value.thead.tr.th.padding.right + "px",
-                  paddingBottom: e.value.thead.tr.th.padding.bottom + "px",
-                  paddingLeft: e.value.thead.tr.th.padding.left + "px"
-                })
-              }, [
-                U(E(t.$slots.th ? "" : l) + " ", 1),
-                p(t.$slots, "th", V(G({ th: l, colIndex: s })), void 0, !0)
-              ], 4))), 128))
-            ], 12, ze)
-          ], 4),
-          r.dataset.body && r.dataset.head ? (i(), u("tbody", Oe, [
-            (i(!0), u(H, null, L(r.dataset.body, (l, s) => (i(), u("tr", {
-              style: v({
-                ...e.value.tbody.tr.style,
-                border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`
-              })
-            }, [
-              (i(!0), u(H, null, L(l, (h, z) => (i(), u("td", {
-                role: "cell",
-                "data-cell": c.value && r.dataset.head[z].length > 50 ? r.dataset.head[z].slice(0, 50) + "..." : r.dataset.head[z] || "",
-                style: v({
-                  ...e.value.tbody.tr.td.style,
-                  border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
-                  backgroundColor: e.value.tbody.tr.td.style.backgroundColor + f(Ce)[s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100],
-                  paddingTop: e.value.tbody.tr.td.padding.top + "px",
-                  paddingRight: e.value.tbody.tr.td.padding.right + "px",
-                  paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
-                  paddingLeft: e.value.tbody.tr.td.padding.left + "px"
-                }),
-                height: `${e.value.tbody.tr.height}px`
-              }, [
-                U(E(t.$slots.td ? "" : c.value && typeof h == "string" ? h.slice(0, 30) + "..." : h) + " ", 1),
-                p(t.$slots, "td", V(G({ td: h, rowIndex: s, colIndex: z })), void 0, !0)
-              ], 12, Pe))), 256))
-            ], 4))), 256))
-          ])) : P("", !0)
-        ], 4)) : P("", !0)
-      ], 46, Fe),
-      g.value ? P("", !0) : (i(), oe(we, {
-        key: 0,
-        config: {
-          type: "table"
-        }
-      })),
-      e.value.userOptions.show && g.value ? (i(), oe(Te, {
-        ref: "details",
-        key: `user_option_${W.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isPrinting: f(X),
-        isImaging: f(j),
-        uid: R.value,
-        hasTooltip: !1,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: !1,
-        hasLabel: !1,
-        hasAnimation: e.value.userOptions.buttons.animation,
-        isAnimation: !d.value.showAnimation,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: q.value,
-        chartElement: K.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        zIndex: 3,
-        noOffset: "",
-        onGeneratePdf: ee,
-        onGenerateCsv: ae,
-        onGenerateImage: f(J),
-        onToggleAnimation: te,
-        onToggleFullscreen: re
-      }, fe({ _: 2 }, [
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: w(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: w(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: w(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionAnimation ? {
-          name: "optionAnimation",
-          fn: w(() => [
-            p(t.$slots, "optionAnimation", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: l, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", V(G({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "titles", "onGenerateImage"])) : P("", !0)
-    ], 512));
-  }
-}, Le = /* @__PURE__ */ Ie(Re, [["__scopeId", "data-v-c5df50fc"]]);
-export {
-  Le as default
-};

package/dist/vue-ui-sparkbar-Cdcndp7Q.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BQbaKiSm.cjs"),h=require("./useNestedProp-B6CpIX-3.cjs"),_=require("./vue-ui-skeleton-DIm7kxhc.cjs"),$=["onClick"],B={key:1},E=["xmlns","viewBox"],V=["id"],z=["stop-color"],D=["stop-color"],P=["height","width","fill","rx"],F=["height","width","fill","rx"],L=["height","width","fill","rx"],A={__name:"vue-ui-sparkbar",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},backgroundOpacity:{type:Number,default:100}},emits:["selectDatapoint"],setup(m,{emit:k}){const n=m,{vue_ui_sparkbar:x}=o.useConfig(),p=e.computed(()=>!!n.dataset&&n.dataset.length),y=e.ref(o.createUid()),t=e.computed(()=>{const l=h.useNestedProp({userConfig:n.config,defaultConfig:x});return l.theme?{...h.useNestedProp({userConfig:o.themes.vue_ui_sparkbar[l.theme]||n.config,defaultConfig:l}),customPalette:o.themePalettes[l.theme]||o.palette}:l}),b=e.computed(()=>o.convertCustomPalette(t.value.customPalette)),c=e.ref(n.dataset.map(l=>({...l,value:t.value.style.animation.show?0:l.value||0})));e.onMounted(()=>{if(o.objectIsEmpty(n.dataset)&&o.error({componentName:"VueUiSparkbar",type:"dataset"}),t.value.style.animation.show){let f=function(){s+=a/l,s<a?(c.value=c.value.map((i,d)=>({...i,value:i.value+=u[d]})),requestAnimationFrame(f)):c.value=n.dataset.map(i=>({...i,value:i.value||0}))};const l=t.value.style.animation.animationFrames,u=n.dataset.map((i,d)=>i.value/l),a=n.dataset.map(i=>i.value||0).reduce((i,d)=>i+d,0);let s=0;f()}});const r=e.ref({width:500,height:16}),C=e.computed(()=>Math.max(...n.dataset.map(l=>l.value))),S=e.computed(()=>(n.dataset.forEach((l,u)=>{o.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","value"]}).forEach(a=>{o.error({componentName:"VueUiSparkbar",type:"datasetSerieAttribute",property:a,index:u})})}),c.value.map((l,u)=>({...l,value:l.value||0,color:o.convertColorToHex(l.color)||b.value[u]||o.palette[u]||o.palette[u%o.palette.length]}))));function w(l){return l/C.value}function g(l){return t.value.style.layout.independant?l.target?l.value/l.target:t.value.style.layout.percentage?l.value/100:t.value.style.layout.target===0?1:l.value/t.value.style.layout.target:w(l.value)}function v(l){return t.value.style.layout.independant&&l.target||t.value.style.layout.target}function N(l,u){k("selectDatapoint",{datapoint:l,index:u})}return(l,u)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle({width:"100%",fontFamily:t.value.style.fontFamily,background:t.value.style.backgroundColor+e.unref(o.opacity)[n.backgroundOpacity]})},[l.$slots.title?e.renderSlot(l.$slots,"title",e.normalizeProps(e.mergeProps({key:0},{title:{...l.title,title:t.value.style.title.text,subtitle:t.value.style.title.subtitle.text}}))):e.createCommentVNode("",!0),!l.$slots.title&&t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:1,class:"vue-ui-sparkbar-title-container",style:e.normalizeStyle({background:t.value.style.title.backgroundColor,margin:t.value.style.title.margin,textAlign:t.value.style.title.textAlign})},[e.createElementVNode("div",{class:"vue-ui-sparkbar-title",style:e.normalizeStyle({fontSize:t.value.style.title.fontSize+"px",color:t.value.style.title.color,fontWeight:t.value.style.title.bold?"bold":"normal"})},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-sparkbar-subtitle",style:e.normalizeStyle({fontSize:t.value.style.title.subtitle.fontSize+"px",color:t.value.style.title.subtitle.color,fontWeight:t.value.style.title.subtitle.bold?"bold":"normal"})},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[p.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`display:flex !important;${["left","right"].includes(t.value.style.labels.name.position)?"flex-direction:row !important":"flex-direction:column !important"};gap:${t.value.style.gap}px !important;${t.value.style.labels.name.position==="right"?"row-reverse !important":""};align-items:center;${m.dataset.length>0&&s!==m.dataset.length-1?"margin-bottom:6px":""}`),onClick:()=>N(a,s)},[e.renderSlot(l.$slots,"data-label",e.normalizeProps(e.guardReactiveProps({bar:{...a,target:v(a),valueLabel:e.unref(o.dataLabel)({p:a.prefix||"",v:a.value,s:a.suffix||"",r:a.rounding||0}),targetLabel:e.unref(o.dataLabel)({p:a.prefix||"",v:v(a),s:a.suffix||"",r:a.rounding||0})}}))),l.$slots["data-label"]?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:${t.value.style.labels.name.width};${["right","top"].includes(t.value.style.labels.name.position)?"text-align:left":"text-align:right"};color:${t.value.style.labels.name.color};font-size:${t.value.style.labels.fontSize}px;font-weight:${t.value.style.labels.name.bold?"bold":"normal"}`)},[e.createElementVNode("span",null,e.toDisplayString(a.name),1),t.value.style.labels.value.show?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`font-weight:${t.value.style.labels.value.bold?"bold":"normal"}`)},": "+e.toDisplayString(e.unref(o.dataLabel)({p:a.prefix||"",v:a.value,s:a.suffix||"",r:a.rounding||0})),5)):e.createCommentVNode("",!0),t.value.style.layout.showTargetValue?(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(" "+t.value.style.layout.targetValueText)+" "+e.toDisplayString(e.unref(o.dataLabel)({p:a.prefix||"",v:v(a),s:a.suffix||"",r:a.rounding||0})),1)):e.createCommentVNode("",!0)],4)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(o.XMLNS),viewBox:`0 0 ${r.value.width} ${r.value.height}`,width:"100%"},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{x1:"0%",y1:"0%",x2:"100%",y2:"0%",id:`sparkbar_gradient_${s}_${y.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(o.shiftHue)(a.color,.03)}${e.unref(o.opacity)[100-t.value.style.bar.gradient.intensity]}`},null,8,z),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,D)],8,V)]),e.createElementVNode("rect",{height:r.value.height,width:r.value.width,x:0,y:0,fill:`${t.value.style.gutter.backgroundColor}${e.unref(o.opacity)[t.value.style.gutter.opacity]}`,rx:r.value.height/2},null,8,P),e.createElementVNode("rect",{height:r.value.height,width:r.value.width*g(a),x:0,y:0,fill:t.value.style.bar.gradient.underlayerColor,rx:r.value.height/2},null,8,F),e.createElementVNode("rect",{height:r.value.height,width:r.value.width*g(a),x:0,y:0,fill:t.value.style.bar.gradient.show?`url(#sparkbar_gradient_${s}_${y.value})`:a.color,rx:r.value.height/2},null,8,L)],8,E))],12,$)):e.createCommentVNode("",!0)],64))),256)),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_.default,{key:2,config:{type:"sparkbar",style:{backgroundColor:t.value.style.backgroundColor,sparkbar:{color:"#CCCCCC"}}}},null,8,["config"]))],4))}};exports.default=A;