import{r as t,h as e,H as a}from"./p-a6030c6e.js";const r=".skeleton{min-width:8px;min-height:8px;background-color:var(--color-content-default, #454545);opacity:0.16;overflow:hidden}.skeleton_shape--circle{border-radius:50%}.skeleton_shape--square{border-radius:8px}.animation{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(246, 246, 246, 0)), color-stop(50%, rgba(246, 246, 246, 0.56)), to(rgba(246, 246, 246, 0)));background:linear-gradient(90deg, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 0.56) 50%, rgba(246, 246, 246, 0) 100%);mix-blend-mode:overlay;-webkit-animation:2.5s ease-out infinite shine;animation:2.5s ease-out infinite shine}@-webkit-keyframes shine{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shine{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}";const s=r;const i=class{constructor(e){t(this,e);this.shape="square";this.height="50px";this.width="100%";this.dataTest=null}render(){return e(a,{key:"6f75c381bb6811959817ba1c5c557519ba2038f9",style:{display:"flex",position:"relative",overflow:"hidden",width:this.width,height:this.height,borderRadius:this.shape==="circle"?"50%":"8px"}},e("bds-grid",{key:"e832c7c718493e1b1efd8b29f20c7e8daddec4aa",xxs:"12",class:{skeleton:true,[`skeleton_shape--${this.shape}`]:true}}),e("div",{key:"1cd662b1602cc5e38a7a4b311f9d1be02dae413e",style:{display:"flex",width:"100%",height:"100%",position:"absolute",borderRadius:this.shape==="circle"?"50%":"8px",overflow:"hidden"},"data-test":this.dataTest},e("div",{key:"687d5458bc8c01b3f0814c790337209a48e4d2c5",class:"animation"})))}};i.style=s;export{i as bds_skeleton};
//# sourceMappingURL=p-b4902a0c.entry.js.map