{"version":3,"sources":["webpack:///../examples/loaders/ProgressLoaderAPI.js","webpack:///../docs/src/pages/vue-components/page-loader.vue","webpack:///../docs/src/pages/vue-components/page-loader.vue?00e7"],"names":["ProgressBarAPI","props","name","type","default","description","title","$options","status","api","package-name","packageName","component-name","componentName","api-data","apiData","demos","demo","i","file","id","head","meta","charset","content","property","link","rel","href","data","components","DocsCardVue","DocsCard","GettingStarted","DocsPageLayout","DocsAllApi","ProgressLoaderAPI","__exports__","render"],"mappings":"gHAAA,IAAMA,EAAiB,CACrBC,MAAO,CACL,CACEC,KAAM,QACNC,KAAM,SACNC,QAAS,UACTC,YAAa,uBAEf,CACEH,KAAM,QACNC,KAAM,gBACNC,QAAS,IACTC,YAAa,uDAIJL,U,6QCfb,eAQmB,GARAM,MAAO,EAAAC,SAASD,MAAQD,YAAa,EAAAE,SAASF,YAAcG,OAAQ,EAAAD,SAASC,Q,CAInFC,IAAG,gBACZ,iBAAiG,CAAjG,eAAiG,GAA/EC,eAAc,EAAAH,SAASI,YAAcC,iBAAgB,EAAAL,SAASM,e,0CAChF,eAA6C,GAA9BC,WAAU,EAAAP,SAASQ,S,iDAL1B,iBAA0B,E,mBAApC,eAEW,2BAFmB,EAAAC,OAAK,SAAjBC,EAAMC,G,wBACtB,eAAqG,GAArFZ,MAAOW,EAAKX,MAAQD,YAAaY,EAAKZ,YAAcc,KAAMF,EAAKE,KAAOC,GAAIH,EAAKG,I,8KAiBtF,GACbC,KAAM,CACJf,MAAO,+BACPgB,KAAM,CACJ,CAAEC,QAAS,SACX,CAAErB,KAAM,WAAYsB,QAAS,uCAC7B,CAAEC,SAAU,WAAYD,QAAS,YACjC,CAAEC,SAAU,WAAYD,QAAS,iCACjC,CACEC,SAAU,eACVD,QAAS,gCAEX,CACEC,SAAU,iBACVD,QAAS,MAGbE,KAAM,CAAC,CAAEC,IAAK,OAAQxB,KAAM,eAAgByB,KAAM,kBAEpDC,KAnBa,WAoBX,MAAO,CACLb,MAAO,CACL,CACEV,MAAO,aACPa,KAAM,6CACNd,YAAa,0bAEf,CACEC,MAAO,sBACPa,KAAM,qDAENd,YAAa,wTAEf,CACEC,MAAO,oBACPD,YAAa,qTACbc,KAAM,oDAER,CACEb,MAAO,oBACPD,YAAa,qTACbc,KAAM,oDAER,CACEb,MAAO,6BACPD,YAAa,8TACbc,KAAM,4DAER,CACEb,MAAO,YACPD,YAAa,6SACbc,KAAM,6CAER,CACEb,MAAO,aACPD,YAAa,8SACbc,KAAM,8CAER,CACEb,MAAO,kBACPD,YAAa,mTACbc,KAAM,kDAER,CACEb,MAAO,kBACPD,YAAa,mTACbc,KAAM,kDAER,CACEb,MAAO,cACPD,YAAa,+SACbc,KAAM,+CAER,CACEb,MAAO,iBACPD,YAAa,kTACbc,KAAM,iDAER,CACEb,MAAO,kBACPD,YAAa,mTACbc,KAAM,kDAER,CACEb,MAAO,wBACPD,YAAa,yTACbc,KAAM,uDAER,CACEb,MAAO,eACPD,YAAa,gTACbc,KAAM,+CAER,CACEb,MAAO,uBACPD,YAAa,wTACbc,KAAM,sDAER,CACEb,MAAO,qBACPD,YAAa,sTACbc,KAAM,qDAER,CACEb,MAAO,mBACPD,YAAa,oTACbc,KAAM,mDAER,CACEb,MAAO,4BACPD,YAAa,6TACbc,KAAM,2DAER,CACEb,MAAO,aACPD,YAAa,8SACbc,KAAM,8CAER,CACEb,MAAO,mBACPD,YAAa,oTACbc,KAAM,mDAER,CACEb,MAAO,uBACPD,YAAa,wTACbc,KAAM,sDAER,CACEb,MAAO,6BACPD,YAAa,8TACbc,KAAM,2DAER,CACEb,MAAO,wBACPD,YAAa,yTACbc,KAAM,uDAER,CACEb,MAAO,cACPD,YAAa,8SACbc,KAAM,+CAER,CACEb,MAAO,kBACPD,YAAa,mTACbc,KAAM,mDAER,CACEb,MAAO,mBACPD,YAAa,oTACbc,KAAM,mDAER,CACEb,MAAO,qBACPD,YAAa,sTACbc,KAAM,qDAER,CACEb,MAAO,SACPD,YAAa,0SACbc,KAAM,8CAKdW,WAAY,CACVC,cAAA,KACAC,WAAA,KACAC,iBAAA,KACAC,iBAAA,KACAC,aAAA,MAEF7B,MAAO,mBACPD,YAAa,gIACbM,YAAa,iBACbE,cAAe,WAEfE,QAASqB,EAAA,M,qBCjMX,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-b6a5aa0e.edd6e89a.js","sourcesContent":["const ProgressBarAPI = {\n  props: [\n    {\n      name: 'color',\n      type: 'String',\n      default: '#607c8a',\n      description: 'Color of the loader',\n    },\n    {\n      name: 'scale',\n      type: 'Number/String',\n      default: '1',\n      description: 'Size of the loader, relative to the default size.',\n    },\n  ],\n};\nexport default ProgressBarAPI;\n","<template>\n  <docs-page-layout :title=\"$options.title\" :description=\"$options.description\" :status=\"$options.status\">\n    <template v-for=\"(demo, i) in demos\">\n      <docs-card-vue :title=\"demo.title\" :description=\"demo.description\" :file=\"demo.file\" :id=\"demo.id\" />\n    </template>\n    <template #api>\n      <getting-started :package-name=\"$options.packageName\" :component-name=\"$options.componentName\" />\n      <docs-all-api :api-data=\"$options.apiData\" />\n    </template>\n  </docs-page-layout>\n</template>\n\n<script>\nimport DocsPageLayout from '@/components/docs-card/DocsPageLayout.vue';\nimport DocsCardVue from '@/components/docs-card/DocsCardVue.vue';\nimport DocsCard from '@/components/docs-card/DocsCard.vue';\nimport GettingStarted from '@/components/docs-card/GettingStarted.vue';\nimport DocsAllApi from '@/components/docs-card/DocsAllApi.vue';\nimport ProgressLoaderAPI from 'lightvueDocs/example/loaders/ProgressLoaderAPI';\n\nexport default {\n  head: {\n    title: ' PageLoader Docs | LightVue ',\n    meta: [\n      { charset: 'utf-8' },\n      { name: 'viewport', content: 'width=device-width, initial-scale=1' },\n      { property: 'og:title', content: 'LightVue' },\n      { property: 'og:image', content: 'https://lightvue.com/icon.png' },\n      {\n        property: 'og:site_name',\n        content: ' PageLoader Docs | LightVue ',\n      },\n      {\n        property: 'og:description',\n        content: ' ',\n      },\n    ],\n    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],\n  },\n  data() {\n    return {\n      demos: [\n        {\n          title: 'Ball Scale',\n          file: 'progressloader/BallTypeDemos/BallScaleDemo',\n          description: 'You can use the progress Loader for various purpose like loading animations or space-filler etc. LightVue comes with some stunning designs for progress loaders.There are different types of loaders are present in lightVue you can go through this page for more info.You can change the type of loaders by passing value in <span>type</span> prop. LightVue Progress Loaders is Both compatible with Vue <span>3.x</span> and Vue <span>2.x</span>',\n        },\n        {\n          title: 'Ball Scale Multiple',\n          file: 'progressloader/BallTypeDemos/BallScaleMultipleDemo',\n\n          description: 'Use the below type of loaders by passing in <span>ball-scale-multiple</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n        },\n        {\n          title: 'Ball Scale Random',\n          description: 'Use the below type of loaders by passing in <span>ball-scale-random</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallScaleRandomDemo',\n        },\n        {\n          title: 'Ball Scale Ripple',\n          description: 'Use the below type of loaders by passing in <span>ball-scale-ripple</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallScaleRippleDemo',\n        },\n        {\n          title: 'Ball Scale Ripple Multiple',\n          description: 'Use the below type of loaders by passing in <span>ball-scale-ripple-multiple</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallScaleRippleMultipleDemo',\n        },\n        {\n          title: 'Ball Beat',\n          description: 'Use the below type of loaders by passing in <span>ball-beat</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallBeatDemo',\n        },\n        {\n          title: 'Ball Pulse',\n          description: 'Use the below type of loaders by passing in <span>ball-pulse</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallPulseDemo',\n        },\n        {\n          title: 'Ball Pulse Sync',\n          description: 'Use the below type of loaders by passing in <span>ball-pulse-sync</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallPulseSyncDemo',\n        },\n        {\n          title: 'Ball Pulse Rise',\n          description: 'Use the below type of loaders by passing in <span>ball-pulse-rise</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallPulseRiseDemo',\n        },\n        {\n          title: 'Ball Rotate',\n          description: 'Use the below type of loaders by passing in <span>ball-rotate</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallRotateDemo',\n        },\n        {\n          title: 'Ball Grid Beat',\n          description: 'Use the below type of loaders by passing in <span>ball-grid-beat</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallGridBeatDemo',\n        },\n        {\n          title: 'Ball Grid Pulse',\n          description: 'Use the below type of loaders by passing in <span>ball-grid-pulse</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallGridPulseDemo',\n        },\n        {\n          title: 'Ball Spin Fade Loader',\n          description: 'Use the below type of loaders by passing in <span>ball-spin-fade-loader</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallSpinFadeLoaderDemo',\n        },\n        {\n          title: 'Ball Zig Zag',\n          description: 'Use the below type of loaders by passing in <span>ball-zig-zag</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallZigZagDemo',\n        },\n        {\n          title: 'Ball Zig Zag Deflect',\n          description: 'Use the below type of loaders by passing in <span>ball-zig-zag-deflect</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallZigZagDeflectDemo',\n        },\n        {\n          title: 'Ball Triangle Path',\n          description: 'Use the below type of loaders by passing in <span>ball-triangle-path</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallTrianglePathDemo',\n        },\n        {\n          title: 'Ball Clip Rotate',\n          description: 'Use the below type of loaders by passing in <span>ball-clip-rotate</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallClipRotateDemo',\n        },\n        {\n          title: 'Ball Clip Rotate Multiple',\n          description: 'Use the below type of loaders by passing in <span>ball-clip-rotate-multiple</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/BallTypeDemos/BallClipRotateMultipleDemo',\n        },\n        {\n          title: 'Line Scale',\n          description: 'Use the below type of loaders by passing in <span>line-scale</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/LineTypeDemos/LineScaleDemo',\n        },\n        {\n          title: 'Line Scale Party',\n          description: 'Use the below type of loaders by passing in <span>line-scale-party</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/LineTypeDemos/LineScalePartyDemo',\n        },\n        {\n          title: 'Line Scale Pulse Out',\n          description: 'Use the below type of loaders by passing in <span>line-scale-pulse-out</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/LineTypeDemos/LineScalePulseOutDemo',\n        },\n        {\n          title: 'Line Scale Pusle Out Rapid',\n          description: 'Use the below type of loaders by passing in <span>line-scale-pulse-out-rapid</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/LineTypeDemos/LineScalePulseOutRapidDemo',\n        },\n        {\n          title: 'Line Spin Fade Loader',\n          description: 'Use the below type of loaders by passing in <span>line-spin-fade-loader</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/LineTypeDemos/LineSpinFadeLoaderDemo',\n        },\n        {\n          title: 'Square Spin',\n          description: 'Use the below type of loaders by passing in <span>squar-spin</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/MiscTypeDemos/SquareSpinDemo',\n        },\n        {\n          title: 'Cube Transition',\n          description: 'Use the below type of loaders by passing in <span>cube-transition</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/MiscTypeDemos/CubeTransitionDemo',\n        },\n        {\n          title: 'Semi Circle Spin',\n          description: 'Use the below type of loaders by passing in <span>semi-circle-spin</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/MiscTypeDemos/SemiCircleSpinDemo',\n        },\n        {\n          title: 'Triangle Skew Spin',\n          description: 'Use the below type of loaders by passing in <span>triangle-skew-spin</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/MiscTypeDemos/TriangleSkewSpinDemo',\n        },\n        {\n          title: 'Pacman',\n          description: 'Use the below type of loaders by passing in <span>pacman</span> within the <span>type</span> prop. You can change the size of your loader by passing in a value in the <span>scale</span> prop. You can also change the color of your loader by passing a color string in your <span>color</span> prop.',\n          file: 'progressloader/MiscTypeDemos/PacmanDemo',\n        },\n      ],\n    };\n  },\n  components: {\n    DocsCardVue,\n    DocsCard,\n    GettingStarted,\n    DocsPageLayout,\n    DocsAllApi,\n  },\n  title: 'Progress Loaders',\n  description: `Progress Loader components can be used as a loading animations or space-fillers while waiting for the actual content to load.`,\n  packageName: 'progressloader',\n  componentName: 'LvLoader',\n  // status: 'Stable',\n  apiData: ProgressLoaderAPI,\n};\n</script>\n","import { render } from \"./page-loader.vue?vue&type=template&id=1a532229\"\nimport script from \"./page-loader.vue?vue&type=script&lang=js\"\nexport * from \"./page-loader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}