46 lines
1.9 KiB
JavaScript
Executable File
46 lines
1.9 KiB
JavaScript
Executable File
import{i as d,a as b,b as g}from"./index-B6fu-u6K.js";import{n,c as h}from"./if-defined-D6swbWyQ.js";const p=d`
|
|
:host {
|
|
display: block;
|
|
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
background: linear-gradient(
|
|
120deg,
|
|
var(--wui-color-bg-200) 5%,
|
|
var(--wui-color-bg-200) 48%,
|
|
var(--wui-color-bg-300) 55%,
|
|
var(--wui-color-bg-300) 60%,
|
|
var(--wui-color-bg-300) calc(60% + 10px),
|
|
var(--wui-color-bg-200) calc(60% + 12px),
|
|
var(--wui-color-bg-200) 100%
|
|
);
|
|
background-size: 250%;
|
|
animation: shimmer 3s linear infinite reverse;
|
|
}
|
|
|
|
:host([variant='light']) {
|
|
background: linear-gradient(
|
|
120deg,
|
|
var(--wui-color-bg-150) 5%,
|
|
var(--wui-color-bg-150) 48%,
|
|
var(--wui-color-bg-200) 55%,
|
|
var(--wui-color-bg-200) 60%,
|
|
var(--wui-color-bg-200) calc(60% + 10px),
|
|
var(--wui-color-bg-150) calc(60% + 12px),
|
|
var(--wui-color-bg-150) 100%
|
|
);
|
|
background-size: 250%;
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
from {
|
|
background-position: -250% 0;
|
|
}
|
|
to {
|
|
background-position: 250% 0;
|
|
}
|
|
}
|
|
`;var t=function(a,i,e,c){var s=arguments.length,r=s<3?i:c===null?c=Object.getOwnPropertyDescriptor(i,e):c,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,i,e,c);else for(var u=a.length-1;u>=0;u--)(l=a[u])&&(r=(s<3?l(r):s>3?l(i,e,r):l(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};let o=class extends b{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=`
|
|
width: ${this.width};
|
|
height: ${this.height};
|
|
border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
|
|
`,g`<slot></slot>`}};o.styles=[p];t([n()],o.prototype,"width",void 0);t([n()],o.prototype,"height",void 0);t([n()],o.prototype,"borderRadius",void 0);t([n()],o.prototype,"variant",void 0);o=t([h("wui-shimmer")],o);
|