@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 2.59 kB
JavaScript
import{r as t,c as r,h as e,H as o}from"./p-D-JVwta2.js";import{a}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import"./p-DVds6a5Z.js";import"./p-CojoW2Y2.js";import"./p-SVedE_O8.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";const i=class{constructor(e){t(this,e),this.checkedChange=r(this,"checkedChange",7),this.options=[],this.disabled=!1,this.size=a.Small,this.selectedOption="",this.disabledButtons={}}render(){return e(o,{key:"94071d84c6043b263c17e3a912c8198ae27e809b"},e("div",{key:"3fbb05bd6df3229bb8b259865439f281d37da47e",class:"toggle-switch-container"},this.options.map((t=>{var r;return e("kv-toggle-button",{part:"toggle-switch-option-container",exportparts:"toggle-button",value:t.value,label:t.label,icon:t.icon,preventDefault:t.preventDefault,size:null!==(r=this.size)&&void 0!==r?r:t.size,disabled:this.disabled||this.disabledButtons[t.value]||t.disabled,checked:this.selectedOption===t.value})}))))}};i.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.toggle-switch-container{display:flex}.toggle-switch-container>:last-child{--border-radius-top-right:4px;--border-radius-bottom-right:4px}.toggle-switch-container>:first-child{--border-radius-top-left:4px;--border-radius-bottom-left:4px}.toggle-switch-container kv-toggle-button{--border-radius-top-right:0;--border-radius-bottom-right:0;--border-radius-top-left:0;--border-radius-bottom-left:0;--button-padding-small:var(--kv-spacing, 4px) var(--kv-spacing-3x, 12px);--button-padding-large:var(--kv-spacing-2x, 8px) var(--kv-spacing-3x, 12px);--text-color-default:var(--kv-neutral-4, #bebebe);--text-color-active:var(--kv-neutral-2, #e5e5e5);--text-color-disabled:var(--kv-neutral-5, #707070);--text-color-disabled-active:var(--kv-neutral-5, #707070);--background-color-default:"transparent";--background-color-active:var(--kv-neutral-6, #3f3f3f);--background-color-disabled:"transparent";--background-color-disabled-active:var(--kv-neutral-7, #2a2a2a);--border-color-default:var(--kv-neutral-6, #3f3f3f);--border-color-active:var(--kv-neutral-2, #e5e5e5);--border-color-disabled:var(--kv-neutral-6, #3f3f3f);--border-color-disabled-active:var(--kv-neutral-6, #3f3f3f)}.toggle-switch-container kv-toggle-button::part(toggle-label){font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none}';export{i as kv_toggle_switch}