UNPKG

@rocketspark/domain-checker

Version:
13 lines 2.41 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([[237],{5237:function(t,e,o){o.r(e),o.d(e,{rs_content_placeholder:function(){return r}});var s=o(7915);const r=class{constructor(t){(0,s.r)(this,t),this.mask=void 0,this.border=!0,this.maskContent="",this.width=void 0,this.scale=void 0}componentDidLoad(){if(void 0===this.mask)return;const t=(0,s.a)(`./assets/svg-masks/${this.mask}.svg`),e=new XMLHttpRequest;e.open("GET",t),e.onreadystatechange=()=>{if(4==e.readyState&&200==e.status){const t=document.createElement("div");t.innerHTML=e.responseText;const o=t.querySelector("svg");this.maskContent=o.outerHTML,this.width=o.getAttribute("width");const s=o.getAttribute("height");this.scale=parseFloat(s)/parseFloat(this.width)*100}},e.send()}render(){return(0,s.h)(s.H,null,(0,s.h)("div",{class:{"rs-content-placeholder__container":!0,"rs-content-placeholder__container--no-border":!this.border},style:{width:`${this.width}px`}},(0,s.h)("div",{class:"rs-content-placeholder__loading",style:{paddingBottom:`${this.scale}%`,clipPath:"url(#clip-mask)"}}),(0,s.h)("div",{class:"rs-content-placeholder__svg-container",innerHTML:this.maskContent})))}static get assetsDirs(){return["assets"]}};r.style=":host{display:block}.rs-content-placeholder__container{box-shadow:inset 0 0 0 2px var(--rs-color-light);display:inline-block;border-radius:4px;cursor:wait}.rs-content-placeholder__container--no-border{box-shadow:none}.rs-content-placeholder__svg-container{height:0;width:0;overflow:hidden}.rs-content-placeholder__loading{width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--rs-color-light)}.rs-content-placeholder__loading::before{content:'';display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right, var(--rs-color-light) 0%, rgba(255, 255, 255, 0.8) 50%, var(--rs-color-light) 100%);animation:rs-content-placeholder__load 2s cubic-bezier(0.4, 0.0, 0.2, 1) infinite}@keyframes rs-content-placeholder__load{from{left:-150px}to{left:100%}}"}}]); //# sourceMappingURL=237.index.js.map