@oneb/ui-vue 0.1.20 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/{OneBrowserMenu-8cf71483.js → OneBrowserMenu-97c45a52.js} +177 -178
  2. package/dist/OneBrowserMenu-ac867a37.cjs +1 -0
  3. package/dist/button/index.cjs +1 -1
  4. package/dist/button/index.js +1 -1
  5. package/dist/dropdown/index.cjs +1 -1
  6. package/dist/dropdown/index.js +62 -62
  7. package/dist/form/index.cjs +1 -1
  8. package/dist/form/index.js +125 -125
  9. package/dist/index-81f36d8e.js +149 -0
  10. package/dist/index-98ecfd9e.cjs +1 -0
  11. package/dist/index.cjs +1 -1
  12. package/dist/index.js +4 -5
  13. package/dist/layout/index.cjs +1 -1
  14. package/dist/layout/index.js +407 -407
  15. package/dist/style.css +1 -1
  16. package/package.json +1 -1
  17. package/dist/OneBrowserMenu-3650ed5d.cjs +0 -1
  18. package/dist/button/OneButton.vue.d.ts +0 -2
  19. package/dist/button/SpinnerIcon.vue.d.ts +0 -2
  20. package/dist/button/util.d.ts +0 -2
  21. package/dist/card/OneCard.vue.d.ts +0 -2
  22. package/dist/card/OneCardBody.vue.d.ts +0 -2
  23. package/dist/card/OneCardFooter.vue.d.ts +0 -2
  24. package/dist/card/OneCardHeader.vue.d.ts +0 -2
  25. package/dist/collapse/OneCollapse.vue.d.ts +0 -2
  26. package/dist/common/OneAvatar.vue.d.ts +0 -2
  27. package/dist/composables/useElementWidth.d.ts +0 -1
  28. package/dist/composables/useResizeObserver.d.ts +0 -5
  29. package/dist/dropdown/OneBrowserMenu.vue.d.ts +0 -2
  30. package/dist/dropdown/OneBrowserMenuGrid.vue.d.ts +0 -2
  31. package/dist/dropdown/OneDropdown.vue.d.ts +0 -2
  32. package/dist/dropdown/OneDropdownDivider.vue.d.ts +0 -2
  33. package/dist/dropdown/OneDropdownItem.vue.d.ts +0 -2
  34. package/dist/dropdown/OneUserMenu.vue.d.ts +0 -2
  35. package/dist/form/OneForm.vue.d.ts +0 -2
  36. package/dist/form/OneFormFeedback.vue.d.ts +0 -2
  37. package/dist/form/OneFormField.vue.d.ts +0 -2
  38. package/dist/form/OneFormInput.vue.d.ts +0 -2
  39. package/dist/form/OneFormLabel.vue.d.ts +0 -2
  40. package/dist/index-668faddf.cjs +0 -1
  41. package/dist/index-ab76dea6.js +0 -145
  42. package/dist/indicators/OneIndicators.vue.d.ts +0 -2
  43. package/dist/label/OneLabel.vue.d.ts +0 -2
  44. package/dist/layout/IconOneb.vue.d.ts +0 -2
  45. package/dist/layout/OneMainLayout.vue.d.ts +0 -2
  46. package/dist/layout/OneSidebar.vue.d.ts +0 -2
  47. package/dist/layout/OneSidebarLink.vue.d.ts +0 -2
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.accordion-enter-active[data-v-c96fa4e0],.accordion-leave-active[data-v-c96fa4e0]{transition:height .3s ease}.accordion-enter[data-v-c96fa4e0],.accordion-leave-to[data-v-c96fa4e0]{height:0;overflow:hidden}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.sidebar[data-v-bded4814]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-bded4814]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-bded4814]{position:relative}.tooltip-text[data-v-bded4814]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-bded4814]{visibility:visible;opacity:1}.cont[data-v-bded4814]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-bded4814]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-8ffc89cc]{height:100dvh}.module-border-wrap[data-v-8ffc89cc]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
1
+ .textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.accordion-enter-active[data-v-1c2c0817],.accordion-leave-active[data-v-1c2c0817]{transition:height .3s ease}.accordion-enter[data-v-1c2c0817],.accordion-leave-to[data-v-1c2c0817]{height:0;overflow:hidden}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.sidebar[data-v-bded4814]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-bded4814]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-bded4814]{position:relative}.tooltip-text[data-v-bded4814]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-bded4814]{visibility:visible;opacity:1}.cont[data-v-bded4814]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-bded4814]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-8ffc89cc]{height:100dvh}.module-border-wrap[data-v-8ffc89cc]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oneb/ui-vue",
3
- "version": "0.1.20",
3
+ "version": "0.1.22",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -1 +0,0 @@
1
- "use strict";const e=require("vue"),f=require("./common/index.cjs"),N=require("./XMarkIcon-f94baa4c.cjs"),S=require("./index-668faddf.cjs"),A=require("./_plugin-vue_export-helper-f246444f.cjs"),$={title:{type:String},stick:{type:String,default:"right"}},z={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},D=["data-opened"],O={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},w=e.defineComponent({__name:"OneDropdown",props:$,emits:["open","close"],setup(d,{emit:l}){const a=e.ref(!1),s=e.ref(null),c=l,n=d,r=()=>{a.value=!a.value,a.value?c("open"):c("close")};e.provide("OneDropdown",{onToggle:r});const o=e.computed(()=>{const t=s.value!=null&&s.value.getBoundingClientRect.x<270;return s.value!=null&&s.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),u=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 o.value.startsWith("up")?t.push("bottom-1 mb-10"):o.value.startsWith("down")&&t.push("top-1 mt-10"),n.stick==="right"?t.push("right-0"):n.stick==="left"&&t.push("left-0"),t});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:s,"data-opened":a.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:a.value}))),a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:r})):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(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",u.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:r})))],2)):e.createCommentVNode("",!0)]),_:3})],8,D))}}),k=e.defineComponent({__name:"OneDropdownItem",props:z,emits:["click"],setup(d,{emit:l}){const a=l,s=d,c=e.inject("OneDropdown"),n=()=>{c!==void 0&&c.onToggle(),a("click")},r=e.computed(()=>{const o=[];return s.variant==="secondary"?o.push("text-secondary-content hover:bg-secondary-body-hover"):s.variant==="danger"?o.push("text-danger-content hover:bg-danger-10"):s.variant==="warning"?o.push("text-warning-content hover:bg-warning-10"):s.variant==="info"?o.push("text-info-content hover:bg-info-10"):o.push("hover:bg-secondary-body-hover"),o});return(o,u)=>(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(n,["prevent"])},[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(o.label),1)],2))}});function L(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})])}const F={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},accountLabel:{type:String,default:"Account"},logoutLabel:{type:String,default:"Logout"},versionLabel:{type:String,default:""},onAccount:{type:Function},onLogout:{type:Function}},_={workspace:{type:Object,required:!0},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Ваші додатки"},changeLabel:{type:String,default:"Керувати робочими просторами"},onChange:{type:Function},onApp:{type:Function}},j=["onClick"],M={class:"flex flex-col items-center pt-5 pb-2 h-full"},P={class:"flex flex-col px-10 py-1 mt-2 text-center"},q={class:"self-center text-base font-medium tracking-wide text-black"},R={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},I={class:"text-left w-full mt-5 px-3"},T={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},H=e.defineComponent({__name:"OneUserMenu",props:F,setup(d){const l=d,a=e.computed(()=>{var n;return(n=l.menu)==null?void 0:n.map(r=>{let o={label:r.label};r.icon!=null&&(o={...o,icon:r.icon});const u=typeof r.click=="function"?r.click:()=>{};return{key:r.label,args:o,click:u}})}),s=()=>{typeof l.onAccount=="function"&&l.onAccount()},c=()=>{typeof l.onLogout=="function"&&l.onLogout()};return(n,r)=>(e.openBlock(),e.createBlock(w,{stick:"right"},{button:e.withCtx(({onToggle:o,isExpanded:u})=>{var t,p;return[e.createElementVNode("button",{onClick:o,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[u?"bg-secondary-25":""]])},[e.createVNode(f.OneAvatar,{text:((t=n.user)==null?void 0:t.name)||"",size:n.iconSize,src:(p=n.user)==null?void 0:p.photo_url,rounded:!0},null,8,["text","size","src"])],10,j)]}),menu:e.withCtx(()=>{var o,u,t,p,h;return[e.createElementVNode("div",M,[e.createVNode(f.OneAvatar,{text:((o=n.user)==null?void 0:o.name)||"",size:80,src:(u=n.user)==null?void 0:u.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",P,[e.createElementVNode("div",q,e.toDisplayString((t=n.user)==null?void 0:t.name),1),e.createElementVNode("div",R,e.toDisplayString((p=n.user)==null?void 0:p.email),1)]),typeof l.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(n.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,m=>(e.openBlock(),e.createBlock(k,e.mergeProps({key:m.key,ref_for:!0},m.args,{onClick:m.click}),null,16,["onClick"]))),128)),typeof n.onLogout=="function"?(e.openBlock(),e.createBlock(k,{key:0,icon:e.unref(L),label:n.logoutLabel,class:"rounded py-3",onClick:c},null,8,["icon","label"])):e.createCommentVNode("",!0)]),r[0]||(r[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",T,e.toDisplayString((h=n.app)==null?void 0:h.version),1)])]}),_:1}))}});function b(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"})])}function E(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function V(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 15.75l7.5-7.5 7.5 7.5"})])}function B(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})])}const W=["data-opened"],U={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},X={class:"flex justify-between items-center pt-3 mb-3"},G={class:"font-semibold text-xl px-3"},J={class:"grid"},K={class:"rounded-lg m-3 border"},Q={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},Y={class:"flex justify-between relative"},Z={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ee={key:0},te={class:"text-xs font-semibold"},oe={class:"px-3 py-2"},ne={class:"text-secondary-content text-left pb-1 text-xs uppercase"},re={class:"overflow-auto max-h-full"},le={key:0,class:"space-y-2"},se=["onClick"],ce={class:"flex"},ae={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ie={class:"pl-2"},de={class:"text-sm mt-1 font-semibold"},ue={class:"text9 mt-1"},pe={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},me=e.defineComponent({__name:"OneBrowserMenu",props:_,emits:["open","close"],setup(d,{emit:l}){const a=l,s=d,c=e.ref(!1),n=()=>{c.value=!c.value,c.value?a("open"):a("close")},r=e.ref(!1);e.computed(()=>r.value?V:E);const o=()=>{typeof s.onChange=="function"&&s.onChange()},u=t=>{typeof s.onApp=="function"&&s.onApp(t)};return(t,p)=>{var h,m,g,v,y,x;return e.openBlock(),e.createElementBlock("div",{"data-opened":c.value},[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":c.value}])},[e.createVNode(e.unref(b),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:n})):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",X,[e.createElementVNode("div",G,e.toDisplayString((h=t.workspace)==null?void 0:h.title),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:n})]),e.createElementVNode("div",J,[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("div",Y,[e.createVNode(f.OneAvatar,{text:((m=t.workspace)==null?void 0:m.name)||"",src:(g=t.workspace)==null?void 0:g.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",Z,e.toDisplayString((v=t.workspace)==null?void 0:v.name),1)]),r.value?(e.openBlock(),e.createElementBlock("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,i=>(e.openBlock(),e.createElementBlock("div",{key:i.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(f.OneAvatar,{text:i.name,src:i.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",te,e.toDisplayString(i.name),1)]))),128))])):e.createCommentVNode("",!0),p[0]||(p[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:o,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((y=t.workspace)==null?void 0:y.changeLabel),1)])]),e.createElementVNode("div",oe,[e.createElementVNode("div",ne,e.toDisplayString((x=t.workspace)==null?void 0:x.appsLabel),1),e.createElementVNode("div",re,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,i=>(e.openBlock(),e.createElementBlock("div",{key:i.id,onClick:C=>u(i),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",ce,[e.createElementVNode("div",ae,[e.createVNode(f.OneAvatar,{text:i.name,src:i.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ie,[e.createElementVNode("p",de,e.toDisplayString(i.name),1),e.createElementVNode("p",ue,e.toDisplayString(i==null?void 0:i.short),1)])]),e.createElementVNode("div",null,[e.createVNode(S._sfc_main,{variant:"touch",icon:e.unref(B),onClick:C=>u(i)},null,8,["icon","onClick"])])],8,se))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",pe,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,W)}}});const he=A._export_sfc(me,[["__scopeId","data-v-4936d4e4"]]);exports.OneBrowserMenu=he;exports._sfc_main=w;exports._sfc_main$1=k;exports._sfc_main$2=H;exports.browserMenuProps=_;exports.render=V;exports.render$1=E;exports.render$2=B;exports.render$3=b;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- import type { ButtonSizeType, ButtonVariantType } from "./button";
2
- export declare const makeButtonClassList: (variant?: ButtonVariantType, size?: ButtonSizeType) => any[];
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1 +0,0 @@
1
- export declare const useElementWidth: (el: Ref<HTMLElement>) => any;
@@ -1,5 +0,0 @@
1
- import type { Ref } from 'vue';
2
- type MaybeRef<T> = T | Ref<T>;
3
- type MaybeArray<T> = T | T[];
4
- export declare const useResizeObserver: <T extends HTMLElement>(elementsList: any, cb: ResizeObserverCallback) => ResizeObserver;
5
- export {};
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1 +0,0 @@
1
- "use strict";const e=require("vue"),g=require("./_plugin-vue_export-helper-f246444f.cjs");const v={},y={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function f(i,n){return e.openBlock(),e.createElementBlock("svg",y,n[0]||(n[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)]))}const c=g._export_sfc(v,[["render",f]]),h={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},labelClass:{type:String,default:""},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object,String]}},k=["relative inline-flex","border","items-center justify-center","font-medium whitespace-nowrap","disabled:opacity-50 disabled:cursor-default","focus:outline-none focus:ring-2","transition-colors duration-200"],w={sm:["px-2 py-1 text-sm"],md:["px-3 py-2"],lg:["px-4 py-3"]},C={primary:["rounded-md border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],secondary:["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],info:["rounded-md border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],success:["rounded-md border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],warning:["rounded-md border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],danger:["rounded-md border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],touch:["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],link:["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md border-transparent text-gray-500"],mini:["rounded-full border-transparent bg-[#FAFAFA] text-sm hover:text-green-500 disabled:text-[#525B66] focus:ring-2"]},x=(i="primary",n="md")=>{const o=[];return o.push(...k),o.push(...C[i]??[]),i!=="touch"&&o.push(...w[n]??[]),o},B=["disabled","title","type"],_=e.defineComponent({__name:"OneButton",props:h,emits:["click"],setup(i,{emit:n}){const o=n,s=i,u=()=>{o("click")},r=e.computed(()=>s.icon),a=e.computed(()=>s.iconAfter),d=e.computed(()=>{const t=x(s.variant,s.size);return s.variant==="touch"&&s.active&&t.push("bg-primary-body-active"),t}),p=e.computed(()=>s.disabled||s.isLoading),m=e.computed(()=>s.label&&s.label.length>0&&s.variant!=="touch"),b=e.computed(()=>{const t=["inline-block text-ellipsis overflow-hidden"];return r.value!=null&&t.push("ml-2"),a.value!=null&&t.push("mr-2"),s.labelClass!=null&&t.push(s.labelClass),t}),l=e.computed(()=>{const t=[];return s.size==="sm"?t.push("w-3 h-3"):s.size==="lg"?t.push("w-5 h-5"):t.push("w-4 h-4"),typeof s.iconClass=="string"?t.push(s.iconClass):s.iconClass instanceof Array&&t.push(...s.iconClass),t});return(t,S)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(d.value),disabled:p.value,title:t.label,type:t.isSubmit?"submit":"button",onClick:e.withModifiers(u,["stop"])},[r.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(c,{key:0,class:e.normalizeClass(l.value)},null,8,["class"])):typeof r.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(l.value)},e.toDisplayString(r.value),3)):r.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:2,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(b.value)},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),a.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(c,{key:4,class:e.normalizeClass(l.value)},null,8,["class"])):typeof a.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(l.value)},e.toDisplayString(a.value),3)):a.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:6,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,B))}});exports.SpinnerIcon=c;exports._sfc_main=_;
@@ -1,145 +0,0 @@
1
- import { openBlock as t, createElementBlock as d, createElementVNode as k, defineComponent as C, computed as r, normalizeClass as n, withModifiers as _, createBlock as p, toDisplayString as b, resolveDynamicComponent as m, createCommentVNode as g } from "vue";
2
- import { _ as B } from "./_plugin-vue_export-helper-dad06003.js";
3
- const S = {}, L = {
4
- class: "spinner",
5
- xmlns: "http://www.w3.org/2000/svg",
6
- viewBox: "0 0 24 24",
7
- style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
8
- };
9
- function A(u, o) {
10
- return t(), d("svg", L, o[0] || (o[0] = [
11
- k("circle", {
12
- style: { "stroke-linecap": "round", animation: "one-sp-ico-dash 1.7s ease-in-out infinite" },
13
- class: "opacity-75",
14
- cx: "12",
15
- cy: "12",
16
- r: "8",
17
- fill: "none",
18
- stroke: "currentColor",
19
- "stroke-width": "2"
20
- }, null, -1)
21
- ]));
22
- }
23
- const f = /* @__PURE__ */ B(S, [["render", A]]), z = {
24
- variant: {
25
- type: String,
26
- default: "primary"
27
- },
28
- size: {
29
- type: String,
30
- default: "md"
31
- },
32
- label: {
33
- type: String
34
- },
35
- labelClass: {
36
- type: String,
37
- default: ""
38
- },
39
- icon: {
40
- type: [Function, Object]
41
- },
42
- isLoading: {
43
- type: Boolean
44
- },
45
- isSubmit: {
46
- type: Boolean,
47
- default: !1
48
- },
49
- disabled: {
50
- type: Boolean,
51
- default: !1
52
- },
53
- active: {
54
- type: Boolean,
55
- default: !1
56
- },
57
- iconClass: {
58
- type: [String, Array]
59
- },
60
- iconAfter: {
61
- type: [Function, Object, String]
62
- }
63
- }, F = [
64
- "relative inline-flex",
65
- "border",
66
- "items-center justify-center",
67
- "font-medium whitespace-nowrap",
68
- "disabled:opacity-50 disabled:cursor-default",
69
- "focus:outline-none focus:ring-2",
70
- "transition-colors duration-200"
71
- ], I = {
72
- sm: ["px-2 py-1 text-sm"],
73
- md: ["px-3 py-2"],
74
- lg: ["px-4 py-3"]
75
- }, j = {
76
- primary: ["rounded-md border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],
77
- secondary: ["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],
78
- info: ["rounded-md border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],
79
- success: ["rounded-md border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],
80
- warning: ["rounded-md border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],
81
- danger: ["rounded-md border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],
82
- touch: ["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],
83
- link: ["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],
84
- none: ["rounded-md border-transparent text-gray-500"],
85
- mini: ["rounded-full border-transparent bg-[#FAFAFA] text-sm hover:text-green-500 disabled:text-[#525B66] focus:ring-2"]
86
- }, D = (u = "primary", o = "md") => {
87
- const a = [];
88
- return a.push(...F), a.push(...j[u] ?? []), u !== "touch" && a.push(...I[o] ?? []), a;
89
- }, O = ["disabled", "title", "type"], $ = /* @__PURE__ */ C({
90
- __name: "OneButton",
91
- props: z,
92
- emits: ["click"],
93
- setup(u, { emit: o }) {
94
- const a = o, s = u, v = () => {
95
- a("click");
96
- }, i = r(() => s.icon), l = r(() => s.iconAfter), y = r(() => {
97
- const e = D(s.variant, s.size);
98
- return s.variant === "touch" && s.active && e.push("bg-primary-body-active"), e;
99
- }), h = r(() => s.disabled || s.isLoading), w = r(() => s.label && s.label.length > 0 && s.variant !== "touch"), x = r(() => {
100
- const e = [
101
- "inline-block text-ellipsis overflow-hidden"
102
- ];
103
- return i.value != null && e.push("ml-2"), l.value != null && e.push("mr-2"), s.labelClass != null && e.push(s.labelClass), e;
104
- }), c = r(() => {
105
- const e = [];
106
- return s.size === "sm" ? e.push("w-3 h-3") : s.size === "lg" ? e.push("w-5 h-5") : e.push("w-4 h-4"), typeof s.iconClass == "string" ? e.push(s.iconClass) : s.iconClass instanceof Array && e.push(...s.iconClass), e;
107
- });
108
- return (e, E) => (t(), d("button", {
109
- class: n(y.value),
110
- disabled: h.value,
111
- title: e.label,
112
- type: e.isSubmit ? "submit" : "button",
113
- onClick: _(v, ["stop"])
114
- }, [
115
- i.value != null && e.isLoading ? (t(), p(f, {
116
- key: 0,
117
- class: n(c.value)
118
- }, null, 8, ["class"])) : typeof i.value == "string" ? (t(), d("span", {
119
- key: 1,
120
- class: n(c.value)
121
- }, b(i.value), 3)) : i.value != null ? (t(), p(m(i.value), {
122
- key: 2,
123
- class: n(c.value)
124
- }, null, 8, ["class"])) : g("", !0),
125
- w.value ? (t(), d("span", {
126
- key: 3,
127
- class: n(x.value)
128
- }, b(e.label), 3)) : g("", !0),
129
- l.value != null && e.isLoading ? (t(), p(f, {
130
- key: 4,
131
- class: n(c.value)
132
- }, null, 8, ["class"])) : typeof l.value == "string" ? (t(), d("span", {
133
- key: 5,
134
- class: n(c.value)
135
- }, b(l.value), 3)) : l.value != null ? (t(), p(m(l.value), {
136
- key: 6,
137
- class: n(c.value)
138
- }, null, 8, ["class"])) : g("", !0)
139
- ], 10, O));
140
- }
141
- });
142
- export {
143
- f as S,
144
- $ as _
145
- };
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: any;
2
- export default _default;