@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 2.8 kB
JavaScript
import{r as t,c as i,h as s,H as o}from"./p-D-JVwta2.js";import{a as n}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";const a=class{constructor(s){t(this,s),this.clickLeftButton=i(this,"clickLeftButton",7),this.clickRightButton=i(this,"clickRightButton",7),this.focusLeftButton=i(this,"focusLeftButton",7),this.focusRightButton=i(this,"focusRightButton",7),this.blurLeftButton=i(this,"blurLeftButton",7),this.blurRightButton=i(this,"blurRightButton",7),this.disabled=!1,this.active=!1,this.loading=!1,this.size=n.Large,this.onClickLeftButton=t=>{this.clickLeftButton.emit(t.detail)},this.onClickRightButton=t=>{this.clickRightButton.emit(t.detail)},this.onFocusLeftButton=t=>{this.focusLeftButton.emit(t.detail)},this.onFocusRightButton=t=>{this.focusRightButton.emit(t.detail)},this.onBlurLeftButton=t=>{this.blurLeftButton.emit(t.detail)},this.onBlurRightButton=t=>{this.blurRightButton.emit(t.detail)}}render(){return s(o,{key:"6b76c82ff7fce00226146d654edb3825545b0b2c"},s("div",{key:"83f19a6741d38f4b30bac48b94dd287ab4dbed63",class:"action-button-split"},s("kv-action-button-text",{key:"d83a2f2d3118467f5996ddab8bc68a53dcad04ba",type:this.type,text:this.text,icon:this.icon,disabled:this.disabled,size:this.size,loading:this.loading,onClickButton:this.onClickLeftButton,onFocusButton:this.onFocusLeftButton,onBlurButton:this.onBlurLeftButton,exportparts:"button"}),s("kv-action-button",{key:"f30104f281919cfb44a8a4fac2eb490691adff7f",type:this.type,disabled:this.disabled,size:this.size,loading:this.loading,onClickButton:this.onClickRightButton,onFocusButton:this.onFocusRightButton,onBlurButton:this.onBlurRightButton,exportparts:"button"},s("kv-icon",{key:"e3909052a9d97c6c7f550ecd8d0d2ae954b9c11d",name:this.splitIcon,exportparts:"icon"}))))}};a.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--button-split-height-large:36px;--button-split-height-small:28px;--button-split-padding-x-large:var(--kv-spacing-2x, 8px);--button-split-padding-x-small:var(--kv-spacing, 4px);--button-split-icon-width:24px;--button-split-icon-height:24px}.action-button-split{display:flex;align-items:center}kv-action-button-text::part(button){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0.5px}kv-action-button::part(button){--button-height-large:var(--button-split-height-large);--button-height-small:var(--button-split-height-small);--button-padding-x-large:var(--button-split-padding-x-large);--button-padding-x-small:var(--button-split-padding-x-small);display:flex;margin-left:-1px;border-left-width:0.5px;border-top-left-radius:0;border-bottom-left-radius:0}kv-icon{--icon-width:var(--button-split-icon-width);--icon-height:var(--button-split-icon-width)}';export{a as kv_action_button_split}