vue-data-ui 2.4.50 → 2.4.52

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

@@ -0,0 +1,379 @@
+import { ref as n, onMounted as I, computed as F, watch as M, onBeforeUnmount as pe, nextTick as ce, openBlock as s, createElementBlock as d, unref as u, createElementVNode as S, normalizeStyle as v, normalizeClass as xe, createTextVNode as G, toDisplayString as q, renderSlot as p, Fragment as D, renderList as X, normalizeProps as j, guardReactiveProps as J, createCommentVNode as B, createBlock as he, createSlots as Oe, withCtx as P } from "vue";
+import { u as Ie, c as Fe, o as K, e as Q, s as Be, q as Pe, r as Re } from "./index-K5uyh1gA.js";
+import { u as ze } from "./useNestedProp-DifqJZAs.js";
+import { u as Ee, U as Se } from "./usePrinter-p_ZZlGc9.js";
+import Ne from "./vue-ui-skeleton-BhA2lIT6.js";
+import { u as Ue } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
+  key: 2,
+  ref: "source",
+  dir: "auto"
+}, qe = {
+  __name: "vue-ui-carousel-table",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(m, { expose: fe }) {
+    const l = m, { vue_ui_carousel_table: ge } = Ie(), N = n(Fe()), W = n(!1), $ = n(!!l.dataset);
+    I(() => {
+      Y();
+    });
+    function Y() {
+      K(l.dataset) ? Q({
+        componentName: "VueUiCarouselTable",
+        type: "dataset"
+      }) : ((!l.dataset.head || K(l.dataset.head)) && (Q({
+        componentName: "VueUiCarouselTable",
+        type: "datasetAttribute",
+        property: "head"
+      }), $.value = !1), (!l.dataset.body || K(l.dataset.body)) && (Q({
+        componentName: "VueUiCarouselTable",
+        type: "datasetAttribute",
+        property: "body"
+      }), $.value = !1));
+    }
+    const e = F({
+      get: () => ee(),
+      set: (t) => t
+    }), { userOptionsVisible: U, setUserOptionsVisibility: Z, keepUserOptionState: _ } = Ue({ config: e.value });
+    function ee() {
+      return ze({
+        userConfig: l.config,
+        defaultConfig: ge
+      });
+    }
+    M(() => l.config, (t) => {
+      e.value = ee(), U.value = !e.value.showOnChartHover, Y();
+    }, { deep: !0 }), M(() => l.dataset, (t) => {
+      H();
+    }, { deep: !0 });
+    const { isPrinting: te, isImaging: ae, generatePdf: me, generateImage: oe } = Ee({
+      elementId: `carousel-table_${N.value}`,
+      fileName: e.value.caption.text || "vue-ui-carousel-table"
+    }), c = n({
+      showAnimation: e.value.animation.use
+    }), r = n(null), ne = n(null), T = n(null), k = n(null), A = n(0), R = n(0), z = n(!1), w = n(null), f = n(null), x = n(0);
+    function H() {
+      w.value && (f.value = {
+        elements: w.value.getElementsByTagName("tr"),
+        heights: Array.from(w.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
+      });
+    }
+    I(H);
+    const be = F(() => !f.value || !f.value.heights.length ? 0 : Math.max(...f.value.heights) + A.value + R.value), ye = F(() => l.dataset.body ? e.value.tbody.tr.visible <= l.dataset.body.length ? e.value.tbody.tr.visible : l.dataset.body.length : 0), Ce = F(() => (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) * ye.value + A.value + R.value), E = n(0), O = n(null), b = n(0), y = n(!1), le = n(0);
+    I(() => {
+      T.value && (A.value = T.value.getBoundingClientRect().height), k.value && (R.value = k.value.getBoundingClientRect().height), c.value.showAnimation && f.value && ie();
+    }), I(() => {
+      if (r.value) {
+        let o = function() {
+          const i = t.getBoundingClientRect().bottom;
+          a.forEach((h) => {
+            h.getBoundingClientRect().top < i ? h.style.visibility = "hidden" : h.style.visibility = "visible";
+          });
+        };
+        const t = r.value.querySelector("thead"), a = Array.from(w.value.querySelectorAll("tr"));
+        r.value.addEventListener("scroll", o), o(), pe(() => {
+          r.value.removeEventListener("scroll", o);
+        });
+      }
+    });
+    function $e(t) {
+      W.value = t, le.value += 1;
+    }
+    function ie() {
+      !O.value && !y.value && (O.value = requestAnimationFrame(se));
+    }
+    function Te() {
+      if (!r.value) return !1;
+      const { scrollTop: t, scrollHeight: a, clientHeight: o } = r.value;
+      return t + o >= a;
+    }
+    function se(t) {
+      if (y.value) return;
+      b.value || (b.value = t), t - b.value >= e.value.animation.speedMs && (E.value += f.value.heights[x.value], (Te() || x.value >= f.value.heights.length) && (E.value = 0, x.value = -1), x.value += 1, r.value && r.value.scrollTo({
+        top: E.value,
+        behavior: "smooth"
+      }), b.value = t), O.value = requestAnimationFrame(se);
+    }
+    function g() {
+      y.value = !0, cancelAnimationFrame(O.value), O.value = null;
+    }
+    pe(g);
+    function C() {
+      !y.value || !c.value.showAnimation || (y.value = !1, b.value = 0, ie());
+    }
+    function ke() {
+      e.value.animation.pauseOnHover && g();
+    }
+    const L = n(null);
+    function Ae() {
+      g(), clearTimeout(L.value);
+    }
+    function ue() {
+      clearTimeout(L.value), L.value = setTimeout(C, 1e3);
+    }
+    M(
+      () => e.value.animation.use,
+      (t) => {
+        t ? (c.value.showAnimation = !0, C()) : (c.value.showAnimation = !1, g());
+      }
+    );
+    const we = F(() => e.value.responsiveBreakpoint);
+    I(() => {
+      const t = new ResizeObserver((a) => {
+        a.forEach((o) => {
+          z.value = o.contentRect.width < we.value;
+        }), A.value = T.value ? T.value.getBoundingClientRect().height : 0, R.value = k.value ? k.value.getBoundingClientRect().height : 0, x.value = 0, ce(() => {
+          g(), b.value = 0, E.value = 0, H(), C();
+        });
+      });
+      r.value && t.observe(r.value);
+    });
+    function re() {
+      me();
+    }
+    function de() {
+      c.value.showAnimation = !c.value.showAnimation, c.value.showAnimation ? C() : g();
+    }
+    function ve() {
+      ce(() => {
+        const t = l.dataset.head.map((i, h) => [
+          [l.dataset.body[h]]
+        ]), a = [
+          [e.value.caption.text],
+          [l.dataset.head.map((i) => [i])]
+        ].concat(t), o = Pe(a);
+        Re({
+          csvContent: o,
+          title: e.value.caption.text || "vue-ui-carousel-table"
+        });
+      });
+    }
+    return fe({
+      pauseAnimation: g,
+      resumeAnimation: C,
+      toggleAnimation: de,
+      generateCsv: ve,
+      generatePdf: re,
+      generateImage: oe
+    }), (t, a) => (s(), d("div", {
+      style: { position: "relative", overflow: "visible" },
+      ref_key: "chartContainer",
+      ref: ne,
+      onMouseenter: a[5] || (a[5] = () => u(Z)(!0)),
+      onMouseleave: a[6] || (a[6] = () => u(Z)(!1))
+    }, [
+      S("div", {
+        ref_key: "tableContainer",
+        ref: r,
+        id: `carousel-table_${N.value}`,
+        style: v({
+          height: u(te) || u(ae) ? "auto" : `${Math.max(Ce.value, be.value)}px`,
+          containerType: "inline-size",
+          position: "relative",
+          overflow: "auto",
+          fontFamily: e.value.fontFamily
+        }),
+        class: xe({ "vue-ui-responsive": z.value, "is-playing": e.value.scrollbar.hide || !y.value && e.value.scrollbar.showOnlyOnHover }),
+        onMouseover: a[0] || (a[0] = (o) => ke()),
+        onMouseleave: a[1] || (a[1] = (o) => C()),
+        onTouchstart: a[2] || (a[2] = (o) => Ae()),
+        onTouchend: a[3] || (a[3] = (o) => ue()),
+        onTouchcancel: a[4] || (a[4] = (o) => ue())
+      }, [
+        $.value ? (s(), d("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",
+            backgroundColor: e.value.tbody.backgroundColor
+          })
+        }, [
+          S("caption", {
+            ref_key: "caption",
+            ref: T,
+            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: z.value ? e.value.thead.tr.style.boxShadow : "none",
+              minHeight: "36px",
+              display: t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? "" : "none"
+            })
+          }, [
+            G(q(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
+            p(t.$slots, "caption", {}, void 0, !0)
+          ], 4),
+          S("thead", {
+            style: v({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? A.value : 0}px`, zIndex: 1 })
+          }, [
+            S("tr", {
+              ref_key: "tableRow",
+              ref: k,
+              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: z.value ? "none" : e.value.thead.tr.style.boxShadow
+              }),
+              height: `${e.value.thead.tr.height}px`
+            }, [
+              (s(!0), d(D, null, X(m.dataset.head, (o, i) => (s(), d("th", {
+                role: "cell",
+                key: `th_${i}`,
+                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"
+                })
+              }, [
+                G(q(t.$slots.th ? "" : o) + " ", 1),
+                p(t.$slots, "th", j(J({ th: o, colIndex: i })), void 0, !0)
+              ], 4))), 128))
+            ], 12, Ve)
+          ], 4),
+          m.dataset.body && m.dataset.head ? (s(), d("tbody", {
+            key: 0,
+            ref_key: "tbody",
+            ref: w,
+            style: v({
+              clipPath: "inset(0,0,0,0)"
+            })
+          }, [
+            (s(!0), d(D, null, X(m.dataset.body, (o, i) => (s(), d("tr", {
+              style: v({
+                ...e.value.tbody.tr.style,
+                border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
+                verticalAlign: "middle"
+              })
+            }, [
+              (s(!0), d(D, null, X(o, (h, V) => (s(), d("td", {
+                role: "cell",
+                "data-cell": m.dataset.head[V] || "",
+                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: u(Be)(e.value.tbody.tr.td.style.backgroundColor, i % 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",
+                  verticalAlign: "middle"
+                }),
+                height: `${e.value.tbody.tr.height}px`
+              }, [
+                G(q(t.$slots.td ? "" : h) + " ", 1),
+                p(t.$slots, "td", j(J({ td: h, rowIndex: i, colIndex: V })), void 0, !0)
+              ], 12, Me))), 256))
+            ], 4))), 256))
+          ], 4)) : B("", !0)
+        ], 4)) : B("", !0)
+      ], 46, Le),
+      $.value ? B("", !0) : (s(), he(Ne, {
+        key: 0,
+        config: {
+          type: "table"
+        }
+      })),
+      e.value.userOptions.show && $.value && (u(_) || u(U)) ? (s(), he(Se, {
+        ref: "details",
+        key: `user_option_${le.value}`,
+        backgroundColor: e.value.style.backgroundColor,
+        color: e.value.style.color,
+        isPrinting: u(te),
+        isImaging: u(ae),
+        uid: N.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: !c.value.showAnimation,
+        hasFullscreen: e.value.userOptions.buttons.fullscreen,
+        isFullscreen: W.value,
+        chartElement: ne.value,
+        position: e.value.userOptions.position,
+        titles: { ...e.value.userOptions.buttonTitles },
+        zIndex: 3,
+        offsetX: 12,
+        onGeneratePdf: re,
+        onGenerateCsv: ve,
+        onGenerateImage: u(oe),
+        onToggleAnimation: de,
+        onToggleFullscreen: $e,
+        style: v({
+          visibility: u(_) ? u(U) ? "visible" : "hidden" : "visible"
+        })
+      }, Oe({ _: 2 }, [
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: P(() => [
+            p(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: P(() => [
+            p(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: P(() => [
+            p(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionAnimation ? {
+          name: "optionAnimation",
+          fn: P(() => [
+            p(t.$slots, "optionAnimation", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: P(({ toggleFullscreen: o, isFullscreen: i }) => [
+            p(t.$slots, "optionFullscreen", j(J({ toggleFullscreen: o, isFullscreen: i })), void 0, !0)
+          ]),
+          key: "4"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "onGenerateImage", "style"])) : B("", !0),
+      t.$slots.source ? (s(), d("div", Ge, [
+        p(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : B("", !0)
+    ], 544));
+  }
+}, Ye = /* @__PURE__ */ He(qe, [["__scopeId", "data-v-9d3c0699"]]);
+export {
+  Ye as default
+};

package/dist/vue-ui-carousel-table-DkWNe0mJ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-BkXYJDpD.cjs"),re=require("./useNestedProp-C6IvqE-r.cjs"),K=require("./usePrinter-DHv-BwME.cjs"),ie=require("./vue-ui-skeleton-BTN1PKkz.cjs"),ue=require("./useUserOptionState-BgepsfED.cjs"),se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),de=["id"],ve=["height"],ce=["data-cell","height"],pe={key:2,ref:"source",dir:"auto"},fe={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(p,{expose:Q}){const l=p,{vue_ui_carousel_table:W}=u.useConfig(),S=e.ref(u.createUid()),I=e.ref(!1),g=e.ref(!!l.dataset);e.onMounted(()=>{P()});function P(){u.objectIsEmpty(l.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!l.dataset.head||u.objectIsEmpty(l.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),g.value=!1),(!l.dataset.body||u.objectIsEmpty(l.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),g.value=!1))}const t=e.computed({get:()=>R(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:F,keepUserOptionState:N}=ue.useUserOptionState({config:t.value});function R(){return re.useNestedProp({userConfig:l.config,defaultConfig:W})}e.watch(()=>l.config,o=>{t.value=R(),A.value=!t.value.showOnChartHover,P()},{deep:!0}),e.watch(()=>l.dataset,o=>{O()},{deep:!0});const{isPrinting:V,isImaging:U,generatePdf:Y,generateImage:M}=K.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),s=e.ref({showAnimation:t.value.animation.use}),i=e.ref(null),H=e.ref(null),b=e.ref(null),y=e.ref(null),k=e.ref(0),T=e.ref(0),w=e.ref(!1),C=e.ref(null),v=e.ref(null),$=e.ref(0);function O(){C.value&&(v.value={elements:C.value.getElementsByTagName("tr"),heights:Array.from(C.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const Z=e.computed(()=>!v.value||!v.value.heights.length?0:Math.max(...v.value.heights)+k.value+T.value),_=e.computed(()=>l.dataset.body?t.value.tbody.tr.visible<=l.dataset.body.length?t.value.tbody.tr.visible:l.dataset.body.length:0),ee=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*_.value+k.value+T.value),x=e.ref(0),B=e.ref(null),f=e.ref(0),m=e.ref(!1),q=e.ref(0);e.onMounted(()=>{b.value&&(k.value=b.value.getBoundingClientRect().height),y.value&&(T.value=y.value.getBoundingClientRect().height),s.value.showAnimation&&v.value&&L()}),e.onMounted(()=>{if(i.value){let a=function(){const r=o.getBoundingClientRect().bottom;n.forEach(d=>{d.getBoundingClientRect().top<r?d.style.visibility="hidden":d.style.visibility="visible"})};const o=i.value.querySelector("thead"),n=Array.from(C.value.querySelectorAll("tr"));i.value.addEventListener("scroll",a),a(),e.onBeforeUnmount(()=>{i.value.removeEventListener("scroll",a)})}});function te(o){I.value=o,q.value+=1}function L(){!B.value&&!m.value&&(B.value=requestAnimationFrame(D))}function oe(){if(!i.value)return!1;const{scrollTop:o,scrollHeight:n,clientHeight:a}=i.value;return o+a>=n}function D(o){if(m.value)return;f.value||(f.value=o),o-f.value>=t.value.animation.speedMs&&(x.value+=v.value.heights[$.value],(oe()||$.value>=v.value.heights.length)&&(x.value=0,$.value=-1),$.value+=1,i.value&&i.value.scrollTo({top:x.value,behavior:"smooth"}),f.value=o),B.value=requestAnimationFrame(D)}function c(){m.value=!0,cancelAnimationFrame(B.value),B.value=null}e.onBeforeUnmount(c);function h(){!m.value||!s.value.showAnimation||(m.value=!1,f.value=0,L())}function ne(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function ae(){c(),clearTimeout(E.value)}function G(){clearTimeout(E.value),E.value=setTimeout(h,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(s.value.showAnimation=!0,h()):(s.value.showAnimation=!1,c())});const le=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(n=>{n.forEach(a=>{w.value=a.contentRect.width<le.value}),k.value=b.value?b.value.getBoundingClientRect().height:0,T.value=y.value?y.value.getBoundingClientRect().height:0,$.value=0,e.nextTick(()=>{c(),f.value=0,x.value=0,O(),h()})});i.value&&o.observe(i.value)});function j(){Y()}function X(){s.value.showAnimation=!s.value.showAnimation,s.value.showAnimation?h():c()}function J(){e.nextTick(()=>{const o=l.dataset.head.map((r,d)=>[[l.dataset.body[d]]]),n=[[t.value.caption.text],[l.dataset.head.map(r=>[r])]].concat(o),a=u.createCsvContent(n);u.downloadCsv({csvContent:a,title:t.value.caption.text||"vue-ui-carousel-table"})})}return Q({pauseAnimation:c,resumeAnimation:h,toggleAnimation:X,generateCsv:J,generatePdf:j,generateImage:M}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:H,onMouseenter:n[5]||(n[5]=()=>e.unref(F)(!0)),onMouseleave:n[6]||(n[6]=()=>e.unref(F)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:i,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(V)||e.unref(U)?"auto":`${Math.max(ee.value,Z.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":w.value,"is-playing":t.value.scrollbar.hide||!m.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:n[0]||(n[0]=a=>ne()),onMouseleave:n[1]||(n[1]=a=>h()),onTouchstart:n[2]||(n[2]=a=>ae()),onTouchend:n[3]||(n[3]=a=>G()),onTouchcancel:n[4]||(n[4]=a=>G())},[g.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:b,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:w.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?k.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:y,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:w.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.dataset.head,(a,r)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${r}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":a)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:a,colIndex:r})),void 0,!0)],4))),128))],12,ve)],4),p.dataset.body&&p.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:C,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.dataset.body,(a,r)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(d,z)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":p.dataset.head[z]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,r%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":d)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:d,rowIndex:r,colIndex:z})),void 0,!0)],12,ce))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,de),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ie.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&g.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(K.UserOptions,{ref:"details",key:`user_option_${q.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(V),isImaging:e.unref(U),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!s.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:H.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:j,onGenerateCsv:J,onGenerateImage:e.unref(M),onToggleAnimation:X,onToggleFullscreen:te,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:r})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},me=se._export_sfc(fe,[["__scopeId","data-v-9d3c0699"]]);exports.default=me;