Editing File: /usr/local/cpanel/whostmgr/docroot/templates/monitoring/spa/_nuxt/DfKpJTVM.js

import{_}from"./BQV2YfOE.js";import{v as u,e as p,_ as S,Q as C,H as c,o as d,j as y,w as b,r as g,n as m,z as x,a1 as k}from"./Bb0d5mhF.js";const D=(t,a="baseButton")=>{const e={base:"transition-all duration-300 border-0 focus:outline-none",layout:"inline-flex items-center justify-center rounded gap-2"},n={base:"py-2 px-3",small:"py-1 px-2 text-sm",xsmall:"p-1 text-xs"},l="text-white bg-gray-300 italic cursor-not-allowed",i=u(()=>{const o=t.baseLayout.length?t.baseLayout:e.base,r=t.baseStyle.length?t.baseStyle:e.layout,f=t.customSize.length?t.customSize:n[t.size];return`${o} ${r} ${f}`});return{coloring:u(()=>t.disabled?t.disabledColoring||l:t.customColor?t.customColor:`${a}--${t.palette}`),styling:i}},h=p({__name:"ButtonElement",props:{tag:{type:String,default:"a"},inputType:{type:String,default:""},to:{type:String,default:""},target:{type:String,default:""},isDisabled:{type:Boolean,default:null},palette:{type:String,default:"base"},baseLayout:{type:String,default:""},baseStyle:{type:String,default:""},customColor:{type:String,default:""},disabledColoring:{type:String,default:""},size:{type:String,default:"base"},customSize:{type:String,default:""},tooltip:{type:String,default:""}},emits:["click"],setup(t,{expose:a,emit:e}){a();const n=e,l=t,{coloring:i,styling:s}=D(l,"buttonElement"),r={emit:n,props:l,coloring:i,styling:s,buttonClick:()=>{l.isDisabled||n("click")}};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}});function w(t,a,e,n,l,i){const s=_,o=C("tippy");return n.props.to?.length>0?c((d(),y(s,{key:0,target:n.props.target??null,to:n.props.to,disabled:e.isDisabled?e.isDisabled:null,class:m(["buttonElement",[t.$attrs.class,n.coloring,n.styling,e.isDisabled?"buttonElement--disabled cursor-not-allowed opacity-50":"cursor-pointer"]])},{default:b(()=>[g(t.$slots,"default")]),_:3},8,["target","to","disabled","class"])),[[o,{content:e.tooltip,allowHTML:!0,placement:"auto"}]]):c((d(),y(k(e.tag),{key:1,disabled:e.isDisabled?e.isDisabled:null,class:m(["buttonElement",[t.$attrs.class,n.coloring,n.styling,e.isDisabled?"buttonElement--disabled cursor-not-allowed opacity-50":"cursor-pointer"]]),type:e.inputType.length?e.inputType:null,onClick:x(n.buttonClick,["stop"])},{default:b(()=>[g(t.$slots,"default")]),_:3},8,["disabled","type","class"])),[[o,{content:e.tooltip,allowHTML:!0,placement:"auto"}]])}const B=Object.assign(S(h,[["render",w],["__file","ButtonElement.vue"]]),{__name:"ButtonElement"});export{B as _};

Back to Directory