import{p as e,H as t,h as o,t as s}from"./p-yZBlG3YQ.js";const n=()=>`verdocs-toggle{font-family:"Inter", "Barlow", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}`;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.selectedOption=0}componentWillLoad(){var e;console.log("verdocs-toggle componentWillLoad",this.options);this.selectedOption=((e=this.options)===null||e===void 0?void 0:e.defaultSelection)||0}render(){return o("div",{key:"7485d894feb67041d4e21b393733508d07ef11fd",class:"container"},o("span",{key:"89511ad3f7b70c46c3981fef93816396e41eb717",class:"label"},`${this.options.label}:`),o("div",{key:"090efe730dfc6dd43f521bc95da73b9554afef1d",class:"buttons"},this.options.buttons.map(((e,t)=>o("button",{id:e.id,key:e.id,innerHTML:e.icon,class:t===this.selectedOption?"selected":"",onClick:()=>{console.log("clicked",t);this.selectedOption=t}})))))}static get style(){return n()}},[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]);function r(){if(typeof customElements==="undefined"){return}const e=["verdocs-toggle"];e.forEach((e=>{switch(e){case"verdocs-toggle":if(!customElements.get(s(e))){customElements.define(s(e),i)}break}}))}const l=i;const c=r;export{l as VerdocsToggle,c as defineCustomElement};
//# sourceMappingURL=verdocs-toggle.js.map