@oneb/ui-vue 0.0.52 → 0.0.54

package/dist/layout/layout.d.ts

@@ -18,10 +18,47 @@ export type NewsType = {
     openVideoText: string;
     menuLabel?: string;
 };
+export type LinkType = {
+    url: string;
+    label: string;
+};
+export type AppType = {
+    name: string;
+    workspace: string;
+    version?: string;
+    help: LinkType;
+    support: LinkType;
+    terms: LinkType;
+    offer: LinkType;
+    availableLang: Array<{
+        label: string;
+        code: string;
+    }>;
+    apps: Array<{
+        id: string;
+        name: string;
+        inf: string;
+        photo_url: string;
+    }>;
+    availablePlans: Array<{
+        name: string;
+        link?: string;
+        title?: string;
+    }>;
+    selectedPlan: {
+        name: string;
+        link?: string;
+        title?: string;
+    };
+};
 export type SupportType = {
     url: string;
     menuLabel?: string;
 };
+export type TermsType = {
+    url: string;
+    menuLabel?: string;
+};
 export type SidebarItemType = {
     label: string;
     route?: string | Record<string, any>;
@@ -30,6 +67,9 @@ export type SidebarItemType = {
     exact?: boolean;
     icon?: FunctionalComponent | Component;
 };
+export type SidebarLangItemType = {
+    label: any;
+};
 export declare const sidebarProps: {
     items: {
         required: boolean;
@@ -39,8 +79,8 @@ export declare const sidebarProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    support: {
-        type: PropType<SupportType>;
+    app: {
+        type: PropType<AppType>;
     };
     news: {
         type: PropType<NewsType>;
@@ -63,6 +103,9 @@ export declare const sidebarLinkProps: {
     href: {
         type: StringConstructor;
     };
+    app: {
+        type: ObjectConstructor;
+    };
     label: {
         type: StringConstructor;
         required: boolean;
@@ -92,13 +135,7 @@ export declare const mainLayoutProps: {
         type: StringConstructor;
     };
     app: {
-        required: boolean;
-        type: PropType<{
-            name: string;
-            workspace: string;
-            photo_url: string;
-            apps: Array<any>;
-        }>;
+        type: PropType<AppType>;
     };
     user: {
         type: PropType<{
@@ -117,8 +154,31 @@ export declare const mainLayoutProps: {
             version: string;
         }>;
     };
-    support: {
-        type: PropType<SupportType>;
+    apps: {
+        type: PropType<{
+            id: string;
+            name: string;
+            photo_url?: string;
+            open_url?: string;
+        }[]>;
+    };
+    workspaces: {
+        type: PropType<{
+            name: string;
+            photo_url?: string;
+            link: string;
+        }[]>;
+    };
+    workspace: {
+        type: PropType<{
+            name: string;
+            photo_url?: string;
+        }>;
+    };
+    yourApps: {
+        type: PropType<{
+            label: string;
+        }>;
     };
     news: {
         type: PropType<NewsType>;

package/dist/style.css

@@ -1 +1 @@
-@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}}
+.h-browser[data-v-10078238]{height:calc(100% - 75px)}.text8[data-v-57d3d3f4]{font-size:8px}.dropdown[data-v-57d3d3f4]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.text8[data-v-58ff58ea]{font-size:10px}@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/dist/tailwind.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={"slate-500":"#5F6E79","white-bg":"#FFFFFF","gray-bg":"#FAFAFA","gray-light":"#979CA9","gray-700":"#525B66","gray-email":"#E2E7EF","gray-email-light":"rgba(226, 231, 239, 0.3)","gray-active":"#EAEFF8","slate-850":"#1D2632","rose-850":"#FF0440",input:"#E2E7EF",block:"#E3ECF2","black-700":"#333333","black-800":"#040404","blue-550":"#4089E0","red-700":"#FF0440","green-700":"#70BE33","orange-700":"#FFBA08","black-opacyti":"rgba(0, 0, 0, 0.2)",background:{backdrop:"rgba(0,0,0,0.1)",DEFAULT:"#fafafa",second:"#F6F8FF",light:"#FBFDFF"},primary:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#000000","content-active":"#000000","content-hover":"#000000",stroke:"#E2E7EF","stroke-active":"#E2E7EF","stroke-hover":"#E2E7EF",body:"#FFFFFF","body-active":"#EAEFF8","body-hover":"#EAEFF8"},secondary:{glow:"#8c97a6",base:"#525B66",active:"#444b54",hover:"#444b54",25:"rgba(82,91,102,0.25)","25-active":"rgba(82,91,102,0.3)","25-hover":"rgba(82,91,102,0.3)",10:"rgba(82,91,102,0.1)","10-active":"rgba(82,91,102,0.15)","10-hover":"rgba(82,91,102,0.15)",content:"#979CA9","content-active":"#979CA9","content-hover":"#979CA9",stroke:"#E3ECF2","stroke-active":"#E3ECF2","stroke-hover":"#E3ECF2",body:"#F6F8FF","body-active":"#FAFAFA","body-hover":"#FAFAFA"},light:{glow:"#eae5e5",base:"#ffffff",active:"#ffffff",hover:"#ffffff",25:"#ffffff","25-active":"#ffffff","25-hover":"#ffffff",10:"#ffffff","10-active":"#ffffff","10-hover":"#ffffff",content:"#a1a3a9","content-active":"#a1a3a9","content-hover":"#a1a3a9",stroke:"#ebeff1","stroke-active":"#ebeff1","stroke-hover":"#ebeff1",body:"#F5F5F5","body-active":"#FAFAFA","body-hover":"#FAFAFA"},success:{glow:"#b7f686",base:"#70BE33",active:"#62A52D",hover:"#7BD237",25:"rgba(112,190,51,0.25)","25-active":"rgba(112,190,51,0.3)","25-hover":"rgba(112,190,51,0.3)",10:"rgba(112,190,51,0.1)","10-active":"rgba(112,190,51,0.15)","10-hover":"rgba(112,190,51,0.15)",content:"#5da920","content-active":"#5da920","content-hover":"#5da920",stroke:"#81b955","stroke-active":"#81b955","stroke-hover":"#81b955",body:"#99be7b","body-active":"#99be7b","body-hover":"#99be7b"},info:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#2167bb","content-active":"#2167bb","content-hover":"#2167bb",stroke:"#689ddc","stroke-active":"#689ddc","stroke-hover":"#689ddc",body:"#8dafd7","body-active":"#8dafd7","body-hover":"#8dafd7"},warning:{glow:"#f8e9c2",base:"#FFBA08",active:"#e5a502",hover:"#ffc11e",25:"rgba(255,186,8,0.25)","25-active":"rgba(255,186,8,0.3)","25-hover":"rgba(255,186,8,0.3)",10:"rgba(255,186,8,0.1)","10-active":"rgba(255,186,8,0.15)","10-hover":"rgba(255,186,8,0.15)",content:"#b78400","content-active":"#b78400","content-hover":"#b78400",stroke:"#f8c644","stroke-active":"#f8c644","stroke-hover":"#f8c644",body:"#f8d988","body-active":"#f8d988","body-hover":"#f8d988"},danger:{glow:"#fa9fb5",base:"#FF0440",active:"#DF073B",hover:"#FF3E6C",25:"rgba(255,4,64,0.25)","25-active":"rgba(255,4,64,0.3)","25-hover":"rgba(255,4,64,0.3)",10:"rgba(255,4,64,0.1)","10-active":"rgba(255,4,64,0.15)","10-hover":"rgba(255,4,64,0.15)",content:"#b7002d","content-active":"#b7002d","content-hover":"#b7002d",stroke:"#ff4e78","stroke-active":"#ff4e78","stroke-hover":"#ff4e78",body:"#ff90aa","body-active":"#ff90aa","body-hover":"#ff90aa"},tertiary:{glow:"#E7EFFC",base:"#E7EFFC",active:"#E7EFFC",hover:"#E7EFFC",25:"rgba(231,239,252,0.25)","25-active":"rgba(231,239,252,0.3)","25-hover":"rgba(231,239,252,0.3)",10:"rgba(231,239,252,0.1)","10-active":"rgba(231,239,252,0.15)","10-hover":"rgba(231,239,252,0.15)",content:"#E7EFFC","content-active":"#E7EFFC","content-hover":"#E7EFFC",stroke:"#E7EFFC","stroke-active":"#E7EFFC","stroke-hover":"#E7EFFC",body:"#E7EFFC","body-active":"#E7EFFC","body-hover":"#E7EFFC"}},a={"2xs":"10px","3xs":"8px"},o={sans:['"Montserrat"',"system-ui","sans-serif"]},t={center:!0,screens:{sm:"100%",md:"100%",lg:"920px",xl:"1116px","2xl":"1116px"}},r={container:t,extend:{fontSize:a,fontFamily:o,colors:e}};exports.colors=e;exports.container=t;exports.fontFamily=o;exports.fontSize=a;exports.theme=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={"slate-500":"#5F6E79","white-bg":"#FFFFFF","gray-bg":"#FAFAFA","gray-light":"#979CA9","gray-700":"#525B66","gray-email":"#E2E7EF","gray-email-light":"rgba(226, 231, 239, 0.3)","gray-active":"#EAEFF8","slate-850":"#1D2632","rose-850":"#FF0440",input:"#E2E7EF",block:"#E3ECF2","black-700":"#333333","black-800":"#040404","blue-550":"#4089E0","red-700":"#FF0440","green-700":"#70BE33","orange-700":"#FFBA08","black-opacyti":"rgba(0, 0, 0, 0.2)",background:{backdrop:"rgba(0,0,0,0.1)",DEFAULT:"#FAFAFA",second:"#F6F8FF",light:"#FBFDFF"},primary:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#000000","content-active":"#000000","content-hover":"#000000",stroke:"#E2E7EF","stroke-active":"#E2E7EF","stroke-hover":"#E2E7EF",body:"#FFFFFF","body-active":"#EAEFF8","body-hover":"#EAEFF8"},secondary:{glow:"#8c97a6",base:"#525B66",active:"#444b54",hover:"#444b54",25:"rgba(82,91,102,0.25)","25-active":"rgba(82,91,102,0.3)","25-hover":"rgba(82,91,102,0.3)",10:"rgba(82,91,102,0.1)","10-active":"rgba(82,91,102,0.15)","10-hover":"rgba(82,91,102,0.15)",content:"#979CA9","content-active":"#979CA9","content-hover":"#979CA9",stroke:"#E3ECF2","stroke-active":"#E3ECF2","stroke-hover":"#E3ECF2",body:"#F6F8FF","body-active":"#FAFAFA","body-hover":"#FAFAFA"},light:{glow:"#eae5e5",base:"#ffffff",active:"#ffffff",hover:"#ffffff",25:"#ffffff","25-active":"#ffffff","25-hover":"#ffffff",10:"#ffffff","10-active":"#ffffff","10-hover":"#ffffff",content:"#a1a3a9","content-active":"#a1a3a9","content-hover":"#a1a3a9",stroke:"#ebeff1","stroke-active":"#ebeff1","stroke-hover":"#ebeff1",body:"#F5F5F5","body-active":"#FAFAFA","body-hover":"#FAFAFA"},success:{glow:"#b7f686",base:"#70BE33",active:"#62A52D",hover:"#7BD237",25:"rgba(112,190,51,0.25)","25-active":"rgba(112,190,51,0.3)","25-hover":"rgba(112,190,51,0.3)",10:"rgba(112,190,51,0.1)","10-active":"rgba(112,190,51,0.15)","10-hover":"rgba(112,190,51,0.15)",content:"#5da920","content-active":"#5da920","content-hover":"#5da920",stroke:"#81b955","stroke-active":"#81b955","stroke-hover":"#81b955",body:"#99be7b","body-active":"#99be7b","body-hover":"#99be7b"},info:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#2167bb","content-active":"#2167bb","content-hover":"#2167bb",stroke:"#689ddc","stroke-active":"#689ddc","stroke-hover":"#689ddc",body:"#8dafd7","body-active":"#8dafd7","body-hover":"#8dafd7"},warning:{glow:"#f8e9c2",base:"#FFBA08",active:"#e5a502",hover:"#ffc11e",25:"rgba(255,186,8,0.25)","25-active":"rgba(255,186,8,0.3)","25-hover":"rgba(255,186,8,0.3)",10:"rgba(255,186,8,0.1)","10-active":"rgba(255,186,8,0.15)","10-hover":"rgba(255,186,8,0.15)",content:"#b78400","content-active":"#b78400","content-hover":"#b78400",stroke:"#f8c644","stroke-active":"#f8c644","stroke-hover":"#f8c644",body:"#f8d988","body-active":"#f8d988","body-hover":"#f8d988"},danger:{glow:"#fa9fb5",base:"#FF0440",active:"#DF073B",hover:"#FF3E6C",25:"rgba(255,4,64,0.25)","25-active":"rgba(255,4,64,0.3)","25-hover":"rgba(255,4,64,0.3)",10:"rgba(255,4,64,0.1)","10-active":"rgba(255,4,64,0.15)","10-hover":"rgba(255,4,64,0.15)",content:"#b7002d","content-active":"#b7002d","content-hover":"#b7002d",stroke:"#ff4e78","stroke-active":"#ff4e78","stroke-hover":"#ff4e78",body:"#ff90aa","body-active":"#ff90aa","body-hover":"#ff90aa"},tertiary:{glow:"#E7EFFC",base:"#E7EFFC",active:"#E7EFFC",hover:"#E7EFFC",25:"rgba(231,239,252,0.25)","25-active":"rgba(231,239,252,0.3)","25-hover":"rgba(231,239,252,0.3)",10:"rgba(231,239,252,0.1)","10-active":"rgba(231,239,252,0.15)","10-hover":"rgba(231,239,252,0.15)",content:"#E7EFFC","content-active":"#E7EFFC","content-hover":"#E7EFFC",stroke:"#E7EFFC","stroke-active":"#E7EFFC","stroke-hover":"#E7EFFC",body:"#E7EFFC","body-active":"#E7EFFC","body-hover":"#E7EFFC"}},a={"2xs":"10px","3xs":"8px"},o={sans:['"Montserrat"',"system-ui","sans-serif"]},t={center:!0,screens:{sm:"100%",md:"100%",lg:"920px",xl:"1116px","2xl":"1116px"}},r={container:t,extend:{fontSize:a,fontFamily:o,colors:e}};exports.colors=e;exports.container=t;exports.fontFamily=o;exports.fontSize=a;exports.theme=r;

package/dist/tailwind.config.js

@@ -21,7 +21,7 @@ const e = {
   "black-opacyti": "rgba(0, 0, 0, 0.2)",
   background: {
     backdrop: "rgba(0,0,0,0.1)",
-    DEFAULT: "#fafafa",
+    DEFAULT: "#FAFAFA",
     second: "#F6F8FF",
     light: "#FBFDFF"
   },

package/package.json

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

package/dist/OneBrowserMenu.vue_vue_type_script_setup_true_lang-2815cdad.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./common/index.cjs"),g={title:{type:String},stick:{type:String,default:"right"}},y={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},k=["data-opened"],x={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},f=e.defineComponent({__name:"OneDropdown",props:g,emits:["open","close"],setup(d,{emit:s}){const a=d,c=e.ref(!1),r=e.ref(null),n=()=>{c.value=!c.value,c.value?s("open"):s("close")};e.provide("OneDropdown",{onToggle:n});const t=e.computed(()=>{const o=r.value!=null&&r.value.offsetLeft<270;return r.value!=null&&r.value.offsetTop+270>window.innerHeight?"up"+(o?"-right":"-left"):"down"+(o?"-right":"-left")}),l=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 t.value.startsWith("up")?o.push("bottom-1 mb-10"):t.value.startsWith("down")&&o.push("top-1 mt-10"),a.stick==="right"?o.push("right-0"):a.stick==="left"&&o.push("left-0"),o});return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:r,"data-opened":c.value},[e.renderSlot(o.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:n,isExpanded:c.value}))),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:n})):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",l.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[o.title?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:n})))],2)):e.createCommentVNode("",!0)]),_:3})],8,k))}}),v=["onClick"],m=e.defineComponent({__name:"OneDropdownItem",props:y,emits:["click"],setup(d,{emit:s}){const a=d,c=e.inject("OneDropdown"),r=()=>{c!==void 0&&c.onToggle(),s("click")},n=e.computed(()=>{const t=[];return a.variant==="secondary"?t.push("text-secondary-content hover:bg-secondary-body-hover"):a.variant==="danger"?t.push("text-danger-content hover:bg-danger-10"):a.variant==="warning"?t.push("text-warning-content hover:bg-warning-10"):a.variant==="info"?t.push("text-info-content hover:bg-info-10"):t.push("hover:bg-secondary-body-hover"),t});return(t,l)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",n.value]),onClick:e.withModifiers(r,["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)],10,v))}});function w(d,s){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 b={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},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},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Apps"},changeLabel:{type:String,default:"Change"},onChange:{type:Function},onApp:{type:Function}},C=["onClick"],V={class:"flex flex-col items-center pt-5 pb-2 h-full"},E={class:"flex flex-col px-10 py-1 mt-2 text-center"},N={class:"self-center text-base font-medium tracking-wide text-black"},B={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},S=["onClick"],$={class:"text-left w-full mt-3 px-2.5",style:{width:"240px"}},z={key:1,class:"flex-shrink-0 mx-auto mt-3 leading-3 text-gray-400",style:{"font-size":"10px"}},A=e.defineComponent({__name:"OneUserMenu",props:b,setup(d){const s=d,a=e.computed(()=>{var n;return(n=s.menu)==null?void 0:n.map(t=>{let l={label:t.label};t.icon!=null&&(l={...l,icon:t.icon});const o=typeof t.click=="function"?t.click:()=>{};return{key:t.label,args:l,click:o}})}),c=()=>{typeof s.onAccount=="function"&&s.onAccount()},r=()=>{typeof s.onLogout=="function"&&s.onLogout()};return(n,t)=>(e.openBlock(),e.createBlock(f,{stick:"right"},{button:e.withCtx(({onToggle:l,isExpanded:o})=>{var i,u;return[e.createElementVNode("button",{onClick:l,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[o?"bg-secondary-25":""]])},[e.createVNode(p.OneAvatar,{text:((i=n.user)==null?void 0:i.name)||"",size:n.iconSize,src:(u=n.user)==null?void 0:u.photo_url,rounded:!0},null,8,["text","size","src"])],10,C)]}),menu:e.withCtx(()=>{var l,o,i,u;return[e.createElementVNode("div",V,[e.createVNode(p.OneAvatar,{text:((l=n.user)==null?void 0:l.name)||"",size:80,src:(o=n.user)==null?void 0:o.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",E,[e.createElementVNode("div",N,e.toDisplayString((i=n.user)==null?void 0:i.name),1),e.createElementVNode("div",B,e.toDisplayString((u=n.user)==null?void 0:u.email),1)]),typeof s.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(c,["prevent"]),href:"#",class:"mt-3 justify-center px-5 py-1.5 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-white border-slate-200 rounded-[50px] hover:bg-neutral-50"},e.toDisplayString(n.accountLabel),9,S)):e.createCommentVNode("",!0),e.createElementVNode("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,h=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:h.key},h.args,{onClick:h.click,class:"rounded-md !text-secondary-base"}),null,16,["onClick"]))),128)),e.createVNode(m,{icon:e.unref(w),label:n.logoutLabel,class:"rounded-md !text-secondary-base",onClick:r},null,8,["icon","label"])]),n.versionLabel!==""?(e.openBlock(),e.createElementBlock("div",z,e.toDisplayString(n.versionLabel),1)):e.createCommentVNode("",!0)])]}),_:1}))}});function L(d,s){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 D=["onClick"],O={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},P={class:"flex-shrink-0"},j={class:"w-full text-left"},F={class:"flex-shrink-0"},M={class:"px-3 py-2 border-t border-secondary-stroke"},T={class:"text-secondary-content text-left pb-1 text-sm"},q={class:"grid grid-cols-3 gap-1"},R=["onClick"],H={class:"block bg-white mx-auto flex-shrink-0 border border-secondary-stroke p-1 rounded-lg"},I={class:"w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm mt-1"},W=e.defineComponent({__name:"OneBrowserMenu",props:_,setup(d){const s=d,a=()=>{typeof s.onChange=="function"&&s.onChange()},c=r=>{typeof s.onApp=="function"&&s.onApp(r)};return(r,n)=>(e.openBlock(),e.createBlock(f,{stick:"right"},{button:e.withCtx(({onToggle:t,isExpanded:l})=>[e.createElementVNode("button",{onClick:t,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[l?"bg-secondary-25":""]])},[e.createVNode(e.unref(L),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${r.iconSize}px; height: ${r.iconSize}px`)},null,8,["style"])],10,D)]),menu:e.withCtx(()=>{var t,l,o;return[e.createElementVNode("div",O,[e.createElementVNode("div",P,[e.createVNode(p.OneAvatar,{text:((t=r.workspace)==null?void 0:t.name)||"",src:(l=r.workspace)==null?void 0:l.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",j,e.toDisplayString((o=r.workspace)==null?void 0:o.name),1),e.createElementVNode("div",F,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:a},e.toDisplayString(r.changeLabel),1)])]),e.createElementVNode("div",M,[e.createElementVNode("div",T,e.toDisplayString(r.appsTitle),1),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.apps,i=>(e.openBlock(),e.createElementBlock("button",{key:i.id,onClick:u=>c(i),class:"p-1.5 flex flex-col items-center justify-center rounded hover:bg-secondary-10",style:{width:"88px",height:"88px"}},[e.createElementVNode("span",H,[e.createVNode(p.OneAvatar,{text:i.name,src:i.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("span",I,e.toDisplayString(i.name),1)],8,R))),128))])])]}),_:1}))}});exports._sfc_main=f;exports._sfc_main$1=m;exports._sfc_main$2=A;exports._sfc_main$3=W;

