@mobilon-dev/chotto 0.3.97 → 0.3.98

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 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" };
+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" };
 function l(e, i) {
-  return c(), s("div", a, [
+  return c(), s("div", n, [
     o("div", _, [
       t(e.$slots, "first-col", {}, void 0, !0)
     ]),
@@ -12,7 +12,7 @@ function l(e, i) {
     ])
   ]);
 }
-const p = /* @__PURE__ */ n(r, [["render", l], ["__scopeId", "data-v-027fa553"]]);
+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"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -1,7 +1,35 @@
-import o from "./ChatWrapper.vue2.js";
+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";
 /* empty css                 */
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-669042d4"]]);
+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"]]);
 export {
-  m as default
+  $ as default
 };

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

@@ -1,14 +1,5 @@
-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({
+import { defineComponent as a, inject as p } from "vue";
+const o = /* @__PURE__ */ a({
   __name: "ChatWrapper",
   props: {
     isOpenChatPanel: {
@@ -29,25 +20,12 @@ const h = ["id"], u = {
       default: () => null
     }
   },
-  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));
+  setup(n, { expose: t }) {
+    t();
+    const e = { chatAppId: p("chatAppId") };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  C as default
+  o 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" }, l = { class: "extend-layout__first-col" }, _ = { class: "extend-layout__second-col" }, i = { class: "extend-layout__third-col" };
-function a(e, u) {
+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) {
   return d(), s("div", r, [
-    t("div", l, [
+    t("div", _, [
       o(e.$slots, "first-col", {}, void 0, !0)
     ]),
-    t("div", _, [
+    t("div", l, [
       o(e.$slots, "second-col", {}, void 0, !0)
     ]),
-    t("div", i, [
+    t("div", a, [
       o(e.$slots, "third-col", {}, void 0, !0)
     ])
   ]);
 }
-const p = /* @__PURE__ */ n(c, [["render", a], ["__scopeId", "data-v-3f76dc89"]]);
+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"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -1,15 +1,15 @@
-import { createElementBlock as t, openBlock as o, createElementVNode as r, renderSlot as s } from "vue";
+import { createElementBlock as o, openBlock as t, createElementVNode as s, renderSlot as c } from "vue";
 /* empty css                */
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, a = { class: "base-layout__container" }, _ = { class: "base-layout__first-col" };
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = {}, n = { class: "base-layout__container" }, _ = { class: "base-layout__first-col" };
 function d(e, l) {
-  return o(), t("div", a, [
-    r("div", _, [
-      s(e.$slots, "default", {}, void 0, !0)
+  return t(), o("div", n, [
+    s("div", _, [
+      c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const m = /* @__PURE__ */ c(n, [["render", d], ["__scopeId", "data-v-7f230bdf"]]);
+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"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,7 +1,7 @@
-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";
+import { createElementBlock as c, openBlock as i, createElementVNode as d, normalizeStyle as p, renderSlot as _, useId as s, provide as a } from "vue";
 /* empty css                   */
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = ["id"], u = {
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
   __name: "BaseContainer",
   props: {
     height: {
@@ -13,21 +13,34 @@ const h = ["id"], u = {
       default: "100%"
     }
   },
-  setup(e) {
-    const t = n();
-    return o("chatAppId", t), (a, _) => (d(), r("div", {
-      id: i(t),
-      class: "base"
-    }, [
-      s("div", {
-        class: "base__container",
-        style: c({ height: e.height, width: e.width })
-      }, [
-        l(a.$slots, "default", {}, void 0, !0)
-      ], 4)
-    ], 8, h));
+  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;
   }
-}, v = /* @__PURE__ */ p(u, [["__scopeId", "data-v-e4a3da14"]]);
+}, h = ["id"];
+function f(o, n, e, t, r, m) {
+  return i(), c("div", {
+    id: t.chatAppId,
+    class: "base"
+  }, [
+    d(
+      "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"]]);
 export {
-  v as default
+  S as default
 };

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

@@ -1,7 +1,7 @@
-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";
+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";
 /* empty css                    */
-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 = {
+import E from "../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -22,19 +22,20 @@ const X = ["id"], Y = { class: "float-window__container" }, $ = ["src", "alt"],
     }
   },
   emits: ["close-window", "get-size"],
-  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;
+  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;
       }
     };
-    return k(() => {
-      document.addEventListener("mousemove", x), window.addEventListener("resize", () => {
+    C(() => {
+      document.addEventListener("mousemove", m), window.addEventListener("resize", () => {
         o.value && (t.value.x = Math.max(
           0,
           Math.min(
@@ -48,57 +49,85 @@ const X = ["id"], Y = { class: "float-window__container" }, $ = ["src", "alt"],
             window.innerHeight - o.value.offsetHeight
           )
         ));
-      }), 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,
+      }), 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",
           class: "float-window__controls",
-          onMousedown: y,
-          onMouseup: p,
-          onMouseleave: p
-        }, [
-          l.avatar ? (h(), w("img", {
+          onMousedown: e.mouseDown,
+          onMouseup: e.turnOffDragMode,
+          onMouseleave: e.turnOffDragMode
+        },
+        [
+          e.props.avatar ? (g(), h("img", {
             key: 0,
             class: "float-window__avatar",
-            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),
+            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),
             i("button", {
               class: "float-window__close-button",
-              onClick: a[0] || (a[0] = (m) => e.$emit("close-window"))
+              onClick: a[0] || (a[0] = (o) => l.$emit("close-window"))
             }, [...a[1] || (a[1] = [
-              i("span", { class: "pi pi-times" }, null, -1)
+              i(
+                "span",
+                { class: "pi pi-times" },
+                null,
+                -1
+                /* CACHED */
+              )
             ])])
           ])
-        ], 544),
-        i("div", {
+        ],
+        544
+        /* NEED_HYDRATION, NEED_PATCH */
+      ),
+      i(
+        "div",
+        {
           class: "float-window__content",
-          style: _({ height: f.value + "px" })
-        }, [
-          g(e.$slots, "default", {}, void 0, !0)
-        ], 4)
-      ])
-    ], 12, X));
-  }
-}, B = /* @__PURE__ */ I(L, [["__scopeId", "data-v-a219697a"]]);
+          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"]]);
 export {
   B as default
 };

package/package.json

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