@sellmate/design-system 1.0.42 → 1.0.43

package/dist/design-system/p-3a10e5ac.entry.js

@@ -0,0 +1 @@
+import{r as o,c as d,h as r}from"./p-B8tGP77V.js";const i=class{constructor(r){o(this,r),this.change=d(this,"sdUpdate")}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(o){this.value=o}handleRadioChange=o=>{this.disabled||(this.value=o,this.change?.emit(o))};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction}`].join(" ")}render(){return r("div",{key:"b749c9d5cba0a5ed6ca041d56512301f24509234",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((o=>r("sd-radio",{key:`radio-${o.value}`,val:String(o.value),value:this.value,label:o.label,disabled:this.disabled||!!o.disabled,onSdUpdate:({detail:o})=>this.handleRadioChange(o)}))))}static get watchers(){return{value:[{valueChanged:0}]}}};i.style='sd-radio{display:inline-flex;width:fit-content}sd-radio .sd-radio{cursor:pointer;height:20px;display:inline-flex;align-items:center}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075FF;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075FF;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075FF}sd-radio .sd-radio label input:disabled{border-color:#CCCCCC;background-color:#EEEEEE}sd-radio .sd-radio label input:disabled:checked::before{background-color:#CCCCCC}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075FF;background-color:#D9EAFF}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}';export{i as sd_radio_group}