package/dist/OneBrowserMenu.vue_vue_type_script_setup_true_lang-eac975c7.js

@@ -1,438 +0,0 @@
-import { defineComponent as k, ref as C, provide as D, computed as x, openBlock as l, createElementBlock as u, renderSlot as $, normalizeProps as S, guardReactiveProps as L, createCommentVNode as y, createVNode as f, Transition as F, withCtx as m, normalizeClass as b, toDisplayString as p, inject as M, withModifiers as A, createBlock as v, resolveDynamicComponent as T, createElementVNode as e, Fragment as O, renderList as j, mergeProps as V, unref as P, normalizeStyle as E } from "vue";
-import { OneAvatar as w } from "./common/index.js";
-const q = {
-  title: {
-    type: String
-  },
-  stick: {
-    type: String,
-    default: "right"
-  }
-}, H = {
-  variant: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  icon: {
-    type: [Function, Object]
-  }
-}, I = ["data-opened"], N = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, B = /* @__PURE__ */ k({
-  __name: "OneDropdown",
-  props: q,
-  emits: ["open", "close"],
-  setup(h, { emit: s }) {
-    const d = h, c = C(!1), r = C(null), n = () => {
-      c.value = !c.value, c.value ? s("open") : s("close");
-    };
-    D("OneDropdown", {
-      onToggle: n
-    });
-    const t = x(() => {
-      const o = r.value != null && r.value.offsetLeft < 270;
-      return r.value != null && r.value.offsetTop + 270 > window.innerHeight ? "up" + (o ? "-right" : "-left") : "down" + (o ? "-right" : "-left");
-    }), i = x(() => {
-      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 t.value.startsWith("up") ? o.push("bottom-1 mb-10") : t.value.startsWith("down") && o.push("top-1 mt-10"), d.stick === "right" ? o.push("right-0") : d.stick === "left" && o.push("left-0"), o;
-    });
-    return (o, a) => (l(), u("div", {
-      class: "relative inline-block",
-      ref_key: "menuRef",
-      ref: r,
-      "data-opened": c.value
-    }, [
-      $(o.$slots, "button", S(L({ onToggle: n, isExpanded: c.value }))),
-      c.value ? (l(), u("div", {
-        key: 0,
-        class: "fixed top-0 left-0 w-screen h-screen z-10",
-        onClick: n
-      })) : y("", !0),
-      f(F, {
-        "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: m(() => [
-          c.value ? (l(), u("div", {
-            key: 0,
-            class: b(["menu", i.value]),
-            role: "menu",
-            "aria-orientation": "vertical",
-            tabindex: "-1"
-          }, [
-            o.title ? (l(), u("div", N, p(o.title), 1)) : y("", !0),
-            $(o.$slots, "menu", S(L({ onToggle: n })))
-          ], 2)) : y("", !0)
-        ]),
-        _: 3
-      })
-    ], 8, I));
-  }
-}), R = ["onClick"], z = /* @__PURE__ */ k({
-  __name: "OneDropdownItem",
-  props: H,
-  emits: ["click"],
-  setup(h, { emit: s }) {
-    const d = h, c = M("OneDropdown"), r = () => {
-      c !== void 0 && c.onToggle(), s("click");
-    }, n = x(() => {
-      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, i) => (l(), u("button", {
-      class: b(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", n.value]),
-      onClick: A(r, ["prevent"])
-    }, [
-      t.icon ? (l(), v(T(t.icon), {
-        key: 0,
-        class: "w-4 h-4"
-      })) : y("", !0),
-      e("span", null, p(t.label), 1)
-    ], 10, R));
-  }
-});
-function W(h, s) {
-  return l(), u("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"
-    })
-  ]);
-}
-const U = {
-  user: {
-    type: Object,
-    required: !0
-  },
-  menu: {
-    type: Array,
-    default: () => []
-  },
-  iconSize: {
-    type: String,
-    default: "34"
-  },
-  accountLabel: {
-    type: String,
-    default: "Account"
-  },
-  logoutLabel: {
-    type: String,
-    default: "Logout"
-  },
-  versionLabel: {
-    type: String,
-    default: ""
-  },
-  onAccount: {
-    type: Function
-  },
-  onLogout: {
-    type: Function
-  }
-}, G = {
-  workspace: {
-    type: Object,
-    required: !0
-  },
-  apps: {
-    type: Array,
-    required: !0
-  },
-  iconSize: {
-    type: String,
-    default: "24"
-  },
-  appsTitle: {
-    type: String,
-    default: "Apps"
-  },
-  changeLabel: {
-    type: String,
-    default: "Change"
-  },
-  onChange: {
-    type: Function
-  },
-  onApp: {
-    type: Function
-  }
-}, J = ["onClick"], K = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, Q = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, X = { class: "self-center text-base font-medium tracking-wide text-black" }, Y = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, Z = ["onClick"], ee = {
-  class: "text-left w-full mt-3 px-2.5",
-  style: { width: "240px" }
-}, te = {
-  key: 1,
-  class: "flex-shrink-0 mx-auto mt-3 leading-3 text-gray-400",
-  style: { "font-size": "10px" }
-}, ye = /* @__PURE__ */ k({
-  __name: "OneUserMenu",
-  props: U,
-  setup(h) {
-    const s = h, d = x(() => {
-      var n;
-      return (n = s.menu) == null ? void 0 : n.map((t) => {
-        let i = { label: t.label };
-        t.icon != null && (i = { ...i, icon: t.icon });
-        const o = typeof t.click == "function" ? t.click : () => {
-        };
-        return {
-          key: t.label,
-          args: i,
-          click: o
-        };
-      });
-    }), c = () => {
-      typeof s.onAccount == "function" && s.onAccount();
-    }, r = () => {
-      typeof s.onLogout == "function" && s.onLogout();
-    };
-    return (n, t) => (l(), v(B, { stick: "right" }, {
-      button: m(({ onToggle: i, isExpanded: o }) => {
-        var a, g;
-        return [
-          e("button", {
-            onClick: i,
-            class: b(["p-1 rounded-full hover:bg-secondary-10", [o ? "bg-secondary-25" : ""]])
-          }, [
-            f(w, {
-              text: ((a = n.user) == null ? void 0 : a.name) || "",
-              size: n.iconSize,
-              src: (g = n.user) == null ? void 0 : g.photo_url,
-              rounded: !0
-            }, null, 8, ["text", "size", "src"])
-          ], 10, J)
-        ];
-      }),
-      menu: m(() => {
-        var i, o, a, g;
-        return [
-          e("div", K, [
-            f(w, {
-              text: ((i = n.user) == null ? void 0 : i.name) || "",
-              size: 80,
-              src: (o = n.user) == null ? void 0 : o.photo_url,
-              rounded: !0,
-              class: "mx-auto"
-            }, null, 8, ["text", "src"]),
-            e("div", Q, [
-              e("div", X, p((a = n.user) == null ? void 0 : a.name), 1),
-              e("div", Y, p((g = n.user) == null ? void 0 : g.email), 1)
-            ]),
-            typeof s.onAccount == "function" ? (l(), u("a", {
-              key: 0,
-              onClick: A(c, ["prevent"]),
-              href: "#",
-              class: "mt-3 justify-center px-5 py-1.5 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-white border-slate-200 rounded-[50px] hover:bg-neutral-50"
-            }, p(n.accountLabel), 9, Z)) : y("", !0),
-            e("div", ee, [
-              (l(!0), u(O, null, j(d.value, (_) => (l(), v(z, V({
-                key: _.key
-              }, _.args, {
-                onClick: _.click,
-                class: "rounded-md !text-secondary-base"
-              }), null, 16, ["onClick"]))), 128)),
-              f(z, {
-                icon: P(W),
-                label: n.logoutLabel,
-                class: "rounded-md !text-secondary-base",
-                onClick: r
-              }, null, 8, ["icon", "label"])
-            ]),
-            n.versionLabel !== "" ? (l(), u("div", te, p(n.versionLabel), 1)) : y("", !0)
-          ])
-        ];
-      }),
-      _: 1
-    }));
-  }
-});
-function oe(h, s) {
-  return l(), u("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "17.16",
-      y: "3.9",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "10.53",
-      y: "3.9",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "3.9",
-      y: "3.9",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "17.16",
-      y: "10.53",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "10.53",
-      y: "10.53",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "3.9",
-      y: "10.53",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "17.16",
-      y: "17.16",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "10.53",
-      y: "17.16",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    }),
-    e("rect", {
-      width: "2.94",
-      height: "2.94",
-      x: "3.9",
-      y: "17.16",
-      fill: "currentColor",
-      "stroke-width": "1.8",
-      rx: "1.1"
-    })
-  ]);
-}
-const ne = ["onClick"], re = {
-  class: "space-x-2 flex items-center px-3 py-2",
-  style: { width: "300px" }
-}, se = { class: "flex-shrink-0" }, ie = { class: "w-full text-left" }, le = { class: "flex-shrink-0" }, ce = { class: "px-3 py-2 border-t border-secondary-stroke" }, ae = { class: "text-secondary-content text-left pb-1 text-sm" }, ue = { class: "grid grid-cols-3 gap-1" }, de = ["onClick"], pe = { class: "block bg-white mx-auto flex-shrink-0 border border-secondary-stroke p-1 rounded-lg" }, he = { class: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm mt-1" }, me = /* @__PURE__ */ k({
-  __name: "OneBrowserMenu",
-  props: G,
-  setup(h) {
-    const s = h, d = () => {
-      typeof s.onChange == "function" && s.onChange();
-    }, c = (r) => {
-      typeof s.onApp == "function" && s.onApp(r);
-    };
-    return (r, n) => (l(), v(B, { stick: "right" }, {
-      button: m(({ onToggle: t, isExpanded: i }) => [
-        e("button", {
-          onClick: t,
-          class: b(["p-1 rounded-md hover:bg-secondary-10", [i ? "bg-secondary-25" : ""]])
-        }, [
-          f(P(oe), {
-            class: "text-secondary-base",
-            style: E(`width: ${r.iconSize}px; height: ${r.iconSize}px`)
-          }, null, 8, ["style"])
-        ], 10, ne)
-      ]),
-      menu: m(() => {
-        var t, i, o;
-        return [
-          e("div", re, [
-            e("div", se, [
-              f(w, {
-                text: ((t = r.workspace) == null ? void 0 : t.name) || "",
-                src: (i = r.workspace) == null ? void 0 : i.photo_url,
-                size: 44,
-                rounded: !1,
-                class: "mx-auto"
-              }, null, 8, ["text", "src"])
-            ]),
-            e("div", ie, p((o = r.workspace) == null ? void 0 : o.name), 1),
-            e("div", le, [
-              e("button", {
-                class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
-                onClick: d
-              }, p(r.changeLabel), 1)
-            ])
-          ]),
-          e("div", ce, [
-            e("div", ae, p(r.appsTitle), 1),
-            e("div", ue, [
-              (l(!0), u(O, null, j(r.apps, (a) => (l(), u("button", {
-                key: a.id,
-                onClick: (g) => c(a),
-                class: "p-1.5 flex flex-col items-center justify-center rounded hover:bg-secondary-10",
-                style: { width: "88px", height: "88px" }
-              }, [
-                e("span", pe, [
-                  f(w, {
-                    text: a.name,
-                    src: a.photo_url,
-                    size: 44,
-                    rounded: !1
-                  }, null, 8, ["text", "src"])
-                ]),
-                e("span", he, p(a.name), 1)
-              ], 8, de))), 128))
-            ])
-          ])
-        ];
-      }),
-      _: 1
-    }));
-  }
-});
-export {
-  B as _,
-  z as a,
-  ye as b,
-  me as c
-};

