@rocketspark/domain-checker/build/616.index.js

Embeddable Domain Checker for Rocketspark

/*!
 * 
 *   @rocketspark/domain-checker v1.0.12
 *   git+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([[616],{8616:function(e,t,s){s.r(t),s.d(t,{rs_list_item:function(){return r}});var i=s(6919);const r=class{constructor(e){(0,i.r)(this,e),this.listSelector=null,this.error=!1,this.selectable=!1,this.complete=!1,this.showArrow=!0,this.selected=!1,this.updateState=()=>{null!==this.listSelector&&(this.selected=this.listSelector.value===this.value,this.showArrow=!this.selected,this.complete=this.selected)},this.onClick=()=>{this.listSelector.value=this.value}}connectedCallback(){this.listSelector=this.el.closest("rs-list-select"),null!==this.listSelector&&(this.updateState(),this.listSelector.addEventListener("rsChange",this.updateState))}disconnectedCallback(){null!==this.listSelector&&(this.listSelector.removeEventListener("rsChange",this.updateState),this.listSelector=null)}render(){const e=this.complete?(0,i.h)("rs-icon",{class:"rs-list-item__icon--circle-tick",name:"circle-tick",color:"primary-700",size:24}):"",t=this.showArrow?(0,i.h)("rs-icon",{class:"rs-list-item__icon--arrow-right",name:"chevron-right",color:"grey-700",size:15}):"";return(0,i.h)(i.H,{key:"4d4f652ab5bbd2657a26c21974f71e6163213cd4",class:{"rs-list-item--error":this.error,"rs-list-item--selectable":this.selectable,"rs-list-item--selected":this.selected,"rs-list-item--complete":this.complete},onClick:this.onClick},(0,i.h)("div",{key:"706d4de769c640fb84b6e46dfb94631faad1d398",class:"rs-list-item__start"},(0,i.h)("slot",{key:"f5c512ffc7089d9d3c20202daed4dc87714d1267",name:"start"}),(0,i.h)("slot",{key:"0f1daae0f04ec09ffbfd131d3dba1b8c8130c94c"})),(0,i.h)("div",{key:"40d52a2bf8b8d23721411c016d617becd2e44f35",class:"rs-list-item__end"},(0,i.h)("slot",{key:"979b1ab9765064c3010f507505cb4ce3d93550ca",name:"end"}),e,t))}get el(){return(0,i.g)(this)}};r.style=':host{display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 0 0 1px var(--rs-color-grey-light);border-radius:7px;padding:20px 25px;box-sizing:border-box;line-height:21px;max-height:62px;height:62px;transition:box-shadow 0.2s cubic-bezier(0, 0.55, 0.45, 1)}:host(.rs-list-item--error){box-shadow:inset 0 0 0 1px var(--rs-color-negative)}:host(.rs-list-item--selectable){cursor:pointer}:host(.rs-list-item--selected),:host(.rs-list-item--complete){box-shadow:inset 0 0 0 2px var(--rs-color-primary)}:host(.rs-list-item--selectable:hover){box-shadow:inset 0 0 0 2px var(--rs-color-grey-300)}:host(.rs-list-item--selectable) .rs-list-item__icon--arrow-right{transform:translateX(0);transition:transform 0.5s cubic-bezier(0, 0.55, 0.45, 1)}:host(.rs-list-item--selectable:hover) .rs-list-item__icon--arrow-right{transform:translateX(10px)}:host(.rs-list-item--selectable.rs-list-item--selected:hover){box-shadow:inset 0 0 0 2px var(--rs-color-primary)}.rs-list-item__start{display:flex;align-items:center;justify-content:start}::slotted([slot="start"]){margin-right:8px}.rs-list-item__end{display:flex;align-items:center}.rs-list-item__end rs-icon{margin-left:15px}'}}]);
//# sourceMappingURL=616.index.js.map