@oneb/ui-vue 0.0.53 → 0.0.54

package/dist/OneBrowserMenu-79471e49.js

@@ -1,526 +0,0 @@
-import { defineComponent as k, ref as _, provide as I, computed as b, openBlock as n, createElementBlock as s, renderSlot as j, normalizeProps as F, guardReactiveProps as B, createCommentVNode as v, createVNode as m, Transition as T, withCtx as A, normalizeClass as C, toDisplayString as p, inject as P, withModifiers as D, createBlock as $, resolveDynamicComponent as V, createElementVNode as e, Fragment as S, renderList as z, mergeProps as E, unref as O, createTextVNode as N, pushScopeId as q, popScopeId as H } from "vue";
-import { OneAvatar as w } from "./common/index.js";
-import { r as R } from "./XMarkIcon-51ef0691.js";
-import { _ as W } from "./index-72d69e4e.js";
-import { _ as U } from "./_plugin-vue_export-helper-dad06003.js";
-const G = {
-  title: {
-    type: String
-  },
-  stick: {
-    type: String,
-    default: "right"
-  }
-}, J = {
-  variant: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  icon: {
-    type: [Function, Object]
-  }
-}, K = ["data-opened"], Q = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, X = /* @__PURE__ */ k({
-  __name: "OneDropdown",
-  props: G,
-  emits: ["open", "close"],
-  setup(d, { emit: l }) {
-    const c = _(!1), u = _(null), f = l, r = d, a = () => {
-      c.value = !c.value, c.value ? f("open") : f("close");
-    };
-    I("OneDropdown", {
-      onToggle: a
-    });
-    const t = b(() => {
-      const i = u.value != null && u.value.offsetLeft < 270;
-      return u.value != null && u.value.offsetTop + 270 > window.innerHeight ? "up" + (i ? "-right" : "-left") : "down" + (i ? "-right" : "-left");
-    }), o = b(() => {
-      const i = [
-        "absolute z-10 w-fit rounded-md bg-white",
-        "py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
-        "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
-      ];
-      return t.value.startsWith("up") ? i.push("bottom-1 mb-10") : t.value.startsWith("down") && i.push("top-1 mt-10"), r.stick === "right" ? i.push("right-0") : r.stick === "left" && i.push("left-0"), i;
-    });
-    return (i, g) => (n(), s("div", {
-      class: "relative inline-block",
-      ref_key: "menuRef",
-      ref: u,
-      "data-opened": c.value
-    }, [
-      j(i.$slots, "button", F(B({ onToggle: a, isExpanded: c.value }))),
-      c.value ? (n(), s("div", {
-        key: 0,
-        class: "fixed top-0 left-0 w-screen h-screen z-10",
-        onClick: a
-      })) : v("", !0),
-      m(T, {
-        "enter-active-class": "transition ease-out duration-100",
-        "enter-from-class": "transform opacity-0 scale-95",
-        "enter-to-class": "transform opacity-100 scale-100",
-        "leave-active-class": "transition ease-in duration-75",
-        "leave-from-class": "transform opacity-100 scale-100",
-        "leave-to-class": "transform opacity-0 scale-95"
-      }, {
-        default: A(() => [
-          c.value ? (n(), s("div", {
-            key: 0,
-            class: C(["menu", o.value]),
-            role: "menu",
-            "aria-orientation": "vertical",
-            tabindex: "-1"
-          }, [
-            i.title ? (n(), s("div", Q, p(i.title), 1)) : v("", !0),
-            j(i.$slots, "menu", F(B({ onToggle: a })))
-          ], 2)) : v("", !0)
-        ]),
-        _: 3
-      })
-    ], 8, K));
-  }
-}), M = /* @__PURE__ */ k({
-  __name: "OneDropdownItem",
-  props: J,
-  emits: ["click"],
-  setup(d, { emit: l }) {
-    const c = l, u = d, f = P("OneDropdown"), r = () => {
-      f !== void 0 && f.onToggle(), c("click");
-    }, a = b(() => {
-      const t = [];
-      return u.variant === "secondary" ? t.push("text-secondary-content hover:bg-secondary-body-hover") : u.variant === "danger" ? t.push("text-danger-content hover:bg-danger-10") : u.variant === "warning" ? t.push("text-warning-content hover:bg-warning-10") : u.variant === "info" ? t.push("text-info-content hover:bg-info-10") : t.push("hover:bg-secondary-body-hover"), t;
-    });
-    return (t, o) => (n(), s("button", {
-      class: C(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", a.value]),
-      onClick: D(r, ["prevent"])
-    }, [
-      t.icon ? (n(), $(V(t.icon), {
-        key: 0,
-        class: "w-4 h-4"
-      })) : v("", !0),
-      e("span", null, p(t.label), 1)
-    ], 2));
-  }
-});
-function Y(d, l) {
-  return n(), s("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"
-    })
-  ]);
-}
-const Z = {
-  user: {
-    type: Object,
-    required: !0
-  },
-  menu: {
-    type: Array,
-    default: () => []
-  },
-  iconSize: {
-    type: String,
-    default: "34"
-  },
-  app: {
-    type: Object
-  },
-  accountLabel: {
-    type: String,
-    default: "Account"
-  },
-  logoutLabel: {
-    type: String,
-    default: "Logout"
-  },
-  versionLabel: {
-    type: String,
-    default: ""
-  },
-  onAccount: {
-    type: Function
-  },
-  onLogout: {
-    type: Function
-  }
-}, ee = {
-  workspace: {
-    type: Object,
-    required: !0
-  },
-  workspaces: {
-    type: Array
-  },
-  apps: {
-    type: Array,
-    required: !0
-  },
-  iconSize: {
-    type: String,
-    default: "24"
-  },
-  appsTitle: {
-    type: String,
-    default: "Ваші додатки"
-  },
-  changeLabel: {
-    type: String,
-    default: "Керувати робочими просторами"
-  },
-  onChange: {
-    type: Function
-  },
-  onApp: {
-    type: Function
-  }
-}, te = ["onClick"], oe = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, ne = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, se = { class: "self-center text-base font-medium tracking-wide text-black" }, re = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, ie = { class: "text-left w-full mt-5 px-3" }, le = /* @__PURE__ */ e("div", {
-  class: "space-y-2 text-center",
-  style: { width: "240px" }
-}, null, -1), ce = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, qe = /* @__PURE__ */ k({
-  __name: "OneUserMenu",
-  props: Z,
-  setup(d) {
-    const l = d, c = b(() => {
-      var r;
-      return (r = l.menu) == null ? void 0 : r.map((a) => {
-        let t = { label: a.label };
-        a.icon != null && (t = { ...t, icon: a.icon });
-        const o = typeof a.click == "function" ? a.click : () => {
-        };
-        return {
-          key: a.label,
-          args: t,
-          click: o
-        };
-      });
-    }), u = () => {
-      typeof l.onAccount == "function" && l.onAccount();
-    }, f = () => {
-      typeof l.onLogout == "function" && l.onLogout();
-    };
-    return (r, a) => (n(), $(X, { stick: "right" }, {
-      button: A(({ onToggle: t, isExpanded: o }) => {
-        var i, g;
-        return [
-          e("button", {
-            onClick: t,
-            class: C(["p-1 rounded-full hover:bg-secondary-10", [o ? "bg-secondary-25" : ""]])
-          }, [
-            m(w, {
-              text: ((i = r.user) == null ? void 0 : i.name) || "",
-              size: r.iconSize,
-              src: (g = r.user) == null ? void 0 : g.photo_url,
-              rounded: !0
-            }, null, 8, ["text", "size", "src"])
-          ], 10, te)
-        ];
-      }),
-      menu: A(() => {
-        var t, o, i, g, x;
-        return [
-          e("div", oe, [
-            m(w, {
-              text: ((t = r.user) == null ? void 0 : t.name) || "",
-              size: 80,
-              src: (o = r.user) == null ? void 0 : o.photo_url,
-              rounded: !0,
-              class: "mx-auto"
-            }, null, 8, ["text", "src"]),
-            e("div", ne, [
-              e("div", se, p((i = r.user) == null ? void 0 : i.name), 1),
-              e("div", re, p((g = r.user) == null ? void 0 : g.email), 1)
-            ]),
-            typeof l.onAccount == "function" ? (n(), s("a", {
-              key: 0,
-              onClick: u,
-              class: "cursor-pointer justify-center px-8 py-3 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"
-            }, p(r.accountLabel), 1)) : v("", !0),
-            e("div", ie, [
-              (n(!0), s(S, null, z(c.value, (y) => (n(), $(M, E({
-                key: y.key
-              }, y.args, {
-                onClick: y.click
-              }), null, 16, ["onClick"]))), 128)),
-              m(M, {
-                icon: O(Y),
-                label: r.logoutLabel,
-                class: "rounded py-3",
-                onClick: f
-              }, null, 8, ["icon", "label"])
-            ]),
-            le,
-            e("div", ce, p((x = r.app) == null ? void 0 : x.version), 1)
-          ])
-        ];
-      }),
-      _: 1
-    }));
-  }
-});
-function ae(d, l) {
-  return n(), s("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "17.16",
-      y: "3.9",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "10.53",
-      y: "3.9",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "3.9",
-      y: "3.9",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "17.16",
-      y: "10.53",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "10.53",
-      y: "10.53",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "3.9",
-      y: "10.53",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "17.16",
-      y: "17.16",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "10.53",
-      y: "17.16",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "3.9",
-      y: "17.16",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    })
-  ]);
-}
-function ue(d, l) {
-  return n(), s("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-    })
-  ]);
-}
-function de(d, l) {
-  return n(), s("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M4.5 15.75l7.5-7.5 7.5 7.5"
-    })
-  ]);
-}
-const pe = (d) => (q("data-v-fe93eab5"), d = d(), H(), d), he = ["data-opened"], fe = {
-  key: 1,
-  class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white z-10"
-}, me = { class: "flex justify-between items-center pt-3 mb-3" }, ve = { class: "font-semibold text-xl px-3" }, ge = { class: "grid" }, ye = { class: "rounded-lg m-3 border" }, xe = {
-  class: "space-x-2 flex items-center px-3 py-2",
-  style: { width: "300px" }
-}, _e = { class: "flex justify-between relative" }, we = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, be = { clsss: "flex justify-end absolute right-0" }, ke = { key: 0 }, Ce = { class: "text-xs font-semibold" }, Ae = /* @__PURE__ */ pe(() => /* @__PURE__ */ e("hr", null, null, -1)), $e = { class: "px-3 py-2" }, Se = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, ze = { class: "overflow-auto max-h-full" }, Oe = {
-  key: 0,
-  class: "space-y-2"
-}, Le = ["onClick"], je = { class: "pl-2" }, Fe = { class: "text-sm mt-1 font-semibold" }, Be = { class: "text-xs mt-1" }, Me = {
-  key: 1,
-  class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Ie = /* @__PURE__ */ k({
-  __name: "OneBrowserMenu",
-  props: ee,
-  setup(d) {
-    const l = d, c = _(!1), u = () => {
-      c.value = !c.value;
-    }, f = _(!1), r = b(() => f.value ? de : ue);
-    _(!1);
-    const a = () => {
-      typeof l.onChange == "function" && l.onChange();
-    }, t = (o) => {
-      typeof l.onApp == "function" && l.onApp(o);
-    };
-    return (o, i) => {
-      var g, x, y, L;
-      return n(), s("div", { "data-opened": c.value }, [
-        e("button", {
-          onClick: u,
-          class: C(["p-1 rounded-md hover:bg-secondary-10", { "bg-secondary-10": c.value }])
-        }, [
-          m(O(ae), { class: "text-secondary-base w-8" })
-        ], 2),
-        c.value ? (n(), s("div", {
-          key: 0,
-          class: "fixed top-0 left-0 w-screen h-screen z-10",
-          onClick: u
-        })) : v("", !0),
-        c.value ? (n(), s("div", fe, [
-          e("div", me, [
-            e("div", ve, p((g = o.workspace) == null ? void 0 : g.label), 1),
-            m(O(R), {
-              class: "w-6 cursor-pointer",
-              onClick: u
-            })
-          ]),
-          e("div", ge, [
-            e("div", ye, [
-              e("div", xe, [
-                e("div", _e, [
-                  m(w, {
-                    text: ((x = o.workspace) == null ? void 0 : x.name) || "",
-                    src: (y = o.workspace) == null ? void 0 : y.photo_url,
-                    size: 44,
-                    rounded: !1,
-                    class: "mx-auto"
-                  }, null, 8, ["text", "src"])
-                ]),
-                e("div", we, [
-                  N(p((L = o.workspace) == null ? void 0 : L.name) + " ", 1),
-                  e("div", be, [
-                    m(W, {
-                      variant: "touch",
-                      icon: r.value,
-                      onClick: a
-                    }, null, 8, ["icon"])
-                  ])
-                ])
-              ]),
-              f.value ? (n(), s("div", ke, [
-                (n(!0), s(S, null, z(o.workspaces, (h) => (n(), s("div", {
-                  key: h.name,
-                  class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
-                }, [
-                  m(w, {
-                    text: h.name,
-                    src: h.photo_url,
-                    size: 30,
-                    rounded: !1
-                  }, null, 8, ["text", "src"]),
-                  e("span", Ce, p(h.name), 1)
-                ]))), 128))
-              ])) : v("", !0),
-              Ae,
-              e("div", {
-                onClick: a,
-                class: "text-center py-2 cursor-pointer",
-                style: { "font-size": "10px" }
-              }, p(o.changeLabel), 1)
-            ])
-          ]),
-          e("div", $e, [
-            e("div", Se, p(o.appsTitle), 1),
-            e("div", ze, [
-              o.apps && o.apps.length ? (n(), s("div", Oe, [
-                (n(!0), s(S, null, z(o.apps, (h) => (n(), s("div", {
-                  key: h.id,
-                  onClick: (Te) => t(h),
-                  class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
-                }, [
-                  m(w, {
-                    text: h.name,
-                    src: h.photo_url,
-                    size: 44,
-                    rounded: !1
-                  }, null, 8, ["text", "src"]),
-                  e("div", je, [
-                    e("p", Fe, p(h.name), 1),
-                    e("p", Be, p(h == null ? void 0 : h.inf), 1)
-                  ])
-                ], 8, Le))), 128))
-              ])) : v("", !0),
-              o.apps && o.apps.length ? (n(), s("button", Me, p("Дивитися всі"))) : v("", !0)
-            ])
-          ])
-        ])) : v("", !0)
-      ], 8, he);
-    };
-  }
-});
-const He = /* @__PURE__ */ U(Ie, [["__scopeId", "data-v-fe93eab5"]]);
-export {
-  He as O,
-  X as _,
-  M as a,
-  qe as b,
-  ee as c,
-  ae as r
-};