@templatical/editor 0.0.1

package/dist/CollaboratorBar-B3uV4Wtw.js

@@ -0,0 +1,89 @@
+import { defineComponent as g, computed as n, openBlock as t, createElementBlock as r, createElementVNode as C, unref as s, normalizeStyle as f, createBlock as u, Fragment as z, renderList as M, toDisplayString as h, createCommentVNode as m } from "vue";
+import { c as k, u as w } from "./index-D-iD-7lO.js";
+import "@templatical/types";
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _ = k("WifiOffIcon", [
+  ["path", { d: "M12 20h.01", key: "zekei9" }],
+  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }],
+  ["path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69", key: "1dl1wf" }],
+  ["path", { d: "M19 12.859a10 10 0 0 0-2.007-1.523", key: "4k23kn" }],
+  ["path", { d: "M2 8.82a15 15 0 0 1 4.177-2.643", key: "1grhjp" }],
+  ["path", { d: "M22 8.82a15 15 0 0 0-11.288-3.764", key: "z3jwby" }],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+]);
+/**
+ * @license lucide-vue-next v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const j = k("WifiIcon", [
+  ["path", { d: "M12 20h.01", key: "zekei9" }],
+  ["path", { d: "M2 8.82a15 15 0 0 1 20 0", key: "dnpr2z" }],
+  ["path", { d: "M5 12.859a10 10 0 0 1 14 0", key: "1x1e6c" }],
+  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }]
+]), B = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, I = ["title"], W = {
+  key: 0,
+  class: "tpl:flex tpl:items-center tpl:-space-x-1.5"
+}, A = ["title"], N = ["title"], y = 3, O = /* @__PURE__ */ g({
+  __name: "CollaboratorBar",
+  props: {
+    collaborators: {},
+    isConnected: { type: Boolean }
+  },
+  setup(e) {
+    const c = e, { t: i } = w(), v = n(
+      () => c.collaborators.slice(0, y)
+    ), p = n(
+      () => c.collaborators.slice(y)
+    ), d = n(() => p.value.length), b = n(
+      () => p.value.map((l) => l.name).join(`
+`)
+    );
+    function x(l) {
+      const o = l.trim().split(/\s+/);
+      return o.length >= 2 ? (o[0].charAt(0) + o[o.length - 1].charAt(0)).toUpperCase() : l.charAt(0).toUpperCase();
+    }
+    return (l, o) => (t(), r("div", B, [
+      C("div", {
+        class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
+        style: f({
+          color: e.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)"
+        }),
+        title: e.isConnected ? s(i).collaboration.connected : s(i).collaboration.disconnected
+      }, [
+        e.isConnected ? (t(), u(s(j), {
+          key: 0,
+          size: 12,
+          "stroke-width": 2
+        })) : (t(), u(s(_), {
+          key: 1,
+          size: 12,
+          "stroke-width": 2
+        }))
+      ], 12, I),
+      e.collaborators.length > 0 ? (t(), r("div", W, [
+        (t(!0), r(z, null, M(v.value, (a) => (t(), r("div", {
+          key: a.id,
+          class: "tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:text-white tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110",
+          style: f([{ "border-color": "var(--tpl-bg)" }, { backgroundColor: a.color }]),
+          title: a.name
+        }, h(x(a.name)), 13, A))), 128)),
+        d.value > 0 ? (t(), r("div", {
+          key: 0,
+          class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold",
+          style: { "border-color": "var(--tpl-bg)", "background-color": "var(--tpl-bg-hover)", color: "var(--tpl-text-muted)" },
+          title: b.value
+        }, " +" + h(d.value), 9, N)) : m("", !0)
+      ])) : m("", !0)
+    ]));
+  }
+});
+export {
+  O as default
+};