@oneb/ui-vue 0.1.68 → 0.2.2

package/dist/style.css

@@ -1 +1 @@
-.sidebar[data-v-f57f2e3e]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-f57f2e3e]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-f57f2e3e]{position:relative}.tooltip-text[data-v-f57f2e3e]{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-f57f2e3e]{visibility:visible;opacity:1}.cont[data-v-f57f2e3e]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-f57f2e3e]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-478e1048]{height:100dvh}.module-border-wrap[data-v-478e1048]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-478e1048]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-478e1048]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-478e1048]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-478e1048]::-webkit-scrollbar-thumb:hover{background-color:#555}.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}.switch[data-v-d0ecef0b]{position:relative;display:inline-block}.switch-checkbox[data-v-d0ecef0b]{opacity:0;width:0;height:0}.switch.disabled[data-v-d0ecef0b]{background-color:#ccc}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.tooltip[data-v-4f47b75d]{position:relative}.tooltip-text[data-v-4f47b75d]{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-4f47b75d]{visibility:visible;opacity:1}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-4f47b75d]::-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}}
+.sidebar[data-v-f57f2e3e]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-f57f2e3e]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-f57f2e3e]{position:relative}.tooltip-text[data-v-f57f2e3e]{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-f57f2e3e]{visibility:visible;opacity:1}.cont[data-v-f57f2e3e]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-f57f2e3e]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-ec019e60]{height:100dvh}.module-border-wrap[data-v-ec019e60]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-ec019e60]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-ec019e60]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-ec019e60]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-ec019e60]::-webkit-scrollbar-thumb:hover{background-color:#555}.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}.switch[data-v-d0ecef0b]{position:relative;display:inline-block}.switch-checkbox[data-v-d0ecef0b]{opacity:0;width:0;height:0}.switch.disabled[data-v-d0ecef0b]{background-color:#ccc}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.tooltip[data-v-4f47b75d]{position:relative}.tooltip-text[data-v-4f47b75d]{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-4f47b75d]{visibility:visible;opacity:1}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-4f47b75d]::-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}}.markdown-view ol,.markdown-view ul{list-style:initial;line-height:1.1}.markdown-view h1,.markdown-view h2,.markdown-view h3,.markdown-view h4,.markdown-view h5,.markdown-view h6,.markdown-view p,.markdown-view li{word-break:break-word}.markdown-view.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.2em;line-height:1.3}.markdown-view.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.2em;line-height:1.3}.markdown-view.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1.05em;white-space:pre-wrap;line-height:1.2}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneb/ui-vue",
-  "version": "0.1.68",
+  "version": "0.2.2",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -88,6 +88,7 @@
     "vue-tsc": "^1.6.5"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.6"
+    "@floating-ui/vue": "^1.1.6",
+    "vue-markdown-render": "^2.2.1"
   }
 }

