UNPKG

@rocketspark/domain-checker

Version:
13 lines 2.38 kB
/*! * * @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([[584],{9584:function(s,r,e){e.r(r),e.d(r,{rs_progress_step:function(){return o}});var t=e(7915);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",{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,null,(0,t.h)("div",{class:"rs-progress-step__inner"},r,(0,t.h)("slot",null)))}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