@oneb/ui-vue 0.1.22 → 0.1.23

package/dist/layout/layout.d.ts

@@ -194,6 +194,13 @@ export declare const sidebarLinkProps: {
         required: boolean;
     };
 };
+export type helpType = {
+    id: number;
+    social: string;
+    label: string;
+    inf: string;
+    link: string;
+};
 export declare const mainLayoutProps: {
     sidebarItems: {
         required: boolean;
@@ -273,6 +280,17 @@ export declare const mainLayoutProps: {
             icon: FunctionalComponent | Component;
         }>;
     };
+    help: {
+        type: PropType<helpType[]>;
+    };
+    menu: {
+        type: PropType<{
+            label: string;
+            icon?: any;
+            click?: () => void;
+        }[]>;
+        default: () => any[];
+    };
 };
 export declare const GridTestProps: {
     count: {

package/dist/style.css

@@ -1 +1 @@
-.textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.accordion-enter-active[data-v-1c2c0817],.accordion-leave-active[data-v-1c2c0817]{transition:height .3s ease}.accordion-enter[data-v-1c2c0817],.accordion-leave-to[data-v-1c2c0817]{height:0;overflow:hidden}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.sidebar[data-v-bded4814]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-bded4814]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-bded4814]{position:relative}.tooltip-text[data-v-bded4814]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-bded4814]{visibility:visible;opacity:1}.cont[data-v-bded4814]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-bded4814]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-8ffc89cc]{height:100dvh}.module-border-wrap[data-v-8ffc89cc]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
+.textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.accordion-enter-active[data-v-1c2c0817],.accordion-leave-active[data-v-1c2c0817]{transition:height .3s ease}.accordion-enter[data-v-1c2c0817],.accordion-leave-to[data-v-1c2c0817]{height:0;overflow:hidden}.sidebar[data-v-bded4814]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-bded4814]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-bded4814]{position:relative}.tooltip-text[data-v-bded4814]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-bded4814]{visibility:visible;opacity:1}.cont[data-v-bded4814]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-bded4814]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-a1827512]{height:100dvh}.module-border-wrap[data-v-a1827512]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-a1827512]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-a1827512]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-a1827512]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-a1827512]::-webkit-scrollbar-thumb:hover{background-color:#555}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.tooltip[data-v-94a995fe]{position:relative}.tooltip-text[data-v-94a995fe]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-94a995fe]{visibility:visible;opacity:1}.overflow-y-auto[data-v-94a995fe]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-94a995fe]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-94a995fe]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-94a995fe]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneb/ui-vue",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "type": "module",
   "license": "MIT",
   "files": [

package/dist/OneBrowserMenu-97c45a52.js

@@ -1,549 +0,0 @@
-import { defineComponent as $, ref as C, provide as E, computed as _, openBlock as o, createElementBlock as r, renderSlot as B, normalizeProps as M, guardReactiveProps as I, createCommentVNode as f, createVNode as v, Transition as R, withCtx as S, normalizeClass as A, toDisplayString as p, inject as T, withModifiers as V, createBlock as k, resolveDynamicComponent as q, createElementVNode as e, Fragment as z, renderList as j, mergeProps as H, unref as b, pushScopeId as N, popScopeId as W } from "vue";
-import { OneAvatar as w } from "./common/index.js";
-import { r as U } from "./XMarkIcon-51ef0691.js";
-import { _ as G } from "./index-81f36d8e.js";
-import { _ as J } from "./_plugin-vue_export-helper-dad06003.js";
-const K = {
-  title: {
-    type: String
-  },
-  stick: {
-    type: String,
-    default: "right"
-  }
-}, Q = {
-  variant: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  icon: {
-    type: [Function, Object]
-  }
-}, X = ["data-opened"], Y = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, Z = /* @__PURE__ */ $({
-  __name: "OneDropdown",
-  props: K,
-  emits: ["open", "close"],
-  setup(c, { emit: i }) {
-    const a = c, l = C(!1), h = C(null), n = () => {
-      l.value = !l.value, l.value ? i("open") : i("close");
-    };
-    E("OneDropdown", {
-      onToggle: n
-    });
-    const s = _(() => {
-      const t = h.value != null && h.value.getBoundingClientRect.x < 270;
-      return h.value != null && h.value.getBoundingClientRect().top + 270 > window.innerHeight ? "up" + (t ? "-right" : "-left") : "down" + (t ? "-right" : "-left");
-    }), u = _(() => {
-      const t = [
-        "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 s.value.startsWith("up") ? t.push("bottom-1 mb-10") : s.value.startsWith("down") && t.push("top-1 mt-10"), a.stick === "right" ? t.push("right-0") : a.stick === "left" && t.push("left-0"), t;
-    });
-    return (t, m) => (o(), r("div", {
-      class: "relative inline-block",
-      ref_key: "menuRef",
-      ref: h,
-      "data-opened": l.value
-    }, [
-      B(t.$slots, "button", M(I({ onToggle: n, isExpanded: l.value }))),
-      l.value ? (o(), r("div", {
-        key: 0,
-        class: "fixed top-0 left-0 w-screen h-screen z-10",
-        onClick: n
-      })) : f("", !0),
-      v(R, {
-        "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: S(() => [
-          l.value ? (o(), r("div", {
-            key: 0,
-            class: A(["menu", u.value]),
-            role: "menu",
-            "aria-orientation": "vertical",
-            tabindex: "-1"
-          }, [
-            t.title ? (o(), r("div", Y, p(t.title), 1)) : f("", !0),
-            B(t.$slots, "menu", M(I({ onToggle: n })))
-          ], 2)) : f("", !0)
-        ]),
-        _: 3
-      })
-    ], 8, X));
-  }
-}), ee = ["onClick"], P = /* @__PURE__ */ $({
-  __name: "OneDropdownItem",
-  props: Q,
-  emits: ["click"],
-  setup(c, { emit: i }) {
-    const a = c, l = T("OneDropdown"), h = () => {
-      l !== void 0 && l.onToggle(), i("click");
-    }, n = _(() => {
-      const s = [];
-      return a.variant === "secondary" ? s.push("text-secondary-content hover:bg-secondary-body-hover") : a.variant === "danger" ? s.push("text-danger-content hover:bg-danger-10") : a.variant === "warning" ? s.push("text-warning-content hover:bg-warning-10") : a.variant === "info" ? s.push("text-info-content hover:bg-info-10") : s.push("hover:bg-secondary-body-hover"), s;
-    });
-    return (s, u) => (o(), r("button", {
-      class: A(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", n.value]),
-      onClick: V(h, ["prevent"])
-    }, [
-      s.icon ? (o(), k(q(s.icon), {
-        key: 0,
-        class: "w-4 h-4"
-      })) : f("", !0),
-      e("span", null, p(s.label), 1)
-    ], 10, ee));
-  }
-});
-function te(c, i) {
-  return o(), r("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 oe = {
-  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
-  }
-}, ne = {
-  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
-  }
-}, se = ["onClick"], re = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, le = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, ie = { class: "self-center text-base font-medium tracking-wide text-black" }, ce = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, ae = { class: "text-left w-full mt-5 px-3" }, ue = /* @__PURE__ */ e("div", {
-  class: "space-y-2 text-center",
-  style: { width: "240px" }
-}, null, -1), de = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Ue = /* @__PURE__ */ $({
-  __name: "OneUserMenu",
-  props: oe,
-  setup(c) {
-    const i = c, a = _(() => {
-      var n;
-      return (n = i.menu) == null ? void 0 : n.map((s) => {
-        let u = { label: s.label };
-        s.icon != null && (u = { ...u, icon: s.icon });
-        const t = typeof s.click == "function" ? s.click : () => {
-        };
-        return {
-          key: s.label,
-          args: u,
-          click: t
-        };
-      });
-    }), l = () => {
-      typeof i.onAccount == "function" && i.onAccount();
-    }, h = () => {
-      typeof i.onLogout == "function" && i.onLogout();
-    };
-    return (n, s) => (o(), k(Z, { stick: "right" }, {
-      button: S(({ onToggle: u, isExpanded: t }) => {
-        var m, g;
-        return [
-          e("button", {
-            onClick: u,
-            class: A(["p-1 rounded-full hover:bg-secondary-10", [t ? "bg-secondary-25" : ""]])
-          }, [
-            v(w, {
-              text: ((m = n.user) == null ? void 0 : m.name) || "",
-              size: n.iconSize,
-              src: (g = n.user) == null ? void 0 : g.photo_url,
-              rounded: !0
-            }, null, 8, ["text", "size", "src"])
-          ], 10, se)
-        ];
-      }),
-      menu: S(() => {
-        var u, t, m, g, y;
-        return [
-          e("div", re, [
-            v(w, {
-              text: ((u = n.user) == null ? void 0 : u.name) || "",
-              size: 80,
-              src: (t = n.user) == null ? void 0 : t.photo_url,
-              rounded: !0,
-              class: "mx-auto"
-            }, null, 8, ["text", "src"]),
-            e("div", le, [
-              e("div", ie, p((m = n.user) == null ? void 0 : m.name), 1),
-              e("div", ce, p((g = n.user) == null ? void 0 : g.email), 1)
-            ]),
-            typeof i.onAccount == "function" ? (o(), r("a", {
-              key: 0,
-              onClick: l,
-              class: "cursor-pointer justify-center px-8 py-2 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(n.accountLabel), 1)) : f("", !0),
-            e("div", ae, [
-              (o(!0), r(z, null, j(a.value, (x) => (o(), k(P, H({
-                key: x.key
-              }, x.args, {
-                onClick: x.click
-              }), null, 16, ["onClick"]))), 128)),
-              typeof n.onLogout == "function" ? (o(), k(P, {
-                key: 0,
-                icon: b(te),
-                label: n.logoutLabel,
-                class: "rounded py-3",
-                onClick: h
-              }, null, 8, ["icon", "label"])) : f("", !0)
-            ]),
-            ue,
-            e("div", de, p((y = n.app) == null ? void 0 : y.version), 1)
-          ])
-        ];
-      }),
-      _: 1
-    }));
-  }
-});
-function pe(c, i) {
-  return o(), r("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 he(c, i) {
-  return o(), r("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 fe(c, i) {
-  return o(), r("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"
-    })
-  ]);
-}
-function ve(c, i) {
-  return o(), r("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: "M8.25 4.5l7.5 7.5-7.5 7.5"
-    })
-  ]);
-}
-const ge = (c) => (N("data-v-4936d4e4"), c = c(), W(), c), me = ["data-opened"], xe = {
-  key: 1,
-  class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
-}, ye = { class: "flex justify-between items-center pt-3 mb-3" }, we = { class: "font-semibold text-xl px-3" }, _e = { class: "grid" }, ke = { class: "rounded-lg m-3 border" }, be = {
-  class: "space-x-2 flex items-center px-3 py-2",
-  style: { width: "300px" }
-}, Ce = { class: "flex justify-between relative" }, $e = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Ae = { key: 0 }, Se = { class: "text-xs font-semibold" }, ze = /* @__PURE__ */ ge(() => /* @__PURE__ */ e("hr", null, null, -1)), je = { class: "px-3 py-2" }, Le = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Oe = { class: "overflow-auto max-h-full" }, Fe = {
-  key: 0,
-  class: "space-y-2"
-}, Be = ["onClick"], Me = { class: "flex" }, Ie = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Pe = { class: "pl-2" }, De = { class: "text-sm mt-1 font-semibold" }, Ee = { class: "text9 mt-1" }, Re = {
-  key: 1,
-  class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Te = /* @__PURE__ */ $({
-  __name: "OneBrowserMenu",
-  props: ne,
-  emits: ["open", "close"],
-  setup(c, { emit: i }) {
-    const a = c, l = C(!1), h = () => {
-      l.value = !l.value, l.value ? i("open") : i("close");
-    }, n = C(!1);
-    _(() => n.value ? fe : he);
-    const s = () => {
-      typeof a.onChange == "function" && a.onChange();
-    }, u = (t) => {
-      typeof a.onApp == "function" && a.onApp(t);
-    };
-    return (t, m) => {
-      var g, y, x, L, O, F;
-      return o(), r("div", { "data-opened": l.value }, [
-        e("button", {
-          onClick: h,
-          class: A(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": l.value }])
-        }, [
-          v(b(pe), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
-        ], 2),
-        l.value ? (o(), r("div", {
-          key: 0,
-          class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
-          onClick: h
-        })) : f("", !0),
-        l.value ? (o(), r("div", xe, [
-          e("div", ye, [
-            e("div", we, p((g = t.workspace) == null ? void 0 : g.title), 1),
-            v(b(U), {
-              class: "w-6 cursor-pointer",
-              onClick: h
-            })
-          ]),
-          e("div", _e, [
-            e("div", ke, [
-              e("div", be, [
-                e("div", Ce, [
-                  v(w, {
-                    text: ((y = t.workspace) == null ? void 0 : y.name) || "",
-                    src: (x = t.workspace) == null ? void 0 : x.photo_url,
-                    size: 44,
-                    rounded: !1,
-                    class: "mx-auto"
-                  }, null, 8, ["text", "src"])
-                ]),
-                e("div", $e, p((L = t.workspace) == null ? void 0 : L.name) + " ", 1)
-              ]),
-              n.value ? (o(), r("div", Ae, [
-                (o(!0), r(z, null, j(t.workspaces, (d) => (o(), r("div", {
-                  key: d.name,
-                  class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
-                }, [
-                  v(w, {
-                    text: d.name,
-                    src: d.photo_url,
-                    size: 30,
-                    rounded: !1
-                  }, null, 8, ["text", "src"]),
-                  e("span", Se, p(d.name), 1)
-                ]))), 128))
-              ])) : f("", !0),
-              ze,
-              e("div", {
-                onClick: s,
-                class: "text-center py-2 cursor-pointer",
-                style: { "font-size": "10px" }
-              }, p((O = t.workspace) == null ? void 0 : O.changeLabel), 1)
-            ])
-          ]),
-          e("div", je, [
-            e("div", Le, p((F = t.workspace) == null ? void 0 : F.appsLabel), 1),
-            e("div", Oe, [
-              t.apps && t.apps.length ? (o(), r("div", Fe, [
-                (o(!0), r(z, null, j(t.apps, (d) => (o(), r("div", {
-                  key: d.id,
-                  onClick: (D) => u(d),
-                  class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
-                }, [
-                  e("div", Me, [
-                    e("div", Ie, [
-                      v(w, {
-                        text: d.name,
-                        src: d.photo_url,
-                        size: 44,
-                        rounded: !1
-                      }, null, 8, ["text", "src"])
-                    ]),
-                    e("div", Pe, [
-                      e("p", De, p(d.name), 1),
-                      e("p", Ee, p(d == null ? void 0 : d.short), 1)
-                    ])
-                  ]),
-                  e("div", null, [
-                    v(G, {
-                      variant: "touch",
-                      icon: b(ve),
-                      onClick: (D) => u(d)
-                    }, null, 8, ["icon", "onClick"])
-                  ])
-                ], 8, Be))), 128))
-              ])) : f("", !0),
-              t.apps && t.apps.length ? (o(), r("button", Re, p("Дивитися всі"))) : f("", !0)
-            ])
-          ])
-        ])) : f("", !0)
-      ], 8, me);
-    };
-  }
-});
-const Ge = /* @__PURE__ */ J(Te, [["__scopeId", "data-v-4936d4e4"]]);
-export {
-  Ge as O,
-  Z as _,
-  P as a,
-  Ue as b,
-  he as c,
-  ve as d,
-  ne as e,
-  pe as f,
-  fe as r
-};

package/dist/OneBrowserMenu-ac867a37.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),f=require("./common/index.cjs"),C=require("./XMarkIcon-f94baa4c.cjs"),N=require("./index-98ecfd9e.cjs"),S=require("./_plugin-vue_export-helper-f246444f.cjs"),$={title:{type:String},stick:{type:String,default:"right"}},A={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},z=["data-opened"],D={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},w=e.defineComponent({__name:"OneDropdown",props:$,emits:["open","close"],setup(s,{emit:l}){const c=s,r=e.ref(!1),d=e.ref(null),o=()=>{r.value=!r.value,r.value?l("open"):l("close")};e.provide("OneDropdown",{onToggle:o});const n=e.computed(()=>{const t=d.value!=null&&d.value.getBoundingClientRect.x<270;return d.value!=null&&d.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),a=e.computed(()=>{const t=["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 n.value.startsWith("up")?t.push("bottom-1 mb-10"):n.value.startsWith("down")&&t.push("top-1 mt-10"),c.stick==="right"?t.push("right-0"):c.stick==="left"&&t.push("left-0"),t});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:d,"data-opened":r.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:o,isExpanded:r.value}))),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:o})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"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:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",a.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",D,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:o})))],2)):e.createCommentVNode("",!0)]),_:3})],8,z))}}),O=["onClick"],k=e.defineComponent({__name:"OneDropdownItem",props:A,emits:["click"],setup(s,{emit:l}){const c=s,r=e.inject("OneDropdown"),d=()=>{r!==void 0&&r.onToggle(),l("click")},o=e.computed(()=>{const n=[];return c.variant==="secondary"?n.push("text-secondary-content hover:bg-secondary-body-hover"):c.variant==="danger"?n.push("text-danger-content hover:bg-danger-10"):c.variant==="warning"?n.push("text-warning-content hover:bg-warning-10"):c.variant==="info"?n.push("text-info-content hover:bg-info-10"):n.push("hover:bg-secondary-body-hover"),n});return(n,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",o.value]),onClick:e.withModifiers(d,["prevent"])},[n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.label),1)],10,O))}});function L(s,l){return e.openBlock(),e.createElementBlock("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.createElementVNode("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 F={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}},x={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}},j=["onClick"],M={class:"flex flex-col items-center pt-5 pb-2 h-full"},P={class:"flex flex-col px-10 py-1 mt-2 text-center"},q={class:"self-center text-base font-medium tracking-wide text-black"},I={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},R={class:"text-left w-full mt-5 px-3"},T=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1),H={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},W=e.defineComponent({__name:"OneUserMenu",props:F,setup(s){const l=s,c=e.computed(()=>{var o;return(o=l.menu)==null?void 0:o.map(n=>{let a={label:n.label};n.icon!=null&&(a={...a,icon:n.icon});const t=typeof n.click=="function"?n.click:()=>{};return{key:n.label,args:a,click:t}})}),r=()=>{typeof l.onAccount=="function"&&l.onAccount()},d=()=>{typeof l.onLogout=="function"&&l.onLogout()};return(o,n)=>(e.openBlock(),e.createBlock(w,{stick:"right"},{button:e.withCtx(({onToggle:a,isExpanded:t})=>{var p,u;return[e.createElementVNode("button",{onClick:a,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[t?"bg-secondary-25":""]])},[e.createVNode(f.OneAvatar,{text:((p=o.user)==null?void 0:p.name)||"",size:o.iconSize,src:(u=o.user)==null?void 0:u.photo_url,rounded:!0},null,8,["text","size","src"])],10,j)]}),menu:e.withCtx(()=>{var a,t,p,u,h;return[e.createElementVNode("div",M,[e.createVNode(f.OneAvatar,{text:((a=o.user)==null?void 0:a.name)||"",size:80,src:(t=o.user)==null?void 0:t.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",P,[e.createElementVNode("div",q,e.toDisplayString((p=o.user)==null?void 0:p.name),1),e.createElementVNode("div",I,e.toDisplayString((u=o.user)==null?void 0:u.email),1)]),typeof l.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:r,class:"cursor-pointer justify-center px-8 py-2 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"},e.toDisplayString(o.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,m=>(e.openBlock(),e.createBlock(k,e.mergeProps({key:m.key},m.args,{onClick:m.click}),null,16,["onClick"]))),128)),typeof o.onLogout=="function"?(e.openBlock(),e.createBlock(k,{key:0,icon:e.unref(L),label:o.logoutLabel,class:"rounded py-3",onClick:d},null,8,["icon","label"])):e.createCommentVNode("",!0)]),T,e.createElementVNode("div",H,e.toDisplayString((h=o.app)==null?void 0:h.version),1)])]}),_:1}))}});function _(s,l){return e.openBlock(),e.createElementBlock("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.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"})])}function b(s,l){return e.openBlock(),e.createElementBlock("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.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function E(s,l){return e.openBlock(),e.createElementBlock("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.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 15.75l7.5-7.5 7.5 7.5"})])}function V(s,l){return e.openBlock(),e.createElementBlock("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.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})])}const U=s=>(e.pushScopeId("data-v-4936d4e4"),s=s(),e.popScopeId(),s),X=["data-opened"],G={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},J={class:"flex justify-between items-center pt-3 mb-3"},K={class:"font-semibold text-xl px-3"},Q={class:"grid"},Y={class:"rounded-lg m-3 border"},Z={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ee={class:"flex justify-between relative"},te={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},oe={key:0},ne={class:"text-xs font-semibold"},re=U(()=>e.createElementVNode("hr",null,null,-1)),le={class:"px-3 py-2"},se={class:"text-secondary-content text-left pb-1 text-xs uppercase"},ce={class:"overflow-auto max-h-full"},ae={key:0,class:"space-y-2"},ie=["onClick"],de={class:"flex"},ue={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},pe={class:"pl-2"},me={class:"text-sm mt-1 font-semibold"},he={class:"text9 mt-1"},fe={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},ke=e.defineComponent({__name:"OneBrowserMenu",props:x,emits:["open","close"],setup(s,{emit:l}){const c=s,r=e.ref(!1),d=()=>{r.value=!r.value,r.value?l("open"):l("close")},o=e.ref(!1);e.computed(()=>o.value?E:b);const n=()=>{typeof c.onChange=="function"&&c.onChange()},a=t=>{typeof c.onApp=="function"&&c.onApp(t)};return(t,p)=>{var u,h,m,g,v,y;return e.openBlock(),e.createElementBlock("div",{"data-opened":r.value},[e.createElementVNode("button",{onClick:d,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":r.value}])},[e.createVNode(e.unref(_),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:d})):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,[e.createElementVNode("div",K,e.toDisplayString((u=t.workspace)==null?void 0:u.title),1),e.createVNode(e.unref(C.render),{class:"w-6 cursor-pointer",onClick:d})]),e.createElementVNode("div",Q,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createVNode(f.OneAvatar,{text:((h=t.workspace)==null?void 0:h.name)||"",src:(m=t.workspace)==null?void 0:m.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",te,e.toDisplayString((g=t.workspace)==null?void 0:g.name)+" ",1)]),o.value?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,i=>(e.openBlock(),e.createElementBlock("div",{key:i.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(f.OneAvatar,{text:i.name,src:i.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ne,e.toDisplayString(i.name),1)]))),128))])):e.createCommentVNode("",!0),re,e.createElementVNode("div",{onClick:n,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((v=t.workspace)==null?void 0:v.changeLabel),1)])]),e.createElementVNode("div",le,[e.createElementVNode("div",se,e.toDisplayString((y=t.workspace)==null?void 0:y.appsLabel),1),e.createElementVNode("div",ce,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,i=>(e.openBlock(),e.createElementBlock("div",{key:i.id,onClick:B=>a(i),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",de,[e.createElementVNode("div",ue,[e.createVNode(f.OneAvatar,{text:i.name,src:i.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",pe,[e.createElementVNode("p",me,e.toDisplayString(i.name),1),e.createElementVNode("p",he,e.toDisplayString(i==null?void 0:i.short),1)])]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{variant:"touch",icon:e.unref(V),onClick:B=>a(i)},null,8,["icon","onClick"])])],8,ie))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",fe,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,X)}}});const ge=S._export_sfc(ke,[["__scopeId","data-v-4936d4e4"]]);exports.OneBrowserMenu=ge;exports._sfc_main=w;exports._sfc_main$1=k;exports._sfc_main$2=W;exports.browserMenuProps=x;exports.render=E;exports.render$1=b;exports.render$2=V;exports.render$3=_;