@rocketspark/domain-checker
Version:
Embeddable Domain Checker for Rocketspark
13 lines • 4.26 kB
JavaScript
/*!
*
* @rocketspark/domain-checker v0.0.34
* https://github.com/rocketspark/domain-checker.git
*
* Copyright (c) Lee Reichardt and project contributors.
*
* This source code is licensed under the no license license found in the
* LICENSE file in the root directory of this source tree.
*
*/
"use strict";(self.webpackChunkDomainChecker=self.webpackChunkDomainChecker||[]).push([[643],{6643:function(t,i,e){e.r(i),e.d(i,{rs_radio:function(){return o}});var r=e(7915);const o=class{constructor(t){(0,r.r)(this,t),this.rsStyle=(0,r.c)(this,"rsStyle",7),this.radioGroup=null,this.runWatch=!0,this.updateState=()=>{null!==this.radioGroup&&(this.checked=this.radioGroup.value===this.value)},this.handleClick=()=>{!1!==this.editable&&this.setSelected()},this.setSelected=(t=!this.checked)=>{if(!this.disabled)if(null!==this.radioGroup){const t=this.radioGroup.value,i=this.value;i!==t?this.radioGroup.value=i:this.radioGroup.allowDeselect&&(this.radioGroup.value=void 0)}else this.runWatch=!1,this.checked=t},this.checked=!1,this.color=void 0,this.name=void 0,this.disabled=!1,this.value=void 0,this.button="default",this.justifyContent=void 0,this.textAlign=void 0,this.editable=!0}isCheckedChange(){this.emitStyle(),null===this.radioGroup&&this.runWatch&&(this.runWatch=!0,this.setSelected(this.checked))}disabledChanged(){this.emitStyle()}connectedCallback(){const t=this.radioGroup=this.el.closest("rs-radio-group");null!==t&&(this.updateState(),t.addEventListener("rsChange",this.updateState))}disconnectedCallback(){const t=this.radioGroup;null!==t&&(t.removeEventListener("rsChange",this.updateState),this.radioGroup=null)}componentWillLoad(){this.emitStyle()}emitStyle(){this.rsStyle.emit({radio:!0,"radio-checked":this.checked,"interactive-disabled":this.disabled})}render(){const{disabled:t,checked:i,color:e}=this,o=["primary","secondary","secondary-variant","positive","positive-variant","white","light","grey-light","grey","black","heading","negative","neutral","highlight"].includes(e);return(0,r.h)(r.H,{role:"radio",class:{nativeElement:!0,"radio-checked":i,"radio-disabled":t,"radio-button":"vertical"===this.button||"horizontal"===this.button,"radio-button--vertical":"vertical"===this.button,"radio-button--horizontal":"horizontal"===this.button},style:{"justify-content":this.justifyContent},onClick:this.handleClick,disabled:t},(0,r.h)("slot",{name:"start"}),(0,r.h)("div",{class:"rs-radio__circle-container"},(0,r.h)("div",{class:"rs-radio__circle-inner",style:{"background-color":o?`var(--rs-color-${e})`:e}})),(0,r.h)("slot",{name:"end"}))}get el(){return(0,r.g)(this)}static get watchers(){return{checked:["isCheckedChange"],disabled:["disabledChanged"]}}};o.style=':host{display:flex;align-items:center;box-sizing:border-box}.rs-radio__circle-container{display:flex;align-items:center;justify-content:center;width:23PX;height:23PX;box-shadow:inset 0 0 0 1PX var(--rs-color-grey-light);border-radius:50%;cursor:pointer;max-width:23PX;max-height:23PX;min-width:23PX;min-height:23PX;box-sizing:border-box}.rs-radio__circle-inner{background-color:var(--rs-color-black);width:13PX;height:13PX;border-radius:50%;transform:scale3d(0, 0, 0);transition:transform 0.2s ease-out;max-width:13PX;max-height:13PX;min-width:13PX;min-height:13PX}:host(.radio-checked) .rs-radio__circle-inner{transform:scale3d(1, 1, 1)}:host(.radio-disabled){cursor:not-allowed;opacity:0.5}::slotted([slot=\'start\']){margin-right:11px}::slotted([slot=\'end\']){margin-left:11px}:host([button="vertical"]) ::slotted([slot="start"]){margin-right:0;margin-bottom:11px}:host([button="vertical"]) ::slotted([slot="end"]){margin-left:0;margin-top:11px}:host(.radio-button.radio-checked){box-shadow:inset 0 0 0 2px var(--rs-color-primary)}:host(.radio-button){display:flex;padding:15px;box-shadow:inset 0 0 0 1px var(--rs-color-grey-light);border-radius:6px;cursor:pointer;transition:box-shadow 0.4s ease-out}:host(.radio-button:hover){box-shadow:inset 0 0 0 2px var(--rs-color-primary)}:host(.radio-button--vertical){flex-direction:column;align-items:center;justify-content:center;text-align:center}:host(.radio-button--horizontal){flex-direction:row;align-items:center;justify-content:start;text-align:left}'}}]);
//# sourceMappingURL=643.index.js.map