https://samurai-sports.com/assets/TmlIconButton.eaee0d21.js

1import{_ as x,T as k,ai as _,aj as S,ak as C,al as v,am as B,O as j}from"./index.a4e8ca65.js";import{N as o,D as a,W as c,U as s,S as m,f as y,R as l,H as d,E as r,Q as i,G as u,a0 as T,a5 as w}from"./vue.00f7c436.js";import"./sentry.09480738.js";const z={name:"TmlIconButton",components:{TmlAnchor:k,TmlRatio:_,TmlImage:S},inject:["theme"],inheritAttrs:!1,compatConfig:{INSTANCE_LISTENERS:!1},props:{text:{type:String},icon:{type:Object,required:!1},href:{default:"#",type:String},target:{type:String,default:""},ratio:{type:Number,default:1},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},maxSize:{type:String,default:"auto"},backgroundColor:{type:String},backgroundOverlay:{type:Boolean,default:!1},textColor:String,iconColor:String,thumbnail:{type:[String,Object],default:null},fixedSize:{type:Boolean,default:!1},objectFit:{type:String,default:"cover"},thumbnailStyles:{type:Object,default:()=>({})},innerTextStyles:{type:Object,required:!1},textOverflow:{type:Boolean,default:!0},backgroundGradient:{type:String,required:!1},center:{type:Boolean,default:!0},lazyLoadThumbnail:{type:Boolean,default:!0},anchorStyles:{type:Object,default:()=>({justifyContent:"center"})},ariaLabel:String},computed:{flexBasisSize(){return this.fixedSize?null:{flexBasis:this.maxSize}},internalIconColor(){return this.iconColor||this.defaultIconColor},defaultIconColor(){return this.thumbnail||this.backgroundGradient||this.backgroundColor&&C(v(this.backgroundColor))<.65?"#fff":this.theme().get("text.color")}},methods:{pick:B,maxDevice:j,handleClick(t){this.$attrs.onClick&&!this.disabled&&this.$emit("click",t),this.$attrs.onDisabled&&this.disabled&&this.$emit("disabled",t)}}},I={key:1,class:"flex justify-center items-center w-full h-full !absolute inset-0"};function O(t,D,e,L,N,n){const f=o("font-awesome-icon"),b=o("tml-image"),h=o("tml-ratio"),g=o("tml-anchor");return a(),c(g,w({class:["flex",{"justify-center":e.center}],style:n.flexBasisSize},{target:e.target,href:e.href,disabled:e.disabled},{"aria-label":e.ariaLabel,onDisabled:t.$attrs.onDisabled,onClick:n.handleClick}),{default:s(()=>[m("div",{class:d(["tml-app-icon h-full w-full flex flex-col items-center cursor-pointer relative",{disabled:e.disabled}]),style:l({...e.anchorStyles,maxWidth:e.maxSize})},[y(h,{class:"w-full",ratio:e.ratio},{default:s(()=>[m("div",{class:"flex justify-center items-center rounded overflow-hidden relative h-full",style:l({borderRadius:e.circle?"50%":void 0,backgroundColor:e.backgroundColor,backgroundImage:`linear-gradient(${e.backgroundGradient})`,transition:"color 0.25s ease, fill 0.25s ease, background-color 0.25s ease;"})},[e.thumbnail?(a(),c(b,{key:0,class:d(["w-full h-full !absolute inset-0",{"relative bg-dark":!!(e.icon&&e.thumbnail)}]),style:l(e.thumbnailStyles),src:e.thumbnail,"object-fit":e.objectFit,alt:"App icon","lazy-load":e.lazyLoadThumbnail},{default:s(()=>[e.icon?(a(),r("div",{key:0,class:"flex justify-center items-center w-full h-full",style:l({backgroundColor:e.backgroundOverlay?`${e.backgroundColor}cc`:void 0})},[e.icon?(a(),c(f,{key:0,style:l({height:"35%",width:"35%",maxHeight:"3em",maxWidth:"3em",color:n.internalIconColor}),icon:e.icon},null,8,["style","icon"])):i("",!0)],4)):i("",!0)]),_:1},8,["style","class","src","object-fit","lazy-load"])):e.icon?(a(),r("div",I,[y(f,{style:l({height:"50%",width:"50%",maxHeight:"3em",maxWidth:"3em",color:n.internalIconColor}),icon:e.icon},null,8,["style","icon"])])):i("",!0),t.$slots.innerText?(a(),r("div",{key:2,style:l(e.innerTextStyles)},[u(t.$slots,"innerText",{},void 0,!0)],4)):i("",!0)],4)]),_:3},8,["ratio"]),u(t.$slots,"overlay",{},void 0,!0),u(t.$slots,"text",{},()=>[e.text?(a(),r("p",{key:0,class:d(["center bold mt-2",{"text-xs":n.maxDevice("md"),"hide-overflow":!e.textOverflow}]),style:l({color:e.textColor})},T(e.text),7)):i("",!0)],!0)],6)]),_:3},16,["class","style","aria-label","onDisabled","onClick"])}const G=x(z,[["render",O],["__scopeId","data-v-2b5441c7"]]);export{G as default};
2//# sourceMappingURL=TmlIconButton.eaee0d21.js.map