@mobilon-dev/chotto 0.3.98 → 0.3.99

package/dist/components/4_layouts/BaseLayout/BaseLayout.vue.js

@@ -1,9 +1,9 @@
 import { createElementBlock as s, openBlock as c, createElementVNode as o, renderSlot as t } from "vue";
 /* empty css                */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, n = { class: "base-layout__container" }, _ = { class: "base-layout__first-col" }, d = { class: "base-layout__second-col" };
+import n from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, a = { class: "base-layout__container" }, _ = { class: "base-layout__first-col" }, d = { class: "base-layout__second-col" };
 function l(e, i) {
-  return c(), s("div", n, [
+  return c(), s("div", a, [
     o("div", _, [
       t(e.$slots, "first-col", {}, void 0, !0)
     ]),
@@ -12,7 +12,7 @@ function l(e, i) {
     ])
   ]);
 }
-const m = /* @__PURE__ */ a(r, [["render", l], ["__scopeId", "data-v-4819eba7"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/4_layouts/BaseLayout/BaseLayout.vue"]]);
+const p = /* @__PURE__ */ n(r, [["render", l], ["__scopeId", "data-v-027fa553"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/4_layouts/ChatWrapper/ChatWrapper.vue.js

@@ -1,35 +1,7 @@
-import c from "./ChatWrapper.vue2.js";
-import { createElementBlock as e, openBlock as t, normalizeClass as d, createCommentVNode as p, renderSlot as r, createElementVNode as i } from "vue";
+import o from "./ChatWrapper.vue2.js";
 /* empty css                 */
-import l from "../../../_virtual/_plugin-vue_export-helper.js";
-const n = ["id"], _ = {
-  key: 0,
-  class: "chat-wrapper__selected-chat"
-}, h = {
-  key: 1,
-  style: { display: "flex", width: "100%" }
-}, m = { style: { margin: "auto" } }, f = {
-  key: 2,
-  class: "chat-wrapper__chat-panel"
-};
-function v(a, u, o, s, y, C) {
-  return t(), e("div", {
-    id: "chat-wrapper-" + s.chatAppId,
-    class: d(["chat-wrapper", o.applyStyle()])
-  }, [
-    o.isSelectedChat ? (t(), e("div", _, [
-      r(a.$slots, "default", {}, void 0, !0)
-    ])) : (t(), e("div", h, [
-      i("div", m, [
-        r(a.$slots, "placeholder", {}, void 0, !0)
-      ])
-    ])),
-    o.isOpenChatPanel ? (t(), e("div", f, [
-      r(a.$slots, "chatpanel", {}, void 0, !0)
-    ])) : p("v-if", !0)
-  ], 10, n);
-}
-const $ = /* @__PURE__ */ l(c, [["render", v], ["__scopeId", "data-v-07af5597"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/4_layouts/ChatWrapper/ChatWrapper.vue"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-669042d4"]]);
 export {
-  $ as default
+  m as default
 };

package/dist/components/4_layouts/ChatWrapper/ChatWrapper.vue2.js

@@ -1,5 +1,14 @@
-import { defineComponent as a, inject as p } from "vue";
-const o = /* @__PURE__ */ a({
+import { defineComponent as n, inject as d, createElementBlock as e, openBlock as t, normalizeClass as r, unref as c, createCommentVNode as p, renderSlot as s, createElementVNode as i } from "vue";
+const h = ["id"], u = {
+  key: 0,
+  class: "chat-wrapper__selected-chat"
+}, f = {
+  key: 1,
+  style: { display: "flex", width: "100%" }
+}, y = { style: { margin: "auto" } }, _ = {
+  key: 2,
+  class: "chat-wrapper__chat-panel"
+}, C = /* @__PURE__ */ n({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -20,12 +29,25 @@ const o = /* @__PURE__ */ a({
       default: () => null
     }
   },
-  setup(n, { expose: t }) {
-    t();
-    const e = { chatAppId: p("chatAppId") };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(a) {
+    const o = d("chatAppId");
+    return (l, m) => (t(), e("div", {
+      id: "chat-wrapper-" + c(o),
+      class: r(["chat-wrapper", a.applyStyle()])
+    }, [
+      a.isSelectedChat ? (t(), e("div", u, [
+        s(l.$slots, "default", {}, void 0, !0)
+      ])) : (t(), e("div", f, [
+        i("div", y, [
+          s(l.$slots, "placeholder", {}, void 0, !0)
+        ])
+      ])),
+      a.isOpenChatPanel ? (t(), e("div", _, [
+        s(l.$slots, "chatpanel", {}, void 0, !0)
+      ])) : p("", !0)
+    ], 10, h));
   }
 });
 export {
-  o as default
+  C as default
 };

package/dist/components/4_layouts/ExtendedLayout/ExtendedLayout.vue.js

@@ -1,21 +1,21 @@
 import { createElementBlock as s, openBlock as d, createElementVNode as t, renderSlot as o } from "vue";
 /* empty css                    */
 import n from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, r = { class: "extend-layout__container" }, _ = { class: "extend-layout__first-col" }, l = { class: "extend-layout__second-col" }, a = { class: "extend-layout__third-col" };
-function i(e, u) {
+const c = {}, r = { class: "extend-layout__container" }, l = { class: "extend-layout__first-col" }, _ = { class: "extend-layout__second-col" }, i = { class: "extend-layout__third-col" };
+function a(e, u) {
   return d(), s("div", r, [
-    t("div", _, [
+    t("div", l, [
       o(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    t("div", l, [
+    t("div", _, [
       o(e.$slots, "second-col", {}, void 0, !0)
     ]),
-    t("div", a, [
+    t("div", i, [
       o(e.$slots, "third-col", {}, void 0, !0)
     ])
   ]);
 }
-const m = /* @__PURE__ */ n(c, [["render", i], ["__scopeId", "data-v-1d507b38"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/4_layouts/ExtendedLayout/ExtendedLayout.vue"]]);
+const p = /* @__PURE__ */ n(c, [["render", a], ["__scopeId", "data-v-3f76dc89"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/4_layouts/FeedLayout/FeedLayout.vue.js

@@ -1,15 +1,15 @@
-import { createElementBlock as o, openBlock as t, createElementVNode as s, renderSlot as c } from "vue";
+import { createElementBlock as t, openBlock as o, createElementVNode as r, renderSlot as s } from "vue";
 /* empty css                */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = {}, n = { class: "base-layout__container" }, _ = { class: "base-layout__first-col" };
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, a = { class: "base-layout__container" }, _ = { class: "base-layout__first-col" };
 function d(e, l) {
-  return t(), o("div", n, [
-    s("div", _, [
-      c(e.$slots, "default", {}, void 0, !0)
+  return o(), t("div", a, [
+    r("div", _, [
+      s(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const p = /* @__PURE__ */ r(a, [["render", d], ["__scopeId", "data-v-db55b9ee"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/4_layouts/FeedLayout/FeedLayout.vue"]]);
+const m = /* @__PURE__ */ c(n, [["render", d], ["__scopeId", "data-v-7f230bdf"]]);
 export {
-  p as default
+  m as default
 };

package/dist/components/5_containers/BaseContainer/BaseContainer.vue.js

@@ -1,7 +1,7 @@
-import { createElementBlock as c, openBlock as i, createElementVNode as d, normalizeStyle as p, renderSlot as _, useId as s, provide as a } from "vue";
+import { useId as n, provide as o, createElementBlock as r, openBlock as d, unref as i, createElementVNode as s, normalizeStyle as c, renderSlot as l } from "vue";
 /* empty css                   */
-import l from "../../../_virtual/_plugin-vue_export-helper.js";
-const u = {
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = ["id"], u = {
   __name: "BaseContainer",
   props: {
     height: {
@@ -13,34 +13,21 @@ const u = {
       default: "100%"
     }
   },
-  setup(o, { expose: n }) {
-    n();
-    const e = o, t = s();
-    a("chatAppId", t);
-    const r = { props: e, chatAppId: t, useId: s, provide: a };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
-  }
-}, h = ["id"];
-function f(o, n, e, t, r, m) {
-  return i(), c("div", {
-    id: t.chatAppId,
-    class: "base"
-  }, [
-    d(
-      "div",
-      {
+  setup(e) {
+    const t = n();
+    return o("chatAppId", t), (a, _) => (d(), r("div", {
+      id: i(t),
+      class: "base"
+    }, [
+      s("div", {
         class: "base__container",
-        style: p({ height: e.height, width: e.width })
-      },
-      [
-        _(o.$slots, "default", {}, void 0, !0)
-      ],
-      4
-      /* STYLE */
-    )
-  ], 8, h);
-}
-const S = /* @__PURE__ */ l(u, [["render", f], ["__scopeId", "data-v-5b6be95c"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/5_containers/BaseContainer/BaseContainer.vue"]]);
+        style: c({ height: e.height, width: e.width })
+      }, [
+        l(a.$slots, "default", {}, void 0, !0)
+      ], 4)
+    ], 8, h));
+  }
+}, v = /* @__PURE__ */ p(u, [["__scopeId", "data-v-e4a3da14"]]);
 export {
-  S as default
+  v as default
 };

package/dist/components/5_containers/FloatContainer/FloatContainer.vue.js

@@ -1,7 +1,7 @@
-import { createElementBlock as h, openBlock as g, normalizeStyle as y, createElementVNode as i, createCommentVNode as b, toDisplayString as k, renderSlot as M, ref as n, useId as x, provide as S, onMounted as C } from "vue";
+import { ref as n, useId as M, provide as S, onMounted as k, createElementBlock as w, openBlock as h, normalizeStyle as _, unref as H, createElementVNode as i, createCommentVNode as C, toDisplayString as E, renderSlot as g } from "vue";
 /* empty css                    */
-import E from "../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+const X = ["id"], Y = { class: "float-window__container" }, $ = ["src", "alt"], z = { class: "float-window__title" }, D = { style: { "margin-left": "auto", display: "flex" } }, L = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -22,20 +22,19 @@ const F = {
     }
   },
   emits: ["close-window", "get-size"],
-  setup(l, { expose: a, emit: r }) {
-    a();
-    const e = l, u = r, t = n({ x: 0, y: 0 }), o = n(null), v = n(null), d = n(!1), c = n(0), f = n(0), p = n(0), _ = x();
-    S("chatAppId", _);
-    const D = (s) => {
-      d.value = !0, c.value = s.clientX - o.value.offsetLeft, f.value = s.clientY - o.value.offsetTop;
-    }, H = () => d.value = !1, m = (s) => {
-      if (d.value) {
-        const I = s.clientX - c.value, W = s.clientY - f.value;
-        t.value.x = I, t.value.y = W;
+  setup(u, { emit: W }) {
+    const l = u, t = n({ x: 0, y: 0 }), o = n(null), r = n(null), s = n(!1), d = n(0), c = n(0), f = n(0), v = M();
+    S("chatAppId", v);
+    const y = (e) => {
+      s.value = !0, d.value = e.clientX - o.value.offsetLeft, c.value = e.clientY - o.value.offsetTop;
+    }, p = () => s.value = !1, x = (e) => {
+      if (s.value) {
+        const a = e.clientX - d.value, m = e.clientY - c.value;
+        t.value.x = a, t.value.y = m;
       }
     };
-    C(() => {
-      document.addEventListener("mousemove", m), window.addEventListener("resize", () => {
+    return k(() => {
+      document.addEventListener("mousemove", x), window.addEventListener("resize", () => {
         o.value && (t.value.x = Math.max(
           0,
           Math.min(
@@ -49,85 +48,57 @@ const F = {
             window.innerHeight - o.value.offsetHeight
           )
         ));
-      }), p.value = o.value.offsetHeight - v.value.offsetHeight;
-    });
-    const w = { props: e, emit: u, floatWindowPosition: t, element: o, container: v, dragMode: d, initialX: c, initialY: f, contentHeight: p, chatAppId: _, mouseDown: D, turnOffDragMode: H, mouseMove: m, ref: n, onMounted: C, useId: x, provide: S };
-    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
-  }
-}, O = ["id"], P = { class: "float-window__container" }, X = ["src", "alt"], Y = { class: "float-window__title" }, z = { style: { "margin-left": "auto", display: "flex" } };
-function A(l, a, r, e, u, t) {
-  return g(), h("div", {
-    id: e.chatAppId,
-    ref: "element",
-    class: "float-window",
-    style: y({
-      left: e.floatWindowPosition.x + "px",
-      top: e.floatWindowPosition.y + "px",
-      userSelect: e.dragMode ? "none" : "auto",
-      height: r.height,
-      width: r.width,
-      display: "flex"
-    })
-  }, [
-    i("div", P, [
-      i(
-        "div",
-        {
-          ref: "container",
+      }), f.value = o.value.offsetHeight - r.value.offsetHeight;
+    }), (e, a) => (h(), w("div", {
+      id: H(v),
+      ref_key: "element",
+      ref: o,
+      class: "float-window",
+      style: _({
+        left: t.value.x + "px",
+        top: t.value.y + "px",
+        userSelect: s.value ? "none" : "auto",
+        height: u.height,
+        width: u.width,
+        display: "flex"
+      })
+    }, [
+      i("div", Y, [
+        i("div", {
+          ref_key: "container",
+          ref: r,
           class: "float-window__controls",
-          onMousedown: e.mouseDown,
-          onMouseup: e.turnOffDragMode,
-          onMouseleave: e.turnOffDragMode
-        },
-        [
-          e.props.avatar ? (g(), h("img", {
+          onMousedown: y,
+          onMouseup: p,
+          onMouseleave: p
+        }, [
+          l.avatar ? (h(), w("img", {
             key: 0,
             class: "float-window__avatar",
-            src: e.props.avatar,
-            alt: e.props.title
-          }, null, 8, X)) : b("v-if", !0),
-          i(
-            "p",
-            Y,
-            k(e.props.title),
-            1
-            /* TEXT */
-          ),
-          i("div", z, [
-            M(l.$slots, "controls", {}, void 0, !0),
+            src: l.avatar,
+            alt: l.title
+          }, null, 8, $)) : C("", !0),
+          i("p", z, E(l.title), 1),
+          i("div", D, [
+            g(e.$slots, "controls", {}, void 0, !0),
             i("button", {
               class: "float-window__close-button",
-              onClick: a[0] || (a[0] = (o) => l.$emit("close-window"))
+              onClick: a[0] || (a[0] = (m) => e.$emit("close-window"))
             }, [...a[1] || (a[1] = [
-              i(
-                "span",
-                { class: "pi pi-times" },
-                null,
-                -1
-                /* CACHED */
-              )
+              i("span", { class: "pi pi-times" }, null, -1)
             ])])
           ])
-        ],
-        544
-        /* NEED_HYDRATION, NEED_PATCH */
-      ),
-      i(
-        "div",
-        {
+        ], 544),
+        i("div", {
           class: "float-window__content",
-          style: y({ height: e.contentHeight + "px" })
-        },
-        [
-          M(l.$slots, "default", {}, void 0, !0)
-        ],
-        4
-        /* STYLE */
-      )
-    ])
-  ], 12, O);
-}
-const B = /* @__PURE__ */ E(F, [["render", A], ["__scopeId", "data-v-ed5f7966"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/5_containers/FloatContainer/FloatContainer.vue"]]);
+          style: _({ height: f.value + "px" })
+        }, [
+          g(e.$slots, "default", {}, void 0, !0)
+        ], 4)
+      ])
+    ], 12, X));
+  }
+}, B = /* @__PURE__ */ I(L, [["__scopeId", "data-v-a219697a"]]);
 export {
   B as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.98",
+  "version": "0.3.99",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",