@rocketspark/domain-checker/build/584.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([[584],{9584:function(s,r,e){e.r(r),e.d(r,{rs_progress_step:function(){return o}});var t=e(6919);const o=class{constructor(s){(0,t.r)(this,s),this.progress=1,this.steps=3,this.color="positive"}progressChanged(){this.removeActiveClasses();const s=this.el.shadowRoot.querySelector(".rs-progress-step__inner");if(null!==s){s.querySelectorAll(".rs-progress-step__step").forEach((s=>{const r=s.dataset.step;parseInt(r)<=this.progress&&s.classList.add("active")}))}}removeActiveClasses(){const s=this.el.shadowRoot.querySelector(".rs-progress-step__inner");if(null!==s){s.querySelectorAll(".rs-progress-step__step").forEach((s=>{s.classList.remove("active")}))}}render(){const s=this.steps;let r=[];if(s>0)for(let e=1;e<=s;e++){const s=(0,t.h)("span",{key:"97182ae58f71568e254293170a1d40256f4c8b3b",class:{active:e<=this.progress,"rs-progress-step__step":!0,[`rs-progress-step__step-${e}`]:!0},"data-step":e});r.push(s)}return(0,t.h)(t.H,{key:"b1a6abaeeeefe2d75b4a9a821c4d2b865b2006c7"},(0,t.h)("div",{key:"571110c0e27771c7b53b9a557aaa8cf754dd8e93",class:"rs-progress-step__inner"},r,(0,t.h)("slot",{key:"67828fef0d351ec3b75e15e26607d9557d6f939c"})))}get el(){return(0,t.g)(this)}static get watchers(){return{progress:["progressChanged"]}}};o.style=":host{display:block}:host .rs-progress-step__inner{display:flex;flex-flow:row wrap;align-items:center}:host .rs-progress-step__step{display:block;background-color:var(--rs-color-light);height:4px;width:49px;margin-right:3px;border-radius:3px}:host .rs-progress-step__step:last-child{margin-right:0}:host .rs-progress-step__step.active{background-color:var(--rs-color-positive)}:host([color='positive']) .rs-progress-step__step.active{background-color:var(--rs-color-positive)}:host([color='primary']) .rs-progress-step__step.active{background-color:var(--rs-color-primary)}:host([color='neutral']) .rs-progress-step__step.active{background-color:var(--rs-color-neutral)}:host([color='highlight']) .rs-progress-step__step.active{background-color:var(--rs-color-highlight)}:host([color='negative']) .rs-progress-step__step.active{background-color:var(--rs-color-negative)}"}}]);
//# sourceMappingURL=584.index.js.map