@fewangsit/wangsvue 1.5.217-alpha.1 → 1.5.218-alpha.0

package/basetree/index.es.js

@@ -0,0 +1,169 @@
+import { defineComponent as V, inject as W, ref as F, computed as P, watch as A, createElementBlock as h, openBlock as f, mergeProps as p, unref as u, createCommentVNode as H, createElementVNode as N, normalizeProps as j, renderSlot as G, createVNode as z, Fragment as I, renderList as q, createBlock as J } from "vue";
+import { O as Q } from "../vendor/primevue/utils/utils.esm.es.js";
+import { _ as R } from "../icon/index.es.js";
+import { _ as X } from "../treenode/index.es.js";
+const Y = ["id"], Z = ["aria-label", "aria-labelledby"], te = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "BaseTree",
+  props: {
+    disableKeys: {},
+    disableNodeAll: { type: Boolean, default: !1 },
+    exactDisableKeys: {},
+    level: { default: 0 },
+    listLabelsNoOption: {},
+    value: {},
+    propagateSelection: { type: Boolean, default: !0 },
+    expandedKeys: {},
+    selectionKeys: { default: null },
+    treeNodeMenus: {},
+    selectionMode: {},
+    metaKeySelection: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    showDisposableGroups: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: { default: "mask" },
+    filterText: { default: "" },
+    filterBy: { default: "label" },
+    filterMode: { default: "lenient" },
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean, default: !1 },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    useOption: { type: Boolean, default: !1 },
+    disableNodeWhen: {},
+    exactDisableNodeWhen: {},
+    nodeSelectedWhen: {}
+  },
+  emits: ["update:expandedKeys", "update:selectionKeys", "nodeSelect", "nodeUnselect", "nodeExpand", "nodeCollapse", "toggleMenu"],
+  setup(S, { emit: v }) {
+    const l = S, i = v, c = W("preset", {}).tree, d = F(l.expandedKeys ?? []), L = (e) => {
+      const { key: t } = e;
+      d.value[t] ? (delete d.value[t], i("nodeCollapse", e)) : (d.value[t] = !0, i("nodeExpand", e)), d.value = { ...d.value }, i("update:expandedKeys", d.value);
+    }, B = (e) => {
+      if (l.selectionMode != null && e.node.selectable !== !1) {
+        const o = (e.nodeTouched ? !1 : l.metaKeySelection) ? O(e) : w(e);
+        i("update:selectionKeys", o);
+      }
+    }, C = (e) => {
+      i("update:selectionKeys", e.selectionKeys), e.check ? i("nodeSelect", e.node) : i("nodeUnselect", e.node);
+    }, O = (e) => {
+      const { originalEvent: t } = e, { node: o } = e, s = t.metaKey || t.ctrlKey, a = g(o);
+      let n;
+      return a && s ? (y() ? n = {} : (n = { ...l.selectionKeys }, delete n[o.key]), i("nodeUnselect", o)) : (y() ? n = {} : $() && (s && l.selectionKeys ? n = { ...l.selectionKeys } : n = {}), n[o.key] = !0, i("nodeSelect", o)), n;
+    }, w = (e) => {
+      const { node: t } = e, o = g(t);
+      let s;
+      return y() ? o ? (s = {}, i("nodeUnselect", t)) : (s = {}, s[t.key] = !0, i("nodeSelect", t)) : o ? (s = { ...l.selectionKeys }, delete s[t.key], i("nodeUnselect", t)) : (s = l.selectionKeys ? { ...l.selectionKeys } : {}, s[t.key] = !0, i("nodeSelect", t)), s;
+    }, y = () => l.selectionMode === "single", $ = () => l.selectionMode === "multiple", g = (e) => l.selectionMode && l.selectionKeys ? l.selectionKeys[e.key] === !0 : !1, D = (e) => e.leaf === !1 ? !1 : !(e.children && e.children.length), m = (e, t) => {
+      if (e) {
+        let o = !1;
+        if (e.children) {
+          const s = [...e.children];
+          e.children = [];
+          for (const a of s) {
+            const n = { ...a };
+            b(n, t) && (o = !0, e.children.push(n));
+          }
+        }
+        if (o)
+          return !0;
+      }
+    }, b = (e, { searchFields: t, filterText: o, strict: s }) => {
+      let a = !1;
+      for (const n of t)
+        String(
+          Q.resolveFieldData(e, n)
+        ).toLocaleLowerCase(l.filterLocale).indexOf(o) > -1 && (a = !0);
+      return (!a || s && !D(e)) && (a = m(e, { searchFields: t, filterText: o, strict: s }) || a), a;
+    }, E = P(() => {
+      const e = [], t = l.filterBy.split(","), o = l.filterMode === "strict";
+      for (const s of l.value) {
+        const a = { ...s }, n = {
+          searchFields: t,
+          filterText: l.filterText.toLocaleLowerCase(l.filterLocale),
+          strict: o
+        };
+        (o && (m(a, n) || b(a, n)) || !o && (b(a, n) || m(a, n))) && e.push(a);
+      }
+      return e;
+    });
+    return A(
+      () => l.expandedKeys,
+      (e) => {
+        d.value = e;
+      },
+      { deep: !0 }
+    ), (e, t) => {
+      var o, s, a, n;
+      return f(), h("div", p((o = l.pt ?? u(c)) == null ? void 0 : o.root, {
+        id: e.$attrs.id,
+        class: e.$attrs.class,
+        "data-wv-name": "tree"
+      }), [
+        e.loading && e.loadingMode === "mask" ? (f(), h("div", j(p({ key: 0 }, (s = l.pt ?? u(c)) == null ? void 0 : s.loadingOverlay)), [
+          G(e.$slots, "loadingicon", {}, () => {
+            var r;
+            return [
+              z(R, p({
+                class: "animate-spin",
+                icon: "spinner"
+              }, (r = l.pt ?? u(c)) == null ? void 0 : r.loadingicon), null, 16)
+            ];
+          })
+        ], 16)) : H("", !0),
+        N("div", p({
+          style: { maxHeight: e.scrollHeight }
+        }, (a = l.pt ?? u(c)) == null ? void 0 : a.wrapper), [
+          N("ul", p({
+            "aria-label": e.ariaLabel,
+            "aria-labelledby": e.ariaLabelledby
+          }, (n = l.pt ?? u(c)) == null ? void 0 : n.container, {
+            "data-pc-section": "container",
+            role: "tree"
+          }), [
+            (f(!0), h(I, null, q(E.value, (r, T) => {
+              var K, k, M;
+              return f(), J(X, p({
+                key: r.key,
+                ref_for: !0
+              }, l, {
+                class: [...(k = (K = l.pt ?? u(c)) == null ? void 0 : K.node) == null ? void 0 : k.class],
+                "disable-keys": e.disableKeys,
+                "disable-node-all": l.disableNodeAll,
+                disabled: (M = e.disableKeys) == null ? void 0 : M.includes(+r.key),
+                "exact-disable-keys": e.exactDisableKeys,
+                "expanded-keys": d.value,
+                index: T,
+                level: e.level + 1,
+                "list-labels-no-option": e.listLabelsNoOption,
+                "loading-mode": e.loadingMode,
+                node: r,
+                "propagate-selection": e.propagateSelection,
+                pt: e.pt,
+                "selection-keys": e.selectionKeys,
+                "selection-mode": e.selectionMode,
+                "show-disposable-groups": e.showDisposableGroups,
+                templates: e.$slots,
+                "tree-node-menus": e.treeNodeMenus,
+                unstyled: e.unstyled,
+                "use-option": e.useOption,
+                onCheckboxChange: C,
+                onNodeClick: B,
+                onNodeToggle: L,
+                onToggleMenu: t[0] || (t[0] = (U) => e.$emit("toggleMenu", U))
+              }), null, 16, ["class", "disable-keys", "disable-node-all", "disabled", "exact-disable-keys", "expanded-keys", "index", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "show-disposable-groups", "templates", "tree-node-menus", "unstyled", "use-option"]);
+            }), 128))
+          ], 16, Z)
+        ], 16)
+      ], 16, Y);
+    };
+  }
+});
+export {
+  te as _
+};

