@oneb/ui-vue 0.3.32 → 0.4.0

package/dist/OneFormInput.vue_vue_type_script_setup_true_lang-b89117e7.js

@@ -0,0 +1,521 @@
+import { inject as $, computed as i, openBlock as a, createElementBlock as l, createElementVNode as s, defineComponent as K, ref as j, onMounted as G, normalizeClass as g, unref as d, toDisplayString as k, createCommentVNode as N, Fragment as A, renderList as L, createBlock as z, resolveDynamicComponent as H, createVNode as J } from "vue";
+import { r as Q } from "./XMarkIcon-51ef0691.js";
+const ue = {
+  id: {
+    type: String,
+    required: !1
+  },
+  validation: {
+    type: Object,
+    required: !1
+  }
+}, pe = {
+  id: {
+    type: String,
+    required: !1
+  },
+  label: {
+    type: String,
+    required: !1
+  },
+  name: {
+    type: String,
+    required: !1
+  },
+  required: {
+    required: !1,
+    type: Boolean,
+    default: !1
+  },
+  hint: {
+    type: String,
+    required: !1,
+    default: ""
+  },
+  errors: {
+    type: Array,
+    required: !1
+  }
+}, ye = {
+  name: {
+    type: String,
+    required: !1
+  },
+  errors: {
+    type: Array,
+    required: !1
+  }
+}, me = {
+  label: {
+    type: String,
+    required: !1
+  }
+}, R = {
+  /** Unique identifier for the input element */
+  id: {
+    type: String,
+    required: !1
+  },
+  /** Name attribute for form submission */
+  name: {
+    type: String,
+    required: !1
+  },
+  /** Placeholder text displayed when input is empty */
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  /** Icon component to display at the start of the input */
+  icon: {
+    type: [Function, Object]
+  },
+  /** Type of input field */
+  type: {
+    type: String,
+    default: "text"
+  },
+  /** Additional CSS classes to apply to the input element */
+  inputClass: {
+    required: !1,
+    type: [Array, String]
+  },
+  /** Current value of the input (v-model) */
+  modelValue: {
+    required: !1,
+    type: [String, Number, Array, Boolean, Object, null]
+  },
+  /** Auto-focus the input when component mounts */
+  autofocus: {
+    type: Boolean,
+    default: !1
+  },
+  /** Mark input as required (adds asterisk to label) */
+  required: {
+    type: Boolean,
+    default: !1
+  },
+  /** Disable the input field */
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  /** Make the input read-only */
+  readonly: {
+    type: Boolean,
+    default: !1
+  },
+  /** Show clear button when input has value */
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  /** Use rounded styling (full rounded borders) */
+  rounded: {
+    type: Boolean,
+    default: !1
+  },
+  /** Use large size styling */
+  large: {
+    type: Boolean,
+    default: !1
+  },
+  /** Mark input as invalid (shows error styling) */
+  invalid: {
+    type: Boolean,
+    required: !1,
+    default: !1
+  },
+  /** Options array for select and radio inputs */
+  options: {
+    type: Array,
+    required: !1,
+    default: []
+  },
+  /** HTML autocomplete attribute value */
+  autocomplete: {
+    type: String,
+    required: !1,
+    default: ""
+  },
+  /** Maximum length of text input */
+  maxlength: {
+    type: Number,
+    required: !1
+  },
+  /** Minimum length of text input */
+  minlength: {
+    type: Number,
+    required: !1
+  },
+  /** Minimum value for number/date inputs */
+  min: {
+    type: [Number, String],
+    required: !1
+  },
+  /** Maximum value for number/date inputs */
+  max: {
+    type: [Number, String],
+    required: !1
+  },
+  /** Step increment for number/range inputs */
+  step: {
+    type: [Number, String],
+    required: !1
+  },
+  /** Validation pattern (regex) for text inputs */
+  pattern: {
+    type: String,
+    required: !1
+  },
+  /** Number of rows for textarea */
+  rows: {
+    type: Number,
+    default: 3
+  },
+  /** Number of columns for textarea */
+  cols: {
+    type: Number,
+    required: !1
+  },
+  /** Allow textarea to be resized */
+  resize: {
+    type: String,
+    default: "vertical"
+  },
+  /** Spellcheck attribute for text inputs */
+  spellcheck: {
+    type: Boolean,
+    required: !1
+  },
+  /** Input mode for mobile keyboards */
+  inputmode: {
+    type: String,
+    required: !1
+  },
+  /** Tab index for keyboard navigation */
+  tabindex: {
+    type: Number,
+    required: !1
+  },
+  /** Aria label for accessibility */
+  ariaLabel: {
+    type: String,
+    required: !1
+  },
+  /** Aria described by for accessibility */
+  ariaDescribedby: {
+    type: String,
+    required: !1
+  }
+}, ce = () => $(
+  "BaseForm",
+  () => ({
+    formId: i(() => {
+    }),
+    validation: i(() => {
+    })
+  }),
+  !0
+), T = () => $(
+  "BaseFormField",
+  () => ({
+    inputId: i(() => {
+    }),
+    inputName: i(() => {
+    }),
+    hasError: i(() => !1)
+  }),
+  !0
+);
+function U(w, q) {
+  return a(), l("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    s("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"
+    }),
+    s("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+    })
+  ]);
+}
+function W(w, q) {
+  return a(), l("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    s("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"
+    })
+  ]);
+}
+const X = ["id", "disabled", "tabindex"], Y = ["selected"], Z = ["selected", "value"], x = ["name", "id", "value", "rows", "cols", "maxlength", "minlength", "spellcheck", "placeholder", "disabled", "readonly", "tabindex", "aria-label", "aria-describedby"], _ = {
+  key: 2,
+  class: "flex w-full space-x-3 items-center"
+}, ee = ["type", "name", "id", "disabled", "readonly", "tabindex", "aria-label", "aria-describedby", "checked"], re = ["for"], ae = {
+  key: 3,
+  class: "w-full space-y-1"
+}, le = ["name", "id", "value", "disabled", "readonly", "tabindex", "checked"], ne = ["for"], oe = {
+  key: 4,
+  class: "relative"
+}, te = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none" }, de = ["type", "name", "id", "value", "placeholder", "disabled", "readonly", "maxlength", "minlength", "min", "max", "step", "pattern", "spellcheck", "inputmode", "tabindex", "autocomplete", "aria-label", "aria-describedby"], fe = /* @__PURE__ */ K({
+  __name: "OneFormInput",
+  props: R,
+  emits: ["update:modelValue", "focus", "blur", "change", "input", "keydown", "keyup", "keypress", "clear", "toggle-password"],
+  setup(w, { expose: q, emit: I }) {
+    const r = w, n = I, { inputId: S, inputName: v, hasError: p } = T(), o = j(null), y = j(!1);
+    G(() => {
+      r.autofocus && o.value && o.value.focus();
+    });
+    const P = i(() => r.modelValue != null && r.modelValue !== ""), u = i(() => {
+      if (r.id)
+        return r.id;
+      const e = (S == null ? void 0 : S.value) || "";
+      return r.name ? `${e}-${r.name}` : e || "";
+    }), D = () => {
+      n("update:modelValue", ""), n("clear"), F();
+    }, M = () => {
+      y.value = !y.value, n("toggle-password", y.value);
+    }, F = () => {
+      if (o.value) {
+        const e = Array.isArray(o.value) ? o.value[0] : o.value;
+        e == null || e.focus();
+      }
+    }, O = i(() => {
+      const e = {
+        "shadow-sm": r.type !== "range",
+        "border-danger-base": p.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((h) => {
+        e[h] = !0;
+      })), e;
+    }), m = (e) => {
+      const h = e.target;
+      if (r.type === "checkbox") {
+        const t = h.checked;
+        n("update:modelValue", t), n("input", e);
+      } else
+        n("update:modelValue", h.value), n("input", e);
+    }, c = (e) => n("focus", e), f = (e) => n("blur", e), b = (e) => n("change", e), C = (e) => n("keydown", e), V = (e) => n("keyup", e), B = (e) => n("keypress", e);
+    return q({
+      focus: F
+    }), (e, h) => e.type === "select" ? (a(), l("select", {
+      key: 0,
+      id: u.value,
+      ref_key: "inputElement",
+      ref: o,
+      class: g(["border border-primary-stroke px-3 w-full", {
+        "border-danger-base": d(p) || e.invalid,
+        "text-secondary-content": e.modelValue === "" || e.modelValue == null,
+        "rounded-full": e.rounded,
+        "rounded-md": !e.rounded,
+        "text-lg": e.large,
+        "py-2.5": e.large,
+        "py-2": !e.large
+      }]),
+      disabled: e.disabled,
+      tabindex: e.tabindex,
+      onInput: m,
+      onFocus: c,
+      onBlur: f,
+      onChange: b,
+      onKeydown: C,
+      onKeyup: V,
+      onKeypress: B
+    }, [
+      e.placeholder ? (a(), l("option", {
+        key: 0,
+        selected: e.modelValue === "" || e.modelValue == null,
+        disabled: "",
+        hidden: ""
+      }, k(e.placeholder), 9, Y)) : N("", !0),
+      (a(!0), l(A, null, L(e.options, (t) => (a(), l("option", {
+        selected: t.key === e.modelValue,
+        key: t.key,
+        value: t.key
+      }, k(t.value), 9, Z))), 128))
+    ], 42, X)) : e.type === "textarea" ? (a(), l("textarea", {
+      key: 1,
+      name: e.name || d(v),
+      id: u.value,
+      value: e.modelValue,
+      rows: e.rows,
+      cols: e.cols,
+      maxlength: e.maxlength,
+      minlength: e.minlength,
+      spellcheck: e.spellcheck,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      tabindex: e.tabindex,
+      "aria-label": e.ariaLabel,
+      "aria-describedby": e.ariaDescribedby,
+      onInput: m,
+      onFocus: c,
+      onBlur: f,
+      onChange: b,
+      onKeydown: C,
+      onKeyup: V,
+      onKeypress: B,
+      class: g(["border border-primary-stroke px-3 w-full placeholder-gray-400", {
+        "border-danger-base": d(p),
+        "rounded-3xl": e.rounded,
+        "rounded-md": !e.rounded,
+        "text-lg": e.large,
+        "py-2.5": e.large,
+        "py-2": !e.large,
+        "resize-none": e.resize === "none",
+        "resize-both": e.resize === "both",
+        "resize-x": e.resize === "horizontal",
+        "resize-y": e.resize === "vertical"
+      }]),
+      ref_key: "inputElement",
+      ref: o
+    }, null, 42, x)) : e.type === "checkbox" ? (a(), l("div", _, [
+      s("input", {
+        type: e.type,
+        name: e.name || d(v),
+        id: u.value,
+        value: !0,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        tabindex: e.tabindex,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": e.ariaDescribedby,
+        checked: e.modelValue === !0,
+        onInput: m,
+        onFocus: c,
+        onBlur: f,
+        onChange: b,
+        class: g(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm", {
+          "border-danger-base": d(p) || e.invalid
+        }]),
+        ref_key: "inputElement",
+        ref: o
+      }, null, 42, ee),
+      s("label", {
+        for: u.value,
+        class: "text-primary-content select-none"
+      }, k(e.placeholder), 9, re)
+    ])) : e.type === "radio" ? (a(), l("div", ae, [
+      (a(!0), l(A, null, L(e.options, (t, E) => (a(), l("div", {
+        key: t.key,
+        class: "flex w-full space-x-3 items-center"
+      }, [
+        s("input", {
+          type: "radio",
+          name: e.name || d(v),
+          id: `${u.value}-${E}`,
+          value: t.key,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          tabindex: e.tabindex,
+          checked: t.key === e.modelValue,
+          onInput: m,
+          onFocus: c,
+          onBlur: f,
+          onChange: b,
+          class: g(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
+            "border-danger-base": d(p) || e.invalid
+          }]),
+          ref_for: !0,
+          ref_key: "inputElement",
+          ref: o
+        }, null, 42, le),
+        s("label", {
+          for: `${u.value}-${E}`,
+          class: "text-primary-content select-none"
+        }, k(t.value), 9, ne)
+      ]))), 128))
+    ])) : (a(), l("div", oe, [
+      s("div", te, [
+        e.icon ? (a(), z(H(e.icon), {
+          key: 0,
+          class: "w-5 h-5 text-primary-content"
+        })) : N("", !0)
+      ]),
+      s("input", {
+        type: y.value ? "text" : e.type,
+        name: e.name || d(v),
+        id: u.value,
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        maxlength: e.maxlength,
+        minlength: e.minlength,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        pattern: e.pattern,
+        spellcheck: e.spellcheck,
+        inputmode: e.inputmode,
+        tabindex: e.tabindex,
+        autocomplete: e.autocomplete,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": e.ariaDescribedby,
+        onInput: m,
+        onFocus: c,
+        onBlur: f,
+        onChange: b,
+        onKeydown: C,
+        onKeyup: V,
+        onKeypress: B,
+        class: g(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50", O.value]),
+        ref_key: "inputElement",
+        ref: o
+      }, null, 42, de),
+      e.clearable && P.value ? (a(), l("div", {
+        key: 0,
+        onClick: D,
+        class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
+      }, [
+        J(d(Q), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+      ])) : e.type === "password" ? (a(), l("div", {
+        key: 1,
+        onClick: M,
+        class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
+      }, [
+        y.value ? (a(), z(d(W), {
+          key: 0,
+          class: "w-5 h-5 text-primary-content hover:text-primary-base"
+        })) : (a(), z(d(U), {
+          key: 1,
+          class: "w-5 h-5 text-secondary-content hover:text-primary-base"
+        }))
+      ])) : N("", !0)
+    ]));
+  }
+});
+export {
+  fe as _,
+  me as a,
+  ye as b,
+  ce as c,
+  pe as d,
+  ue as f,
+  T as i
+};