package/dist/index-3615f53c.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),b=require("./_plugin-vue_export-helper-f246444f.cjs");const g={},h={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}},f=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),v=[f];function y(o,n){return e.openBlock(),e.createElementBlock("svg",h,v)}const i=b._export_sfc(g,[["render",y]]),k={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},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]}},w=["relative inline-flex","border","items-center justify-center","font-medium whitespace-nowrap","disabled:opacity-50 disabled:cursor-default","focus:outline-none focus:ring-2 focus:ring-offset-2","transition-colors duration-200"],C={sm:["px-2 py-1 text-sm"],md:["px-3 py-2"],lg:["px-4 py-3"]},_={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"]},x=(o="primary",n="md")=>{const s=[];return s.push(...w),s.push(..._[o]??[]),o!=="touch"&&s.push(...C[n]??[]),s},B=["disabled","title","type","onClick"],z=e.defineComponent({__name:"OneButton",props:k,emits:["click"],setup(o,{emit:n}){const s=o,c=()=>{n("click")},r=e.computed(()=>s.icon),a=e.computed(()=>s.iconAfter),u=e.computed(()=>{const t=x(s.variant,s.size);return s.variant==="touch"&&s.active&&t.push("bg-primary-body-active"),t}),d=e.computed(()=>s.disabled||s.isLoading),p=e.computed(()=>s.label&&s.label.length>0&&s.variant!=="touch"),m=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"),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,L)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(u.value),disabled:d.value,title:t.label,type:t.isSubmit?"submit":"button",onClick:e.withModifiers(c,["stop"])},[r.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(i,{key:0,class:e.normalizeClass(l.value)},null,8,["class"])):r.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:1,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(m.value)},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),a.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(i,{key:3,class:e.normalizeClass(l.value)},null,8,["class"])):a.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:4,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,B))}});exports.SpinnerIcon=i;exports._sfc_main=z;