package/breadcrumb/index.es.js

@@ -0,0 +1,46 @@
+import { defineComponent as m, inject as f, computed as _, createElementBlock as t, openBlock as r, normalizeProps as d, guardReactiveProps as k, unref as o, Fragment as a, renderList as h, createElementVNode as C, createCommentVNode as g, mergeProps as c, toDisplayString as l, createTextVNode as v } from "vue";
+import { t as x } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
+const y = ["href", "title", "onClick"], P = ["textContent"], E = /* @__PURE__ */ m({
+  __name: "Breadcrumb",
+  props: {
+    menus: {}
+  },
+  setup(u) {
+    const i = u, n = f("preset", {}).breadcrumb, p = _(() => i.menus.length - 1);
+    return (b, B) => (r(), t("div", d(k(o(n).root)), [
+      (r(!0), t(a, null, h(i.menus, (e, s) => (r(), t(a, {
+        key: e.route
+      }, [
+        C("span", c(
+          { ref_for: !0 },
+          o(n).item({
+            context: {
+              firstItem: s == 0,
+              lastItem: s == p.value,
+              hasRoute: !!e.route
+            }
+          })
+        ), [
+          e.route ? (r(), t("a", c({
+            key: 0,
+            href: e.route,
+            title: e.title,
+            ref_for: !0
+          }, o(n).itemlink, {
+            onClick: (I) => o(x)(e.route)
+          }), l(e.name), 17, y)) : (r(), t(a, { key: 1 }, [
+            v(l(e.name), 1)
+          ], 64))
+        ], 16),
+        s != p.value ? (r(), t("span", c({
+          key: 0,
+          textContent: l(o(n).separator.content),
+          ref_for: !0
+        }, o(n).separator), null, 16, P)) : g("", !0)
+      ], 64))), 128))
+    ], 16));
+  }
+});
+export {
+  E as _
+};

