@oneb/ui-vue 0.1.32 → 0.1.34

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index-9f8735d9.cjs"),f=require("./card/index.cjs"),p=require("./form/index.cjs"),m=require("./OneHelpMenu-05871821.cjs"),g=require("./dropdown/index.cjs"),h=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const w={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},C={class:"px-1 font-semibold",style:{color:"white"}},O=e.defineComponent({__name:"OneIndicators",props:{...w},setup(c){const t=c,l=e.computed(()=>{switch(t.color){case"green":return"#22c55e";case"blue":return"#3b82f6";case"red":return"#ef4444";case"yellow":return"#eab308";default:return"#E3ECF2"}}),u=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[12px]",a="textSm"):t.size==="md"?(o="min-w-[16px]",a="textMd"):t.size==="lg"&&(o="min-w-[20px]",a="textLg"):t.size==="sm"?s="w-3 min-w-[12px]":t.size==="lg"?s="w-5 min-w-[20px]":t.size==="md"&&(s="w-4 min-w-[16px]"),`${s} ${a} ${o} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),r=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[44px]",a="textMd"):t.size==="md"?(o="min-w-[58px]",a="text10"):t.size==="lg"&&(o="min-w-[68px]",a="text-sm"):t.size==="sm"?s="min-w-[44px]":t.size==="lg"?s="min-w-[68px]":t.size==="md"&&(s="min-w-[58px]"),`${s} ${a} ${o} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),d=e.computed(()=>{const s=t.bargeVariant==="stand"?"1A":"",o=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${s}`,border:o,borderColor:l.value}});return(s,o)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[u.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",C,e.toDisplayString(s.text),1)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[r.value,{"rounded-full":s.bargeVariant==="round",rounded:s.bargeVariant!=="round"}]]),style:e.normalizeStyle([d.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:s.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(s.text),5)],6)):e.createCommentVNode("",!0)}});const b=y._export_sfc(O,[["__scopeId","data-v-3d58c944"]]),z=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(c){const t=c,l=e.ref(!1),u=e.computed(()=>{const s="inline-flex items-center cursor-pointer transition-opacity rounded-full",o=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",a=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${s} ${o} ${a} ${l.value?"opacity-80":"hover:opacity-90"}`}),r=()=>{l.value=!0},d=()=>{l.value=!1};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMousedown:r,onMouseup:d,onMouseleave:d},[e.createElementVNode("span",null,e.toDisplayString(c.text),1)],34))}});const k=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(c){const t=c,{blockClass:l,titleClass:u,defaultOpen:r}=e.toRefs(t),d=e.ref(null),s=e.ref((r==null?void 0:r.value)??!1),o=()=>{s.value=!s.value},a=i=>{const n=i;n.style.height="0"},v=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,n.style.transition="height 0.3s ease"},x=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,e.nextTick(()=>{n.style.height="0",n.style.transition="height 0.3s ease"})};return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{onClick:o,class:e.normalizeClass(e.unref(u))},[e.renderSlot(i.$slots,"title",{isOpen:s.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:a,onEnter:v,onLeave:x},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"default",{},void 0,!0)],512),[[e.vShow,s.value]])]),_:3})],2))}});const S=y._export_sfc(k,[["__scopeId","data-v-1c2c0817"]]);const B={},$={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 E(c,t){return e.openBlock(),e.createElementBlock("svg",$,t[0]||(t[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 V=y._export_sfc(B,[["render",E]]),F={color:{type:String,default:"green"},size:{type:String,default:"md"},modelValue:{type:Boolean,default:!0},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},iconOn:{type:[Function,Object]},iconOff:{type:[Function,Object]},iconClass:{type:[String,Array]}},I=["disabled","checked"],D=e.defineComponent({__name:"OneSwitch",props:F,emits:["update:modelValue"],setup(c,{emit:t}){const l=c,u=t,r=e.ref(l.modelValue),d=e.computed(()=>l.disabled),s=()=>{r.value=!r.value,u("update:modelValue",r.value)};e.watch(()=>l.modelValue,n=>{r.value=n});const o=e.computed(()=>l.size==="sm"?"w-max min-w-[40px] h-[20px]":l.size==="lg"?"w-max min-w-[60px] h-[31px]":l.size==="md"?"w-max min-w-[50px] h-[26px]":"w-max"),a=e.computed(()=>{if(r.value)switch(l.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#ccc"}),v=e.computed(()=>l.iconOn),x=e.computed(()=>l.iconOff),i=e.computed(()=>{const n=[];return typeof l.iconClass=="string"?n.push(l.iconClass):l.iconClass instanceof Array&&n.push(...l.iconClass),n});return(n,N)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("input",{type:"checkbox",disabled:n.disabled,checked:r.value,class:"hidden w-96",onClick:s},null,8,I),e.createElementVNode("div",{onClick:s,class:e.normalizeClass(["relative rounded-full cursor-pointer flex items-center",[o.value,n.isLoading?"loading":"",d.value?"disabled opacity-50 pointer-events-none":""]]),style:e.normalizeStyle({backgroundColor:d.value?"#ccc":a.value})},[e.createElementVNode("div",{class:e.normalizeClass(["bg-white absolute rounded-full",[n.size==="sm"?"w-[16px] h-[16px]":"",n.size==="md"?"w-[22px] h-[22px]":"",n.size==="lg"?"w-[27px] h-[27px]":"",r.value?"right-[2px] top-[2px]":"left-[2px] top-[2px]"]])},[e.createElementVNode("div",{class:e.normalizeClass(["circle",o.value])},[n.isLoading?(e.openBlock(),e.createBlock(V,{key:0,class:"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):r.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),style:e.normalizeStyle({color:r.value?a.value:""})},null,8,["class","style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:2,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])},null,8,["class"]))],2)],2),r.value&&n.textOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["switch-text",[n.size==="sm"?"text-xs pr-6 pl-2":"",n.size==="md"?"text-sm pr-7 pl-2":"",n.size==="lg"?"text-base pr-8 pl-2":""]])},e.toDisplayString(n.textOn),3)):!r.value&&n.textOff?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["switch-text w-max",[n.size==="sm"?"text-xs pl-6 pr-2":"",n.size==="md"?"text-sm pl-7 pr-2":"",n.size==="lg"?"text-base pl-8 pr-2":""]])},e.toDisplayString(n.textOff),3)):e.createCommentVNode("",!0)],6)],64))}});const M=y._export_sfc(D,[["__scopeId","data-v-fcb0652e"]]);exports.OneButton=_._sfc_main;exports.OneCard=f.OneCard;exports.OneCardBody=f.OneCardBody;exports.OneCardFooter=f.OneCardFooter;exports.OneCardHeader=f.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=m.OneBrowserMenu;exports.OneDropdown=m._sfc_main$1;exports.OneDropdownItem=m._sfc_main$2;exports.OneHelpMenu=m.OneHelpMenu;exports.OneUserMenu=m._sfc_main;exports.OneBrowserMenuGrid=g.OneBrowserMenuGrid;exports.OneDropdownDivider=g.OneDropdownDivider;exports.OneAvatar=h.OneAvatar;exports.OneCollapse=S;exports.OneIndicators=b;exports.OneLabel=z;exports.OneSwitch=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index-9f8735d9.cjs"),f=require("./card/index.cjs"),p=require("./form/index.cjs"),m=require("./OneHelpMenu-05871821.cjs"),g=require("./dropdown/index.cjs"),h=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const w={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},C={class:"px-1 font-semibold",style:{color:"white"}},O=e.defineComponent({__name:"OneIndicators",props:{...w},setup(c){const t=c,l=e.computed(()=>{switch(t.color){case"green":return"#22c55e";case"blue":return"#3b82f6";case"red":return"#ef4444";case"yellow":return"#eab308";default:return"#E3ECF2"}}),u=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[12px]",a="textSm"):t.size==="md"?(o="min-w-[16px]",a="textMd"):t.size==="lg"&&(o="min-w-[20px]",a="textLg"):t.size==="sm"?s="w-3 min-w-[12px]":t.size==="lg"?s="w-5 min-w-[20px]":t.size==="md"&&(s="w-4 min-w-[16px]"),`${s} ${a} ${o} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),r=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[44px]",a="textMd"):t.size==="md"?(o="min-w-[58px]",a="text10"):t.size==="lg"&&(o="min-w-[68px]",a="text-sm"):t.size==="sm"?s="min-w-[44px]":t.size==="lg"?s="min-w-[68px]":t.size==="md"&&(s="min-w-[58px]"),`${s} ${a} ${o} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),d=e.computed(()=>{const s=t.bargeVariant==="stand"?"1A":"",o=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${s}`,border:o,borderColor:l.value}});return(s,o)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[u.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",C,e.toDisplayString(s.text),1)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[r.value,{"rounded-full":s.bargeVariant==="round",rounded:s.bargeVariant!=="round"}]]),style:e.normalizeStyle([d.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:s.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(s.text),5)],6)):e.createCommentVNode("",!0)}});const b=y._export_sfc(O,[["__scopeId","data-v-3d58c944"]]),z=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(c){const t=c,l=e.ref(!1),u=e.computed(()=>{const s="inline-flex items-center cursor-pointer transition-opacity rounded-full",o=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",a=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${s} ${o} ${a} ${l.value?"opacity-80":"hover:opacity-90"}`}),r=()=>{l.value=!0},d=()=>{l.value=!1};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMousedown:r,onMouseup:d,onMouseleave:d},[e.createElementVNode("span",null,e.toDisplayString(c.text),1)],34))}});const k=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(c){const t=c,{blockClass:l,titleClass:u,defaultOpen:r}=e.toRefs(t),d=e.ref(null),s=e.ref((r==null?void 0:r.value)??!1),o=()=>{s.value=!s.value},a=i=>{const n=i;n.style.height="0"},v=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,n.style.transition="height 0.3s ease"},x=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,e.nextTick(()=>{n.style.height="0",n.style.transition="height 0.3s ease"})};return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{onClick:o,class:e.normalizeClass(e.unref(u))},[e.renderSlot(i.$slots,"title",{isOpen:s.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:a,onEnter:v,onLeave:x},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"default",{},void 0,!0)],512),[[e.vShow,s.value]])]),_:3})],2))}});const S=y._export_sfc(k,[["__scopeId","data-v-1c2c0817"]]);const B={},E={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 $(c,t){return e.openBlock(),e.createElementBlock("svg",E,t[0]||(t[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 V=y._export_sfc(B,[["render",$]]),F={color:{type:String,default:"green"},size:{type:String,default:"md"},modelValue:{type:Boolean,default:!1},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},iconOn:{type:[Function,Object]},iconOff:{type:[Function,Object]},iconClass:{type:[String,Array]}},I=["disabled","checked"],D=e.defineComponent({__name:"OneSwitch",props:F,emits:["update:modelValue"],setup(c,{emit:t}){const l=c,u=t,r=e.ref(l.modelValue),d=e.computed(()=>l.disabled),s=()=>{r.value=!r.value,u("update:modelValue",r.value)};e.watch(()=>l.modelValue,n=>{r.value=n});const o=e.computed(()=>l.size==="sm"?"w-max min-w-[40px] h-[20px]":l.size==="lg"?"w-max min-w-[60px] h-[31px]":l.size==="md"?"w-max min-w-[50px] h-[24px]":"w-max"),a=e.computed(()=>{if(r.value)switch(l.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#E2E7EF"}),v=e.computed(()=>l.iconOn),x=e.computed(()=>l.iconOff),i=e.computed(()=>{const n=[];return typeof l.iconClass=="string"?n.push(l.iconClass):l.iconClass instanceof Array&&n.push(...l.iconClass),n});return(n,N)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("input",{type:"checkbox",disabled:n.disabled,checked:r.value,class:"hidden w-96",onClick:s},null,8,I),e.createElementVNode("div",{onClick:s,class:e.normalizeClass(["relative rounded-full cursor-pointer flex items-center",[o.value,n.isLoading?"loading":"",d.value?"disabled opacity-50 pointer-events-none":""]]),style:e.normalizeStyle({backgroundColor:d.value?"#ccc":a.value})},[e.createElementVNode("div",{class:e.normalizeClass(["bg-white absolute rounded-full",[n.size==="sm"?"w-[16px] h-[16px]":"",n.size==="md"?"w-[20px] h-[20px]":"",n.size==="lg"?"w-[27px] h-[27px]":"",r.value?"right-[2px] top-[2px]":"left-[2px] top-[2px]"]])},[e.createElementVNode("div",{class:e.normalizeClass(["circle",o.value])},[n.isLoading?(e.openBlock(),e.createBlock(V,{key:0,class:"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):r.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),style:e.normalizeStyle({color:r.value?a.value:""})},null,8,["class","style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:2,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])},null,8,["class"]))],2)],2),r.value&&n.textOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["switch-text text-white",[n.size==="sm"?"text-xs pr-6 pl-2":"",n.size==="md"?"text-sm pr-7 pl-2":"",n.size==="lg"?"text-base pr-8 pl-2":""]])},e.toDisplayString(n.textOn),3)):!r.value&&n.textOff?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["switch-text w-max",[n.size==="sm"?"text-xs pl-6 pr-2":"",n.size==="md"?"text-sm pl-7 pr-2":"",n.size==="lg"?"text-base pl-8 pr-2":""]])},e.toDisplayString(n.textOff),3)):e.createCommentVNode("",!0)],6)],64))}});const M=y._export_sfc(D,[["__scopeId","data-v-fa039dbe"]]);exports.OneButton=_._sfc_main;exports.OneCard=f.OneCard;exports.OneCardBody=f.OneCardBody;exports.OneCardFooter=f.OneCardFooter;exports.OneCardHeader=f.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=m.OneBrowserMenu;exports.OneDropdown=m._sfc_main$1;exports.OneDropdownItem=m._sfc_main$2;exports.OneHelpMenu=m.OneHelpMenu;exports.OneUserMenu=m._sfc_main;exports.OneBrowserMenuGrid=g.OneBrowserMenuGrid;exports.OneDropdownDivider=g.OneDropdownDivider;exports.OneAvatar=h.OneAvatar;exports.OneCollapse=S;exports.OneIndicators=b;exports.OneLabel=z;exports.OneSwitch=M;

