@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 3.37 kB
JavaScript
import{h as e,r as t,c as i,H as a}from"./p-D-JVwta2.js";import{E as r}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 o=/\[(.+?)\]\((https?:\/\/.+?)\)/g,n=t=>{if(!t)return;const i=[...t.matchAll(o)],a=[];let n=0;for(const o of i){const i=t.slice(n,o.index);i.length>0&&a.push(i);const[s,c,d]=o;a.push(e("kv-link",{label:c,href:d,target:r.NewTab})),n=o.index+s.length}const s=t.slice(n);return s.length>0&&a.push(s),a},s=class{constructor(e){t(this,e),this.optionClick=i(this,"optionClick",7),this.checked=!1,this.disabled=!1,this.parsedDescription=n(this.description),this.onOptionClick=e=>{e.stopPropagation(),this.optionClick.emit(this.optionId)}}descriptionWatcher(e,t){e!==t&&(this.parsedDescription=n(e))}render(){return e(a,{key:"7ce9aa25a427477080dcf3b6f33a74a3ec4ddbe9"},e("div",{key:"abe44a5c569fa607eacfcbb51b80dcd9f462e051",class:{"radio-list-item-container":!0,"radio-list-item-container--disabled":this.disabled,"radio-list-item-container--checked":this.checked},onClick:this.onOptionClick},e("slot",{key:"04d4aedbc299fab34295623edbd1af20b0ee4e19",name:"header"}),e("div",{key:"4b2c0cacc8ed406a74438cf5cfde039a52cc190a",class:"content"},e("kv-radio",{key:"f0ba306654dba6e357f715f201d159639ce3e649",checked:this.checked,disabled:this.disabled}),e("div",{key:"12b2bed2c789184eb8124a0438ed47ce6546267a",class:"info"},e("slot",{key:"f8462beeb86f61d6c7e023aade064dc945fc40d7",name:"label"},e("div",{key:"4c8f95adc66ace1480732c99cdceb0f2730b7414",class:"label"},this.label)),this.description&&e("div",{key:"919a182a51fd4d8d43829157533f7be40e222193",class:"description"},this.parsedDescription),e("slot",{key:"bbfa4b0873e65a85f20b5813f234c99e3533e0c8",name:"additional-info"})))))}static get watchers(){return{description:["descriptionWatcher"]}}};s.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.radio-list-item-container{display:flex;flex-direction:column;border:1px solid var(--kv-neutral-7, #2a2a2a);border-radius:2px;transition:border-color 0.25s ease-in-out;cursor:pointer;user-select:none}.radio-list-item-container--checked,.radio-list-item-container:hover{border-color:var(--kv-neutral-0, #fff)}.radio-list-item-container--disabled{pointer-events:none;opacity:0.5}.radio-list-item-container kv-radio{--input-height-large:unset}.radio-list-item-container .content{display:flex;align-items:center;padding:var(--kv-spacing-4x, 16px)}.radio-list-item-container .info{flex:1;margin-left:var(--kv-spacing-4x, 16px)}.radio-list-item-container .info .label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-0, #fff)}.radio-list-item-container .info .description{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-4, #bebebe)}.radio-list-item-container .info .description kv-link::part(container){display:inline}';export{s as kv_radio_list_item}