@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 3.42 kB
JavaScript
import{r as t,c as i,h as o,H as n}from"./p-WTwLUJcM.js";import{c as a}from"./p-COrzvkrr.js";const s=class{constructor(o){t(this,o),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=a.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 o(n,{key:"e3e5a501fff3c8b55dbb4e62d5df567b5ac36728"},o("div",{key:"722b4d86f44eb0f50450ce2cf01a33ea208e43e8",class:"action-button-split"},o("kv-action-button-text",{key:"2abaaddc33827eaa1354f6160efdafeef425c202",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"}),o("kv-action-button",{key:"7ebcca6b6384259abdd485b17e8246cab5214987",type:this.type,disabled:this.disabled,size:this.size,loading:this.loading,onClickButton:this.onClickRightButton,onFocusButton:this.onFocusRightButton,onBlurButton:this.onBlurRightButton,exportparts:"button"},o("kv-icon",{key:"239efa1775440dded42426632c0cd519757c8e1a",name:this.splitIcon,exportparts:"icon"}))))}};s.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}:host{--button-split-height-large:var(--button-height-regular);--button-split-height-small:var(--button-height-compact);--button-split-padding-x-large:var(--icon-button-padding-x-regular);--button-split-padding-y-large:var(--icon-button-padding-y-regular);--button-split-padding-x-small:var(--icon-button-padding-x-compact);--button-split-padding-y-small:var(--icon-button-padding-y-compact);--button-split-icon-width:var(--icon-button-primary-icon-size-regular);--button-split-icon-height:var(--icon-button-primary-icon-size-regular)}.action-button-split{display:flex;align-items:center}.action-button-split:hover kv-action-button-text::part(button){border-right-color:transparent}.action-button-split:hover kv-action-button::part(button){border-left-color:transparent}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-y-large:var(--button-split-padding-y-large);--button-padding-x-small:var(--button-split-padding-x-small);--button-padding-y-small:var(--button-split-padding-y-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{s as kv_action_button_split}