{"version":3,"file":"PodcastPlannedSpinner-BN7unEqf.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPlannedSpinner.vue","../src/components/display/podcasts/PodcastPlannedSpinner.vue"],"sourcesContent":["<template>\n  <div class=\"processing-planned-spinner d-flex align-items-center my-2 bg-secondary-light  p-3\">\n    <div class=\"cube\">\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n    </div>\n    <div class=\"fw-bold\">{{t('The episode is being processed')}}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nconst { t } = useI18n();\n</script>\n<style lang=\"scss\">\n\n\n.octopus-app .processing-planned-spinner{\n  .cube {\n    margin-right:1rem;\n    font-size: 24px;\n    height: 1em;\n    width: 1em;\n    position: relative;\n    transform: rotateX(30deg) rotateY(45deg);\n    transform-style: preserve-3d;\n    animation: cube-spin 2.5s infinite ease-in-out alternate;\n  }\n\n  .side {\n    position: absolute;\n    inset: 0;\n    transform-style: preserve-3d;\n  }\n\n  .side::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-color: var(--octopus-primary);\n    transform: translateZ(0.5em);\n    animation: cube-explode 1.5s infinite ease-in-out;\n    opacity: 0.5;\n  }\n\n  .side:nth-child(1) {\n    transform: rotateY(90deg);\n  }\n\n  .side:nth-child(2) {\n    transform: rotateY(180deg);\n  }\n\n  .side:nth-child(3) {\n    transform: rotateY(270deg);\n  }\n\n  .side:nth-child(4) {\n    transform: rotateY(360deg);\n  }\n\n  .side:nth-child(5) {\n    transform: rotateX(90deg);\n  }\n\n  .side:nth-child(6) {\n    transform: rotateX(270deg);\n  }\n\n  @keyframes cube-spin {\n    0% {\n      transform: rotateX(30deg) rotateY(45deg);\n    }\n\n    100% {\n      transform: rotateX(30deg) rotateY(405deg);\n    }\n  }\n\n  @keyframes cube-explode {\n    0% {\n      transform: translateZ(0.5em);\n    }\n\n    50% {\n      transform: translateZ(0.75em);\n    }\n\n    100% {\n      transform: translateZ(0.5em);\n    }\n  }\n\n}\n</style>","<template>\n  <div class=\"processing-planned-spinner d-flex align-items-center my-2 bg-secondary-light  p-3\">\n    <div class=\"cube\">\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n      <div class=\"side\"></div>\n    </div>\n    <div class=\"fw-bold\">{{t('The episode is being processed')}}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nconst { t } = useI18n();\n</script>\n<style lang=\"scss\">\n\n\n.octopus-app .processing-planned-spinner{\n  .cube {\n    margin-right:1rem;\n    font-size: 24px;\n    height: 1em;\n    width: 1em;\n    position: relative;\n    transform: rotateX(30deg) rotateY(45deg);\n    transform-style: preserve-3d;\n    animation: cube-spin 2.5s infinite ease-in-out alternate;\n  }\n\n  .side {\n    position: absolute;\n    inset: 0;\n    transform-style: preserve-3d;\n  }\n\n  .side::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-color: var(--octopus-primary);\n    transform: translateZ(0.5em);\n    animation: cube-explode 1.5s infinite ease-in-out;\n    opacity: 0.5;\n  }\n\n  .side:nth-child(1) {\n    transform: rotateY(90deg);\n  }\n\n  .side:nth-child(2) {\n    transform: rotateY(180deg);\n  }\n\n  .side:nth-child(3) {\n    transform: rotateY(270deg);\n  }\n\n  .side:nth-child(4) {\n    transform: rotateY(360deg);\n  }\n\n  .side:nth-child(5) {\n    transform: rotateX(90deg);\n  }\n\n  .side:nth-child(6) {\n    transform: rotateX(270deg);\n  }\n\n  @keyframes cube-spin {\n    0% {\n      transform: rotateX(30deg) rotateY(45deg);\n    }\n\n    100% {\n      transform: rotateX(30deg) rotateY(405deg);\n    }\n  }\n\n  @keyframes cube-explode {\n    0% {\n      transform: translateZ(0.5em);\n    }\n\n    50% {\n      transform: translateZ(0.75em);\n    }\n\n    100% {\n      transform: translateZ(0.5em);\n    }\n  }\n\n}\n</style>"],"mappings":";;;;;;;;EAgBA,MAAM,EAAE,MAAM,QAAQ;;;;;;;;;;;mBCff,OAAM,mFAAmF;mBASvF,OAAM,UAAS;;qBATtB,mBAUM,OAVN,YAUM,CAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,0LAAA,CAAA,IADJ,mBAAkE,OAAlE,YAAkE,gBAA3C,OAAA,EAAC,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}