import{r as t,h as s,H as e,g as i}from"./p-3ba9c73c.js";const l=class{constructor(s){t(this,s),this.handleInput=t=>{t.cancelBubble=!0;const s=t.target,[e,i]=s.value.toString().split(","),l=[...this.value];l.splice(parseInt(e,10),1,i),this.value=l,this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}componentDidLoad(){this.value=Array(this.template.rows.length).fill(null)}render(){return this.template?s(e,null,s("p",null,this.template.question),s("div",{class:"tl"},this.template.columns.map(t=>s("label",null,t.text))),s("div",{class:"sl"},this.template.rows.map(t=>s("label",null,t.text))),s("div",{class:"rb"},this.template.rows.map((t,e)=>s("bce-input",{validation:this.template.required?"required":"",onInput:this.handleInput,type:"radio"},this.template.columns.map((t,i)=>s("bce-option",{value:e+","+i})))))):null}get el(){return i(this)}static get style(){return"bce-element-matrix{display:grid;grid-template:\"q q\" \".. tl\" auto \"sl rb\" auto/auto auto}bce-element-matrix>p{font-weight:500;grid-area:q;text-align:center}\@media screen and (min-width:1024px){bce-element-matrix>p{text-align:left}}bce-element-matrix>div.tl{position:relative;grid-area:tl;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}bce-element-matrix>div.sl{position:relative;height:100%;grid-area:sl;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}bce-element-matrix>div.sl label{line-height:28px;margin:20px 0 0;height:32px}bce-element-matrix>div.rb{grid-area:rb}bce-element-matrix>div.rb bce-input>[data-input]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}"}};export{l as bce_element_matrix};