vue-data-ui 0.0.16 → 0.1.1

package/README.md

@@ -1,13 +1,16 @@
+![Screenshot](public/logo.png)
+
 npm i vue-data-ui
 
 # vue-data-ui
 
-Vue-data-ui is a Vue data visualization components library.
-It is currently in early stages.
+A user-empowering data visualization Vue components library.
+Currently in early stages.
 
 For the moment, it includes:
 
 ## VueUiTable
 ## VueUiXy
 
-Documentation will soon be available.
+Full documentation
+[Ineractive documentation](https://vue-data-ui.graphieros.com/)

package/dist/{index-e4249160.js → index-32b06fde.js}

@@ -12820,7 +12820,7 @@ function(A) {
  */
 function(A) {
   function e() {
-    return (Ce.canvg ? Promise.resolve(Ce.canvg) : import("./index.es-1f7c13c2.js")).catch(function(t) {
+    return (Ce.canvg ? Promise.resolve(Ce.canvg) : import("./index.es-a2cc9005.js")).catch(function(t) {
       return Promise.reject(new Error("Could not load canvg: " + t));
     }).then(function(t) {
       return t.default ? t.default : t;
@@ -31780,7 +31780,7 @@ Provide an array of objects of type:
       return isNaN(A) ? e : A;
     }
   }
-}, Pn = (A) => (eg("data-v-ff53107e"), A = A(), tg(), A), d6 = { class: "vue-ui-table-export-hub" }, g6 = ["innerHTML"], p6 = ["data-is-open"], w6 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)), B6 = { class: "vue-ui-table-export-hub-options" }, v6 = { class: "vue-ui-table-export-hub-option-wrapper" }, m6 = { class: "label" }, x6 = ["innerHTML"], C6 = { class: "vue-ui-table-export-hub-option-wrapper" }, y6 = { class: "label" }, F6 = ["innerHTML"], b6 = { class: "vue-ui-table" }, E6 = { id: "tableHead" }, _6 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("th", { class: "invisible-cell" }, null, -1)), S6 = { key: 0 }, U6 = { key: 0 }, Q6 = { key: 1 }, T6 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("th", { class: "invisible-cell" }, null, -1)), L6 = {
+}, Pn = (A) => (eg("data-v-3cb64866"), A = A(), tg(), A), d6 = { class: "vue-ui-table-export-hub" }, g6 = ["innerHTML"], p6 = ["data-is-open"], w6 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)), B6 = { class: "vue-ui-table-export-hub-options" }, v6 = { class: "vue-ui-table-export-hub-option-wrapper" }, m6 = { class: "label" }, x6 = ["innerHTML"], C6 = { class: "vue-ui-table-export-hub-option-wrapper" }, y6 = { class: "label" }, F6 = ["innerHTML"], b6 = { class: "vue-ui-table" }, E6 = { id: "tableHead" }, _6 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("th", { class: "invisible-cell" }, null, -1)), S6 = { key: 0 }, U6 = { key: 0 }, Q6 = { key: 1 }, T6 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("th", { class: "invisible-cell" }, null, -1)), L6 = {
   key: 0,
   style: { display: "flex", "align-items": "center", "justify-content": "flex-end" }
 }, I6 = ["innerHTML"], N6 = {
@@ -31822,7 +31822,7 @@ Provide an array of objects of type:
 }, zQ = ["max", "value"], qQ = { key: 1 }, YQ = ["disabled"], JQ = ["innerHTML", "disabled"], ZQ = { class: "chart-modal-options" }, $Q = ["innerHTML"], A8 = ["innerHTML"], e8 = ["innerHTML"], t8 = { style: { "margin-bottom": "12px" } }, r8 = { key: 0 }, n8 = { key: 1 }, i8 = {
   style: { width: "100%", height: "fit-content", cursor: "move" },
   ref: "chartModal"
-}, a8 = { class: "vue-ui-table-fieldset" }, s8 = { class: "vue-ui-table-fieldset-wrapper" }, o8 = ["name", "id", "checked", "onInput"], l8 = ["for"], c8 = ["disabled"], f8 = ["innerHTML"], u8 = ["viewBox"], h8 = ["markerWidth", "markerHeight", "refY"], d8 = ["points", "fill"], g8 = ["x2", "y1", "y2", "stroke", "stroke-width"], p8 = ["y2", "stroke", "stroke-width"], w8 = ["x", "width", "height", "fill"], B8 = /* @__PURE__ */ rg('<linearGradient id="barGradientSelected" x2="0%" y2="100%" data-v-ff53107e><stop offset="0.2" stop-color="#6376DD" data-v-ff53107e></stop><stop offset="1" stop-color="#6376DD80" data-v-ff53107e></stop></linearGradient><linearGradient id="barGradientSelectedNeg" x2="0%" y2="100%" data-v-ff53107e><stop offset="0.2" stop-color="#6376DD80" data-v-ff53107e></stop><stop offset="1" stop-color="#6376DD" data-v-ff53107e></stop></linearGradient><linearGradient id="barGradient" x2="0%" y2="100%" data-v-ff53107e><stop offset="0.2" stop-color="#6376DDB3" data-v-ff53107e></stop><stop offset="1" stop-color="#6376DD66" data-v-ff53107e></stop></linearGradient><linearGradient id="barGradientNeg" x2="0%" y2="100%" data-v-ff53107e><stop offset="0.2" stop-color="#6376DD66" data-v-ff53107e></stop><stop offset="1" stop-color="#6376DDB3" data-v-ff53107e></stop></linearGradient>', 4), v8 = ["x", "y", "height", "width", "fill", "stroke"], m8 = ["x", "y", "width"], x8 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], C8 = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], y8 = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], F8 = ["x", "y", "width"], b8 = ["x", "width", "height", "onMouseenter"], E8 = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], _8 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("span", null, "---", -1)), S8 = ["d", "stroke"], U8 = ["x", "y"], Q8 = { class: "vue-ui-table-donut-label-name" }, T8 = ["fill"], L8 = ["fill"], I8 = ["fill"], N8 = ["fill"], D8 = { class: "vue-ui-table-donut-legend" };
+}, a8 = { class: "vue-ui-table-fieldset" }, s8 = { class: "vue-ui-table-fieldset-wrapper" }, o8 = ["name", "id", "checked", "onInput"], l8 = ["for"], c8 = ["disabled"], f8 = ["innerHTML"], u8 = ["viewBox"], h8 = ["markerWidth", "markerHeight", "refY"], d8 = ["points", "fill"], g8 = ["x2", "y1", "y2", "stroke", "stroke-width"], p8 = ["y2", "stroke", "stroke-width"], w8 = ["x", "width", "height", "fill"], B8 = /* @__PURE__ */ rg('<linearGradient id="barGradientSelected" x2="0%" y2="100%" data-v-3cb64866><stop offset="0.2" stop-color="#6376DD" data-v-3cb64866></stop><stop offset="1" stop-color="#6376DD80" data-v-3cb64866></stop></linearGradient><linearGradient id="barGradientSelectedNeg" x2="0%" y2="100%" data-v-3cb64866><stop offset="0.2" stop-color="#6376DD80" data-v-3cb64866></stop><stop offset="1" stop-color="#6376DD" data-v-3cb64866></stop></linearGradient><linearGradient id="barGradient" x2="0%" y2="100%" data-v-3cb64866><stop offset="0.2" stop-color="#6376DDB3" data-v-3cb64866></stop><stop offset="1" stop-color="#6376DD66" data-v-3cb64866></stop></linearGradient><linearGradient id="barGradientNeg" x2="0%" y2="100%" data-v-3cb64866><stop offset="0.2" stop-color="#6376DD66" data-v-3cb64866></stop><stop offset="1" stop-color="#6376DDB3" data-v-3cb64866></stop></linearGradient>', 4), v8 = ["x", "y", "height", "width", "fill", "stroke"], m8 = ["x", "y", "width"], x8 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], C8 = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], y8 = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], F8 = ["x", "y", "width"], b8 = ["x", "width", "height", "onMouseenter"], E8 = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], _8 = /* @__PURE__ */ Pn(() => /* @__PURE__ */ yA("span", null, "---", -1)), S8 = ["d", "stroke"], U8 = ["x", "y"], Q8 = { class: "vue-ui-table-donut-label-name" }, T8 = ["fill"], L8 = ["fill"], I8 = ["fill"], N8 = ["fill"], D8 = { class: "vue-ui-table-donut-legend" };
 function k8(A, e, t, r, n, i) {
   return fA(), uA("div", {
     class: "vue-ui-table-main",
@@ -32568,7 +32568,7 @@ function k8(A, e, t, r, n, i) {
         [n.constants.DONUT].includes(n.chart.type) && !n.showDonutOptions ? (fA(), uA(ve, { key: 2 }, [
           (fA(), uA("svg", {
             viewBox: "0 0 100 100",
-            style: ie(`overflow: visible; padding: 0 24px;background:${i.tableConfig.style.chart.layout.backgroundColor}`),
+            style: ie(`width:auto; overflow: visible; padding: 0 24px;background:${i.tableConfig.style.chart.layout.backgroundColor}`),
             class: "vue-ui-table-donut-chart"
           }, [
             (fA(!0), uA(ve, null, Te(n.currentDonut, (a, s) => (fA(), uA("path", {
@@ -32643,7 +32643,7 @@ function k8(A, e, t, r, n, i) {
     ], 4)) : fe("", !0)
   ], 4);
 }
-const P8 = /* @__PURE__ */ nw(h6, [["render", k8], ["__scopeId", "data-v-ff53107e"]]);
+const P8 = /* @__PURE__ */ nw(h6, [["render", k8], ["__scopeId", "data-v-3cb64866"]]);
 export {
   At as _,
   P8 as a,

package/dist/{index.es-1f7c13c2.js → index.es-a2cc9005.js}

@@ -1,4 +1,4 @@
-import { _ as Ha } from "./index-e4249160.js";
+import { _ as Ha } from "./index-32b06fde.js";
 import "vue";
 var Tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Vo(a) {

package/dist/style.css

@@ -1 +1 @@
-.vue-ui-xy *[data-v-aa9b330f]{transition:unset}.vue-ui-xy[data-v-aa9b330f]{position:relative}.vue-ui-xy-user-options[data-v-aa9b330f]{border-radius:4px;padding:6px 12px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;max-width:300px}.vue-ui-xy-user-options[open][data-v-aa9b330f]{border:1px solid #e1e5e8;box-shadow:0 6px 12px -6px #0003}.vue-ui-xy-user-options summary[data-v-aa9b330f]{text-align:right;direction:rtl}.vue-ui-xy-user-options-items[data-v-aa9b330f]{width:100%;display:flex;flex-direction:column;margin-top:6px}.vue-ui-xy-user-options-item[data-v-aa9b330f]{width:100%;display:flex;flex-direction:row;gap:5px;align-items:center}.vue-ui-xy-legend[data-v-aa9b330f]{align-items:center;column-gap:24px;display:flex;flex-wrap:wrap;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.vue-ui-xy-legend-item[data-v-aa9b330f]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.vue-ui-xy-legend-item-segregated[data-v-aa9b330f]{opacity:.5}.vue-ui-xy-title[data-v-aa9b330f]{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.vue-ui-xy svg rect[data-v-aa9b330f]{transition:all .11s ease-in-out}.vue-ui-xy-tooltip[data-v-aa9b330f]{border:1px solid #e1e5e8;border-radius:4px;box-shadow:0 6px 12px -6px #0003;max-width:300px;position:fixed;z-index:1}.vue-ui-xy-table-wrapper[data-v-aa9b330f]{width:100%;max-height:300px;overflow:auto;margin-top:24px;position:relative}.vue-ui-xy-table-wrapper-printing[data-v-aa9b330f]{max-height:unset;height:fit-content}.vue-ui-xy-table[data-v-aa9b330f]{width:100%;border-collapse:collapse}.vue-ui-xy-table td[data-v-aa9b330f]{border:1px solid #e1e5e8;text-align:right;padding-right:6px;font-variant-numeric:tabular-nums}.vue-ui-xy-table th[data-v-aa9b330f]{border:1px solid #e1e5e8;background:#fafafa;position:sticky;top:0;font-weight:400;outline:1px solid #e1e5e8;-webkit-user-select:none;user-select:none}.vue-ui-xy-table-tr-selected[data-v-aa9b330f]{background:#e1e5e8}.vue-ui-xy-button[data-v-aa9b330f]{margin:6px 0;border-radius:3px;height:30px;border:1px solid #b9bfc4;background:inherit;display:flex;align-items:center;justify-content:center}.vue-ui-xy-button[data-v-aa9b330f]:hover{background:rgba(0,0,0,.05)}.vue-ui-xy-print-icon[data-v-aa9b330f]{animation:smartspin-aa9b330f .5s infinite linear}@keyframes smartspin-aa9b330f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vue-ui-table-main[data-v-ff53107e]{height:fit-content;padding:0 0 98px;position:relative}.vue-ui-table__wrapper[data-v-ff53107e]{overflow-x:auto;padding:0 12px 48px;position:relative;width:calc(100% - 24px)}.vue-ui-table-main thead[data-v-ff53107e]{position:sticky;top:0}.vue-ui-table[data-v-ff53107e]{width:100%;position:relative}.vue-ui-table-main table[data-v-ff53107e]{border-collapse:collapse}.vue-ui-table-main th[data-v-ff53107e],.vue-ui-table-main td[data-v-ff53107e]{padding:3px 8px}.vue-ui-table-main tr td[data-v-ff53107e]{outline:1px solid white}.vue-ui-table-main .th-numeric[data-v-ff53107e]{text-align:right;font-variant-numeric:tabular-nums}.vue-ui-table-main .th-filter[data-v-ff53107e]{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;position:relative}.vue-ui-table-main button[data-v-ff53107e]{align-items:center;cursor:pointer;display:flex;justify-content:center;width:32px}.vue-ui-table-main input[data-v-ff53107e]{padding:0 6px;font-family:Satoshi}.vue-ui-table-main button[data-v-ff53107e],.vue-ui-table-main input[data-v-ff53107e]{border-radius:6px;height:32px}.vue-ui-table-main button[data-v-ff53107e]{border:1px solid grey}.vue-ui-table-main button[data-v-ff53107e]:hover,.vue-ui-table-main button[data-v-ff53107e]:focus,.vue-ui-table-main input[data-v-ff53107e]:hover,.vue-ui-table-main input[data-v-ff53107e]:focus{outline:3px solid rgba(128,128,128,.432)}.vue-ui-table-main button.clicked[data-v-ff53107e]{animation:clicked-ff53107e .15s ease-in-out}.vue-ui-table-main button[disabled][data-v-ff53107e]{cursor:not-allowed}.vue-ui-table-main button[disabled][data-v-ff53107e]:focus,.vue-ui-table-main button[disabled][data-v-ff53107e]:hover{outline:none}button.th-reset[data-v-ff53107e]:not(:disabled){background:radial-gradient(at top,#f19a71,#F17171);border:1px solid #F17171;color:#fff}.vue-ui-table-main button.th-reset[data-v-ff53107e]:not(:disabled):hover,.vue-ui-table-main button.th-reset[data-v-ff53107e]:not(:disabled):focus{outline:3px solid #f171717e}.vue-ui-table-main [data-is-open=false][data-v-ff53107e]{transform:scale(0)}.vue-ui-table-main .th-dropdown[data-is-open=true][data-v-ff53107e]{animation:open-dropdown-ff53107e .2s ease-in}.vue-ui-table-main .th-dropdown[data-is-open=false][data-v-ff53107e]{animation:close-dropdown-ff53107e .2s ease-in}.vue-ui-table-main .th-dropdown[data-v-ff53107e]{align-items:center;border-radius:8px;border:1px solid white;box-shadow:0 6px 12px -6px #00000080;display:flex;flex-direction:column;justify-content:flex-start;left:0;max-width:300px;min-width:150px;padding:24px 12px 12px;position:absolute;top:calc(100% + 12px)}.vue-ui-table-main .th-option[data-v-ff53107e]{border-radius:6px;cursor:pointer;padding:2px 6px;text-align:left;-webkit-user-select:none;user-select:none;width:100%;font-weight:400}.vue-ui-table-main .th-option[data-v-ff53107e]:hover{background-color:#ffffff1a;box-shadow:0 3px 6px -3px #00000080;z-index:1}.vue-ui-table-main button.close-dropdown[data-v-ff53107e],.vue-ui-table-main button.close-chart-modal[data-v-ff53107e]{align-items:center;border-radius:50%;border:none;display:flex;height:20px;padding:2px;position:absolute;right:6px;top:6px;width:20px}.vue-ui-table-main button.close-dropdown[data-v-ff53107e]:hover,.vue-ui-table-main button.close-dropdown[data-v-ff53107e]:focus,.vue-ui-table-main button.close-chart-modal[data-v-ff53107e]:hover,.vue-ui-table-main button.close-char-modal[data-v-ff53107e]:focus{outline:3px solid #2d353c71}.vue-ui-table-main .th-button-active[data-v-ff53107e]{background:radial-gradient(at top,#968bf1,#6376DD);color:#fff}.vue-ui-table-main .th-button-active[data-v-ff53107e]:hover,.vue-ui-table-main .th-button-active[data-v-ff53107e]:focus{outline:3px solid #6375dd7a}.vue-ui-table-main .th-date[data-v-ff53107e]{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;width:100%}.vue-ui-table-main .date-wrapper--inputs[data-v-ff53107e]{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;width:100%}.vue-ui-table-main .date-wrapper--button[data-v-ff53107e]{display:flex;gap:3px}.vue-ui-table-main input[type=date][data-v-ff53107e]{border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;height:20px!important;width:100px}.vue-ui-table-main .date-fieldset[data-v-ff53107e]{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;width:100%}.vue-ui-table-main .date-fieldset label[data-v-ff53107e]{font-size:12px;font-weight:400}@keyframes clicked-ff53107e{0%{transform:scale(.9)}90%{transform:scale(1.03)}to{transform:scale(1)}}.vue-ui-table-main td.td-numeric[data-v-ff53107e]{cursor:pointer}.vue-ui-table-main .td-selector-info[data-v-ff53107e]{align-items:center;border-radius:0 0 6px 6px;bottom:76px;display:flex;font-size:14px;justify-content:flex-end;min-height:20px;padding:2px 4px 2px 2px;position:absolute;right:0;text-align:right;width:100%;z-index:1}.vue-ui-table-main button.td-selector-info-reset[data-v-ff53107e]{background:transparent;border:none;color:#f17171;height:14px;margin-left:24px;padding:0;width:14px}.vue-ui-table-main button.td-selector-info-reset[data-v-ff53107e]:hover,.vue-ui-table-main button.td-selector-info-reset[data-v-ff53107e]:focus{outline:3px solid #f171717e}.vue-ui-table-main .format-num[data-v-ff53107e]{font-variant-numeric:tabular-nums}.vue-ui-table-main .td-selector-icon[data-v-ff53107e]{margin-bottom:-5px;margin-right:6px}.vue-ui-table-main .vue-ui-table-pagination[data-v-ff53107e]{align-items:center;bottom:24px;display:flex;flex-direction:row;gap:12px;height:40px;justify-content:center;position:absolute;width:100%;z-index:1}.vue-ui-table-main button.vue-ui-table-navigation[data-v-ff53107e]{height:36px;padding:1px;width:36px}.vue-ui-table-main .vue-ui-table-navigation-indicator[data-v-ff53107e]{border-radius:6px;bottom:70px;height:6px;position:absolute;transition:all .1s ease-in-out}.vue-ui-table-main .vue-ui-table-page-scroller-wrapper[data-v-ff53107e]{align-items:center;display:flex;flex-direction:column;justify-content:center}.vue-ui-table-main input.vue-ui-table-page-scroller[data-v-ff53107e]{cursor:pointer;height:24px;padding:0}.vue-ui-table-main .vue-ui-table-paginator[data-v-ff53107e]{position:absolute;bottom:0;z-index:2;left:12px;display:flex;flex-direction:row;gap:6px;font-size:14px;justify-content:center;align-items:center;width:calc(100% - 24px)}.vue-ui-table-main .vue-ui-table-paginator select[data-v-ff53107e]{border-radius:3px}.vue-ui-table-main .vue-ui-table-size-warning[data-v-ff53107e]{align-items:center;bottom:-24px;color:#f17171;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:6px;justify-content:center;position:absolute;text-align:center;width:100%}.vue-ui-table-main th.vue-ui-table-col-selector[data-v-ff53107e]{height:12px}.vue-ui-table-main .col-selector[data-v-ff53107e]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.vue-ui-table-main th.col-selector--selected[data-v-ff53107e]{background:radial-gradient(at top left,#9586eb,#6376DD);color:#fff}.vue-ui-table-main th.col-selector--selected div[data-v-ff53107e]{background:transparent;color:#fff}.vue-ui-table-main .vue-ui-table-chart-modal[data-v-ff53107e]{align-items:center;border-radius:8px;border:1px solid white;box-shadow:0 6px 12px -6px #0000004d;display:flex;flex-direction:column;justify-content:center;min-height:200px;min-width:300px;max-width:800px;overflow:hidden;padding:12px;position:fixed;resize:horizontal;-webkit-user-select:none;user-select:none;z-index:10000}.vue-ui-table-main .vue-ui-table-chart-svg[data-v-ff53107e]{border-radius:6px;margin-bottom:12px;overflow:visible;padding:12px;width:calc(100% - 24px)}.vue-ui-table-main .vue-ui-table-donut-chart[data-v-ff53107e]{border-radius:6px}.vue-ui-table-main td.vue-ui-table-td-iteration[data-v-ff53107e]{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.vue-ui-table-main .chart-trend[data-v-ff53107e]{font-size:12px;padding-left:12px}.vue-ui-table-main .chart-modal-options[data-v-ff53107e]{bottom:12px;display:flex;flex-direction:row;gap:8px;position:absolute;right:24px}.vue-ui-table-main .chart-modal-options button[data-v-ff53107e]{height:24px;padding:3px;width:24px}.vue-ui-table-main .th-range-filter[data-v-ff53107e]{display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column}.vue-ui-table-main .th-range-filter input[data-v-ff53107e]{height:20px;width:60px;font-variant-numeric:tabular-nums;font-size:12px}.vue-ui-table-main .th-range-filter label[data-v-ff53107e]{font-size:12px;font-weight:400;margin-bottom:-3px}.vue-ui-table-main .vue-ui-table-fieldset-wrapper[data-v-ff53107e]{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;margin-bottom:12px}.vue-ui-table-main .vue-ui-table-fieldset[data-v-ff53107e]{border-radius:6px;margin-bottom:24px;border:1px solid white}.vue-ui-table-main .vue-ui-table-fieldset legend[data-v-ff53107e]{color:gray}.vue-ui-table-main .vue-ui-table-fieldset-option[data-v-ff53107e]{display:flex;align-items:center}.vue-ui-table-main .vue-ui-table-fieldset-option input[data-v-ff53107e]{height:14px;width:14px;border-radius:50%}.vue-ui-table-main button.vue-ui-table-generate-donut[data-v-ff53107e]{align-items:center;display:flex;gap:3px;justify-content:center;margin:24px auto 12px;padding-left:12px;padding-right:12px;width:fit-content}.vue-ui-table-main button.vue-ui-table-generate-donut[disabled][data-v-ff53107e]{opacity:.5}.vue-ui-table-main .vue-ui-table-donut-legend[data-v-ff53107e]{align-items:center;column-gap:12px;display:flex;flex-wrap:wrap;font-size:12px;justify-content:center;margin:0 auto;max-width:400px;padding-bottom:36px}.vue-ui-table-main .vue-ui-table-donut-legend-item[data-v-ff53107e]{align-items:center;display:flex;flex-direction:row;gap:3px;justify-content:center}.vue-ui-table-main .vue-ui-table-donut-label[data-v-ff53107e]{align-items:center;display:flex;flex-direction:column;font-size:4px;height:100%;justify-content:center;text-align:center;width:100%}.vue-ui-table-main .vue-ui-table-donut-label-name[data-v-ff53107e]{font-size:3px;line-height:3px}.vue-ui-table-main td[data-v-ff53107e]:focus{outline:3px solid #202d7470}.vue-ui-table-main .vue-ui-table-export-hub[data-v-ff53107e]{left:5px;position:absolute;top:0;z-index:1001}.vue-ui-table-main .vue-ui-table-export-hub-dropdown[data-v-ff53107e]{position:absolute;top:40px;left:0;padding:24px;border-radius:8px;border:1px solid white;box-shadow:0 6px 12px -6px #00000080;transform:scale(0);opacity:0}.vue-ui-table-main .vue-ui-table-export-hub-dropdown[data-is-open=true][data-v-ff53107e]{animation:open-dropdown-ff53107e .2s ease-in forwards}.vue-ui-table-main .vue-ui-table-export-hub-dropdown[data-is-open=false][data-v-ff53107e]{animation:close-dropdown-ff53107e .2s ease-in}.vue-ui-table-main .vue-ui-table-export-hub-options[data-v-ff53107e]{margin-top:12px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.vue-ui-table-main .vue-ui-table-export-hub-options button[data-v-ff53107e]{width:fit-content;display:flex;align-items:center;justify-content:center;gap:3px;min-width:130px}.vue-ui-table-main .vue-ui-table-export-hub-option-wrapper[data-v-ff53107e]{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.vue-ui-table-main .vue-ui-table-export-hub-option-wrapper .label[data-v-ff53107e]{font-size:12px;line-height:12px;margin-bottom:6px;width:100px}.vue-ui-table-main .td-nan[data-v-ff53107e]{background:#F17171}.vue-ui-table-main .td-has-nan[data-v-ff53107e],.vue-ui-table-main .th-has-nan[data-v-ff53107e]{background:#F17171;min-width:100px;color:#fff}@keyframes open-dropdown-ff53107e{0%{transform:scaleY(.9);opacity:0}50%{transform:scaleY(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes close-dropdown-ff53107e{0%{transform:scale(1.05);opacity:1}to{transform:scale(0);opacity:0}}
+.vue-ui-xy *[data-v-aa9b330f]{transition:unset}.vue-ui-xy[data-v-aa9b330f]{position:relative}.vue-ui-xy-user-options[data-v-aa9b330f]{border-radius:4px;padding:6px 12px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;max-width:300px}.vue-ui-xy-user-options[open][data-v-aa9b330f]{border:1px solid #e1e5e8;box-shadow:0 6px 12px -6px #0003}.vue-ui-xy-user-options summary[data-v-aa9b330f]{text-align:right;direction:rtl}.vue-ui-xy-user-options-items[data-v-aa9b330f]{width:100%;display:flex;flex-direction:column;margin-top:6px}.vue-ui-xy-user-options-item[data-v-aa9b330f]{width:100%;display:flex;flex-direction:row;gap:5px;align-items:center}.vue-ui-xy-legend[data-v-aa9b330f]{align-items:center;column-gap:24px;display:flex;flex-wrap:wrap;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.vue-ui-xy-legend-item[data-v-aa9b330f]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.vue-ui-xy-legend-item-segregated[data-v-aa9b330f]{opacity:.5}.vue-ui-xy-title[data-v-aa9b330f]{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.vue-ui-xy svg rect[data-v-aa9b330f]{transition:all .11s ease-in-out}.vue-ui-xy-tooltip[data-v-aa9b330f]{border:1px solid #e1e5e8;border-radius:4px;box-shadow:0 6px 12px -6px #0003;max-width:300px;position:fixed;z-index:1}.vue-ui-xy-table-wrapper[data-v-aa9b330f]{width:100%;max-height:300px;overflow:auto;margin-top:24px;position:relative}.vue-ui-xy-table-wrapper-printing[data-v-aa9b330f]{max-height:unset;height:fit-content}.vue-ui-xy-table[data-v-aa9b330f]{width:100%;border-collapse:collapse}.vue-ui-xy-table td[data-v-aa9b330f]{border:1px solid #e1e5e8;text-align:right;padding-right:6px;font-variant-numeric:tabular-nums}.vue-ui-xy-table th[data-v-aa9b330f]{border:1px solid #e1e5e8;background:#fafafa;position:sticky;top:0;font-weight:400;outline:1px solid #e1e5e8;-webkit-user-select:none;user-select:none}.vue-ui-xy-table-tr-selected[data-v-aa9b330f]{background:#e1e5e8}.vue-ui-xy-button[data-v-aa9b330f]{margin:6px 0;border-radius:3px;height:30px;border:1px solid #b9bfc4;background:inherit;display:flex;align-items:center;justify-content:center}.vue-ui-xy-button[data-v-aa9b330f]:hover{background:rgba(0,0,0,.05)}.vue-ui-xy-print-icon[data-v-aa9b330f]{animation:smartspin-aa9b330f .5s infinite linear}@keyframes smartspin-aa9b330f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vue-ui-table-main[data-v-3cb64866]{height:fit-content;padding:0 0 98px;position:relative}.vue-ui-table__wrapper[data-v-3cb64866]{overflow-x:auto;padding:0 12px 48px;position:relative;width:calc(100% - 24px)}.vue-ui-table-main thead[data-v-3cb64866]{position:sticky;top:0}.vue-ui-table[data-v-3cb64866]{width:100%;position:relative}.vue-ui-table-main table[data-v-3cb64866]{border-collapse:collapse}.vue-ui-table-main th[data-v-3cb64866],.vue-ui-table-main td[data-v-3cb64866]{padding:3px 8px}.vue-ui-table-main tr td[data-v-3cb64866]{outline:1px solid white}.vue-ui-table-main .th-numeric[data-v-3cb64866]{text-align:right;font-variant-numeric:tabular-nums}.vue-ui-table-main .th-filter[data-v-3cb64866]{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;position:relative}.vue-ui-table-main button[data-v-3cb64866]{align-items:center;cursor:pointer;display:flex;justify-content:center;width:32px}.vue-ui-table-main input[data-v-3cb64866]{padding:0 6px;font-family:Satoshi}.vue-ui-table-main button[data-v-3cb64866],.vue-ui-table-main input[data-v-3cb64866]{border-radius:6px;height:32px}.vue-ui-table-main button[data-v-3cb64866]{border:1px solid grey}.vue-ui-table-main button[data-v-3cb64866]:hover,.vue-ui-table-main button[data-v-3cb64866]:focus,.vue-ui-table-main input[data-v-3cb64866]:hover,.vue-ui-table-main input[data-v-3cb64866]:focus{outline:3px solid rgba(128,128,128,.432)}.vue-ui-table-main button.clicked[data-v-3cb64866]{animation:clicked-3cb64866 .15s ease-in-out}.vue-ui-table-main button[disabled][data-v-3cb64866]{cursor:not-allowed}.vue-ui-table-main button[disabled][data-v-3cb64866]:focus,.vue-ui-table-main button[disabled][data-v-3cb64866]:hover{outline:none}button.th-reset[data-v-3cb64866]:not(:disabled){background:radial-gradient(at top,#f19a71,#F17171);border:1px solid #F17171;color:#fff}.vue-ui-table-main button.th-reset[data-v-3cb64866]:not(:disabled):hover,.vue-ui-table-main button.th-reset[data-v-3cb64866]:not(:disabled):focus{outline:3px solid #f171717e}.vue-ui-table-main [data-is-open=false][data-v-3cb64866]{transform:scale(0)}.vue-ui-table-main .th-dropdown[data-is-open=true][data-v-3cb64866]{animation:open-dropdown-3cb64866 .2s ease-in}.vue-ui-table-main .th-dropdown[data-is-open=false][data-v-3cb64866]{animation:close-dropdown-3cb64866 .2s ease-in}.vue-ui-table-main .th-dropdown[data-v-3cb64866]{align-items:center;border-radius:8px;border:1px solid white;box-shadow:0 6px 12px -6px #00000080;display:flex;flex-direction:column;justify-content:flex-start;left:0;max-width:300px;min-width:150px;padding:24px 12px 12px;position:absolute;top:calc(100% + 12px)}.vue-ui-table-main .th-option[data-v-3cb64866]{border-radius:6px;cursor:pointer;padding:2px 6px;text-align:left;-webkit-user-select:none;user-select:none;width:100%;font-weight:400}.vue-ui-table-main .th-option[data-v-3cb64866]:hover{background-color:#ffffff1a;box-shadow:0 3px 6px -3px #00000080;z-index:1}.vue-ui-table-main button.close-dropdown[data-v-3cb64866],.vue-ui-table-main button.close-chart-modal[data-v-3cb64866]{align-items:center;border-radius:50%;border:none;display:flex;height:20px;padding:2px;position:absolute;right:6px;top:6px;width:20px}.vue-ui-table-main button.close-dropdown[data-v-3cb64866]:hover,.vue-ui-table-main button.close-dropdown[data-v-3cb64866]:focus,.vue-ui-table-main button.close-chart-modal[data-v-3cb64866]:hover,.vue-ui-table-main button.close-char-modal[data-v-3cb64866]:focus{outline:3px solid #2d353c71}.vue-ui-table-main .th-button-active[data-v-3cb64866]{background:radial-gradient(at top,#968bf1,#6376DD);color:#fff}.vue-ui-table-main .th-button-active[data-v-3cb64866]:hover,.vue-ui-table-main .th-button-active[data-v-3cb64866]:focus{outline:3px solid #6375dd7a}.vue-ui-table-main .th-date[data-v-3cb64866]{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;width:100%}.vue-ui-table-main .date-wrapper--inputs[data-v-3cb64866]{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;width:100%}.vue-ui-table-main .date-wrapper--button[data-v-3cb64866]{display:flex;gap:3px}.vue-ui-table-main input[type=date][data-v-3cb64866]{border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;height:20px!important;width:100px}.vue-ui-table-main .date-fieldset[data-v-3cb64866]{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;width:100%}.vue-ui-table-main .date-fieldset label[data-v-3cb64866]{font-size:12px;font-weight:400}@keyframes clicked-3cb64866{0%{transform:scale(.9)}90%{transform:scale(1.03)}to{transform:scale(1)}}.vue-ui-table-main td.td-numeric[data-v-3cb64866]{cursor:pointer}.vue-ui-table-main .td-selector-info[data-v-3cb64866]{align-items:center;border-radius:0 0 6px 6px;bottom:76px;display:flex;font-size:14px;justify-content:flex-end;min-height:20px;padding:2px 4px 2px 2px;position:absolute;right:0;text-align:right;width:100%;z-index:1}.vue-ui-table-main button.td-selector-info-reset[data-v-3cb64866]{background:transparent;border:none;color:#f17171;height:14px;margin-left:24px;padding:0;width:14px}.vue-ui-table-main button.td-selector-info-reset[data-v-3cb64866]:hover,.vue-ui-table-main button.td-selector-info-reset[data-v-3cb64866]:focus{outline:3px solid #f171717e}.vue-ui-table-main .format-num[data-v-3cb64866]{font-variant-numeric:tabular-nums}.vue-ui-table-main .td-selector-icon[data-v-3cb64866]{margin-bottom:-5px;margin-right:6px}.vue-ui-table-main .vue-ui-table-pagination[data-v-3cb64866]{align-items:center;bottom:24px;display:flex;flex-direction:row;gap:12px;height:40px;justify-content:center;position:absolute;width:100%;z-index:1}.vue-ui-table-main button.vue-ui-table-navigation[data-v-3cb64866]{height:36px;padding:1px;width:36px}.vue-ui-table-main .vue-ui-table-navigation-indicator[data-v-3cb64866]{border-radius:6px;bottom:70px;height:6px;position:absolute;transition:all .1s ease-in-out}.vue-ui-table-main .vue-ui-table-page-scroller-wrapper[data-v-3cb64866]{align-items:center;display:flex;flex-direction:column;justify-content:center}.vue-ui-table-main input.vue-ui-table-page-scroller[data-v-3cb64866]{cursor:pointer;height:24px;padding:0}.vue-ui-table-main .vue-ui-table-paginator[data-v-3cb64866]{position:absolute;bottom:0;z-index:2;left:12px;display:flex;flex-direction:row;gap:6px;font-size:14px;justify-content:center;align-items:center;width:calc(100% - 24px)}.vue-ui-table-main .vue-ui-table-paginator select[data-v-3cb64866]{border-radius:3px}.vue-ui-table-main .vue-ui-table-size-warning[data-v-3cb64866]{align-items:center;bottom:-24px;color:#f17171;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:6px;justify-content:center;position:absolute;text-align:center;width:100%}.vue-ui-table-main th.vue-ui-table-col-selector[data-v-3cb64866]{height:12px}.vue-ui-table-main .col-selector[data-v-3cb64866]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.vue-ui-table-main th.col-selector--selected[data-v-3cb64866]{background:radial-gradient(at top left,#9586eb,#6376DD);color:#fff}.vue-ui-table-main th.col-selector--selected div[data-v-3cb64866]{background:transparent;color:#fff}.vue-ui-table-main .vue-ui-table-chart-modal[data-v-3cb64866]{align-items:center;border-radius:8px;border:1px solid white;box-shadow:0 6px 12px -6px #0000004d;display:flex;flex-direction:column;justify-content:center;min-height:200px;min-width:300px;max-width:800px;overflow:hidden;padding:12px;position:fixed;resize:horizontal;-webkit-user-select:none;user-select:none;z-index:10000}.vue-ui-table-main .vue-ui-table-chart-svg[data-v-3cb64866]{border-radius:6px;margin-bottom:12px;overflow:visible;padding:12px;width:calc(100% - 24px)}.vue-ui-table-main .vue-ui-table-donut-chart[data-v-3cb64866]{border-radius:6px}.vue-ui-table-main td.vue-ui-table-td-iteration[data-v-3cb64866]{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.vue-ui-table-main .chart-trend[data-v-3cb64866]{font-size:12px;padding-left:12px}.vue-ui-table-main .chart-modal-options[data-v-3cb64866]{bottom:12px;display:flex;flex-direction:row;gap:8px;position:absolute;right:24px}.vue-ui-table-main .chart-modal-options button[data-v-3cb64866]{height:24px;padding:3px;width:24px}.vue-ui-table-main .th-range-filter[data-v-3cb64866]{display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column}.vue-ui-table-main .th-range-filter input[data-v-3cb64866]{height:20px;width:60px;font-variant-numeric:tabular-nums;font-size:12px}.vue-ui-table-main .th-range-filter label[data-v-3cb64866]{font-size:12px;font-weight:400;margin-bottom:-3px}.vue-ui-table-main .vue-ui-table-fieldset-wrapper[data-v-3cb64866]{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;margin-bottom:12px}.vue-ui-table-main .vue-ui-table-fieldset[data-v-3cb64866]{border-radius:6px;margin-bottom:24px;border:1px solid white}.vue-ui-table-main .vue-ui-table-fieldset legend[data-v-3cb64866]{color:gray}.vue-ui-table-main .vue-ui-table-fieldset-option[data-v-3cb64866]{display:flex;align-items:center}.vue-ui-table-main .vue-ui-table-fieldset-option input[data-v-3cb64866]{height:14px;width:14px;border-radius:50%}.vue-ui-table-main button.vue-ui-table-generate-donut[data-v-3cb64866]{align-items:center;display:flex;gap:3px;justify-content:center;margin:24px auto 12px;padding-left:12px;padding-right:12px;width:fit-content}.vue-ui-table-main button.vue-ui-table-generate-donut[disabled][data-v-3cb64866]{opacity:.5}.vue-ui-table-main .vue-ui-table-donut-legend[data-v-3cb64866]{align-items:center;column-gap:12px;display:flex;flex-wrap:wrap;font-size:12px;justify-content:center;margin:0 auto;max-width:400px;padding-bottom:36px}.vue-ui-table-main .vue-ui-table-donut-legend-item[data-v-3cb64866]{align-items:center;display:flex;flex-direction:row;gap:3px;justify-content:center}.vue-ui-table-main .vue-ui-table-donut-label[data-v-3cb64866]{align-items:center;display:flex;flex-direction:column;font-size:4px;height:100%;justify-content:center;text-align:center;width:100%}.vue-ui-table-main .vue-ui-table-donut-label-name[data-v-3cb64866]{font-size:3px;line-height:3px}.vue-ui-table-main td[data-v-3cb64866]:focus{outline:3px solid #202d7470}.vue-ui-table-main .vue-ui-table-export-hub[data-v-3cb64866]{left:5px;position:absolute;top:0;z-index:1001}.vue-ui-table-main .vue-ui-table-export-hub-dropdown[data-v-3cb64866]{position:absolute;top:40px;left:0;padding:24px;border-radius:8px;border:1px solid white;box-shadow:0 6px 12px -6px #00000080;transform:scale(0);opacity:0}.vue-ui-table-main .vue-ui-table-export-hub-dropdown[data-is-open=true][data-v-3cb64866]{animation:open-dropdown-3cb64866 .2s ease-in forwards}.vue-ui-table-main .vue-ui-table-export-hub-dropdown[data-is-open=false][data-v-3cb64866]{animation:close-dropdown-3cb64866 .2s ease-in}.vue-ui-table-main .vue-ui-table-export-hub-options[data-v-3cb64866]{margin-top:12px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.vue-ui-table-main .vue-ui-table-export-hub-options button[data-v-3cb64866]{width:fit-content;display:flex;align-items:center;justify-content:center;gap:3px;min-width:130px}.vue-ui-table-main .vue-ui-table-export-hub-option-wrapper[data-v-3cb64866]{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.vue-ui-table-main .vue-ui-table-export-hub-option-wrapper .label[data-v-3cb64866]{font-size:12px;line-height:12px;margin-bottom:6px;width:100px}.vue-ui-table-main .td-nan[data-v-3cb64866]{background:#F17171}.vue-ui-table-main .td-has-nan[data-v-3cb64866],.vue-ui-table-main .th-has-nan[data-v-3cb64866]{background:#F17171;min-width:100px;color:#fff}@keyframes open-dropdown-3cb64866{0%{transform:scaleY(.9);opacity:0}50%{transform:scaleY(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes close-dropdown-3cb64866{0%{transform:scale(1.05);opacity:1}to{transform:scale(0);opacity:0}}

package/dist/vue-data-ui.js

@@ -1,4 +1,4 @@
-import { a as o, v as r } from "./index-e4249160.js";
+import { a as o, v as r } from "./index-32b06fde.js";
 import "vue";
 export {
   o as VueUiTable,