47 lines
883 B
JavaScript
47 lines
883 B
JavaScript
|
import {
|
||
|
|
skeleton_styles_default
|
||
|
|
} from "./chunk.YRGXNOO7.js";
|
||
|
|
import {
|
||
|
|
e
|
||
|
|
} from "./chunk.UZVKBFXH.js";
|
||
|
|
import {
|
||
|
|
ShoelaceElement,
|
||
|
|
n
|
||
|
|
} from "./chunk.SEXBCYCU.js";
|
||
|
|
import {
|
||
|
|
x
|
||
|
|
} from "./chunk.CXZZ2LVK.js";
|
||
|
|
import {
|
||
|
|
__decorateClass
|
||
|
|
} from "./chunk.KIILAQWQ.js";
|
||
|
|
|
||
|
|
// src/components/skeleton/skeleton.component.ts
|
||
|
|
var SlSkeleton = class extends ShoelaceElement {
|
||
|
|
constructor() {
|
||
|
|
super(...arguments);
|
||
|
|
this.effect = "none";
|
||
|
|
}
|
||
|
|
render() {
|
||
|
|
return x`
|
||
|
|
<div
|
||
|
|
part="base"
|
||
|
|
class=${e({
|
||
|
|
skeleton: true,
|
||
|
|
"skeleton--pulse": this.effect === "pulse",
|
||
|
|
"skeleton--sheen": this.effect === "sheen"
|
||
|
|
})}
|
||
|
|
>
|
||
|
|
<div part="indicator" class="skeleton__indicator"></div>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
SlSkeleton.styles = skeleton_styles_default;
|
||
|
|
__decorateClass([
|
||
|
|
n()
|
||
|
|
], SlSkeleton.prototype, "effect", 2);
|
||
|
|
|
||
|
|
export {
|
||
|
|
SlSkeleton
|
||
|
|
};
|