@oneb/ui-vue 0.0.10 → 0.0.11

package/dist/form/index.js

@@ -1,4 +1,4 @@
-import { inject as O, computed as i, defineComponent as g, provide as E, openBlock as r, createElementBlock as n, withModifiers as N, renderSlot as B, unref as a, createTextVNode as L, toDisplayString as h, Fragment as F, renderList as $, createCommentVNode as b, createElementVNode as d, ref as C, onMounted as A, normalizeClass as v, createVNode as V, createBlock as k, resolveDynamicComponent as P } from "vue";
+import { inject as O, computed as a, defineComponent as g, provide as E, openBlock as l, createElementBlock as t, withModifiers as A, renderSlot as V, unref as d, createTextVNode as L, toDisplayString as h, Fragment as _, renderList as $, createCommentVNode as b, createElementVNode as i, ref as q, onMounted as P, normalizeClass as v, createVNode as C, createBlock as k, resolveDynamicComponent as x } from "vue";
 const z = {
   id: {
     type: String,
@@ -64,6 +64,10 @@ const z = {
     type: String,
     default: "text"
   },
+  inputClass: {
+    required: !1,
+    type: [Array, String]
+  },
   modelValue: {
     required: !1,
     type: [String, Number, Array, Boolean, Object, null]
@@ -105,54 +109,54 @@ const z = {
 }, I = () => O(
   "BaseForm",
   () => ({
-    formId: i(() => {
+    formId: a(() => {
     }),
-    validation: i(() => {
+    validation: a(() => {
     })
   }),
   !0
-), _ = () => O(
+), B = () => O(
   "BaseFormField",
   () => ({
-    inputId: i(() => {
+    inputId: a(() => {
     }),
-    inputName: i(() => {
+    inputName: a(() => {
     }),
-    hasError: i(() => !1)
+    hasError: a(() => !1)
   }),
   !0
-), J = ["onSubmit", "id"], be = /* @__PURE__ */ g({
+), J = ["onSubmit", "id"], ke = /* @__PURE__ */ g({
   __name: "OneForm",
   props: z,
   emits: ["submit"],
-  setup(u, { emit: l }) {
-    const o = u;
+  setup(u, { emit: n }) {
+    const r = u;
     E("BaseForm", {
-      formId: i(() => o.id),
-      validation: i(() => o.validation)
+      formId: a(() => r.id),
+      validation: a(() => r.validation)
     });
     const p = () => {
-      l("submit");
+      n("submit");
     };
-    return (s, t) => (r(), n("form", {
-      onSubmit: N(p, ["prevent"]),
+    return (s, o) => (l(), t("form", {
+      onSubmit: A(p, ["prevent"]),
       id: s.id,
       class: "space-y-3"
     }, [
-      B(s.$slots, "default")
+      V(s.$slots, "default")
     ], 40, J));
   }
 }), K = ["for"], Q = /* @__PURE__ */ g({
   __name: "OneFormLabel",
   props: G,
   setup(u) {
-    const { inputId: l } = _();
-    return (o, p) => (r(), n("label", {
-      for: a(l),
+    const { inputId: n } = B();
+    return (r, p) => (l(), t("label", {
+      for: d(n),
       class: "block text-sm font-medium text-primary-content select-none"
     }, [
-      B(o.$slots, "default", {}, () => [
-        L(h(o.label), 1)
+      V(r.$slots, "default", {}, () => [
+        L(h(r.label), 1)
       ])
     ], 8, K));
   }
@@ -163,14 +167,14 @@ const z = {
   __name: "OneFormFeedback",
   props: T,
   setup(u) {
-    const l = u, { validation: o } = I(), { inputName: p } = _(), s = i(() => p.value == null && l.name == null ? l.errors ?? [] : o.value == null ? l.errors ?? [] : (o.value ?? {})[l.name || p.value] ?? l.errors ?? []);
-    return (t, c) => s.value.length > 0 ? (r(), n("div", R, [
-      (r(!0), n(F, null, $(s.value, (f) => (r(), n("div", { key: f }, h(f), 1))), 128))
+    const n = u, { validation: r } = I(), { inputName: p } = B(), s = a(() => p.value == null && n.name == null ? n.errors ?? [] : r.value == null ? n.errors ?? [] : (r.value ?? {})[n.name || p.value] ?? n.errors ?? []);
+    return (o, m) => s.value.length > 0 ? (l(), t("div", R, [
+      (l(!0), t(_, null, $(s.value, (f) => (l(), t("div", { key: f }, h(f), 1))), 128))
     ])) : b("", !0);
   }
 });
-function W(u, l) {
-  return r(), n("svg", {
+function W(u, n) {
+  return l(), t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -178,20 +182,20 @@ function W(u, l) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    d("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
     }),
-    d("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
     })
   ]);
 }
-function X(u, l) {
-  return r(), n("svg", {
+function X(u, n) {
+  return l(), t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -199,15 +203,15 @@ function X(u, l) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    d("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
     })
   ]);
 }
-function Y(u, l) {
-  return r(), n("svg", {
+function Y(u, n) {
+  return l(), t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -215,15 +219,15 @@ function Y(u, l) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    d("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M6 18L18 6M6 6l12 12"
     })
   ]);
 }
-function Z(u, l) {
-  return r(), n("svg", {
+function Z(u, n) {
+  return l(), t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -231,51 +235,66 @@ function Z(u, l) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    d("path", {
+    i("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
     })
   ]);
 }
-const x = {
+const ee = {
   key: 0,
   class: "w-full onebselect relative group"
-}, ee = ["id", "disabled"], re = ["selected"], le = ["selected"], ne = { class: "absolute p-2 px-3 rounded-md h-full flex items-center right-1 top-0 select-none pointer-events-none" }, oe = ["name", "id", "value", "placeholder", "disabled", "readonly"], te = {
+}, re = ["id", "disabled"], le = ["selected"], ne = ["selected", "value"], te = { class: "absolute p-2 px-3 rounded-md h-full flex items-center right-1 top-0 select-none pointer-events-none" }, oe = ["name", "id", "value", "placeholder", "disabled", "readonly"], ae = {
   key: 2,
   class: "flex w-full space-x-3 items-center"
-}, ae = ["type", "name", "id", "disabled", "readonly", "checked"], se = ["for"], de = {
+}, se = ["type", "name", "id", "disabled", "readonly", "checked"], de = ["for"], ie = {
   key: 3,
   class: "w-full space-y-1"
-}, ie = ["name", "id", "value", "disabled", "readonly", "checked"], ue = ["for"], pe = {
+}, ue = ["name", "id", "value", "disabled", "readonly", "checked"], pe = ["for"], ce = {
   key: 4,
   class: "relative"
-}, ce = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, me = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], fe = /* @__PURE__ */ g({
+}, me = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, fe = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ye = /* @__PURE__ */ g({
   __name: "OneFormInput",
   props: H,
   emits: ["update:modelValue"],
-  setup(u, { emit: l }) {
-    const o = u, { inputId: p, inputName: s, hasError: t } = _(), c = C(null), f = C(!1);
-    A(() => {
-      o.autofocus && c.value && c.value.focus();
+  setup(u, { emit: n }) {
+    const r = u, { inputId: p, inputName: s, hasError: o } = B(), m = q(null), f = q(!1);
+    P(() => {
+      r.autofocus && m.value && m.value.focus();
     });
-    const j = i(() => o.modelValue != null && o.modelValue !== ""), y = i(() => {
-      if (o.id)
-        return o.id;
+    const j = a(() => r.modelValue != null && r.modelValue !== ""), y = a(() => {
+      if (r.id)
+        return r.id;
       const e = (p == null ? void 0 : p.value) || "";
-      return o.name ? `${e}-${o.name}` : e || "";
+      return r.name ? `${e}-${r.name}` : e || "";
     }), M = () => {
-      l("update:modelValue", "");
-    }, w = (e) => {
-      o.type === "checkbox" ? l("update:modelValue", e.target.checked) : l("update:modelValue", e.target.value);
+      n("update:modelValue", "");
+    }, N = a(() => {
+      const e = {
+        "shadow-sm": r.type !== "range",
+        "border-danger-base": o.value || r.invalid,
+        "pl-10": r.icon != null,
+        "pr-10": r.type === "password",
+        "rounded-full": r.rounded,
+        "rounded-md": !r.rounded,
+        "text-lg": r.large,
+        "py-2.5": r.large,
+        "py-2": !r.large
+      };
+      return r.inputClass != null && (typeof r.inputClass == "string" ? e[r.inputClass] = !0 : r.inputClass instanceof Array && r.inputClass.forEach((F) => {
+        e[F] = !0;
+      })), e;
+    }), w = (e) => {
+      r.type === "checkbox" ? n("update:modelValue", e.target.checked) : n("update:modelValue", e.target.value);
     };
-    return (e, S) => e.type === "select" ? (r(), n("div", x, [
-      d("select", {
+    return (e, F) => e.type === "select" ? (l(), t("div", ee, [
+      i("select", {
         id: y.value,
         ref_key: "inputElement",
-        ref: c,
+        ref: m,
         class: v(["border border-primary-stroke px-3 w-full", {
-          "border-danger-base": a(t) || e.invalid,
+          "border-danger-base": d(o) || e.invalid,
           "text-secondary-content": e.modelValue === "" || e.modelValue == null,
           "rounded-full": e.rounded,
           "rounded-md": !e.rounded,
@@ -285,34 +304,35 @@ const x = {
         }]),
         disabled: e.disabled
       }, [
-        e.placeholder ? (r(), n("option", {
+        e.placeholder ? (l(), t("option", {
           key: 0,
           selected: e.modelValue === "" || e.modelValue == null,
           disabled: "",
           hidden: ""
-        }, h(e.placeholder), 9, re)) : b("", !0),
-        (r(!0), n(F, null, $(e.options, (m) => (r(), n("option", {
-          selected: m.key === e.modelValue,
-          key: m.key
-        }, h(m.value), 9, le))), 128))
-      ], 10, ee),
-      d("div", ne, [
-        V(a(Z), {
+        }, h(e.placeholder), 9, le)) : b("", !0),
+        (l(!0), t(_, null, $(e.options, (c) => (l(), t("option", {
+          selected: c.key === e.modelValue,
+          key: c.key,
+          value: c.key
+        }, h(c.value), 9, ne))), 128))
+      ], 10, re),
+      i("div", te, [
+        C(d(Z), {
           class: v(["w-4 h-4 text-secondary-content", {
             "group-hover:text-primary-base": !e.disabled,
             "opacity-50": e.disabled
           }])
         }, null, 8, ["class"])
       ])
-    ])) : e.type === "textarea" ? (r(), n("textarea", {
+    ])) : e.type === "textarea" ? (l(), t("textarea", {
       key: 1,
-      name: e.name || a(s),
+      name: e.name || d(s),
       id: y.value,
       value: e.modelValue,
       onInput: w,
       rows: "3",
       class: v(["border border-primary-stroke px-3 w-full", {
-        "border-danger-base": a(t),
+        "border-danger-base": d(o),
         "rounded-3xl": e.rounded,
         "rounded-md": !e.rounded,
         "text-lg": e.large,
@@ -323,98 +343,88 @@ const x = {
       disabled: e.disabled,
       readonly: e.readonly,
       ref_key: "inputElement",
-      ref: c
-    }, null, 42, oe)) : e.type === "checkbox" ? (r(), n("div", te, [
-      d("input", {
+      ref: m
+    }, null, 42, oe)) : e.type === "checkbox" ? (l(), t("div", ae, [
+      i("input", {
         type: e.type,
-        name: e.name || a(s),
+        name: e.name || d(s),
         id: y.value,
         value: !0,
         onInput: w,
         disabled: e.disabled,
         readonly: e.readonly,
         class: v(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
-          "border-danger-base": a(t) || e.invalid
+          "border-danger-base": d(o) || e.invalid
         }]),
         checked: e.modelValue === !0,
         ref_key: "inputElement",
-        ref: c
-      }, null, 42, ae),
-      d("label", {
+        ref: m
+      }, null, 42, se),
+      i("label", {
         for: y.value,
         class: "text-primary-content select-none"
-      }, h(e.placeholder), 9, se)
-    ])) : e.type === "radio" ? (r(), n("div", de, [
-      (r(!0), n(F, null, $(e.options, (m, q) => (r(), n("div", {
-        key: m.key,
+      }, h(e.placeholder), 9, de)
+    ])) : e.type === "radio" ? (l(), t("div", ie, [
+      (l(!0), t(_, null, $(e.options, (c, S) => (l(), t("div", {
+        key: c.key,
         class: "flex w-full space-x-3 items-center"
       }, [
-        d("input", {
+        i("input", {
           type: "radio",
-          name: e.name || a(s),
-          id: `${y.value}-${q}`,
-          value: m.key,
+          name: e.name || d(s),
+          id: `${y.value}-${S}`,
+          value: c.key,
           onInput: w,
           disabled: e.disabled,
           readonly: e.readonly,
           class: v(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
-            "border-danger-base": a(t) || e.invalid
+            "border-danger-base": d(o) || e.invalid
           }]),
-          checked: m.key === e.modelValue,
+          checked: c.key === e.modelValue,
           ref_for: !0,
           ref_key: "inputElement",
-          ref: c
-        }, null, 42, ie),
-        d("label", {
-          for: `${y.value}-${q}`,
+          ref: m
+        }, null, 42, ue),
+        i("label", {
+          for: `${y.value}-${S}`,
           class: "text-primary-content select-none"
-        }, h(m.value), 9, ue)
+        }, h(c.value), 9, pe)
       ]))), 128))
-    ])) : (r(), n("div", pe, [
-      d("div", ce, [
-        e.icon ? (r(), k(P(e.icon), {
+    ])) : (l(), t("div", ce, [
+      i("div", me, [
+        e.icon ? (l(), k(x(e.icon), {
           key: 0,
           class: "w-5 h-5 text-primary-content"
         })) : b("", !0)
       ]),
-      d("input", {
+      i("input", {
         type: f.value ? "text" : e.type,
-        name: e.name || a(s),
+        name: e.name || d(s),
         id: y.value,
         value: e.modelValue,
         onInput: w,
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: v(["border border-primary-stroke w-full px-3", {
-          "shadow-sm": e.type !== "range",
-          "border-danger-base": a(t) || e.invalid,
-          "pl-10": e.icon != null,
-          "pr-10": e.type === "password",
-          "rounded-full": e.rounded,
-          "rounded-md": !e.rounded,
-          "text-lg": e.large,
-          "py-2.5": e.large,
-          "py-2": !e.large
-        }]),
+        class: v(["border border-primary-stroke w-full px-3", N.value]),
         ref_key: "inputElement",
-        ref: c
-      }, null, 42, me),
-      e.clearable && j.value ? (r(), n("div", {
+        ref: m
+      }, null, 42, fe),
+      e.clearable && j.value ? (l(), t("div", {
         key: 0,
         onClick: M,
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        V(a(Y), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
-      ])) : e.type === "password" ? (r(), n("div", {
+        C(d(Y), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+      ])) : e.type === "password" ? (l(), t("div", {
         key: 1,
-        onClick: S[0] || (S[0] = (m) => f.value = !f.value),
+        onClick: F[0] || (F[0] = (c) => f.value = !f.value),
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        f.value ? (r(), k(a(X), {
+        f.value ? (l(), k(d(X), {
           key: 0,
           class: "w-5 h-5 text-primary-content hover:text-primary-base"
-        })) : (r(), k(a(W), {
+        })) : (l(), k(d(W), {
           key: 1,
           class: "w-5 h-5 text-secondary-content hover:text-primary-base"
         }))
@@ -422,45 +432,45 @@ const x = {
     ]));
   }
 });
-const ye = { class: "space-y-1" }, he = {
+const he = { class: "space-y-1" }, ve = {
   key: 2,
   class: "text-xs text-secondary-content select-none"
-}, ke = /* @__PURE__ */ g({
+}, ge = /* @__PURE__ */ g({
   __name: "OneFormField",
   props: D,
   setup(u) {
-    const l = u, { formId: o, validation: p } = I(), s = i(
-      () => l.errors != null && l.errors.length > 0 ? !0 : l.name == null ? !1 : (p.value ?? {})[l.name] != null
+    const n = u, { formId: r, validation: p } = I(), s = a(
+      () => n.errors != null && n.errors.length > 0 ? !0 : n.name == null ? !1 : (p.value ?? {})[n.name] != null
     );
     return E("BaseFormField", {
-      inputId: i(() => {
-        const t = o.value || "form";
-        if (l.id != null)
-          return `${t}-${l.id}`;
-        if (l.name != null)
-          return `${t}-field-${l.name}`;
+      inputId: a(() => {
+        const o = r.value || "form";
+        if (n.id != null)
+          return `${o}-${n.id}`;
+        if (n.name != null)
+          return `${o}-field-${n.name}`;
       }),
-      inputName: i(() => l.name),
+      inputName: a(() => n.name),
       hasError: s
-    }), (t, c) => (r(), n("div", ye, [
-      t.label ? (r(), k(Q, {
+    }), (o, m) => (l(), t("div", he, [
+      o.label ? (l(), k(Q, {
         key: 0,
-        label: t.label
+        label: o.label
       }, null, 8, ["label"])) : b("", !0),
-      B(t.$slots, "default", {}, () => [
-        V(fe)
+      V(o.$slots, "default", {}, () => [
+        C(ye)
       ]),
-      s.value ? (r(), k(U, {
+      s.value ? (l(), k(U, {
         key: 1,
-        errors: t.errors
-      }, null, 8, ["errors"])) : t.hint.length > 0 ? (r(), n("p", he, h(t.hint), 1)) : b("", !0)
+        errors: o.errors
+      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), t("p", ve, h(o.hint), 1)) : b("", !0)
     ]));
   }
 });
 export {
-  be as OneForm,
+  ke as OneForm,
   U as OneFormFeedback,
-  ke as OneFormField,
-  fe as OneFormInput,
+  ge as OneFormField,
+  ye as OneFormInput,
   Q as OneFormLabel
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./button/index.cjs"),r=require("./card/index.cjs"),e=require("./form/index.cjs"),n=require("./OneBrowserMenu.vue_vue_type_script_setup_true_lang-4c394828.cjs"),O=require("./dropdown/index.cjs"),t=require("./common/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=o.OneButton;exports.OneCard=r.OneCard;exports.OneCardBody=r.OneCardBody;exports.OneCardFooter=r.OneCardFooter;exports.OneCardHeader=r.OneCardHeader;exports.OneForm=e.OneForm;exports.OneFormFeedback=e.OneFormFeedback;exports.OneFormField=e.OneFormField;exports.OneFormInput=e.OneFormInput;exports.OneFormLabel=e.OneFormLabel;exports.OneBrowserMenu=n._sfc_main$3;exports.OneDropdown=n._sfc_main;exports.OneDropdownItem=n._sfc_main$1;exports.OneUserMenu=n._sfc_main$2;exports.OneDropdownDivider=O.OneDropdownDivider;exports.OneAvatar=t.OneAvatar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./button/index.cjs"),r=require("./card/index.cjs"),e=require("./form/index.cjs"),n=require("./OneBrowserMenu.vue_vue_type_script_setup_true_lang-24874222.cjs"),O=require("./dropdown/index.cjs"),t=require("./common/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=o.OneButton;exports.OneCard=r.OneCard;exports.OneCardBody=r.OneCardBody;exports.OneCardFooter=r.OneCardFooter;exports.OneCardHeader=r.OneCardHeader;exports.OneForm=e.OneForm;exports.OneFormFeedback=e.OneFormFeedback;exports.OneFormField=e.OneFormField;exports.OneFormInput=e.OneFormInput;exports.OneFormLabel=e.OneFormLabel;exports.OneBrowserMenu=n._sfc_main$3;exports.OneDropdown=n._sfc_main;exports.OneDropdownItem=n._sfc_main$1;exports.OneUserMenu=n._sfc_main$2;exports.OneDropdownDivider=O.OneDropdownDivider;exports.OneAvatar=t.OneAvatar;

package/dist/index.js

@@ -1,7 +1,7 @@
 import { OneButton as O } from "./button/index.js";
 import { OneCard as m, OneCardBody as t, OneCardFooter as d, OneCardHeader as p } from "./card/index.js";
 import { OneForm as f, OneFormFeedback as s, OneFormField as x, OneFormInput as i, OneFormLabel as u } from "./form/index.js";
-import { c as C, _ as D, a as b, b as B } from "./OneBrowserMenu.vue_vue_type_script_setup_true_lang-8d34213c.js";
+import { c as C, _ as D, a as b, b as B } from "./OneBrowserMenu.vue_vue_type_script_setup_true_lang-197489be.js";
 import { OneDropdownDivider as l } from "./dropdown/index.js";
 import { OneAvatar as I } from "./common/index.js";
 import "vue";

package/dist/layout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("../_plugin-vue_export-helper-f246444f.cjs"),k=require("../OneBrowserMenu.vue_vue_type_script_setup_true_lang-4c394828.cjs");require("../common/index.cjs");const _={};function x(r,o){return e.openBlock(),e.createElementBlock("div",null," header ")}const N=y._export_sfc(_,[["render",x]]),g={items:{required:!0,type:Array},slim:{type:Boolean,default:!0}},B={route:{required:!1,type:[Object,String]},routeName:{required:!1,type:String},handler:{required:!1,type:Function,default(){return()=>{}}},label:{type:String,required:!0},icon:{type:[Function,Object]},exact:{type:Boolean,required:!1,default:!1},slim:{type:Boolean,default:!0}},V={sidebarItems:g.items,logoSrc:{type:String},app:{required:!0,type:Object},user:{type:Object,required:!0},labels:{type:Object},handlers:{type:Object}},E=e.defineComponent({__name:"OneSidebarLink",props:B,setup(r){return(o,l)=>{const n=e.resolveComponent("RouterLink");return e.openBlock(),e.createBlock(n,{to:o.routeName?{name:o.routeName}:o.route,class:e.normalizeClass(["flex items-center w-full p-[8px] rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-primary-content",[o.slim?"w-[44px] h-[44px] justify-center":"h-[44px] justify-start"]]),"active-class":o.exact?"":"bg-primary-10 !text-primary-base","exact-active-class":o.exact?"bg-primary-10 !text-primary-base":"",exact:o.exact},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-nowrap items-center",[o.slim?"w-[24px] h-[24px]":"w-full"]])},[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0,class:"w-[24px] h-[24px] flex-shrink-0"})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["whitespace-nowrap overflow-hidden text-ellipsis transition-all text-left flex-shrink",[o.slim?"w-0":"pl-1.5 w-full"]])},e.toDisplayString(o.label),3)],2)]),_:1},8,["to","active-class","exact-active-class","exact","class"])}}}),C={class:""},S={class:"space-y-2 p-2"},v=e.defineComponent({__name:"OneSidebar",props:g,setup(r){return(o,l)=>(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,n=>(e.openBlock(),e.createBlock(E,{key:n.label,icon:n.icon,label:n.label,route:n.route,"route-name":n.routeName,exact:n.exact||!1,slim:o.slim},null,8,["icon","label","route","route-name","exact","slim"]))),128))])]))}});function O(r,o){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:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"})])}const j={class:"min-h-screen relative"},q={class:"header h-[56px] flex items-center flex-nowrap absolute top-0 left-0 w-screen"},L={class:"p-2 flex-shrink-0"},$={class:"w-10 h-10 bg-white rounded-lg border border-secondary-stroke flex items-center flex-shrink-0"},M=["src"],z={class:"text-xs"},A={class:"w-full"},D={class:"w-full flex justify-end pr-2"},I={class:"flex items-center space-x-1"},P={class:"body w-full h-full"},R=e.defineComponent({__name:"OneMainLayout",props:V,setup(r){const o=r,l=e.ref(window.localStorage.getItem("sidebar-slim")==="1");e.watch(l,t=>{window.localStorage.setItem("sidebar-slim",String(t?1:0))});const n=e.computed(()=>{var t,a;return{name:((t=o.app)==null?void 0:t.workspace)||"",photo_url:((a=o.app)==null?void 0:a.photo_url)||""}});return(t,a)=>{var s,c,i,p,u,d,m,h,f,b;const w=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("div",q,[e.createElementVNode("div",L,[e.createElementVNode("button",{onClick:a[0]||(a[0]=F=>l.value=!l.value),class:"w-[44px] h-[44px] p-[8px] flex items-center justify-center hover:text-secondary-content"},[e.createVNode(e.unref(O),{class:"w-[24px] h-[24px]"})])]),e.createElementVNode("div",$,[t.logoSrc!=null?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoSrc,class:"w-8 h-8 mx-auto",alt:"logo"},null,8,M)):e.createCommentVNode("",!0)]),t.app!=null?(e.openBlock(),e.createBlock(w,{key:0,to:"/",class:"pl-2 max-w-xs"},{default:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(t.app.name),1),e.createElementVNode("div",z,e.toDisplayString(t.app.workspace),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",A,[e.createElementVNode("div",D,[e.createElementVNode("div",I,[e.createVNode(k._sfc_main$3,{workspace:n.value,apps:((s=t.app)==null?void 0:s.apps)||[],"change-label":((c=t.labels)==null?void 0:c.change)||"Change","apps-title":((i=t.labels)==null?void 0:i.apps)||"Apps","on-app":(p=t.handlers)==null?void 0:p.onApp,"on-change":(u=t.handlers)==null?void 0:u.onChange,onOpen:(d=t.handlers)==null?void 0:d.onBrowse},null,8,["workspace","apps","change-label","apps-title","on-app","on-change","onOpen"]),e.createVNode(k._sfc_main$2,{user:t.user,"account-label":((m=t.labels)==null?void 0:m.account)||"Account","logout-label":((h=t.labels)==null?void 0:h.logout)||"Logout","on-account":(f=t.handlers)==null?void 0:f.onAccount,"on-logout":(b=t.handlers)==null?void 0:b.onLogout},null,8,["user","account-label","logout-label","on-account","on-logout"])])])])]),e.createElementVNode("div",{class:e.normalizeClass(["sidebar transition-all absolute top-[56px] left-0 h-full",[l.value?"w-[60px]":"w-60"]])},[e.createVNode(v,{slim:l.value,items:t.sidebarItems},null,8,["slim","items"])],2),e.createElementVNode("div",P,[e.createElementVNode("div",{class:e.normalizeClass(["content transition-all pt-[56px]",[l.value?"pl-[60px]":"pl-60"]])},[e.renderSlot(t.$slots,"default")],2)])])}}});exports.OneHeader=N;exports.OneMainLayout=R;exports.OneSidebar=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),w=require("../OneBrowserMenu.vue_vue_type_script_setup_true_lang-24874222.cjs");require("../common/index.cjs");const v={items:{required:!0,type:Array},slim:{type:Boolean,default:!0}},k={route:{required:!1,type:[Object,String]},routeName:{required:!1,type:String},handler:{required:!1,type:Function,default(){return()=>{}}},label:{type:String,required:!0},icon:{type:[Function,Object]},exact:{type:Boolean,required:!1,default:!1},slim:{type:Boolean,default:!0}},_={sidebarItems:v.items,logoSrc:{type:String},app:{required:!0,type:Object},user:{type:Object,required:!0},labels:{type:Object},handlers:{type:Object}},x=e.defineComponent({__name:"OneSidebarLink",props:k,setup(r){const l=r,n=e.computed(()=>l.route!=null?l.route:l.routeName!=null?{name:l.routeName}:"/");return(o,t)=>{const a=e.resolveComponent("RouterLink");return e.openBlock(),e.createBlock(a,{to:n.value,class:e.normalizeClass(["flex items-center w-full p-[8px] rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-primary-content",[o.slim?"w-[44px] h-[44px] justify-center":"h-[44px] justify-start"]]),"active-class":o.exact?"":"bg-primary-10 !text-primary-base","exact-active-class":o.exact?"bg-primary-10 !text-primary-base":"",exact:o.exact},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-nowrap items-center",[o.slim?"w-[24px] h-[24px]":"w-full"]])},[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0,class:"w-[24px] h-[24px] flex-shrink-0"})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["whitespace-nowrap overflow-hidden text-ellipsis transition-all text-left flex-shrink",[o.slim?"w-0":"pl-1.5 w-full"]])},e.toDisplayString(o.label),3)],2)]),_:1},8,["to","active-class","exact-active-class","exact","class"])}}}),N={class:""},B={class:"space-y-2 p-2"},y=e.defineComponent({__name:"OneSidebar",props:v,setup(r){return(l,n)=>(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,o=>(e.openBlock(),e.createBlock(x,{key:o.label,icon:o.icon,label:o.label,route:o.route,"route-name":o.routeName,exact:o.exact||!1,slim:l.slim},null,8,["icon","label","route","route-name","exact","slim"]))),128))])]))}});function V(r,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:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"})])}const C={class:"min-h-screen relative"},E={class:"header h-[56px] flex items-center flex-nowrap absolute top-0 left-0 w-screen"},S={class:"p-2 flex-shrink-0"},O={class:"w-10 h-10 bg-white rounded-lg border border-secondary-stroke flex items-center flex-shrink-0"},j=["src"],L={class:"whitespace-nowrap"},q={class:"text-xs whitespace-nowrap"},$={class:"w-full"},M={class:"w-full flex justify-end pr-2"},z={class:"flex items-center space-x-1"},A={class:"body w-full h-full"},D=e.defineComponent({__name:"OneMainLayout",props:_,setup(r){const l=r,n=e.ref(window.localStorage.getItem("sidebar-slim")==="1");e.watch(n,t=>{window.localStorage.setItem("sidebar-slim",String(t?1:0))});const o=e.computed(()=>{var t,a;return{name:((t=l.app)==null?void 0:t.workspace)||"",photo_url:((a=l.app)==null?void 0:a.photo_url)||""}});return(t,a)=>{var s,c,i,p,u,d,m,h,f,b;const g=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",E,[e.createElementVNode("div",S,[e.createElementVNode("button",{onClick:a[0]||(a[0]=I=>n.value=!n.value),class:"w-[44px] h-[44px] p-[8px] flex items-center justify-center hover:text-secondary-content"},[e.createVNode(e.unref(V),{class:"w-[24px] h-[24px]"})])]),e.createElementVNode("div",O,[t.logoSrc!=null?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoSrc,class:"w-8 h-8 mx-auto",alt:"logo"},null,8,j)):e.createCommentVNode("",!0)]),t.app!=null?(e.openBlock(),e.createBlock(g,{key:0,to:"/",class:"pl-2 max-w-xs"},{default:e.withCtx(()=>[e.createElementVNode("div",L,e.toDisplayString(t.app.name),1),e.createElementVNode("div",q,e.toDisplayString(t.app.workspace),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",$,[e.createElementVNode("div",M,[e.createElementVNode("div",z,[e.createVNode(w._sfc_main$3,{workspace:o.value,apps:((s=t.app)==null?void 0:s.apps)||[],"change-label":((c=t.labels)==null?void 0:c.change)||"Change","apps-title":((i=t.labels)==null?void 0:i.apps)||"Apps","on-app":(p=t.handlers)==null?void 0:p.onApp,"on-change":(u=t.handlers)==null?void 0:u.onChange,onOpen:(d=t.handlers)==null?void 0:d.onBrowse},null,8,["workspace","apps","change-label","apps-title","on-app","on-change","onOpen"]),e.createVNode(w._sfc_main$2,{user:t.user,"account-label":((m=t.labels)==null?void 0:m.account)||"Account","logout-label":((h=t.labels)==null?void 0:h.logout)||"Logout","on-account":(f=t.handlers)==null?void 0:f.onAccount,"on-logout":(b=t.handlers)==null?void 0:b.onLogout},null,8,["user","account-label","logout-label","on-account","on-logout"])])])])]),e.createElementVNode("div",{class:e.normalizeClass(["sidebar transition-all absolute top-[56px] left-0 h-full",[n.value?"w-[60px]":"w-60"]])},[e.createVNode(y,{slim:n.value,items:t.sidebarItems},null,8,["slim","items"])],2),e.createElementVNode("div",A,[e.createElementVNode("div",{class:e.normalizeClass(["content transition-all pt-[56px]",[n.value?"pl-[60px]":"pl-60"]])},[e.renderSlot(t.$slots,"default")],2)])])}}});exports.OneMainLayout=D;exports.OneSidebar=y;

package/dist/layout/index.d.ts

@@ -1,3 +1,2 @@
-export { default as OneHeader } from './OneHeader.vue';
 export { default as OneSidebar } from './OneSidebar.vue';
 export { default as OneMainLayout } from './OneMainLayout.vue';