primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
1 lines • 4.03 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../src/skeleton/BaseSkeleton.vue","../../src/skeleton/Skeleton.vue","../../src/skeleton/Skeleton.vue?vue&type=template&id=c4ee700c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SkeletonStyle from 'primevue/skeleton/style';\n\nexport default {\n name: 'BaseSkeleton',\n extends: BaseComponent,\n props: {\n shape: {\n type: String,\n default: 'rectangle'\n },\n size: {\n type: String,\n default: null\n },\n width: {\n type: String,\n default: '100%'\n },\n height: {\n type: String,\n default: '1rem'\n },\n borderRadius: {\n type: String,\n default: null\n },\n animation: {\n type: String,\n default: 'wave'\n }\n },\n style: SkeletonStyle,\n provide() {\n return {\n $pcSkeleton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"[sx('root'), containerStyle]\" aria-hidden=\"true\" v-bind=\"ptmi('root')\"></div>\n</template>\n\n<script>\nimport BaseSkeleton from './BaseSkeleton.vue';\n\nexport default {\n name: 'Skeleton',\n extends: BaseSkeleton,\n inheritAttrs: false,\n computed: {\n containerStyle() {\n if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :style=\"[sx('root'), containerStyle]\" aria-hidden=\"true\" v-bind=\"ptmi('root')\"></div>\n</template>\n\n<script>\nimport BaseSkeleton from './BaseSkeleton.vue';\n\nexport default {\n name: 'Skeleton',\n extends: BaseSkeleton,\n inheritAttrs: false,\n computed: {\n containerStyle() {\n if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","shape","type","String","size","width","height","borderRadius","animation","style","SkeletonStyle","provide","$pcSkeleton","$parentInstance","BaseSkeleton","inheritAttrs","computed","containerStyle","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","$options","ptmi"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDG,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDI,IAAAA,YAAY,EAAE;AACVL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDK,IAAAA,SAAS,EAAE;AACPN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDM,EAAAA,KAAK,EAAEC,aAAa;EACpBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACjCD,aAAe;AACXf,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASgB,QAAY;AACrBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,cAAc,EAAA,SAAdA,cAAcA,GAAG;AACb,MAAA,IAAI,IAAI,CAACb,IAAI,EAAE,OAAO;QAAEC,KAAK,EAAE,IAAI,CAACD,IAAI;QAAEE,MAAM,EAAE,IAAI,CAACF,IAAI;QAAEG,YAAY,EAAE,IAAI,CAACA;OAAc,CAAA,KACzF,OAAO;QAAEF,KAAK,EAAE,IAAI,CAACA,KAAK;QAAEC,MAAM,EAAE,IAAI,CAACA,MAAM;QAAEC,YAAY,EAAE,IAAI,CAACA;OAAc;AAC3F;AACJ;AACJ,CAAC;;;EChBG,OAAAW,SAAA,EAAA,EAAAC,kBAAA,CAA6G,OAA7GC,UAA6G,CAAA;AAAvG,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAWb,IAAAA,KAAK,EAAA,CAAGY,IAAE,CAAAE,EAAA,CAAA,MAAA,CAAA,EAAUC,QAAc,CAAAP,cAAA,CAAA;AAAG,IAAA,aAAW,EAAC;KAAeI,IAAI,CAAAI,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}