@web-utils/component 2.7.20 → 2.7.22

package/dist/components/confirmable/index.js

@@ -1,28 +1,28 @@
-import { c as o } from "../../chunks/confirmable-mixin.3a79781b.js";
-import { n as t } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const r = {
+import { c as confirmableMixin } from "../../chunks/confirmable-mixin.35bd1934.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+const __vue2_script = {
   name: "Confirmable",
-  mixins: [o]
+  mixins: [confirmableMixin]
 };
-let _, i;
-const e = {};
-var s = /* @__PURE__ */ t(
-  r,
-  _,
-  i,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  l,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function l(c) {
-  for (let n in e)
-    this[n] = e[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const u = /* @__PURE__ */ function() {
-  return s.exports;
+const Confirmable = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  Confirmable as default
 };

package/dist/components/context-menu/index.js

@@ -1,16 +1,16 @@
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var d = function() {
-  var t = this, i = t.$createElement, e = t._self._c || i;
-  return t.rendered ? e("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.rendered ? _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: t.visible,
+      value: _vm.visible,
       expression: "visible"
     }],
     staticClass: "cm-container",
-    style: t.axisComputed
-  }, [e("svg", {
+    style: _vm.axisComputed
+  }, [_c("svg", {
     staticStyle: {
       position: "absolute",
       width: "0",
@@ -20,97 +20,97 @@ var d = function() {
     attrs: {
       "aria-hidden": "true"
     }
-  }, [e("symbol", {
+  }, [_c("symbol", {
     attrs: {
       id: "icon-arrow",
       viewBox: "0 0 1024 1024"
     }
-  }, [e("path", {
+  }, [_c("path", {
     attrs: {
       d: "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z"
     }
-  })])]), e("ul", {
+  })])]), _c("ul", {
     staticClass: "cm-ul cm-ul-1 easy-cm-ul",
-    class: t.underline ? "cm-underline" : ""
-  }, t._l(t.list, function(s, l) {
-    return e("li", {
-      key: l,
-      style: t.liStyle
-    }, [e("div", {
-      class: t.firstLeft ? "cm-left" : "",
+    class: _vm.underline ? "cm-underline" : ""
+  }, _vm._l(_vm.list, function(item, index) {
+    return _c("li", {
+      key: index,
+      style: _vm.liStyle
+    }, [_c("div", {
+      class: _vm.firstLeft ? "cm-left" : "",
       on: {
-        click: function(n) {
-          return t.onItemClick(s, [l]);
+        click: function($event) {
+          return _vm.onItemClick(item, [index]);
         }
       }
-    }, [e("i", {
+    }, [_c("i", {
       staticClass: "cm-item-icon",
-      class: s.icon
-    }), e("span", {
+      class: item.icon
+    }), _c("span", {
       staticClass: "cm-item-label"
-    }, [t._v(t._s(s.text))]), t.arrow && s.children && s.children.length > 0 ? e("svg", {
+    }, [_vm._v(_vm._s(item.text))]), _vm.arrow && item.children && item.children.length > 0 ? _c("svg", {
       staticClass: "icon",
       attrs: {
         "aria-hidden": "true"
       }
-    }, [e("use", {
+    }, [_c("use", {
       attrs: {
         "xlink:href": "#icon-arrow"
       }
-    })]) : t._e()]), s.children && s.children.length > 0 ? e("ul", {
+    })]) : _vm._e()]), item.children && item.children.length > 0 ? _c("ul", {
       staticClass: "cm-ul cm-ul-2 easy-cm-ul",
-      class: t.underline ? "cm-underline" : "",
-      style: t.secondBorderCheck(l)
-    }, t._l(s.children, function(n, r) {
-      return e("li", {
-        key: r,
-        style: t.liStyle
-      }, [e("div", {
-        class: t.secondLeft ? "cm-left" : "",
+      class: _vm.underline ? "cm-underline" : "",
+      style: _vm.secondBorderCheck(index)
+    }, _vm._l(item.children, function(second, si) {
+      return _c("li", {
+        key: si,
+        style: _vm.liStyle
+      }, [_c("div", {
+        class: _vm.secondLeft ? "cm-left" : "",
         on: {
-          click: function(h) {
-            return t.onItemClick(n, [l, r]);
+          click: function($event) {
+            return _vm.onItemClick(second, [index, si]);
           }
         }
-      }, [e("i", {
+      }, [_c("i", {
         staticClass: "cm-item-icon",
-        class: n.icon
-      }), e("span", {
+        class: second.icon
+      }), _c("span", {
         staticClass: "cm-item-label"
-      }, [t._v(t._s(n.text))]), t.arrow && n.children && n.children.length > 0 ? e("svg", {
+      }, [_vm._v(_vm._s(second.text))]), _vm.arrow && second.children && second.children.length > 0 ? _c("svg", {
         staticClass: "icon",
         attrs: {
           "aria-hidden": "true"
         }
-      }, [e("use", {
+      }, [_c("use", {
         attrs: {
           "xlink:href": "#icon-arrow"
         }
-      })]) : t._e()]), n.children && n.children.length > 0 ? e("ul", {
+      })]) : _vm._e()]), second.children && second.children.length > 0 ? _c("ul", {
         staticClass: "cm-ul cm-ul-3 easy-cm-ul",
-        class: t.underline ? "cm-underline" : "",
-        style: t.thirdBorderCheck(l, r)
-      }, t._l(n.children, function(h, c) {
-        return e("li", {
-          key: c,
-          style: t.liStyle
-        }, [e("div", {
+        class: _vm.underline ? "cm-underline" : "",
+        style: _vm.thirdBorderCheck(index, si)
+      }, _vm._l(second.children, function(third, ti) {
+        return _c("li", {
+          key: ti,
+          style: _vm.liStyle
+        }, [_c("div", {
           on: {
-            click: function(x) {
-              return t.onItemClick(h, [l, r, c]);
+            click: function($event) {
+              return _vm.onItemClick(third, [index, si, ti]);
             }
           }
-        }, [e("i", {
+        }, [_c("i", {
           staticClass: "cm-item-icon",
-          class: h.icon
-        }), e("span", {
+          class: third.icon
+        }), _c("span", {
           staticClass: "cm-item-label"
-        }, [t._v(t._s(h.text))])])]);
-      }), 0) : t._e()]);
-    }), 0) : t._e()]);
-  }), 0)]) : t._e();
-}, u = [];
-const m = {
+        }, [_vm._v(_vm._s(third.text))])])]);
+      }), 0) : _vm._e()]);
+    }), 0) : _vm._e()]);
+  }), 0)]) : _vm._e();
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ContextMenu",
   props: {
     list: {
@@ -189,65 +189,65 @@ const m = {
       };
     },
     firstLeft() {
-      const t = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 2 >= t;
+      const bw = document.body.offsetWidth;
+      return this.axis.x + this.itemWidth * 2 >= bw;
     },
     secondLeft() {
-      const t = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 3 >= t;
+      const bw = document.body.offsetWidth;
+      return this.axis.x + this.itemWidth * 3 >= bw;
     }
   },
   watch: {
     axis() {
       if (this.border) {
-        const t = document.body.offsetWidth, i = document.body.offsetHeight;
-        this.axis.x + this.offset.x + this.itemWidth >= t && (this.axis.x = t - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= i && (this.axis.y = i - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
+        const bw = document.body.offsetWidth, bh = document.body.offsetHeight;
+        this.axis.x + this.offset.x + this.itemWidth >= bw && (this.axis.x = bw - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= bh && (this.axis.y = bh - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
       }
     }
   },
   methods: {
-    secondBorderCheck(t) {
-      const i = document.body.offsetWidth, e = document.body.offsetHeight, s = this.axis.y + (t + this.list[t].children.length) * this.itemHeight;
+    secondBorderCheck(i) {
+      const bw = document.body.offsetWidth, bh = document.body.offsetHeight, cy = this.axis.y + (i + this.list[i].children.length) * this.itemHeight;
       return {
-        left: this.axis.x + this.itemWidth * 2 >= i ? "-100%" : "100%",
-        top: e >= s ? 0 : `${-(this.list[t].children.length - 1) * this.itemHeight}px`
+        left: this.axis.x + this.itemWidth * 2 >= bw ? "-100%" : "100%",
+        top: bh >= cy ? 0 : `${-(this.list[i].children.length - 1) * this.itemHeight}px`
       };
     },
-    thirdBorderCheck(t, i) {
-      const e = document.body.offsetWidth, s = document.body.offsetHeight, l = this.axis.y + this.list[t].children[i].children.length * this.itemHeight + (t + i) * this.itemHeight + parseInt(this.secondBorderCheck(t).top);
+    thirdBorderCheck(i, si) {
+      const bw = document.body.offsetWidth, bh = document.body.offsetHeight, cy = this.axis.y + this.list[i].children[si].children.length * this.itemHeight + (i + si) * this.itemHeight + parseInt(this.secondBorderCheck(i).top);
       return {
-        left: this.axis.x + this.itemWidth * 3 >= e ? "-100%" : "100%",
-        top: l > s ? `${-(this.list[t].children[i].children.length - 1) * this.itemHeight}px` : 0
+        left: this.axis.x + this.itemWidth * 3 >= bw ? "-100%" : "100%",
+        top: cy > bh ? `${-(this.list[i].children[si].children.length - 1) * this.itemHeight}px` : 0
       };
     },
-    show(t) {
-      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0;
+    show(event) {
+      document.addEventListener("click", this.hide, !0), this.axis = { x: event.clientX, y: event.clientY }, this.rendered = !0, this.visible = !0;
     },
     hide() {
       this.visible = !1, document.removeEventListener("click", this.hide);
     },
-    onItemClick(t, i) {
-      this.$emit("on-item-click", t, i);
+    onItemClick(item, indexList) {
+      this.$emit("on-item-click", item, indexList);
     }
   }
-}, o = {};
-var f = /* @__PURE__ */ a(
-  m,
-  d,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  y,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function y(t) {
-  for (let i in o)
-    this[i] = o[i];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const _ = /* @__PURE__ */ function() {
-  return f.exports;
+const ContextMenu = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  ContextMenu as default
 };

package/dist/components/count-up/index.js

@@ -1,10 +1,22 @@
-import { CountUp as r } from "countup.js";
-import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("span", [t._v(t._s(t.end))]);
-}, u = [];
-const o = {
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { CountUp as CountUp$1 } from "countup.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("span", [_vm._v(_vm._s(_vm.end))]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "CountUp",
   props: {
     animation: {
@@ -46,12 +58,12 @@ const o = {
   },
   watch: {
     decimals() {
-      var t;
-      (t = this.c) == null || t.update(this.end);
+      var _a;
+      (_a = this.c) == null || _a.update(this.end);
     },
-    end(t) {
-      var e;
-      (e = this.c) == null || e.update(t);
+    end(value) {
+      var _a;
+      (_a = this.c) == null || _a.update(value);
     }
   },
   mounted() {
@@ -62,15 +74,14 @@ const o = {
   },
   methods: {
     init() {
-      this.c || (this.c = new r(
+      this.c || (this.c = new CountUp$1(
         this.$el,
         this.end,
-        {
-          ...this.options,
+        __spreadProps(__spreadValues({}, this.options), {
           decimal: this.decimals,
           duration: this.duration,
           startVal: this.start
-        }
+        })
       ), this.c.start(() => {
         this.callback(this.c);
       }));
@@ -79,42 +90,42 @@ const o = {
       this.c = null;
     }
   },
-  start(t) {
-    var e;
-    (e = this.c) == null || e.start(() => {
-      t && t(this.c);
+  start(callback) {
+    var _a;
+    (_a = this.c) == null || _a.start(() => {
+      callback && callback(this.c);
     });
   },
   pauseResume() {
-    var t;
-    (t = this.c) == null || t.pauseResume();
+    var _a;
+    (_a = this.c) == null || _a.pauseResume();
   },
   reset() {
-    var t;
-    (t = this.c) == null || t.reset();
+    var _a;
+    (_a = this.c) == null || _a.reset();
   },
-  update(t) {
-    var e;
-    (e = this.c) == null || e.update(t);
+  update(newEndVal) {
+    var _a;
+    (_a = this.c) == null || _a.update(newEndVal);
   }
-}, s = {};
-var c = /* @__PURE__ */ n(
-  o,
-  a,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  d,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function d(t) {
-  for (let e in s)
-    this[e] = s[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const h = /* @__PURE__ */ function() {
-  return c.exports;
+const CountUp = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  h as default
+  CountUp as default
 };

package/dist/components/custom-scrollbar/index.js

@@ -1,43 +1,55 @@
-import r from "overlayscrollbars";
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import OverlayScrollbars from "overlayscrollbars";
 import "overlayscrollbars/css/OverlayScrollbars.css";
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var i = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-host"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-resize-observer-host"
-  }), s("div", {
+  }), _c("div", {
     staticClass: "os-padding"
-  }, [s("div", {
+  }, [_c("div", {
     ref: "viewport",
     staticClass: "os-viewport"
-  }, [s("div", {
+  }, [_c("div", {
     ref: "content",
     staticClass: "os-content"
-  }, [t._t("default")], 2)])]), t._m(0), t._m(1), s("div", {
+  }, [_vm._t("default")], 2)])]), _vm._m(0), _vm._m(1), _c("div", {
     staticClass: "os-scrollbar-corner"
   })]);
-}, a = [function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+}, staticRenderFns = [function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-scrollbar os-scrollbar-horizontal "
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-track"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }, function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-scrollbar os-scrollbar-vertical"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-track"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }];
-const n = {
+const __vue2_script = {
   name: "CustomScrollbar",
   props: {
     options: {
@@ -70,22 +82,22 @@ const n = {
   },
   computed: {
     innerOptions() {
-      return {
-        ...this.options || {},
+      const options = this.options || {};
+      return __spreadProps(__spreadValues({}, options), {
         className: this.theme || "os-theme-dark",
         scrollbars: { autoHide: "l", autoHideDelay: 100 },
         callbacks: { onScroll: this.internalScroll }
-      };
+      });
     }
   },
   watch: {
-    innerOptions(t) {
-      const e = this.scroller;
-      r.valid(e) && e.options(t);
+    innerOptions(options) {
+      const scroller = this.scroller;
+      OverlayScrollbars.valid(scroller) && scroller.options(options);
     }
   },
   mounted() {
-    this.viewport = this.$refs.viewport, this.scroller = r(
+    this.viewport = this.$refs.viewport, this.scroller = OverlayScrollbars(
       this.getContentWrapper(),
       this.options || {
         className: this.theme || "os-theme-dark",
@@ -96,14 +108,15 @@ const n = {
     );
   },
   activated() {
-    this.$refs.viewport.scrollTop = this.scrollOffset ?? 0;
+    var _a;
+    this.$refs.viewport.scrollTop = (_a = this.scrollOffset) != null ? _a : 0;
   },
   deactivated() {
     this.scrollOffset = this.$refs.viewport.scrollTop;
   },
   beforeDestroy() {
-    const t = this.scroller;
-    r.valid(t) && (t.destroy(), this.scroller = null);
+    const scroller = this.scroller;
+    OverlayScrollbars.valid(scroller) && (scroller.destroy(), this.scroller = null);
   },
   methods: {
     scrollBottom() {
@@ -115,40 +128,40 @@ const n = {
     getScrollHeight() {
       return this.$refs.viewport.scrollHeight;
     },
-    setScrollTop(t) {
-      this.$refs.viewport.scrollTop = t;
+    setScrollTop(scrollTop) {
+      this.$refs.viewport.scrollTop = scrollTop;
     },
     getContentWrapper() {
       return this.textarea ? this.$refs.content.querySelector("textarea") : this.$el;
     },
-    internalScroll(t) {
-      this.onScroll && this.onScroll(t);
-      const e = t.target;
-      if (!this.reverse && Math.ceil(e.clientHeight + e.scrollTop) >= e.scrollHeight) {
+    internalScroll(event) {
+      this.onScroll && this.onScroll(event);
+      const target = event.target;
+      if (!this.reverse && Math.ceil(target.clientHeight + target.scrollTop) >= target.scrollHeight) {
         this.onLoadMore && this.onLoadMore();
         return;
       }
-      this.reverse && e.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
+      this.reverse && target.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
     }
   }
-}, o = {};
-var c = /* @__PURE__ */ l(
-  n,
-  i,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  h,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(t) {
-  for (let e in o)
-    this[e] = o[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return c.exports;
+const CustomScrollbar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  CustomScrollbar as default
 };