https://www.rheem.com/vike/assets/chunks/chunk-C23mm6na.js

1import { D as BaseStyle, E as script$2, o as openBlock, e as createElementBlock, m as mergeProps } from "./chunk-Cy-M6TJt.js";
2var theme = function theme2(_ref) {
3  var dt = _ref.dt;
4  return "\n.p-skeleton {\n    overflow: hidden;\n    background: ".concat(dt("skeleton.background"), ";\n    border-radius: ").concat(dt("skeleton.border.radius"), ';\n}\n\n.p-skeleton::after {\n    content: "";\n    animation: p-skeleton-animation 1.2s infinite;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    transform: translateX(-100%);\n    z-index: 1;\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0), ').concat(dt("skeleton.animation.background"), ", rgba(255, 255, 255, 0));\n}\n\n[dir='rtl'] .p-skeleton::after {\n    animation-name: p-skeleton-animation-rtl;\n}\n\n.p-skeleton-circle {\n    border-radius: 50%;\n}\n\n.p-skeleton-animation-none::after {\n    animation: none;\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n\n@keyframes p-skeleton-animation-rtl {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(-100%);\n    }\n}\n");
5};
6var inlineStyles = {
7  root: {
8    position: "relative"
9  }
10};
11var classes = {
12  root: function root(_ref2) {
13    var props = _ref2.props;
14    return ["p-skeleton p-component", {
15      "p-skeleton-circle": props.shape === "circle",
16      "p-skeleton-animation-none": props.animation === "none"
17    }];
18  }
19};
20var SkeletonStyle = BaseStyle.extend({
21  name: "skeleton",
22  theme,
23  classes,
24  inlineStyles
25});
26var script$1 = {
27  name: "BaseSkeleton",
28  "extends": script$2,
29  props: {
30    shape: {
31      type: String,
32      "default": "rectangle"
33    },
34    size: {
35      type: String,
36      "default": null
37    },
38    width: {
39      type: String,
40      "default": "100%"
41    },
42    height: {
43      type: String,
44      "default": "1rem"
45    },
46    borderRadius: {
47      type: String,
48      "default": null
49    },
50    animation: {
51      type: String,
52      "default": "wave"
53    }
54  },
55  style: SkeletonStyle,
56  provide: function provide() {
57    return {
58      $pcSkeleton: this,
59      $parentInstance: this
60    };
61  }
62};
63var script = {
64  name: "Skeleton",
65  "extends": script$1,
66  inheritAttrs: false,
67  computed: {
68    containerStyle: function containerStyle() {
69      if (this.size) return {
70        width: this.size,
71        height: this.size,
72        borderRadius: this.borderRadius
73      };
74      else return {
75        width: this.width,
76        height: this.height,
77        borderRadius: this.borderRadius
78      };
79    }
80  }
81};
82function render(_ctx, _cache, $props, $setup, $data, $options) {
83  return openBlock(), createElementBlock("div", mergeProps({
84    "class": _ctx.cx("root"),
85    style: [_ctx.sx("root"), $options.containerStyle],
86    "aria-hidden": "true"
87  }, _ctx.ptmi("root")), null, 16);
88}
89script.render = render;
90export {
91  script as s
92};