package/{components/button/Button.vue.d.ts → button/index.d.ts}

@@ -1,13 +1,14 @@
-import { TooltipOptions } from 'primevue/tooltip';
 import { ButtonHTMLAttributes, VNode } from 'vue';
 
-import { WangsIcons } from '../icon/Icon.vue.d';
+import { WangsIcons } from '../icon';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   HintedString,
 } from '../ts-helpers.d';
 
+import { TooltipOptions } from 'primevue/tooltip';
+
 /**
  * Defines valid properties in Button component.
  */

package/button/index.es.js

@@ -0,0 +1,120 @@
+import { defineComponent as P, inject as B, computed as b, resolveDirective as g, withDirectives as c, createBlock as i, openBlock as n, unref as p, mergeProps as t, withCtx as l, renderSlot as u, createCommentVNode as d, normalizeProps as v } from "vue";
+import { s as y } from "../vendor/primevue/button/button.esm.es.js";
+import { _ as f } from "../icon/index.es.js";
+const C = (s) => s ? Array.isArray(s) ? s : [s] : [], z = /* @__PURE__ */ P({
+  __name: "Button",
+  props: {
+    style: {},
+    class: {},
+    label: {},
+    icon: {},
+    iconPos: {},
+    iconClass: {},
+    tooltip: {},
+    tooltipPos: {},
+    badge: {},
+    badgeClass: {},
+    badgeSeverity: {},
+    loading: { type: Boolean },
+    loadingIcon: {},
+    link: { type: Boolean },
+    severity: {},
+    raised: { type: Boolean },
+    rounded: { type: Boolean },
+    text: { type: Boolean },
+    outlined: { type: Boolean },
+    size: {},
+    plain: { type: Boolean }
+  },
+  setup(s) {
+    const e = s, m = B("preset", {}).button, r = b(() => ({
+      icon: e.icon ?? "check",
+      class: [
+        ...(m == null ? void 0 : m.icon({ props: e }).class) ?? {},
+        { "text-base": e.icon && !e.label },
+        // Need to use attrs, because props.label is always undefined.
+        ...C(e.iconClass)
+      ]
+    }));
+    return (o, h) => {
+      const a = g("tooltip");
+      return o.tooltipPos === "top" ? c((n(), i(p(y), t({ key: 0 }, e, {
+        icon: o.icon,
+        "icon-pos": o.iconPos
+      }), {
+        icon: l(({ class: k }) => [
+          o.icon ? (n(), i(f, t({ key: 0 }, r.value, { class: k }), null, 16, ["class"])) : d("", !0)
+        ]),
+        default: l(() => [
+          u(o.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["icon", "icon-pos"])), [
+        [
+          a,
+          o.tooltip,
+          void 0,
+          { top: !0 }
+        ]
+      ]) : o.tooltipPos === "left" ? c((n(), i(p(y), t({ key: 1 }, e, {
+        icon: o.icon,
+        "icon-pos": o.iconPos
+      }), {
+        icon: l(() => [
+          o.icon ? (n(), i(f, v(t({ key: 0 }, r.value)), null, 16)) : d("", !0)
+        ]),
+        default: l(() => [
+          u(o.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["icon", "icon-pos"])), [
+        [
+          a,
+          o.tooltip,
+          void 0,
+          { left: !0 }
+        ]
+      ]) : o.tooltipPos === "right" ? c((n(), i(p(y), t({ key: 2 }, e, {
+        icon: o.icon,
+        "icon-pos": o.iconPos
+      }), {
+        icon: l(() => [
+          o.icon ? (n(), i(f, v(t({ key: 0 }, r.value)), null, 16)) : d("", !0)
+        ]),
+        default: l(() => [
+          u(o.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["icon", "icon-pos"])), [
+        [
+          a,
+          o.tooltip,
+          void 0,
+          { right: !0 }
+        ]
+      ]) : c((n(), i(p(y), t({ key: 3 }, e, {
+        icon: o.icon,
+        "icon-pos": o.iconPos
+      }), {
+        icon: l(() => [
+          o.icon ? (n(), i(f, v(t({ key: 0 }, r.value)), null, 16)) : d("", !0)
+        ]),
+        default: l(() => [
+          u(o.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["icon", "icon-pos"])), [
+        [
+          a,
+          o.tooltip,
+          void 0,
+          { bottom: !0 }
+        ]
+      ]);
+    };
+  }
+});
+export {
+  z as _,
+  C as c
+};

package/{components/buttonImportExcel/ButtonImportExcel.vue.d.ts → buttonImportExcel/index.d.ts}

@@ -1,5 +1,5 @@
-import { TableColumn } from '../datatable/DataTable.vue.d';
-import { DialogFormProps } from '../dialogform/DialogForm.vue.d';
+import { TableColumn } from '../datatable';
+import { DialogFormProps } from '../dialogform';
 import { ClassComponent } from '../ts-helpers.d';
 
 export interface ButtonImportExcelProps {

package/buttonbulkaction/index.es.js

@@ -0,0 +1,186 @@
+import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as r, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
+import { e as c } from "../event-bus/index.es.js";
+import { u as se } from "../plugins/WangsVue.es.js";
+import { m as ie } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as re } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { _ as A } from "../button/index.es.js";
+import { _ as ue } from "../icon/index.es.js";
+import { _ as ce } from "../menu/index.es.js";
+import { _ as de } from "../menuitem/index.es.js";
+const pe = (D, N) => {
+  const l = {
+    label: N,
+    disabled: !0
+  }, g = D.filter((d) => d.visible !== !1);
+  return g.length ? g : [l];
+}, $e = /* @__PURE__ */ Y({
+  __name: "ButtonBulkAction",
+  props: {
+    disabled: { type: Boolean },
+    selectedData: { default: () => [] },
+    totalRecords: {},
+    options: { default: () => [] },
+    tableName: { default: "datatable" },
+    selectMenuType: {},
+    naming: {}
+  },
+  emits: ["apply", "update:selectedData"],
+  setup(D, { emit: N }) {
+    const l = D, { defaultProps: g, locale: d } = se("ButtonBulkAction"), p = ie(l, g), B = N;
+    Z(() => {
+      window.addEventListener("disableBulkAction", O), c.on("data-table:update-selected-data", L), c.on("data-table:update-total-record", z);
+    }), I(() => {
+      window.removeEventListener("disableBulkAction", O), c.off("data-table:update-total-record", L), c.off("data-table:update-selected-data", z);
+    });
+    const S = R(), _ = R(), n = k(), m = k(0), C = k(!1), M = k(!1), i = R(l.selectedData), j = x(
+      () => {
+        var e;
+        return ((e = i.value) == null ? void 0 : e.length) && !M.value && m.value > 0;
+      }
+    ), G = () => {
+      window.dispatchEvent(
+        new CustomEvent("fetchAllData", { detail: l.tableName })
+      ), c.emit("data-table:select-all-record", { tableName: l.tableName });
+    }, J = () => {
+      B("update:selectedData", []), c.emit("data-table:clear-selected-data", {
+        tableName: l.tableName
+      });
+    }, O = (e) => {
+      l.tableName === e.detail.tableName && (M.value = e.detail.value);
+    }, K = (e) => {
+      var t;
+      (t = S.value) == null || t.toggle(e);
+    }, z = (e) => {
+      l.tableName === (e == null ? void 0 : e.tableName) && (m.value = e == null ? void 0 : e.total);
+    }, L = (e) => {
+      e.tableName === l.tableName && (i.value = e.data, B("update:selectedData", e.data ?? []));
+    }, Q = async (e) => {
+      var t, s;
+      if (e.useAdditionSlot) {
+        n.value = e, await ne();
+        const u = (t = _.value) == null ? void 0 : t.children[1], a = u == null ? void 0 : u.querySelector(
+          "input"
+        );
+        a && (a == null || a.click(), a == null || a.focus());
+      } else e.command ? (e.command({
+        originalEvent: void 0,
+        item: e
+      }), (s = S.value) == null || s.hide(), n.value = void 0) : e.url ? window.open(e.url, e.target) : e.route && window.history.pushState(void 0, "", e.route);
+    }, X = (e) => {
+      var t, s;
+      (s = (t = n.value) == null ? void 0 : t.command) == null || s.call(t, {
+        originalEvent: e,
+        item: n.value
+      }), n.value = void 0, B("apply");
+    };
+    return F(
+      [i, m],
+      ([e, t]) => {
+        e != null && e.length || (n.value = void 0), C.value = (e == null ? void 0 : e.length) === t;
+      },
+      { deep: !0 }
+    ), F(
+      () => l.totalRecords,
+      (e) => m.value = e ?? 0,
+      { immediate: !0 }
+    ), (e, t) => {
+      var s, u, a, U, W, q;
+      return y((r(), h("div", f(e.$preset.buttonbulkaction.root, {
+        ref_key: "wrapper",
+        ref: _
+      }), [
+        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (r(), E(ce, {
+          key: 0,
+          ref_key: "menu",
+          ref: S,
+          model: e.options,
+          popup: ""
+        }, null, 8, ["model"])) : w("", !0),
+        o(p).selectMenuType === "dropdown" ? (r(), h(T, { key: 1 }, [
+          (u = e.selectedData) != null && u.length ? (r(), E(o(re), {
+            key: 0,
+            disabled: l.disabled || M.value || !((a = e.selectedData) != null && a.length),
+            options: o(pe)(
+              e.options,
+              e.$wangsvue.config.locale.components.Menu.noOptionLabel
+            ),
+            pt: e.$preset.buttonbulkaction.dropdownmenu,
+            "onUpdate:modelValue": t[0] || (t[0] = (b) => Q(b)),
+            "option-label": "label",
+            outlined: "",
+            placeholder: "Bulk Action"
+          }, {
+            dropdownicon: V(({ class: b }) => [
+              v(ue, {
+                class: te([b]),
+                icon: "arrow-down"
+              }, null, 8, ["class"])
+            ]),
+            option: V(({ option: b }) => [
+              v(de, {
+                item: b,
+                "router-props": {
+                  action: e.$preset.menu.action,
+                  label: e.$preset.menu.label,
+                  icon: e.$preset.menu.icon
+                }
+              }, null, 8, ["item", "router-props"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "options", "pt"])) : w("", !0),
+          ee(e.$slots, "addition", { selectedOption: n.value }),
+          y(v(A, f({ onClick: X }, e.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
+            [$, (U = n.value) == null ? void 0 : U.useAdditionSlot]
+          ])
+        ], 64)) : w("", !0),
+        y(le("span", ae(oe(e.$preset.buttonbulkaction.selectionmessage)), P(o(d).currentSelectionMessage.replace(
+          "{length} {naming}",
+          `${i.value.length.toString()} ${o(p).naming}`
+        )), 17), [
+          [$, (W = i.value) == null ? void 0 : W.length]
+        ]),
+        y(v(A, f(
+          { onClick: G },
+          e.$preset.buttonbulkaction.buttonselectall({
+            context: { selectedAll: C.value }
+          }),
+          { text: "" }
+        ), {
+          default: V(() => [
+            C.value ? (r(), h(T, { key: 1 }, [
+              H(P(o(d).allRecordSelected.replace("{naming}", o(p).naming)), 1)
+            ], 64)) : (r(), h(T, { key: 0 }, [
+              H(P(o(d).selectAllRecords.replace(
+                "{totalRecords}",
+                m.value.toString()
+              )), 1)
+            ], 64))
+          ]),
+          _: 1
+        }, 16), [
+          [$, j.value]
+        ]),
+        o(p).selectMenuType === "overlay-panel" ? (r(), E(A, f({
+          key: 2,
+          onClick: K
+        }, e.$preset.buttonbulkaction.bulkactiontoggle, {
+          icon: "ellipsis-h",
+          outlined: "",
+          severity: "secondary",
+          size: "small"
+        }), null, 16)) : w("", !0),
+        v(A, f({ onClick: J }, e.$preset.buttonbulkaction.buttonclearselection, {
+          icon: "close",
+          severity: "danger",
+          text: ""
+        }), null, 16)
+      ], 16)), [
+        [$, (q = i.value) == null ? void 0 : q.length]
+      ]);
+    };
+  }
+});
+export {
+  $e as _,
+  pe as f
+};

package/buttoncopy/index.es.js

@@ -0,0 +1,31 @@
+import { defineComponent as c, createBlock as a, openBlock as n, withCtx as r, createVNode as p } from "vue";
+import { _ as s } from "../button/index.es.js";
+import { _ as i } from "../icon/index.es.js";
+const u = /* @__PURE__ */ c({
+  __name: "ButtonCopy",
+  props: {
+    text: {}
+  },
+  setup(t) {
+    const o = t, e = () => {
+      navigator.clipboard.writeText(o.text);
+    };
+    return (m, _) => (n(), a(s, {
+      onClick: e,
+      class: "p-0 m-0",
+      "data-wv-name": "buttoncopy",
+      text: ""
+    }, {
+      default: r(() => [
+        p(i, {
+          class: "h-[14px] text-sm text-general-200",
+          icon: "file-copy"
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  u as _
+};

package/{components/buttondownload/ButtonDownload.vue.d.ts → buttondownload/index.d.ts}

@@ -1,4 +1,4 @@
-import { DataTableProps } from '../datatable/DataTable.vue.d';
+import { DataTableProps } from '../datatable';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface ButtonDownloadLocaleConfig {