package/dist/OneHelpMenu-cf061c6f.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),y=require("./common/index.cjs"),S=require("./XMarkIcon-f94baa4c.cjs"),P=require("./index-9f8735d9.cjs"),F=require("./_plugin-vue_export-helper-f246444f.cjs"),L={title:{type:String},stick:{type:String,default:"right"}},q={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},H=["data-opened"],I={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},D=e.defineComponent({__name:"OneDropdown",props:L,emits:["open","close"],setup(d,{emit:c}){const u=e.ref(!1),a=e.ref(null),s=c,l=d,i=()=>{u.value=!u.value,u.value?s("open"):s("close")};e.provide("OneDropdown",{onToggle:i});const n=e.computed(()=>{const t=a.value!=null&&a.value.getBoundingClientRect.x<270;return a.value!=null&&a.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),h=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"),l.stick==="right"?t.push("right-0"):l.stick==="left"&&t.push("left-0"),t});return(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:a,"data-opened":u.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:i,isExpanded:u.value}))),u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:i})):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(()=>[u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",h.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:i})))],2)):e.createCommentVNode("",!0)]),_:3})],8,H))}}),b=e.defineComponent({__name:"OneDropdownItem",props:q,emits:["click"],setup(d,{emit:c}){const u=c,a=d,s=e.inject("OneDropdown"),l=()=>{s!==void 0&&s.onToggle(),u("click")},i=e.computed(()=>{const n=[];return a.variant==="secondary"?n.push("text-secondary-content hover:bg-secondary-body-hover"):a.variant==="danger"?n.push("text-danger-content hover:bg-danger-10"):a.variant==="warning"?n.push("text-warning-content hover:bg-warning-10"):a.variant==="info"?n.push("text-info-content hover:bg-info-10"):n.push("hover:bg-secondary-body-hover"),n});return(n,h)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",i.value]),onClick:e.withModifiers(l,["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)],2))}});function T(d,c){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 R={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}},M={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}},W={help:{type:Object,required:!0}},U=["onClick"],X={class:"flex flex-col items-center pt-5 pb-2 h-full"},G={class:"flex flex-col px-10 py-1 mt-2 text-center"},J={class:"self-center text-base font-medium tracking-wide text-black"},K={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},Q={class:"text-left w-full mt-5 px-3"},Y={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},Z=e.defineComponent({__name:"OneUserMenu",props:R,setup(d){const c=d,u=e.computed(()=>{var l;return(l=c.menu)==null?void 0:l.map(i=>{let n={label:i.label};i.icon!=null&&(n={...n,icon:i.icon});const h=typeof i.click=="function"?i.click:()=>{};return{key:i.label,args:n,click:h}})}),a=()=>{typeof c.onAccount=="function"&&c.onAccount()},s=()=>{typeof c.onLogout=="function"&&c.onLogout()};return(l,i)=>(e.openBlock(),e.createBlock(D,{stick:"right"},{button:e.withCtx(({onToggle:n,isExpanded:h})=>{var t,k;return[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[h?"bg-secondary-25":""]])},[e.createVNode(y.OneAvatar,{text:((t=l.user)==null?void 0:t.name)||"",size:l.iconSize,src:(k=l.user)==null?void 0:k.photo_url,rounded:!0},null,8,["text","size","src"])],10,U)]}),menu:e.withCtx(()=>{var n,h,t,k,v;return[e.createElementVNode("div",X,[e.createVNode(y.OneAvatar,{text:((n=l.user)==null?void 0:n.name)||"",size:80,src:(h=l.user)==null?void 0:h.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString((t=l.user)==null?void 0:t.name),1),e.createElementVNode("div",K,e.toDisplayString((k=l.user)==null?void 0:k.email),1)]),typeof c.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:a,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(l.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,g=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:g.key,ref_for:!0},g.args,{onClick:g.click}),null,16,["onClick"]))),128)),typeof l.onLogout=="function"?(e.openBlock(),e.createBlock(b,{key:0,icon:e.unref(T),label:l.logoutLabel,class:"rounded py-3",onClick:s},null,8,["icon","label"])):e.createCommentVNode("",!0)]),i[0]||(i[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Y,e.toDisplayString((v=l.app)==null?void 0:v.version),1)])]}),_:1}))}});function z(d,c){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(d,c){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(d,c){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 j(d,c){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 ee=["data-opened"],te={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},oe={class:"flex justify-between items-center pt-3 mb-3"},ne={class:"font-semibold text-xl px-3"},re={class:"grid"},le={class:"rounded-lg m-3 border"},se={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ce={class:"flex justify-between relative"},ae={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ie={key:0},de={class:"text-xs font-semibold"},ue={class:"px-3 py-2"},pe={class:"text-secondary-content text-left pb-1 text-xs uppercase"},me={class:"overflow-auto max-h-full"},he={key:0,class:"space-y-2"},ke=["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"},ge={class:"pl-2"},xe={class:"text-sm mt-1 font-semibold"},ye={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"},we=e.defineComponent({__name:"OneBrowserMenu",props:M,emits:["open","close"],setup(d,{emit:c}){const u=c,a=d,s=e.ref(!1),l=()=>{s.value=!s.value,s.value?u("open"):u("close")},i=e.ref(!1);e.computed(()=>i.value?E:B);const n=()=>{typeof a.onChange=="function"&&a.onChange()},h=t=>{typeof a.onApp=="function"&&a.onApp(t)};return(t,k)=>{var v,g,r,p,f,x;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:l,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(z),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:l})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",oe,[e.createElementVNode("div",ne,e.toDisplayString((v=t.workspace)==null?void 0:v.title),1),e.createVNode(e.unref(S.render),{class:"w-6 cursor-pointer",onClick:l})]),e.createElementVNode("div",re,[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.createElementVNode("div",ce,[e.createVNode(y.OneAvatar,{text:((g=t.workspace)==null?void 0:g.name)||"",src:(r=t.workspace)==null?void 0:r.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ae,e.toDisplayString((p=t.workspace)==null?void 0:p.name),1)]),i.value?(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,m=>(e.openBlock(),e.createElementBlock("div",{key:m.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(y.OneAvatar,{text:m.name,src:m.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",de,e.toDisplayString(m.name),1)]))),128))])):e.createCommentVNode("",!0),k[0]||(k[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:n,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((f=t.workspace)==null?void 0:f.changeLabel),1)])]),e.createElementVNode("div",ue,[e.createElementVNode("div",pe,e.toDisplayString((x=t.workspace)==null?void 0:x.appsLabel),1),e.createElementVNode("div",me,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",he,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,m=>(e.openBlock(),e.createElementBlock("div",{key:m.id,onClick:_=>h(m),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.OneAvatar,{text:m.name,src:m.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ge,[e.createElementVNode("p",xe,e.toDisplayString(m.name),1),e.createElementVNode("p",ye,e.toDisplayString(m==null?void 0:m.short),1)])]),e.createElementVNode("div",null,[e.createVNode(P._sfc_main,{variant:"touch",icon:e.unref(j),onClick:_=>h(m)},null,8,["icon","onClick"])])],8,ke))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",_e,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,ee)}}});const be=F._export_sfc(we,[["__scopeId","data-v-4936d4e4"]]);function Be(d,c){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 Ee(d,c){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 O(d,c){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"})])}const Ve=["data-opened"],Ne={key:1,class:"absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"},Ce={class:"flex justify-between items-center pt-3 mb-3"},$e={class:"font-semibold text-xl px-3"},Ae={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},Se=["onClick"],Fe={class:"uppercase text-[8px]"},Le={class:"overflow-y-auto grid rounded-xl"},De={class:"max-h-full bg-[#FAFAFA]"},Me={key:0,class:"space-y-2"},ze=["onClick"],je={class:"flex"},Oe={class:"pl-2"},Pe={class:"text-sm mt-1 font-semibold"},qe={class:"text-[10px] mt-1 text-[#979CA9]"},He={class:"mt-auto"},Ie={key:0},Te=["onClick"],Re={class:"flex items-center space-x-3"},We={class:"h-16"},Ue={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},Xe={class:"flex justify-between"},Ge=["onClick"],Je={key:0,class:"tooltip-text min-w-[70px]"},Ke={class:"flex justify-between mb-4"},Qe=["href"],Ye={class:"flex flex-nowrap items-center w-max h-[24px]"},Ze={class:"whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]"},et={class:"py-[8px] pl-0 pr-[8px]"},tt=e.defineComponent({__name:"OneHelpMenu",props:W,emits:["open","close"],setup(d,{emit:c}){const u=c,a=d,s=e.ref(!1),l=()=>{s.value=!s.value,s.value?u("open"):u("close")},i=e.computed(()=>v.value?E:B),n=e.ref(3),h=e.computed(()=>{var p,f;const r=((f=(p=a.help)==null?void 0:p.helpList)==null?void 0:f.length)||0;return n.value===r});e.computed(()=>{var p;return(((p=a.help)==null?void 0:p.helpList)||[]).slice(0,n.value)});const t=()=>{var p,f;const r=((f=(p=a.help)==null?void 0:p.helpList)==null?void 0:f.length)||0;n.value=h.value?3:r},k=(r,p)=>{r&&p&&typeof p.openLink=="function"?p.openLink(p):r&&window.open(r,"_blank")},v=e.ref(!1),g=()=>{v.value=!v.value};return(r,p)=>{var f,x,m,_,V,N,C,$,A;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:l,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(Be),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.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:l})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("div",Ce,[e.createElementVNode("div",$e,e.toDisplayString((f=r.help)==null?void 0:f.label),1),e.createVNode(e.unref(S.render),{class:"w-6 cursor-pointer",onClick:l})]),(x=r.help)!=null&&x.helpButton?(e.openBlock(),e.createElementBlock("div",Ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((m=r.help)==null?void 0:m.helpButton,o=>(e.openBlock(),e.createElementBlock("button",{key:o.name,onClick:w=>k(o.link,o),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(o==null?void 0:o.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Fe,e.toDisplayString(o.name),1)],8,Se))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Le,[e.createElementVNode("div",De,[(_=r.help)!=null&&_.helpList&&r.help.helpList.length?(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.help.helpList,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,onClick:w=>k(o.link,o),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",je,[e.createElementVNode("div",Oe,[e.createElementVNode("p",Pe,e.toDisplayString(o.name),1),e.createElementVNode("p",qe,e.toDisplayString(o.category),1)])])],8,ze))),128))])):e.createCommentVNode("",!0)])]),(V=r.help)!=null&&V.helpList&&r.help.helpList.length<0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:t,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(h.value?r.help.buttNoMore:r.help.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",He,[(N=r.help)!=null&&N.video?(e.openBlock(),e.createElementBlock("div",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.help.video,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:w=>k(o.link,o),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(Ee),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(o.name),1)],8,Te))),128))])):e.createCommentVNode("",!0),(C=r.help)!=null&&C.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",Re,[e.createVNode(e.unref(O),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(r.help.socialButt),1)]),e.createVNode(e.unref(i),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",We,[v.value?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(($=r.help)==null?void 0:$.socialList,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:w=>k(o.link,o),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[o.name?(e.openBlock(),e.createElementBlock("div",Je,e.toDisplayString(o.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o==null?void 0:o.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Ge))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((A=r.help)==null?void 0:A.termsOffer,o=>(e.openBlock(),e.createElementBlock("a",{key:o.name,target:"_blank",href:o.link,class:"ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"},[e.createElementVNode("div",Ye,[e.createElementVNode("div",Ze,[e.createElementVNode("span",et,e.toDisplayString(o.name),1)])])],8,Qe))),128))])])])):e.createCommentVNode("",!0)],8,Ve)}}});const ot=F._export_sfc(tt,[["__scopeId","data-v-4f47b75d"]]);exports.OneBrowserMenu=be;exports.OneHelpMenu=ot;exports._sfc_main=Z;exports._sfc_main$1=D;exports._sfc_main$2=b;exports.browserMenuProps=M;exports.dropdownProps=L;exports.render=E;exports.render$1=B;exports.render$2=j;exports.render$3=O;exports.render$4=z;