{"version":3,"file":"AlbumArtwork-BbxEBx-j.js","sources":["../../Vue/src/components/MediaPlayer/PlayingIcon.vue","../../Vue/src/components/MediaPlayer/AlbumArtwork.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n</script>\r\n\r\n<template>\r\n  <div class=\"playing-icon\">\r\n    <span />\r\n    <span />\r\n    <span />\r\n\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n","<script setup lang=\"ts\">\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    mediaType?: \"video\" | \"song\";\r\n    url?: string;\r\n    darkMode?: boolean;\r\n    playing?: boolean;\r\n    alt?: string;\r\n    fixedMode?: \"column\" | \"row\";\r\n    noLazy?: boolean;\r\n    fetchPriority?: string;\r\n    sizes?: string;\r\n    restrictWidth?: number;\r\n  }>(),\r\n  {\r\n    mediaType: \"song\",\r\n    url: \"\",\r\n    darkMode: false,\r\n    playing: false,\r\n    alt: \"\",\r\n    fixedMode: \"row\",\r\n  },\r\n);\r\n\r\nconst icon = computed(() =>\r\n  props.mediaType === \"song\" ? \"fa-solid fa-music\" : \"fa-solid fa-film\",\r\n);\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"album-artwork\"\r\n    :class=\"`${mediaType} fixed-${fixedMode}`\"\r\n  >\r\n    <div\r\n      class=\"content\"\r\n      :class=\"{ empty: !url }\"\r\n    >\r\n      <FAIcon\r\n        v-if=\"!url\"\r\n        :class=\"icon\"\r\n        class=\"placeholder-icon\"\r\n      />\r\n      <Image\r\n        v-else\r\n        :src=\"url\"\r\n        :alt=\"alt\"\r\n        rounded\r\n        transparent\r\n        :sizes=\"sizes\"\r\n        :restrict-width=\"restrictWidth\"\r\n        :no-lazy=\"noLazy\"\r\n        :fetch-priority=\"fetchPriority\"\r\n        :placeholder-icon=\"icon\"\r\n      />\r\n    </div>\r\n    <Transition name=\"fade\">\r\n      <div\r\n        v-if=\"playing\"\r\n        class=\"playing-overlay\"\r\n      >\r\n        <PlayingIcon />\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.album-artwork.video {\r\n  @apply aspect-video h-full w-full;\r\n}\r\n.album-artwork.song {\r\n  @apply aspect-square h-full w-full;\r\n}\r\n\r\n.content {\r\n  @apply flex h-full w-full items-center justify-center rounded-lg bg-black/25 shadow-lg;\r\n}\r\n.placeholder-icon {\r\n  @apply text-2xl text-black/50;\r\n}\r\n</style>\r\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","props","__props","icon","computed"],"mappings":"qRAIE,SAAAA,EAAAC,EAAAC,EAAA,QACUC,EAAA,EAAAC,EAAA,MAAAC,EAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CACRI,EAAQ,OAAA,KAAA,KAAA,EAAA,EACRA,EAAQ,OAAA,KAAA,KAAA,EAAA,mWCNZ,MAAMC,EAAQC,EAuBRC,EAAOC,EAAS,IACpBH,EAAM,YAAc,OAAS,oBAAsB,kBAAA"}