https://screwsandfasteners.co.nz/_nuxt/lrES4wJ3.js

1import{m as e}from"./BWrsYvSp.js";import{H as t,h as n,j as r}from"./zyZk7soG.js";import{t as i}from"./DKoI5IUn.js";import{t as a}from"./CRHlWn3X.js";import{t as o}from"./BC_Hw7x82.js";var s=i.extend({name:`skeleton`,style:`
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`,classes:{root:function(e){var t=e.props;return[`p-skeleton p-component`,{"p-skeleton-circle":t.shape===`circle`,"p-skeleton-animation-none":t.animation===`none`}]}},inlineStyles:{root:{position:`relative`}}}),c=e({default:()=>m}),l={name:`BaseSkeleton`,extends:o,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:s,provide:function(){return{$pcSkeleton:this,$parentInstance:this}}};function u(e){"@babel/helpers - typeof";return u=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},u(e)}function d(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){var t=p(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var m={name:`Skeleton`,extends:l,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 a(d({},this.shape,this.shape))}}},h=[`data-p`];function g(e,i,a,o,s,c){return t(),n(`div`,r({class:e.cx(`root`),style:[e.sx(`root`),c.containerStyle],"aria-hidden":`true`},e.ptmi(`root`),{"data-p":c.dataP}),null,16,h)}m.render=g;export{c as n,m as t};