package/dist/index.js

@@ -4,7 +4,7 @@ import { OneForm as ue, OneFormFeedback as pe, OneFormField as fe, OneFormInput
 import { d as ye, e as he, f as ge, O as we, _ as _e } from "./OneHelpMenu-5f545b2a.js";
 import { OneBrowserMenuGrid as Oe, OneDropdownDivider as Ce } from "./dropdown/index.js";
 import { OneAvatar as ke } from "./common/index.js";
-import { defineComponent as g, computed as c, openBlock as d, createElementBlock as m, normalizeClass as i, normalizeStyle as v, createElementVNode as u, toDisplayString as y, createCommentVNode as $, ref as h, toRefs as S, unref as C, renderSlot as z, createVNode as I, Transition as V, withCtx as B, withDirectives as F, vShow as L, nextTick as E, watch as M, Fragment as D, createBlock as O, resolveDynamicComponent as k } from "vue";
+import { defineComponent as g, computed as c, openBlock as d, createElementBlock as m, normalizeClass as i, normalizeStyle as v, createElementVNode as u, toDisplayString as y, createCommentVNode as $, ref as h, toRefs as S, unref as C, renderSlot as z, createVNode as I, Transition as V, withCtx as B, withDirectives as E, vShow as F, nextTick as L, watch as M, Fragment as D, createBlock as O, resolveDynamicComponent as k } from "vue";
 import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
 import "./XMarkIcon-51ef0691.js";
 const A = {
@@ -143,7 +143,7 @@ const j = /* @__PURE__ */ g({
       t.style.height = `${r.scrollHeight}px`, t.style.transition = "height 0.3s ease";
     }, b = (r) => {
       const t = r;
-      t.style.height = `${r.scrollHeight}px`, E(() => {
+      t.style.height = `${r.scrollHeight}px`, L(() => {
         t.style.height = "0", t.style.transition = "height 0.3s ease";
       });
     };
@@ -163,13 +163,13 @@ const j = /* @__PURE__ */ g({
         onLeave: b
       }, {
         default: B(() => [
-          F(u("div", {
+          E(u("div", {
             ref_key: "content",
             ref: f
           }, [
             z(r.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [L, s.value]
+            [F, s.value]
           ])
         ]),
         _: 3
@@ -209,7 +209,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
   },
   modelValue: {
     type: Boolean,
-    default: !0
+    default: !1
   },
   isLoading: {
     required: !1,
@@ -249,7 +249,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
     M(() => n.modelValue, (t) => {
       o.value = t;
     });
-    const l = c(() => n.size === "sm" ? "w-max min-w-[40px] h-[20px]" : n.size === "lg" ? "w-max min-w-[60px] h-[31px]" : n.size === "md" ? "w-max min-w-[50px] h-[26px]" : "w-max"), a = c(() => {
+    const l = c(() => n.size === "sm" ? "w-max min-w-[40px] h-[20px]" : n.size === "lg" ? "w-max min-w-[60px] h-[31px]" : n.size === "md" ? "w-max min-w-[50px] h-[24px]" : "w-max"), a = c(() => {
       if (o.value)
         switch (n.color) {
           case "green":
@@ -264,7 +264,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
             return "#86c94c";
         }
       else
-        return "#ccc";
+        return "#E2E7EF";
     }), _ = c(() => n.iconOn), b = c(() => n.iconOff), r = c(() => {
       const t = [];
       return typeof n.iconClass == "string" ? t.push(n.iconClass) : n.iconClass instanceof Array && t.push(...n.iconClass), t;
@@ -289,7 +289,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
         u("div", {
           class: i(["bg-white absolute rounded-full", [
             t.size === "sm" ? "w-[16px] h-[16px]" : "",
-            t.size === "md" ? "w-[22px] h-[22px]" : "",
+            t.size === "md" ? "w-[20px] h-[20px]" : "",
             t.size === "lg" ? "w-[27px] h-[27px]" : "",
             o.value ? "right-[2px] top-[2px]" : "left-[2px] top-[2px]"
           ]])
@@ -312,7 +312,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
         ], 2),
         o.value && t.textOn ? (d(), m("div", {
           key: 0,
-          class: i(["switch-text", [
+          class: i(["switch-text text-white", [
             t.size === "sm" ? "text-xs pr-6 pl-2" : "",
             t.size === "md" ? "text-sm pr-7 pl-2" : "",
             t.size === "lg" ? "text-base pr-8 pl-2" : ""
@@ -329,7 +329,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
     ], 64));
   }
 });
-const te = /* @__PURE__ */ w(U, [["__scopeId", "data-v-fcb0652e"]]);
+const te = /* @__PURE__ */ w(U, [["__scopeId", "data-v-fa039dbe"]]);
 export {
   ke as OneAvatar,
   ye as OneBrowserMenu,

package/dist/style.css

@@ -1 +1 @@
-.sidebar[data-v-b1d7b3ae]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-b1d7b3ae]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-b1d7b3ae]{position:relative}.tooltip-text[data-v-b1d7b3ae]{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-b1d7b3ae]{visibility:visible;opacity:1}.cont[data-v-b1d7b3ae]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-b1d7b3ae]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-d9fab1d4]{height:100dvh}.module-border-wrap[data-v-d9fab1d4]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-d9fab1d4]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-d9fab1d4]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-d9fab1d4]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-d9fab1d4]::-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-fcb0652e]{position:relative;display:inline-block}.switch-checkbox[data-v-fcb0652e]{opacity:0;width:0;height:0}.switch.disabled[data-v-fcb0652e]{background-color:#ccc}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.tooltip[data-v-83ffa612]{position:relative}.tooltip-text[data-v-83ffa612]{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-83ffa612]{visibility:visible;opacity:1}.overflow-y-auto[data-v-83ffa612]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-83ffa612]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-83ffa612]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-83ffa612]::-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-b1d7b3ae]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-b1d7b3ae]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-b1d7b3ae]{position:relative}.tooltip-text[data-v-b1d7b3ae]{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-b1d7b3ae]{visibility:visible;opacity:1}.cont[data-v-b1d7b3ae]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-b1d7b3ae]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-b1d7b3ae]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-d9fab1d4]{height:100dvh}.module-border-wrap[data-v-d9fab1d4]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-d9fab1d4]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-d9fab1d4]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-d9fab1d4]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-d9fab1d4]::-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-fa039dbe]{position:relative;display:inline-block}.switch-checkbox[data-v-fa039dbe]{opacity:0;width:0;height:0}.switch.disabled[data-v-fa039dbe]{background-color:#ccc}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.tooltip[data-v-83ffa612]{position:relative}.tooltip-text[data-v-83ffa612]{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-83ffa612]{visibility:visible;opacity:1}.overflow-y-auto[data-v-83ffa612]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-83ffa612]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-83ffa612]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-83ffa612]::-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

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