https://joytime.vn/_nuxt/syecyyDG.js

1import{s as a}from"./Cw2FOuIK.js";import{L as s}from"./BMw-5B87.js";import{f as l}from"./ZhWAdK_X.js";import{z as p,S as u,a2 as d}from"./D7Li5Hbc.js";import"./BTGhs8Xg.js";var m=`
2    .p-skeleton {
3        display: block;
4        overflow: hidden;
5        background: dt('skeleton.background');
6        border-radius: dt('skeleton.border.radius');
7    }
8
9    .p-skeleton::after {
10        content: '';
11        animation: p-skeleton-animation 1.2s infinite;
12        height: 100%;
13        left: 0;
14        position: absolute;
15        right: 0;
16        top: 0;
17        transform: translateX(-100%);
18        z-index: 1;
19        background: linear-gradient(90deg, rgba(255, 255, 255, 0), dt('skeleton.animation.background'), rgba(255, 255, 255, 0));
20    }
21
22    [dir='rtl'] .p-skeleton::after {
23        animation-name: p-skeleton-animation-rtl;
24    }
25
26    .p-skeleton-circle {
27        border-radius: 50%;
28    }
29
30    .p-skeleton-animation-none::after {
31        animation: none;
32    }
33
34    @keyframes p-skeleton-animation {
35        from {
36            transform: translateX(-100%);
37        }
38        to {
39            transform: translateX(100%);
40        }
41    }
42
43    @keyframes p-skeleton-animation-rtl {
44        from {
45            transform: translateX(100%);
46        }
47        to {
48            transform: translateX(-100%);
49        }
50    }
51`,f={root:{position:"relative"}},c={root:function(t){var n=t.props;return["p-skeleton p-component",{"p-skeleton-circle":n.shape==="circle","p-skeleton-animation-none":n.animation==="none"}]}},y=s.extend({name:"skeleton",style:m,classes:c,inlineStyles:f}),h={name:"BaseSkeleton",extends:a,props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},style:y,provide:function(){return{$pcSkeleton:this,$parentInstance:this}}};function r(e){"@babel/helpers - typeof";return r=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(e)}function b(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=g(e,"string");return r(t)=="symbol"?t:t+""}function g(e,t){if(r(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if(r(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var S={name:"Skeleton",extends:h,inheritAttrs:!1,computed:{containerStyle:function(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}},dataP:function(){return l(b({},this.shape,this.shape))}}},v=["data-p"];function P(e,t,n,o,w,i){return u(),p("div",d({class:e.cx("root"),style:[e.sx("root"),i.containerStyle],"aria-hidden":"true"},e.ptmi("root"),{"data-p":i.dataP}),null,16,v)}S.render=P;export{S as default};