package/dist/OneFormInput.vue_vue_type_script_setup_true_lang-f6f7cd96.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),F=require("./XMarkIcon-f94baa4c.cjs"),z={id:{type:String,required:!1},validation:{type:Object,required:!1}},j={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},required:{required:!1,type:Boolean,default:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},L={name:{type:String,required:!1},errors:{type:Array,required:!1}},P={label:{type:String,required:!1}},A={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]},autocomplete:{type:String,required:!1,default:""},maxlength:{type:Number,required:!1},minlength:{type:Number,required:!1},min:{type:[Number,String],required:!1},max:{type:[Number,String],required:!1},step:{type:[Number,String],required:!1},pattern:{type:String,required:!1},rows:{type:Number,default:3},cols:{type:Number,required:!1},resize:{type:String,default:"vertical"},spellcheck:{type:Boolean,required:!1},inputmode:{type:String,required:!1},tabindex:{type:Number,required:!1},ariaLabel:{type:String,required:!1},ariaDescribedby:{type:String,required:!1}},D=()=>r.inject("BaseForm",()=>({formId:r.computed(()=>{}),validation:r.computed(()=>{})}),!0),q=()=>r.inject("BaseFormField",()=>({inputId:r.computed(()=>{}),inputName:r.computed(()=>{}),hasError:r.computed(()=>!1)}),!0);function I(f,b){return r.openBlock(),r.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"},[r.createElementVNode("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"}),r.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function M(f,b){return r.openBlock(),r.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"},[r.createElementVNode("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"})])}const $=["id","disabled","tabindex"],O=["selected"],K=["selected","value"],X=["name","id","value","rows","cols","maxlength","minlength","spellcheck","placeholder","disabled","readonly","tabindex","aria-label","aria-describedby"],G={key:2,class:"flex w-full space-x-3 items-center"},H=["type","name","id","disabled","readonly","tabindex","aria-label","aria-describedby","checked"],J=["for"],Q={key:3,class:"w-full space-y-1"},R=["name","id","value","disabled","readonly","tabindex","checked"],T=["for"],U={key:4,class:"relative"},W={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none"},Y=["type","name","id","value","placeholder","disabled","readonly","maxlength","minlength","min","max","step","pattern","spellcheck","inputmode","tabindex","autocomplete","aria-label","aria-describedby"],Z=r.defineComponent({__name:"OneFormInput",props:A,emits:["update:modelValue","focus","blur","change","input","keydown","keyup","keypress","clear","toggle-password"],setup(f,{expose:b,emit:E}){const l=f,a=E,{inputId:k,inputName:y,hasError:d}=q(),o=r.ref(null),s=r.ref(!1);r.onMounted(()=>{l.autofocus&&o.value&&o.value.focus()});const V=r.computed(()=>l.modelValue!=null&&l.modelValue!==""),t=r.computed(()=>{if(l.id)return l.id;const e=(k==null?void 0:k.value)||"";return l.name?`${e}-${l.name}`:e||""}),C=()=>{a("update:modelValue",""),a("clear"),B()},S=()=>{s.value=!s.value,a("toggle-password",s.value)},B=()=>{if(o.value){const e=Array.isArray(o.value)?o.value[0]:o.value;e==null||e.focus()}},N=r.computed(()=>{const e={"shadow-sm":l.type!=="range","border-danger-base":d.value||l.invalid,"pl-10":l.icon!=null,"pr-10":l.type==="password","rounded-full":l.rounded,"rounded-md":!l.rounded,"text-lg":l.large,"py-2.5":l.large,"py-2":!l.large};return l.inputClass!=null&&(typeof l.inputClass=="string"?e[l.inputClass]=!0:l.inputClass instanceof Array&&l.inputClass.forEach(m=>{e[m]=!0})),e}),i=e=>{const m=e.target;if(l.type==="checkbox"){const n=m.checked;a("update:modelValue",n),a("input",e)}else a("update:modelValue",m.value),a("input",e)},u=e=>a("focus",e),p=e=>a("blur",e),c=e=>a("change",e),h=e=>a("keydown",e),g=e=>a("keyup",e),v=e=>a("keypress",e);return b({focus:B}),(e,m)=>e.type==="select"?(r.openBlock(),r.createElementBlock("select",{key:0,id:t.value,ref_key:"inputElement",ref:o,class:r.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":r.unref(d)||e.invalid,"text-secondary-content":e.modelValue===""||e.modelValue==null,"rounded-full":e.rounded,"rounded-md":!e.rounded,"text-lg":e.large,"py-2.5":e.large,"py-2":!e.large}]),disabled:e.disabled,tabindex:e.tabindex,onInput:i,onFocus:u,onBlur:p,onChange:c,onKeydown:h,onKeyup:g,onKeypress:v},[e.placeholder?(r.openBlock(),r.createElementBlock("option",{key:0,selected:e.modelValue===""||e.modelValue==null,disabled:"",hidden:""},r.toDisplayString(e.placeholder),9,O)):r.createCommentVNode("",!0),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.options,n=>(r.openBlock(),r.createElementBlock("option",{selected:n.key===e.modelValue,key:n.key,value:n.key},r.toDisplayString(n.value),9,K))),128))],42,$)):e.type==="textarea"?(r.openBlock(),r.createElementBlock("textarea",{key:1,name:e.name||r.unref(y),id:t.value,value:e.modelValue,rows:e.rows,cols:e.cols,maxlength:e.maxlength,minlength:e.minlength,spellcheck:e.spellcheck,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,tabindex:e.tabindex,"aria-label":e.ariaLabel,"aria-describedby":e.ariaDescribedby,onInput:i,onFocus:u,onBlur:p,onChange:c,onKeydown:h,onKeyup:g,onKeypress:v,class:r.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":r.unref(d),"rounded-3xl":e.rounded,"rounded-md":!e.rounded,"text-lg":e.large,"py-2.5":e.large,"py-2":!e.large,"resize-none":e.resize==="none","resize-both":e.resize==="both","resize-x":e.resize==="horizontal","resize-y":e.resize==="vertical"}]),ref_key:"inputElement",ref:o},null,42,X)):e.type==="checkbox"?(r.openBlock(),r.createElementBlock("div",G,[r.createElementVNode("input",{type:e.type,name:e.name||r.unref(y),id:t.value,value:!0,disabled:e.disabled,readonly:e.readonly,tabindex:e.tabindex,"aria-label":e.ariaLabel,"aria-describedby":e.ariaDescribedby,checked:e.modelValue===!0,onInput:i,onFocus:u,onBlur:p,onChange:c,class:r.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":r.unref(d)||e.invalid}]),ref_key:"inputElement",ref:o},null,42,H),r.createElementVNode("label",{for:t.value,class:"text-primary-content select-none"},r.toDisplayString(e.placeholder),9,J)])):e.type==="radio"?(r.openBlock(),r.createElementBlock("div",Q,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.options,(n,w)=>(r.openBlock(),r.createElementBlock("div",{key:n.key,class:"flex w-full space-x-3 items-center"},[r.createElementVNode("input",{type:"radio",name:e.name||r.unref(y),id:`${t.value}-${w}`,value:n.key,disabled:e.disabled,readonly:e.readonly,tabindex:e.tabindex,checked:n.key===e.modelValue,onInput:i,onFocus:u,onBlur:p,onChange:c,class:r.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":r.unref(d)||e.invalid}]),ref_for:!0,ref_key:"inputElement",ref:o},null,42,R),r.createElementVNode("label",{for:`${t.value}-${w}`,class:"text-primary-content select-none"},r.toDisplayString(n.value),9,T)]))),128))])):(r.openBlock(),r.createElementBlock("div",U,[r.createElementVNode("div",W,[e.icon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.icon),{key:0,class:"w-5 h-5 text-primary-content"})):r.createCommentVNode("",!0)]),r.createElementVNode("input",{type:s.value?"text":e.type,name:e.name||r.unref(y),id:t.value,value:e.modelValue,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,maxlength:e.maxlength,minlength:e.minlength,min:e.min,max:e.max,step:e.step,pattern:e.pattern,spellcheck:e.spellcheck,inputmode:e.inputmode,tabindex:e.tabindex,autocomplete:e.autocomplete,"aria-label":e.ariaLabel,"aria-describedby":e.ariaDescribedby,onInput:i,onFocus:u,onBlur:p,onChange:c,onKeydown:h,onKeyup:g,onKeypress:v,class:r.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50",N.value]),ref_key:"inputElement",ref:o},null,42,Y),e.clearable&&V.value?(r.openBlock(),r.createElementBlock("div",{key:0,onClick:C,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[r.createVNode(r.unref(F.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):e.type==="password"?(r.openBlock(),r.createElementBlock("div",{key:1,onClick:S,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[s.value?(r.openBlock(),r.createBlock(r.unref(M),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(r.openBlock(),r.createBlock(r.unref(I),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):r.createCommentVNode("",!0)]))}});exports._sfc_main=Z;exports.formFeedbackProps=L;exports.formFieldProps=j;exports.formLabelProps=P;exports.formProps=z;exports.injectForm=D;exports.injectFormField=q;

package/dist/OneHelpMenu-6ec63535.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),V=require("./dropdown-5cb64ab7.cjs"),w=require("@floating-ui/dom"),D=require("@floating-ui/vue"),y=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),B=require("./i18n/index.cjs"),N=require("./XMarkIcon-f94baa4c.cjs"),C=require("./ChevronDownIcon-6889ac87.cjs"),$=require("./ChevronUpIcon-64a673e1.cjs"),j=require("./ChevronRightIcon-2992cf0d.cjs"),O=require("./button/index.cjs"),A=require("./_plugin-vue_export-helper-f246444f.cjs"),q=["data-opened"],I={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},P={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},F=e.defineComponent({__name:"OneDropdown",props:V.dropdownProps,emits:["open","close"],setup(h,{emit:u}){const c=e.ref(!1),d=e.ref(null),v=e.ref(null),s=e.ref(null),r=u,t=h,a=()=>{c.value=!c.value,c.value?r("open"):r("close")};let p=null;const f=()=>{t.trigger==="hover"&&(p&&(clearTimeout(p),p=null),c.value||(c.value=!0,r("open")))},i=()=>{t.trigger==="hover"&&(p=setTimeout(()=>{c.value&&(c.value=!1,r("close"))},100))};e.provide("OneDropdown",{onToggle:a});let m=null;function x(){!v.value||!s.value||w.computePosition(v.value,s.value,{placement:t.stick?t.stick:"bottom-start",strategy:"fixed",middleware:[w.offset(t.offset),D.flip(),w.shift({padding:8})]}).then(({x:o,y:l})=>{s.value&&Object.assign(s.value.style,{left:`${o}px`,top:`${l}px`,visibility:"visible"})})}e.watch(c,async o=>{t.appendBody&&(o?(await e.nextTick(),v.value&&s.value&&(s.value.style.visibility="hidden",x(),m=w.autoUpdate(v.value,s.value,x))):m&&(m(),m=null))}),e.onBeforeUnmount(()=>{m&&m()});const k=e.computed(()=>{var _;if(t.appendBody)return"";const o=(_=d.value)==null?void 0:_.getBoundingClientRect(),l=o?o.x<270:!1;return o&&o.top+270>window.innerHeight?"up"+(l?"-right":"-left"):"down"+(l?"-right":"-left")}),g=e.computed(()=>{const o=["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 k.value.startsWith("up")?o.push("bottom-1 mb-10"):k.value.startsWith("down")&&o.push("top-1 mt-10"),t.stick==="right"?o.push("right-0"):t.stick==="left"&&o.push("left-0"),o}),n=e.computed(()=>["fixed z-[10000] 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(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"containerRef",ref:d,"data-opened":c.value,onMouseenter:f,onMouseleave:i},[e.createElementVNode("div",{ref_key:"buttonRef",ref:v},[e.renderSlot(o.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:a,isExpanded:c.value})))],512),t.appendBody?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[c.value&&o.trigger==="click"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:a})):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(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuRef",ref:s,class:e.normalizeClass(["menu",n.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",onMouseenter:f,onMouseleave:i},[o.title?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],34)):e.createCommentVNode("",!0)]),_:3})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.value&&o.trigger==="click"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:a})):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(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",g.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[o.title?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],2)):e.createCommentVNode("",!0)]),_:3})],64))],40,q))}}),b=e.defineComponent({__name:"OneDropdownItem",props:V.dropdownItemProps,emits:["click"],setup(h,{emit:u}){const c=u,d=h,v=e.inject("OneDropdown"),s=()=>{v!==void 0&&v.onToggle(),c("click")},r=e.computed(()=>{const t=[];return d.variant==="secondary"?t.push("text-secondary-content hover:bg-secondary-body-hover"):d.variant==="danger"?t.push("text-danger-content hover:bg-danger-10"):d.variant==="warning"?t.push("text-warning-content hover:bg-warning-10"):d.variant==="info"?t.push("text-info-content hover:bg-info-10"):t.push("hover:bg-secondary-body-hover"),t});return(t,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",r.value]),onClick:e.withModifiers(s,["prevent"])},[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.label),1)],2))}});function T(h,u){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 H={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},onAccount:{type:Function},onLogout:{type:Function},t:{type:Function}},S={workspace:{type:Object,required:!0},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},onChange:{type:Function},onApp:{type:Function},t:{type:Function}},R={help:{type:Object},helpSlug:{type:String},t:{type:Function}},U=["onClick"],W={class:"flex flex-col items-center pt-5 pb-2 h-full"},X={class:"flex flex-col px-10 py-1 mt-2 text-center"},G={class:"self-center text-base font-medium tracking-wide text-black"},J={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},K={class:"text-left w-full mt-5 px-3"},Q={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},Y=e.defineComponent({__name:"OneUserMenu",props:H,setup(h){const u=h,c=B.useOnebI18n(),d=e.computed(()=>u.t??c),v=e.computed(()=>{var t;return(t=u.menu)==null?void 0:t.map(a=>{let p={label:a.label};a.icon!=null&&(p={...p,icon:a.icon});const f=typeof a.click=="function"?a.click:()=>{};return{key:a.label,args:p,click:f}})}),s=()=>{typeof u.onAccount=="function"&&u.onAccount()},r=()=>{typeof u.onLogout=="function"&&u.onLogout()};return(t,a)=>(e.openBlock(),e.createBlock(F,{stick:"right"},{button:e.withCtx(({onToggle:p,isExpanded:f})=>{var i,m;return[e.createElementVNode("button",{onClick:p,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[f?"bg-secondary-25":""]])},[e.createVNode(y._sfc_main,{text:((i=t.user)==null?void 0:i.name)||"",size:t.iconSize,src:(m=t.user)==null?void 0:m.photo_url,rounded:!0},null,8,["text","size","src"])],10,U)]}),menu:e.withCtx(()=>{var p,f,i,m,x;return[e.createElementVNode("div",W,[e.createVNode(y._sfc_main,{text:((p=t.user)==null?void 0:p.name)||"",size:80,src:(f=t.user)==null?void 0:f.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",X,[e.createElementVNode("div",G,e.toDisplayString((i=t.user)==null?void 0:i.name),1),e.createElementVNode("div",J,e.toDisplayString((m=t.user)==null?void 0:m.email),1)]),typeof u.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:s,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(d.value("ui.layout.account")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,k=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:k.key},{ref_for:!0},k.args,{onClick:k.click}),null,16,["onClick"]))),128)),typeof t.onLogout=="function"?(e.openBlock(),e.createBlock(b,{key:0,icon:e.unref(T),label:d.value("ui.layout.logout"),class:"rounded py-3",onClick:r},null,8,["icon","label"])):e.createCommentVNode("",!0)]),a[0]||(a[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Q,e.toDisplayString((x=t.app)==null?void 0:x.version),1)])]}),_:1}))}});function M(h,u){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"})])}const Z=["data-opened"],ee={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},te={class:"flex justify-between items-center pt-3 mb-3"},oe={class:"font-semibold text-xl px-3"},ne={class:"grid"},le={class:"rounded-lg m-3 border"},re={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},se={class:"flex justify-between relative"},ce={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ae={key:0},ie={class:"text-xs font-semibold"},ue={class:"px-3 py-2"},de={class:"text-secondary-content text-left pb-1 text-xs uppercase"},pe={class:"overflow-auto max-h-full"},me={key:0,class:"space-y-2"},he=["onClick"],fe={class:"flex"},ve={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ke={class:"pl-2"},xe={class:"text-sm mt-1 font-semibold"},ge={class:"text9 mt-1"},_e={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},ye=e.defineComponent({__name:"OneBrowserMenu",props:S,emits:["open","close"],setup(h,{emit:u}){const c=u,d=h,v=B.useOnebI18n(),s=e.computed(()=>d.t??v),r=e.ref(!1),t=()=>{r.value=!r.value,r.value?c("open"):c("close")},a=e.ref(!1);e.computed(()=>a.value?$.render:C.render);const p=()=>{typeof d.onChange=="function"&&d.onChange()},f=i=>{typeof d.onApp=="function"&&d.onApp(i)};return(i,m)=>{var x,k,g;return e.openBlock(),e.createElementBlock("div",{"data-opened":r.value},[e.createElementVNode("button",{onClick:t,class:e.normalizeClass(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex",{"bg-secondary-10":r.value}])},[e.createVNode(e.unref(M),{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:t})):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("div",oe,e.toDisplayString(s.value("ui.layout.workspaces")),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:t})]),e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(y._sfc_main,{text:((x=i.workspace)==null?void 0:x.name)||"",src:(k=i.workspace)==null?void 0:k.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ce,e.toDisplayString((g=i.workspace)==null?void 0:g.name),1)]),a.value?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.workspaces,n=>(e.openBlock(),e.createElementBlock("div",{key:n.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(y._sfc_main,{text:n.name,src:n.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ie,e.toDisplayString(n.name),1)]))),128))])):e.createCommentVNode("",!0),m[0]||(m[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:p,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString(s.value("ui.layout.change_workspace")),1)])]),e.createElementVNode("div",ue,[e.createElementVNode("div",de,e.toDisplayString(s.value("ui.layout.apps")),1),e.createElementVNode("div",pe,[i.apps&&i.apps.length?(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.apps,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,onClick:o=>f(n),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",fe,[e.createElementVNode("div",ve,[e.createVNode(y._sfc_main,{text:n.name,src:n.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ke,[e.createElementVNode("p",xe,e.toDisplayString(n.name),1),e.createElementVNode("p",ge,e.toDisplayString(n==null?void 0:n.short),1)])]),e.createElementVNode("div",null,[e.createVNode(O.OneButton,{variant:"touch",icon:e.unref(j.render),onClick:o=>f(n)},null,8,["icon","onClick"])])],8,he))),128))])):e.createCommentVNode("",!0),i.apps&&i.apps.length?(e.openBlock(),e.createElementBlock("button",_e,e.toDisplayString(s.value("ui.layout.view_all")),1)):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,Z)}}});const we=A._export_sfc(ye,[["__scopeId","data-v-3675784e"]]);function E(h,u){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:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"})])}function be(h,u){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:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"})])}function z(h,u){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:"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"})])}function L(h,u){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.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"})])}function Be(h,u){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:"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"})])}const Ee=["data-opened"],Ve={key:1,class:"absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"},Ne={class:"flex justify-between items-center pt-3 mb-3"},Ce={class:"font-semibold text-xl px-3"},$e={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},Ae=["onClick"],Fe={class:"uppercase text-[8px]"},Se={class:"overflow-y-auto grid rounded-xl"},Me={class:"max-h-full bg-[#FAFAFA]"},ze={key:0,class:"space-y-2"},Le=["onClick"],De={class:"flex"},je={class:"pl-2"},Oe={class:"text-sm mt-1 font-semibold"},qe={class:"text-[10px] mt-1 text-[#979CA9]"},Ie={class:"mt-auto"},Pe={key:0},Te=["onClick"],He={class:"flex items-center space-x-3"},Re={class:"h-16"},Ue={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},We={class:"flex justify-between"},Xe=["onClick"],Ge={key:0,class:"tooltip-text min-w-[70px]"},Je={class:"flex justify-between mb-4"},Ke=["href"],Qe={class:"flex flex-nowrap items-center w-max h-[24px]"},Ye={class:"whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]"},Ze={class:"py-[8px] pl-0 pr-[8px]"},et=e.defineComponent({__name:"OneHelpMenu",props:R,emits:["open","close"],setup(h,{emit:u}){const c=u,d=h,v=B.useOnebI18n(),s=e.computed(()=>d.t??v),r=e.computed(()=>{const n=d.help??{};return{label:n.label??s.value("ui.help.title"),social:n.social??s.value("ui.help.social"),socialButt:n.socialButt??s.value("ui.help.social"),buttMore:n.buttMore??s.value("ui.help.more"),buttNoMore:n.buttNoMore??s.value("ui.help.hide"),helpButton:n.helpButton??[{name:s.value("ui.help.support"),link:"https://t.me/onebapp_bot",icon:L},{name:s.value("ui.help.reference"),link:d.helpSlug?`https://oneb.app/help/${d.helpSlug}`:"https://oneb.app/help",icon:E},{name:s.value("ui.help.leave_request"),link:"https://oneb.app/support",icon:Be}],helpList:n.helpList??[],video:n.video??[],socialList:n.socialList??[],termsOffer:n.termsOffer??[{name:s.value("ui.help.terms"),link:"https://oneb.app/terms-of-service"},{name:s.value("ui.help.offer"),link:"https://oneb.app/offer"}]}}),t=e.ref(!1),a=()=>{t.value=!t.value,t.value?c("open"):c("close")},p=e.computed(()=>k.value?$.render:C.render),f=e.ref(3),i=e.computed(()=>{var o;const n=((o=r.value.helpList)==null?void 0:o.length)||0;return f.value===n});e.computed(()=>(r.value.helpList||[]).slice(0,f.value));const m=()=>{var o;const n=((o=r.value.helpList)==null?void 0:o.length)||0;f.value=i.value?3:n},x=(n,o)=>{n&&o&&typeof o.openLink=="function"?o.openLink(o):n&&window.open(n,"_blank")},k=e.ref(!1),g=()=>{k.value=!k.value};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{"data-opened":t.value},[e.createElementVNode("button",{onClick:a,class:e.normalizeClass(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex",{"bg-secondary-10":t.value}])},[e.createVNode(e.unref(E),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",onClick:a})):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",Ne,[e.createElementVNode("div",Ce,e.toDisplayString(r.value.label),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:a})]),r.value.helpButton?(e.openBlock(),e.createElementBlock("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.helpButton,l=>(e.openBlock(),e.createElementBlock("button",{key:l.name,onClick:_=>x(l.link,l),class:"grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"},[e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l==null?void 0:l.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Fe,e.toDisplayString(l.name),1)],8,Ae))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[e.createElementVNode("div",Me,[r.value.helpList&&r.value.helpList.length?(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.helpList,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,onClick:_=>x(l.link,l),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",De,[e.createElementVNode("div",je,[e.createElementVNode("p",Oe,e.toDisplayString(l.name),1),e.createElementVNode("p",qe,e.toDisplayString(l.category),1)])])],8,Le))),128))])):e.createCommentVNode("",!0)])]),r.value.helpList&&r.value.helpList.length<0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:m,class:"h-11 w-full bg-[#FAFAFA] hover:bg-slate-100 p-3 text-[#525B66] rounded-b-xl text-xs hover:text-[#4089E0] font-medium"},e.toDisplayString(i.value?r.value.buttNoMore:r.value.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[r.value.video?(e.openBlock(),e.createElementBlock("div",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.video,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,onClick:_=>x(l.link,l),class:"flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createVNode(e.unref(be),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(l.name),1)],8,Te))),128))])):e.createCommentVNode("",!0),r.value.socialList?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:g,class:"flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createElementVNode("div",He,[e.createVNode(e.unref(z),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(r.value.socialButt),1)]),e.createVNode(e.unref(p),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[k.value?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.socialList,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,onClick:_=>x(l.link,l),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[l.name?(e.openBlock(),e.createElementBlock("div",Ge,e.toDisplayString(l.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l==null?void 0:l.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Xe))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.termsOffer,l=>(e.openBlock(),e.createElementBlock("a",{key:l.name,target:"_blank",href:l.link,class:"ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"},[e.createElementVNode("div",Qe,[e.createElementVNode("div",Ye,[e.createElementVNode("span",Ze,e.toDisplayString(l.name),1)])])],8,Ke))),128))])])])):e.createCommentVNode("",!0)],8,Ee))}});const tt=A._export_sfc(et,[["__scopeId","data-v-56eccaba"]]);exports.OneBrowserMenu=we;exports.OneHelpMenu=tt;exports._sfc_main=F;exports._sfc_main$1=b;exports._sfc_main$2=Y;exports.browserMenuProps=S;exports.render=M;exports.render$1=z;exports.render$2=L;