@web-utils/component 2.8.14 → 2.8.15

package/form-view/index.mjs

@@ -16,8 +16,10 @@ var c = (t, e, o) => new Promise((r, s) => {
 });
 import { hasOwn as d, toStringArray as b, animate as v, isInContainer as _ } from "@web-utils/core";
 import { merge as g } from "@web-utils/integrations/lodash";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var w = function() {
+import y from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+import { n as w } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
   var t = this, e = t.$createElement, o = t._self._c || e;
   return o("div", {
     class: ["form-view", t.className]
@@ -203,16 +205,19 @@ var w = function() {
       "font-size": "16px"
     }
   }) : t._e()], 1);
-}, x = [];
-const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], $ = p.map((t) => `${t}-down`), S = ["back", "withdraw", "edit"], m = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (t, e) => {
+}, $ = [];
+const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], S = p.map((t) => `${t}-down`), F = ["back", "withdraw", "edit"], m = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (t, e) => {
   if (t.classList.contains(e))
     return t;
   let o = t.parentNode;
   for (; o && !o.classList.contains(e); )
     o = o.parentNode;
   return o.classList.contains(e) ? o : null;
-}, F = {
+}, k = {
   name: "FormView",
+  components: {
+    ResizeObserver: y
+  },
   inject: {
     flowContext: {
       default: {}
@@ -273,7 +278,7 @@ const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       return this.toolbarProps.buttons.filter((t) => !m.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
     },
     footerBarButtons() {
-      let t = this.toolbarProps.buttons.filter((e) => !S.includes(e) && (m.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
+      let t = this.toolbarProps.buttons.filter((e) => !F.includes(e) && (m.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
       return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
     }
   },
@@ -306,7 +311,7 @@ const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       return Object.keys(this.$scopedSlots).filter((t) => p.includes(t));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((t) => $.includes(t));
+      return Object.keys(this.$scopedSlots).filter((t) => S.includes(t));
     },
     getFooterSlotKey(t) {
       return t.replace("-down", "");
@@ -344,23 +349,23 @@ const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
     }
   }
 }, h = {};
-var k = /* @__PURE__ */ y(
-  F,
-  w,
+var B = /* @__PURE__ */ w(
+  k,
   x,
+  $,
   !1,
-  B,
+  C,
   null,
   null,
   null
 );
-function B(t) {
+function C(t) {
   for (let e in h)
     this[e] = h[e];
 }
-const T = /* @__PURE__ */ function() {
-  return k.exports;
+const z = /* @__PURE__ */ function() {
+  return B.exports;
 }();
 export {
-  T as default
+  z as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.14",
+  "version": "2.8.15",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/page-skeleton/index.mjs

@@ -1,5 +1,11 @@
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var a = function() {
+import l from "@web-utils/component/page";
+import "@web-utils/component/page/style.css";
+import r from "@web-utils/component/nav-bar";
+import "@web-utils/component/nav-bar/style.css";
+import a from "@web-utils/component/page-header";
+import "@web-utils/component/page-header/style.css";
+import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var c = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("Page", {
     staticClass: "page-skeleton"
@@ -16,9 +22,14 @@ var a = function() {
       "content-scroll": e.contentScroll
     }, e.contentClass]
   }, [e._t("default")], 2)], 2);
-}, r = [];
-const s = {
+}, i = [];
+const _ = {
   name: "PageSkeleton",
+  components: {
+    Page: l,
+    NavBar: r,
+    PageHeader: a
+  },
   props: {
     title: String,
     flexColumn: Boolean,
@@ -33,24 +44,24 @@ const s = {
       default: !0
     }
   }
-}, l = {};
-var c = /* @__PURE__ */ o(
-  s,
-  a,
-  r,
-  !1,
+}, o = {};
+var u = /* @__PURE__ */ s(
   _,
+  c,
+  i,
+  !1,
+  f,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in l)
-    this[t] = l[t];
+function f(e) {
+  for (let t in o)
+    this[t] = o[t];
 }
-const i = /* @__PURE__ */ function() {
-  return c.exports;
+const P = /* @__PURE__ */ function() {
+  return u.exports;
 }();
 export {
-  i as default
+  P as default
 };

package/present-view/index.mjs

@@ -16,8 +16,10 @@ var c = (t, e, o) => new Promise((r, s) => {
 });
 import { hasOwn as d, toStringArray as p, delay as v, isInContainer as _ } from "@web-utils/core";
 import { merge as w } from "@web-utils/integrations/lodash";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var g = function() {
+import y from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
   var t = this, e = t.$createElement, o = t._self._c || e;
   return o("div", {
     class: ["form-view", t.className]
@@ -208,16 +210,19 @@ var g = function() {
       "font-size": "16px"
     }
   }) : t._e()], 1);
-}, x = [];
-const b = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], $ = b.map((t) => `${t}-down`), S = ["back", "withdraw", "edit"], h = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (t, e) => {
+}, $ = [];
+const b = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], S = b.map((t) => `${t}-down`), F = ["back", "withdraw", "edit"], m = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (t, e) => {
   if (t.classList.contains(e))
     return t;
   let o = t.parentNode;
   for (; o && !o.classList.contains(e); )
     o = o.parentNode;
   return o.classList.contains(e) ? o : null;
-}, F = {
+}, k = {
   name: "PresentView",
+  components: {
+    ResizeObserver: y
+  },
   inject: {
     flowContext: {
       default: {}
@@ -296,7 +301,7 @@ const b = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       return Object.keys(this.$scopedSlots).filter((t) => b.includes(t));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((t) => $.includes(t));
+      return Object.keys(this.$scopedSlots).filter((t) => S.includes(t));
     },
     getFooterSlotKey(t) {
       return t.replace("-down", "");
@@ -330,31 +335,31 @@ const b = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       t && (this.$refs.formScroller.scrollTop = t), e && (this.$refs.formScroller.scrollLeft = e);
     },
     getToolbarButtons(t) {
-      return t.filter((e) => !h.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
+      return t.filter((e) => !m.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
     },
     getFooterBarButtons(t) {
-      let e = t.filter((o) => !S.includes(o) && (h.includes(o) || o.indexOf(":down") > -1)).map((o) => o.replace(":down", ""));
+      let e = t.filter((o) => !F.includes(o) && (m.includes(o) || o.indexOf(":down") > -1)).map((o) => o.replace(":down", ""));
       return e = e || [], this.$parent.isEnabled && !e.includes("cancel") && e.push("cancel"), e;
     }
   }
-}, m = {};
-var k = /* @__PURE__ */ y(
-  F,
-  g,
+}, h = {};
+var B = /* @__PURE__ */ g(
+  k,
   x,
+  $,
   !1,
-  B,
+  L,
   null,
   null,
   null
 );
-function B(t) {
-  for (let e in m)
-    this[e] = m[e];
+function L(t) {
+  for (let e in h)
+    this[e] = h[e];
 }
-const I = /* @__PURE__ */ function() {
-  return k.exports;
+const j = /* @__PURE__ */ function() {
+  return B.exports;
 }();
 export {
-  I as default
+  j as default
 };

package/split-pane/index.mjs

@@ -1,5 +1,5 @@
-var f = (t, e, s) => new Promise((n, i) => {
-  var o = (r) => {
+var f = (t, e, s) => new Promise((o, i) => {
+  var n = (r) => {
     try {
       a(s.next(r));
     } catch (l) {
@@ -11,11 +11,13 @@ var f = (t, e, s) => new Promise((n, i) => {
     } catch (l) {
       i(l);
     }
-  }, a = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(o, g);
+  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(n, g);
   a((s = s.apply(t, e)).next());
 });
 import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-function v(t, e) {
+import v from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+function m(t, e) {
   for (let s = 0; s < e.length; s++)
     if (t === e[s])
       return !0;
@@ -27,30 +29,30 @@ const h = function() {
   } : function(t, e, s) {
     t && e && s && t.attachEvent(`on${e}`, s);
   };
-}(), u = function() {
+}(), p = function() {
   return document.removeEventListener ? function(t, e, s) {
     t && e && t.removeEventListener(e, s, !1);
   } : function(t, e, s) {
     t && e && t.detachEvent(`on${e}`, s);
   };
 }();
-var m = function() {
+var x = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
   return s("div", {
     class: t.classes
   }, [t.showIcon ? s("div", {
     class: t.barConClasses
   }, t._m(0), 0) : t._e()]);
-}, x = [function() {
+}, _ = [function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
-  return t._l(8, function(n) {
+  return t._l(8, function(o) {
     return s("i", {
-      key: `trigger-${n}`,
+      key: `trigger-${o}`,
       class: `${t.prefix}-bar`
     });
   });
 }];
-const _ = {
+const $ = {
   name: "Trigger",
   props: {
     mode: String,
@@ -83,25 +85,25 @@ const _ = {
       ];
     }
   }
-}, p = {};
-var $ = /* @__PURE__ */ d(
-  _,
-  m,
+}, u = {};
+var M = /* @__PURE__ */ d(
+  $,
   x,
+  _,
   !1,
-  M,
+  z,
   null,
   null,
   null
 );
-function M(t) {
-  for (let e in p)
-    this[e] = p[e];
+function z(t) {
+  for (let e in u)
+    this[e] = u[e];
 }
-const z = /* @__PURE__ */ function() {
-  return $.exports;
+const O = /* @__PURE__ */ function() {
+  return M.exports;
 }();
-var O = function() {
+var S = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
   return s("div", {
     ref: "outerWrapper",
@@ -170,11 +172,12 @@ var O = function() {
       notify: t.resetOffset
     }
   })], 1);
-}, S = [];
-const w = {
+}, w = [];
+const y = {
   name: "SplitPane",
   components: {
-    Trigger: z
+    Trigger: O,
+    ResizeObserver: v
   },
   props: {
     value: {
@@ -183,7 +186,7 @@ const w = {
     },
     mode: {
       validator(t) {
-        return v(t, ["horizontal", "vertical"]);
+        return m(t, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -268,36 +271,36 @@ const w = {
       return this.valueIsPx ? e = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(t)}px` : e = 1 - t, e;
     },
     handleMove(t) {
-      const s = (this.isHorizontal ? t.pageX : t.pageY) - this.initOffset, n = this.$refs.outerWrapper[this.offsetSize];
-      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(n * this.oldOffset + s, n);
-      const o = this.getAnotherOffset(i);
-      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(o) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(o, this.computedMax))), t.atMin = this.value === this.computedMin, t.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", t);
+      const s = (this.isHorizontal ? t.pageX : t.pageY) - this.initOffset, o = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(o * this.oldOffset + s, o);
+      const n = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(n) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(n, this.computedMax))), t.atMin = this.value === this.computedMin, t.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", t);
     },
     handleUp() {
-      this.isMoving = !1, u(window, "mousemove", this.handleMove), u(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+      this.isMoving = !1, p(window, "mousemove", this.handleMove), p(window, "mouseup", this.handleUp), this.$emit("on-move-end");
     },
     handleMousedown(t) {
       this.initOffset = this.isHorizontal ? t.pageX : t.pageY, this.oldOffset = this.value, this.isMoving = !0, h(window, "mousemove", this.handleMove), h(window, "mouseup", this.handleUp), this.$emit("on-move-start");
     }
   }
 }, c = {};
-var y = /* @__PURE__ */ d(
-  w,
-  O,
+var F = /* @__PURE__ */ d(
+  y,
   S,
+  w,
   !1,
-  F,
+  b,
   null,
   null,
   null
 );
-function F(t) {
+function b(t) {
   for (let e in c)
     this[e] = c[e];
 }
-const C = /* @__PURE__ */ function() {
-  return y.exports;
+const T = /* @__PURE__ */ function() {
+  return F.exports;
 }();
 export {
-  C as default
+  T as default
 };

package/swiper/index.mjs

@@ -15,8 +15,10 @@ var h = (t, e, s) => new Promise((i, r) => {
   a((s = s.apply(t, e)).next());
 });
 import { getEleWidth as u } from "@web-utils/core";
-import { n as p } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var f = function() {
+import p from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var w = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
   return s("div", {
     staticClass: "egd-swiper"
@@ -55,9 +57,12 @@ var f = function() {
       notify: t.resize
     }
   })], 1);
-}, w = [];
-const m = {
+}, m = [];
+const v = {
   name: "Swiper",
+  components: {
+    ResizeObserver: p
+  },
   data() {
     return {
       mouseDown: !1,
@@ -156,23 +161,23 @@ const m = {
     }
   }
 }, l = {};
-var _ = /* @__PURE__ */ p(
-  m,
-  f,
+var _ = /* @__PURE__ */ f(
+  v,
   w,
+  m,
   !1,
-  v,
+  X,
   null,
   null,
   null
 );
-function v(t) {
+function X(t) {
   for (let e in l)
     this[e] = l[e];
 }
-const x = /* @__PURE__ */ function() {
+const L = /* @__PURE__ */ function() {
   return _.exports;
 }();
 export {
-  x as default
+  L as default
 };

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.14",
+  "version": "2.8.15",
   "contributions": {
     "html": {
       "description-markup": "markdown",