{"version":3,"file":"Skeleton.19ec139a.js","sources":["../../../app/javascript/components/filters-with-list/components/skeleton-components/default.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-with-list/components/skeleton-components/default.vue","../../../app/javascript/components/filters-with-list/components/skeleton-components/catalog.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-with-list/components/skeleton-components/catalog.vue","../../../app/javascript/components/filters-with-list/components/Skeleton.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-with-list/components/Skeleton.vue"],"sourcesContent":["\n<div class=\"text-center\">\n    <div class=\"skeleton-container\">\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n      <div class=\"skeleton-item\">\n\n      </div>\n    </div>\n</div>\n","<template>\r\n    <div class=\"text-center\">\r\n        <div class=\"skeleton-container\">\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n          <div class=\"skeleton-item\">\r\n\r\n          </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n  .skeleton-container{\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 25px 20px;\r\n  }\r\n  .skeleton-item{\r\n    min-width: 150px;\r\n    flex: 1;\r\n    height: 218px;\r\n    animation: pulse 5s infinite;\r\n  }\r\n  @keyframes pulse {\r\n  0% {\r\n    background-color: rgb(192, 192, 192);\r\n  }\r\n  50% {\r\n    background-color: #e0e0e0;\r\n  }\r\n    75% {\r\n    background-color: #ffffff;\r\n  }\r\n}\r\n</style>","\n<div class=\"text-center\">\n    <div class=\"skeleton-container flex-wrap\">\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\n        <div class=\"skeleton-item mx-1 my-2\"></div>\n      </div>\n    </div>\n</div>\n","<template>\r\n    <div class=\"text-center\">\r\n        <div class=\"skeleton-container flex-wrap\">\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n          <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3\">\r\n            <div class=\"skeleton-item mx-1 my-2\"></div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    \r\n}\r\n</script>\r\n<style>\r\n  .skeleton-container{\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n  }\r\n  .skeleton-item{\r\n    height: 210px;\r\n    animation: pulse 5s infinite;\r\n  }\r\n  @keyframes pulse {\r\n  0% {\r\n    background-color: rgb(192, 192, 192);\r\n  }\r\n  50% {\r\n    background-color: #e0e0e0;\r\n  }\r\n    75% {\r\n    background-color: #ffffff;\r\n  }\r\n}\r\n</style>","\n<div>\n  <template v-if=\"component=='catalog'\">\n    <Catalog/>\n  </template>\n  <template v-else>\n    <Default/>\n  </template>\n</div>\n","<template>\r\n    <div>\r\n      <template v-if=\"component=='catalog'\">\r\n        <Catalog/>\r\n      </template>\r\n      <template v-else>\r\n        <Default/>\r\n      </template>\r\n    </div>\r\n</template>\r\n<script>\r\nimport Default from './skeleton-components/default.vue'\r\nimport Catalog from './skeleton-components/catalog.vue'\r\nexport default {\r\n  props:{\r\n    component: String\r\n  },\r\n  components:{\r\n    Default, Catalog\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n  \r\n</style>"],"names":["render","_vm","_h","staticRenderFns","_c","__vue2_script","Default","Catalog"],"mappings":"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"}