1import{A as e,D as t,H as n,Ln as r,Mn as i,O as a,it as o,k as s,kn as c,lt as l,un as u}from"./vue.runtime.esm-bundler-DK-ieOMu.mjs";import{t as d}from"./IconElement-DRwLcDEX.mjs";import{t as f}from"./_plugin-vue_export-helper-BDNMzG2s.mjs";n(),u();var p={name:`WebButtonElement`,props:{color:{type:String,default:``},icon:{type:String},iconPosition:{type:String,default:`left`},label:{type:String,default:``},mode:{type:String,default:`solid`},type:{type:String,default:`button`},link:{type:String},target:{type:String,default:`_self`},size:{type:String,default:`medium`},overrideStyles:{type:Object,default:()=>{}},altColor:{type:String,default:`white`},disabled:{type:Boolean,default:!1}},emits:[`onClick`],computed:{buttonClasses(){return[`ebm-button`,`ebm-button--${this.mode}`,`ebm-button--${this.size}`]},cssVars(){return{"--button-text-color":this.altColor?this.altColor.charAt(0)===`#`||this.altColor.charAt(0)===`v`?this.altColor:`var(--color-${this.altColor})`:`var(--color-white)`,"--button-accent-color":this.color?this.color.charAt(0)===`#`||this.color.charAt(0)===`v`?this.color:`var(--color-${this.color})`:this.$ss.colors.primary.main,"--hollow-hover-background":this.$ss.colors.primary.container}}},methods:{onClick(){this.$emit(`onClick`)}}},m=[`type`,`disabled`],h={class:`ebm-button-label`},g=[`href`,`target`],_={class:`ebm-button-label`};function v(n,u,f,p,v,y){let b=d;return o(),e(`div`,{class:c([`ebm-button-wrapper`,f.icon?`icon`:``,f.disabled?`disabled`:``,f.mode]),style:i(y.cssVars)},[f.type===`button`||f.type===`submit`?(o(),e(`button`,{key:0,type:f.type,class:c(y.buttonClasses),disabled:f.disabled,style:i({borderRadius:n.$ss.general.roundedCorners?`0 10px`:`0`}),onClick:u[0]||=(...e)=>y.onClick&&y.onClick(...e)},[t(`div`,{class:c([`content`,f.iconPosition===`right`?`icon-right`:`icon-left`])},[f.label?l(n.$slots,`default`,{},()=>[f.icon?(o(),a(b,{key:0,icon:f.icon},null,8,[`icon`])):s(``,!0),t(`span`,h,r(f.label),1)],!0,0):s(``,!0),f.label?s(``,!0):l(n.$slots,`default`,{},void 0,!0,1)],2)],14,m)):(o(),e(`a`,{key:1,href:f.link,class:c(y.buttonClasses),target:f.target,style:i({borderRadius:n.$ss.general.roundedCorners?`0 10px`:`0`,...f.overrideStyles})},[t(`div`,{class:c([`content`,f.iconPosition===`right`?`icon-right`:`icon-left`])},[f.label?l(n.$slots,`default`,{},()=>[f.icon?(o(),a(b,{key:0,icon:f.icon},null,8,[`icon`])):s(``,!0),t(`span`,_,r(f.label),1)],!0,0):s(``,!0),f.label?s(``,!0):l(n.$slots,`default`,{},void 0,!0,1)],2)],14,g))],6)}var y=Object.assign(f(p,[[`render`,v],[`__scopeId`,`data-v-ab2fac35`]]),{__name:`WebButtonElement`});export{y as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.