@ozdao/martyrs 0.2.550 → 0.2.552

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
-const vueRouter = require("vue-router");
-const vueI18n = require("vue-i18n");
-const categories = require("../../../../products/store/categories.cjs");
-const products = require("../../../../products/store/products.cjs");
-;/* empty css                   */
-const _hoisted_1 = {
-  id: "main-menu",
-  class: "pos-relative"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "w-100 h-15r radius-medium flex-center bg-light"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "gap-thin grid-container"
-};
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "t-black capitalize h3" };
-const _hoisted_6 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin t-transp t-black p-regular"
-};
-const _hoisted_7 = {
-  key: 1,
-  class: "mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button"
-};
-const _sfc_main = {
-  __name: "SectionMenu",
-  setup(__props) {
-    vueRouter.useRouter();
-    const categoriesRoot = vue.ref(null);
-    const text = {
-      en: {
-        categories: []
-      },
-      ru: {
-        categories: []
-      }
-    };
-    const { t } = vueI18n.useI18n({
-      messages: text
-    });
-    const countProduct = vue.ref(0);
-    const menu = vue.ref(false);
-    vue.onMounted(async () => {
-      countProduct.value = await products.actions.read({ count: true });
-      categoriesRoot.value = await categories.actions.read({ rootOnly: true });
-      menu.value = true;
-    });
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        _cache[0] || (_cache[0] = vue.createElementVNode("h2", { class: "w-m-60r mn-auto pd-t-big pd-b-big t-center" }, [
-          vue.createTextVNode(" Weed and Accessories to "),
-          vue.createElementVNode("br"),
-          vue.createElementVNode("b", null, "Enhance Your Smoking Experience")
-        ], -1)),
-        vue.createVNode(vue.Transition, {
-          name: "fade",
-          mode: "out-in",
-          appear: ""
-        }, {
-          default: vue.withCtx(() => [
-            !menu.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-              vue.createVNode(Loader.default, { class: "pos-relative" })
-            ])) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_3, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoriesRoot.value.slice(0, 5), (category, index) => {
-                return vue.openBlock(), vue.createBlock(_component_router_link, {
-                  to: _ctx.getMarketplaceLink([category.url]),
-                  key: category,
-                  class: "cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item"
-                }, {
-                  default: vue.withCtx(() => [
-                    category.photo ? (vue.openBlock(), vue.createElementBlock("img", {
-                      key: 0,
-                      loading: "lazy",
-                      src: category.photo,
-                      class: "h-100 aspect-1x1 t-transp mn-r-thin"
-                    }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["w-100", { "mn-r-auto": category.url === "buds" }])
-                    }, [
-                      vue.createElementVNode("h3", _hoisted_5, vue.toDisplayString(category.name), 1),
-                      category.url === "buds" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, " Unveiling the Exceptional User Curated Best Buds ")) : vue.createCommentVNode("", true),
-                      category.url === "buds" ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_7, [
-                        vue.createElementVNode("span", null, "Check " + vue.toDisplayString(countProduct.value.count) + " products →", 1)
-                      ])) : vue.createCommentVNode("", true)
-                    ], 2)
-                  ]),
-                  _: 2
-                }, 1032, ["to"]);
-              }), 128))
-            ]))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=SectionMenu.vue.cjs.map

package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionMenu.vue.cjs","sources":["../../../../../../../../src/modules/marketplace/views/components/sections/SectionMenu.vue"],"sourcesContent":["<template>\n\t<section id=\"main-menu\" class=\"pos-relative\">\n\t\t<h2 class=\"w-m-60r mn-auto pd-t-big pd-b-big t-center\">\n\t\t\tWeed and Accessories to <br><b>Enhance Your Smoking Experience</b> \n\t\t</h2>\n\n\t\t<transition name=\"fade\" mode=\"out-in\"  appear>\n\t\t\t<div v-if=\"!menu\"  class=\"w-100 h-15r radius-medium flex-center bg-light\">\n\t\t\t\t<Loader class=\"pos-relative\"/>\n\t\t\t</div>\n\n\t\t\t<ul v-else class=\"gap-thin grid-container\">\n\t\t\t\t<router-link :to=\"getMarketplaceLink([category.url])\"\n\t\t\t\t\tv-for=\"(category,index) in categoriesRoot.slice(0,5)\" \n\t\t\t\t\t:key=\"category\" \n\t\t\t\t\tclass=\"cursor-pointer hover-scale-0 flex-v-center flex-h-center flex-nowrap flex-row flex bg-light radius-medium pd-medium grid-item\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"category.photo\"\n\t\t\t\t\t\t:src=\"category.photo\"\n\t\t\t\t\t\tclass=\"h-100 aspect-1x1 t-transp mn-r-thin\"\n\t\t\t\t\t>\n\n\t\t\t\t\t<div class=\"w-100\" :class=\"{'mn-r-auto':category.url === 'buds'}\">\n\t\t\t\t\t\t<h3 class=\"t-black capitalize h3\">\n\t\t\t\t\t\t\t{{category.name}}\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\n\t\t\t\t\t\t<p v-if=\"category.url === 'buds'\" class=\"mn-t-thin mn-b-thin t-transp t-black p-regular\">\n\t\t\t\t\t\t\tUnveiling the Exceptional User Curated Best Buds\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tv-if=\"category.url === 'buds'\"\n\t\t\t        class=\"mn-t-small radius-extra hover-bg-black t-medium t-black bg-main hover-t-white button-small button\"\n\t\t\t      >\n\t\t\t        <span>Check {{countProduct.count}} products →</span>\n\t\t\t      </button>\n\t\t\t\t\t</div>\n\t\t\t\t</router-link>\n\n\t\t\t</ul>\n\t\t</transition>\n\t</section>\n</template>\n\n\n<script setup>\n\timport { ref, onMounted,computed } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\t\n\timport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\timport * as products from '@martyrs/src/modules/products/store/products.js';\n\n\tconst router = useRouter()\n\n\tconst categoriesRoot = ref(null)\n\t\n \tconst text = {\n    en: {\n    \tcategories: []\n    },\n    ru: {\n    \tcategories: []\n    }\n  }\n\n\n\tconst { t  } = useI18n({\n    messages: text\n  })\n\n\tconst countProduct = ref(0)\n\tconst menu = ref(false)\n\n\tonMounted( async () => {\n\t\tcountProduct.value = await products.actions.read({count: true})\n\t\tcategoriesRoot.value = await categories.actions.read({rootOnly: true})\n\t\tmenu.value = true\n\t})\n</script>\n\n<style lang=\"scss\">\n\t.grid-container {\n\t  display: grid;\n\t  grid-template-columns: repeat(4, 1fr);\n\t  grid-template-rows: repeat(2, 1fr);\n\t}\n\n\t.grid-item {\n\t  &:first-of-type {\n\t  \tgrid-column: span 2;\n\t  \tgrid-row: span 2;\n\t  }\n\t}\n\n\t@media screen and (max-width: 1025px) {\n    .grid-container {  grid-template-columns: repeat(2, 1fr);  }\n  }\n</style>\n"],"names":["useRouter","ref","useI18n","onMounted","products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DgBA,cAAAA,UAAS;AAExB,UAAM,iBAAiBC,IAAAA,IAAI,IAAI;AAE9B,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,MACI,IAAI;AAAA,QACH,YAAY,CAAA;AAAA,MACjB;AAAA,IACA;AAGC,UAAM,EAAE,EAAC,IAAMC,gBAAQ;AAAA,MACpB,UAAU;AAAA,IACd,CAAG;AAEF,UAAM,eAAeD,IAAAA,IAAI,CAAC;AAC1B,UAAM,OAAOA,IAAAA,IAAI,KAAK;AAEtBE,QAAAA,UAAW,YAAY;AACtB,mBAAa,QAAQ,MAAMC,SAAAA,QAAiB,KAAK,EAAC,OAAO,KAAI,CAAC;AAC9D,qBAAe,QAAQ,MAAMC,WAAAA,QAAmB,KAAK,EAAC,UAAU,KAAI,CAAC;AACrE,WAAK,QAAQ;AAAA,IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/marketplace/views/store/marketplace.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const state = vue.reactive({
-  shops: [],
-  popular: [],
-  pagination: {
-    page: 1,
-    perPage: 18
-  },
-  search: {
-    active: false,
-    current: "",
-    result: []
-  },
-  filter: {
-    active: false,
-    class: "mobile-only",
-    selected: {},
-    options: [
-      {
-        title: "Delivery",
-        value: "delivery",
-        options: [
-          { label: "Pickup", value: "pickup" },
-          { label: "Courier", value: "courier" },
-          { label: "Post", value: "post" }
-        ]
-      }
-    ]
-  },
-  sort: {
-    param: "distance",
-    order: "asc",
-    options: [
-      {
-        label: "Distance",
-        value: "distance"
-      },
-      {
-        label: "Popularity",
-        value: "views"
-      },
-      {
-        label: "Products",
-        value: "numberOfProducts"
-      }
-    ]
-  }
-});
-vue.watch(state, (newState, oldState) => {
-});
-exports.state = state;
-//# sourceMappingURL=marketplace.cjs.map

package/dist/martyrs/src/modules/marketplace/views/store/marketplace.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"marketplace.cjs","sources":["../../../../../../../src/modules/marketplace/views/store/marketplace.js"],"sourcesContent":["import { reactive, watch } from 'vue';\n\n// State\nconst state = reactive({\n  shops: [],\n  popular: [],\n  pagination: {\n    page: 1,\n    perPage: 18,\n  },\n  search: {\n    active: false,\n    current: '',\n    result: [],\n  },\n  filter: {\n    active: false,\n    class: 'mobile-only',\n    selected: {},\n    options: [\n      {\n        title: 'Delivery',\n        value: 'delivery',\n        options: [\n          { label: 'Pickup', value: 'pickup' },\n          { label: 'Courier', value: 'courier' },\n          { label: 'Post', value: 'post' },\n        ],\n      },\n    ],\n  },\n  sort: {\n    param: 'distance',\n    order: 'asc',\n    options: [\n      {\n        label: 'Distance',\n        value: 'distance',\n      },\n      {\n        label: 'Popularity',\n        value: 'views',\n      },\n      {\n        label: 'Products',\n        value: 'numberOfProducts',\n      },\n    ],\n  },\n});\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n  history.push(newState);\n});\n\n// Module Export\nexport { state };\n"],"names":["reactive","watch"],"mappings":";;;AAGK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACb;AAAA,EACE,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ,CAAA;AAAA,EACZ;AAAA,EACE,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU,CAAA;AAAA,IACV,SAAS;AAAA,MACP;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,UACP,EAAE,OAAO,UAAU,OAAO,SAAQ;AAAA,UAClC,EAAE,OAAO,WAAW,OAAO,UAAS;AAAA,UACpC,EAAE,OAAO,QAAQ,OAAO,OAAM;AAAA,QACxC;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACE,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,MACP;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACf;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACf;AAAA,MACM;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACf;AAAA,IACA;AAAA,EACA;AACA,CAAC;AAODC,IAAAA,MAAM,OAAO,CAAC,UAAU,aAAa;AAErC,CAAC;;"}

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.cjs

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
-const player = require("../../store/player.cjs");
-const albums = require("../../store/albums.cjs");
-;/* empty css                 */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "album-cover pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out"
-};
-const _hoisted_3 = { class: "album-info pd-medium bg-light" };
-const _hoisted_4 = { class: "mn-b-thin t-medium t-truncate" };
-const _hoisted_5 = { class: "t-transp t-small t-truncate" };
-const _sfc_main = {
-  __name: "AlbumCard",
-  props: {
-    album: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const albumInfo = vue.computed(() => {
-      const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : "";
-      let artistName = "Unknown Artist";
-      if (props.album.artists && props.album.artists.length > 0) {
-        if (props.album.artists[0]?.name) {
-          artistName = props.album.artists.map((artist) => artist.name).join(", ");
-        } else if (typeof props.album.artists[0] === "string") {
-          artistName = "Various Artists";
-        }
-      } else if (props.album.artist?.name) {
-        artistName = props.album.artist.name;
-      }
-      return releaseYear ? `${artistName} • ${releaseYear}` : artistName;
-    });
-    const playAlbum = async (album) => {
-      if (albums.state.currentAlbum && albums.state.currentAlbum._id === album._id && albums.state.currentAlbumTracks.length > 0) {
-        player.actions.setQueue(albums.state.currentAlbumTracks);
-        return;
-      }
-      const tracks = await albums.actions.fetchAlbumTracks(album._id);
-      if (tracks && tracks.length > 0) {
-        player.actions.setQueue(tracks);
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createBlock(_component_router_link, {
-        to: { name: "album", params: { url: __props.album.url } },
-        class: "album-card d-block radius-medium o-hidden"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createVNode(Media.default, {
-              url: __props.album.coverArt || __props.album.coverUrl || "/logo/logo-placeholder.jpg",
-              class: "w-100 aspect-1x1 object-fit-cover"
-            }, null, 8, ["url"]),
-            __props.album.totalTracks && __props.album.totalTracks > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-              vue.createVNode(Button.default, {
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => playAlbum(__props.album), ["stop", "prevent"])),
-                class: "play-button i-big bg-main radius-round flex-center flex aspect-1x1",
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(IconPlay.default, {
-                    class: "i-small",
-                    fill: "rgb(var(--white))"
-                  })
-                ]),
-                _: 1
-              })
-            ])) : vue.createCommentVNode("", true)
-          ]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("h3", _hoisted_4, vue.toDisplayString(__props.album.title), 1),
-            vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(albumInfo.value), 1)
-          ])
-        ]),
-        _: 1
-      }, 8, ["to"]);
-    };
-  }
-};
-const AlbumCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-faf7f060"]]);
-exports.default = AlbumCard;
-//# sourceMappingURL=AlbumCard.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlbumCard.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/AlbumCard.vue"],"sourcesContent":["<!-- components/cards/AlbumCard.vue -->\n<template>\n  <router-link \n    :to=\"{ name: 'album', params: { url: album.url } }\" \n    class=\"album-card d-block radius-medium o-hidden\"\n  >\n    <div class=\"album-cover pos-relative\">\n      <Media \n        :url=\"album.coverArt || album.coverUrl || '/logo/logo-placeholder.jpg'\" \n        class=\"w-100 aspect-1x1 object-fit-cover\"\n      />\n      <div v-if=\"album.totalTracks && album.totalTracks > 0\" class=\"album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out\">\n        <Button \n          @click.stop.prevent=\"playAlbum(album)\" \n          class=\"play-button i-big bg-main radius-round flex-center flex aspect-1x1\"\n          :showLoader=\"false\"\n          :showSucces=\"false\"\n        >\n          <IconPlay class=\"i-small\" fill=\"rgb(var(--white))\" />\n        </Button>\n      </div>\n    </div>\n    <div class=\"album-info pd-medium bg-light\">\n      <h3 class=\"mn-b-thin t-medium t-truncate\">{{ album.title }}</h3>\n      <p class=\"t-transp t-small t-truncate\">{{ albumInfo }}</p>\n    </div>\n  </router-link>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store & albums store\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\n\nconst props = defineProps({\n  album: {\n    type: Object,\n    required: true\n  }\n});\n\n// Computed properties\nconst albumInfo = computed(() => {\n  const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : '';\n  let artistName = 'Unknown Artist';\n  \n  // Handle artists array (model uses 'artists' not 'artist')\n  if (props.album.artists && props.album.artists.length > 0) {\n    // If populated, artists[0] will have name property\n    if (props.album.artists[0]?.name) {\n      artistName = props.album.artists.map(artist => artist.name).join(', ');\n    } else if (typeof props.album.artists[0] === 'string') {\n      // If not populated, it might be just IDs\n      artistName = 'Various Artists';\n    }\n  } else if (props.album.artist?.name) {\n    // Fallback for old data structure\n    artistName = props.album.artist.name;\n  }\n  \n  return releaseYear ? `${artistName} • ${releaseYear}` : artistName;\n});\n\n// Methods\nconst playAlbum = async (album) => {\n  // If album tracks are already loaded in state, use those\n  if (albumsState.currentAlbum && albumsState.currentAlbum._id === album._id && albumsState.currentAlbumTracks.length > 0) {\n    playerActions.setQueue(albumsState.currentAlbumTracks);\n    return;\n  }\n  \n  // Otherwise fetch tracks for this album\n  const tracks = await albumsActions.fetchAlbumTracks(album._id);\n  \n  if (tracks && tracks.length > 0) {\n    playerActions.setQueue(tracks);\n  }\n};\n</script>\n\n<style scoped>\n.album-card {\n  transition: transform 0.3s ease;\n}\n\n.album-card:hover {\n  transform: translateY(-5px);\n}\n\n.album-overlay {\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.album-card:hover .album-overlay {\n  opacity: 1;\n}\n\n.play-button {\n  transform: scale(0.8);\n  transition: transform 0.3s ease;\n}\n\n.album-card:hover .play-button {\n  transform: scale(1);\n}\n</style>"],"names":["computed","albumsState","playerActions","albumsActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAQd,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,YAAM,cAAc,MAAM,MAAM,cAAc,IAAI,KAAK,MAAM,MAAM,WAAW,EAAE,YAAW,IAAK;AAChG,UAAI,aAAa;AAGjB,UAAI,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,GAAG;AAEzD,YAAI,MAAM,MAAM,QAAQ,CAAC,GAAG,MAAM;AAChC,uBAAa,MAAM,MAAM,QAAQ,IAAI,YAAU,OAAO,IAAI,EAAE,KAAK,IAAI;AAAA,QACvE,WAAW,OAAO,MAAM,MAAM,QAAQ,CAAC,MAAM,UAAU;AAErD,uBAAa;AAAA,QACf;AAAA,MACF,WAAW,MAAM,MAAM,QAAQ,MAAM;AAEnC,qBAAa,MAAM,MAAM,OAAO;AAAA,MAClC;AAEA,aAAO,cAAc,GAAG,UAAU,MAAM,WAAW,KAAK;AAAA,IAC1D,CAAC;AAGD,UAAM,YAAY,OAAO,UAAU;AAEjC,UAAIC,aAAY,gBAAgBA,OAAAA,MAAY,aAAa,QAAQ,MAAM,OAAOA,OAAAA,MAAY,mBAAmB,SAAS,GAAG;AACvHC,uBAAc,SAASD,OAAAA,MAAY,kBAAkB;AACrD;AAAA,MACF;AAGA,YAAM,SAAS,MAAME,OAAAA,QAAc,iBAAiB,MAAM,GAAG;AAE7D,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/BD,eAAAA,QAAc,SAAS,MAAM;AAAA,MAC/B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/ArtistCard.vue.cjs

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-;/* empty css                  */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "artist-image w-100 pos-relative aspect-1x1" };
-const _hoisted_2 = ["src", "alt"];
-const _hoisted_3 = {
-  key: 1,
-  class: "w-100 h-100 bg-light flex-center flex"
-};
-const _hoisted_4 = { class: "h3" };
-const _hoisted_5 = { class: "p-small" };
-const _hoisted_6 = { class: "pd-small" };
-const _hoisted_7 = { class: "t-medium mn-b-small t-truncate" };
-const _hoisted_8 = {
-  key: 0,
-  class: "p-small t-transp t-trim"
-};
-const _sfc_main = {
-  __name: "ArtistCard",
-  props: {
-    artist: {
-      type: Object,
-      required: true
-    },
-    clickable: {
-      type: Boolean,
-      default: true
-    },
-    showStatus: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const router = vueRouter.useRouter();
-    const handleClick = () => {
-      if (!props.clickable) return;
-      router.push({
-        name: "artist",
-        params: { url: props.artist.url }
-      });
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["artist-card flex flex-column radius-medium o-hidden bg-white", { "cursor-pointer hover-scale-1": __props.clickable }]),
-        onClick: handleClick
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          __props.artist.photo ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            src: _ctx.FILE_SERVER_URL + __props.artist.photo,
-            alt: __props.artist.name,
-            class: "w-100 h-100 object-fit-cover",
-            loading: "lazy"
-          }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-            vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(__props.artist.name ? __props.artist.name.charAt(0) : "?"), 1)
-          ])),
-          __props.showStatus ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 2,
-            class: vue.normalizeClass(["pos-absolute pos-t-small pos-r-small pd-micro radius-medium", {
-              "bg-second": __props.artist.status === "published",
-              "bg-fifth": __props.artist.status === "featured",
-              "bg-grey": __props.artist.status === "draft"
-            }])
-          }, [
-            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(__props.artist.status), 1)
-          ], 2)) : vue.createCommentVNode("", true)
-        ]),
-        vue.createElementVNode("div", _hoisted_6, [
-          vue.createElementVNode("h4", _hoisted_7, vue.toDisplayString(__props.artist.name), 1),
-          __props.artist.genres && __props.artist.genres.length ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(__props.artist.genres.join(", ")), 1)) : vue.createCommentVNode("", true)
-        ]),
-        vue.renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-      ], 2);
-    };
-  }
-};
-const ArtistCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-648ab17c"]]);
-exports.default = ArtistCard;
-//# sourceMappingURL=ArtistCard.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/ArtistCard.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArtistCard.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/ArtistCard.vue"],"sourcesContent":["<template>\n  <div \n    class=\"artist-card flex flex-column radius-medium o-hidden bg-white\"\n    :class=\"{ 'cursor-pointer hover-scale-1': clickable }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"artist-image w-100 pos-relative aspect-1x1\">\n      <img \n        v-if=\"artist.photo\" \n        :src=\"FILE_SERVER_URL + artist.photo\" \n        :alt=\"artist.name\"\n        class=\"w-100 h-100 object-fit-cover\"\n        loading=\"lazy\"\n      />\n      <div v-else class=\"w-100 h-100 bg-light flex-center flex\">\n        <span class=\"h3\">{{ artist.name ? artist.name.charAt(0) : '?' }}</span>\n      </div>\n      \n      <div \n        v-if=\"showStatus\" \n        class=\"pos-absolute pos-t-small pos-r-small pd-micro radius-medium\"\n        :class=\"{\n          'bg-second': artist.status === 'published',\n          'bg-fifth': artist.status === 'featured',\n          'bg-grey': artist.status === 'draft'\n        }\"\n      >\n        <span class=\" p-small\">{{ artist.status }}</span>\n      </div>\n    </div>\n    \n    <div class=\"pd-small\">\n      <h4 class=\"t-medium mn-b-small t-truncate\">{{ artist.name }}</h4>\n      <p v-if=\"artist.genres && artist.genres.length\" class=\"p-small t-transp t-trim\">\n        {{ artist.genres.join(', ') }}\n      </p>\n    </div>\n    \n    <slot name=\"actions\"></slot>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst props = defineProps({\n  artist: {\n    type: Object,\n    required: true\n  },\n  clickable: {\n    type: Boolean,\n    default: true\n  },\n  showStatus: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst router = useRouter();\n\nconst handleClick = () => {\n  if (!props.clickable) return;\n  \n  router.push({\n    name: 'artist',\n    params: { url: props.artist.url }\n  });\n};\n</script>\n\n<style scoped>\n.artist-card {\n  border: 1px solid rgba(var(--grey), 0.2);\n  transition: transform 0.2s ease;\n}\n\n.hover-scale-1:hover {\n  transform: scale(1.02);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n</style>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAed,UAAM,SAASA,UAAAA,UAAS;AAExB,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,MAAM,UAAW;AAEtB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG;AAAA,MACnC,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.cjs

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const Media = require("../../../../components/Media/Media.vue.cjs");
-const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
-;/* empty css                       */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "artist-card bg-light pd-medium radius-medium flex flex-center gap-big" };
-const _hoisted_2 = { class: "artist-avatar" };
-const _hoisted_3 = {
-  key: 1,
-  class: "w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center"
-};
-const _hoisted_4 = { class: "flex items-center gap-thin" };
-const _hoisted_5 = { class: "mn-b-thin" };
-const _hoisted_6 = { class: "t-small t-transp" };
-const _sfc_main = {
-  __name: "ArtistCardSmall",
-  props: {
-    artist: {
-      type: Object,
-      required: true,
-      validator: (value) => {
-        return value._id && value.name && value.url;
-      }
-    },
-    isFollowing: {
-      type: Boolean,
-      default: false
-    },
-    showFollowButton: {
-      type: Boolean,
-      default: true
-    },
-    artistType: {
-      type: String,
-      default: "Artist"
-    }
-  },
-  emits: ["toggle-follow"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const handleFollowClick = () => {
-      emit("toggle-follow", props.artist._id);
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(_component_router_link, {
-          to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
-          class: "flex flex-v-center gap-thin flex-1 hover-opacity"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2, [
-              __props.artist.photoUrl ? (vue.openBlock(), vue.createBlock(Media.default, {
-                key: 0,
-                url: __props.artist.photoUrl,
-                alt: __props.artist.name,
-                class: "w-4r h-4r radius-full object-fit-cover"
-              }, null, 8, ["url", "alt"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(__props.artist.name.charAt(0)), 1))
-            ]),
-            vue.createElementVNode("div", null, [
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(__props.artist.name), 1),
-                __props.artist.isVerified ? (vue.openBlock(), vue.createBlock(IconCheckmark.default, {
-                  key: 0,
-                  class: "w-1r h-1r t-primary"
-                })) : vue.createCommentVNode("", true)
-              ]),
-              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(__props.artistType), 1)
-            ])
-          ]),
-          _: 1
-        }, 8, ["to"]),
-        __props.showFollowButton ? (vue.openBlock(), vue.createBlock(Button.default, {
-          key: 0,
-          onClick: handleFollowClick,
-          color: __props.isFollowing ? "primary" : "transp",
-          size: "small",
-          class: "bg-main"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
-          ]),
-          _: 1
-        }, 8, ["color"])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const ArtistCardSmall = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-7fd022f7"]]);
-exports.default = ArtistCardSmall;
-//# sourceMappingURL=ArtistCardSmall.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArtistCardSmall.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/ArtistCardSmall.vue"],"sourcesContent":["<!-- components/cards/ArtistCard.vue -->\n<template>\n  <div class=\"artist-card bg-light pd-medium radius-medium flex flex-center gap-big\">\n    <router-link \n      :to=\"artist.url ? { name: 'artist', params: { url: artist.url } } : artist.to\"\n      class=\"flex flex-v-center gap-thin flex-1 hover-opacity\"\n    >\n      <div class=\"artist-avatar\">\n        <Media \n          v-if=\"artist.photoUrl\"\n          :url=\"artist.photoUrl\"\n          :alt=\"artist.name\"\n          class=\"w-4r h-4r radius-full object-fit-cover\"\n        />\n        <div v-else class=\"w-4r h-4r flex flex center radius-extra radius-full bg-main flex-center\">\n          {{ artist.name.charAt(0) }}\n        </div>\n      </div>\n\n      <div>\n        <div class=\"flex items-center gap-thin\">\n          <span class=\"mn-b-thin\">{{ artist.name }}</span>\n          <IconVerified v-if=\"artist.isVerified\" class=\"w-1r h-1r t-primary\" />\n        </div>\n        <span class=\"t-small t-transp\">{{ artistType }}</span>\n      </div>\n    </router-link>\n\n    <Button \n      v-if=\"showFollowButton\"\n      @click=\"handleFollowClick\"\n      :color=\"isFollowing ? 'primary' : 'transp'\"\n      size=\"small\"\n      class=\"bg-main\"\n    >\n      {{ isFollowing ? 'Following' : 'Follow' }}\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nconst props = defineProps({\n  artist: {\n    type: Object,\n    required: true,\n    validator: (value) => {\n      return value._id && value.name && value.url;\n    }\n  },\n  isFollowing: {\n    type: Boolean,\n    default: false\n  },\n  showFollowButton: {\n    type: Boolean,\n    default: true\n  },\n  artistType: {\n    type: String,\n    default: 'Artist'\n  }\n});\n\nconst emit = defineEmits(['toggle-follow']);\n\nconst handleFollowClick = () => {\n  emit('toggle-follow', props.artist._id);\n};\n</script>\n\n<style scoped>\n.artist-card {\n  transition: all 0.2s ease;\n}\n\n.artist-card:hover {\n  transform: translateY(-5px);\n}\n\n.artist-avatar img {\n  transition: transform 0.2s ease;\n}\n\n.artist-card:hover .artist-avatar img {\n  transform: scale(1.05);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,oBAAoB,MAAM;AAC9B,WAAK,iBAAiB,MAAM,OAAO,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.cjs

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Media = require("../../../../components/Media/Media.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const IconPlay = require("../../../icons/navigation/IconPlay.vue.cjs");
-const player = require("../../store/player.cjs");
-const playlists = require("../../store/playlists.cjs");
-;/* empty css                    */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "playlist-cover pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "playlist-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out"
-};
-const _hoisted_3 = { class: "playlist-info pd-small bg-light" };
-const _hoisted_4 = { class: "t-medium mn-b-small t-truncate" };
-const _hoisted_5 = { class: "t-transp t-small t-truncate" };
-const _sfc_main = {
-  __name: "PlaylistCard",
-  props: {
-    playlist: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const playlistInfo = vue.computed(() => {
-      const trackCount = props.playlist.tracks?.length || 0;
-      let creatorName = "Unknown";
-      if (props.playlist.creator?.target?.profile?.name) {
-        creatorName = props.playlist.creator.target.profile.name;
-      } else if (props.playlist.creator?.target?.name) {
-        creatorName = props.playlist.creator.target.name;
-      }
-      return `${creatorName} • ${trackCount} ${trackCount === 1 ? "track" : "tracks"}`;
-    });
-    const playPlaylist = async (playlist) => {
-      if (!playlist || !playlist.url) {
-        console.warn("Playlist or URL not available");
-        return;
-      }
-      try {
-        console.log("Loading playlist:", playlist.url);
-        await playlists.actions.fetchPlaylistByUrl(playlist.url);
-        const tracks = playlists.state.currentPlaylistTracks || [];
-        console.log("Loaded tracks:", tracks);
-        if (tracks.length > 0) {
-          console.log("Setting queue with tracks:", tracks);
-          player.actions.setQueue(tracks);
-        } else {
-          console.warn("No tracks found in playlist after loading");
-        }
-      } catch (error) {
-        console.error("Error loading playlist for playback:", error);
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createBlock(_component_router_link, {
-        to: { name: "playlist", params: { url: __props.playlist.url } },
-        class: "playlist-card d-block radius-small o-hidden"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createVNode(Media.default, {
-              url: __props.playlist.coverUrl || "/logo/logo-placeholder.jpg",
-              class: "w-100 aspect-1x1 object-fit-cover"
-            }, null, 8, ["url"]),
-            __props.playlist.tracks && __props.playlist.tracks.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-              vue.createVNode(Button.default, {
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => playPlaylist(__props.playlist), ["stop", "prevent"])),
-                class: "play-button bg-main radius-round flex-center flex aspect-1x1",
-                showLoader: false,
-                showSucces: false
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(IconPlay.default, {
-                    class: "i-small",
-                    fill: "rgb(var(--black))"
-                  })
-                ]),
-                _: 1
-              })
-            ])) : vue.createCommentVNode("", true)
-          ]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("h3", _hoisted_4, vue.toDisplayString(__props.playlist.title), 1),
-            vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(playlistInfo.value), 1)
-          ])
-        ]),
-        _: 1
-      }, 8, ["to"]);
-    };
-  }
-};
-const PlaylistCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-be2a71af"]]);
-exports.default = PlaylistCard;
-//# sourceMappingURL=PlaylistCard.vue.cjs.map

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaylistCard.vue.cjs","sources":["../../../../../../../src/modules/music/components/cards/PlaylistCard.vue"],"sourcesContent":["<!-- components/cards/PlaylistCard.vue -->\n<template>\n  <router-link \n    :to=\"{ name: 'playlist', params: { url: playlist.url } }\" \n    class=\"playlist-card d-block radius-small o-hidden\"\n  >\n    <div class=\"playlist-cover pos-relative\">\n      <Media \n        :url=\"playlist.coverUrl || '/logo/logo-placeholder.jpg'\" \n        class=\"w-100 aspect-1x1 object-fit-cover\"\n      />\n      <div v-if=\"playlist.tracks && playlist.tracks.length > 0\" class=\"playlist-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out\">\n        <Button \n          @click.stop.prevent=\"playPlaylist(playlist)\" \n          class=\"play-button bg-main radius-round flex-center flex aspect-1x1\"\n          :showLoader=\"false\"\n          :showSucces=\"false\"\n        >\n          <IconPlay class=\"i-small\" fill=\"rgb(var(--black))\" />\n        </Button>\n      </div>\n    </div>\n    <div class=\"playlist-info pd-small bg-light\">\n      <h3 class=\" t-medium mn-b-small t-truncate\">{{ playlist.title }}</h3>\n      <p class=\"t-transp t-small t-truncate\">{{ playlistInfo }}</p>\n    </div>\n  </router-link>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as playlistsState, actions as playlistsActions } from '../../store/playlists.js';\n\nconst props = defineProps({\n  playlist: {\n    type: Object,\n    required: true\n  }\n});\n\n// Computed properties\nconst playlistInfo = computed(() => {\n  const trackCount = props.playlist.tracks?.length || 0;\n  let creatorName = 'Unknown';\n  \n  if (props.playlist.creator?.target?.profile?.name) {\n    creatorName = props.playlist.creator.target.profile.name;\n  } else if (props.playlist.creator?.target?.name) {\n    creatorName = props.playlist.creator.target.name;\n  }\n  \n  return `${creatorName} • ${trackCount} ${trackCount === 1 ? 'track' : 'tracks'}`;\n});\n\n// Methods\nconst playPlaylist = async (playlist) => {\n  if (!playlist || !playlist.url) {\n    console.warn('Playlist or URL not available');\n    return;\n  }\n  \n  try {\n    console.log('Loading playlist:', playlist.url);\n    \n    // Fetch full playlist data with populated tracks\n    await playlistsActions.fetchPlaylistByUrl(playlist.url);\n    \n    // Get tracks from store after loading\n    const tracks = playlistsState.currentPlaylistTracks || [];\n    \n    console.log('Loaded tracks:', tracks);\n    \n    if (tracks.length > 0) {\n      console.log('Setting queue with tracks:', tracks);\n      playerActions.setQueue(tracks);\n    } else {\n      console.warn('No tracks found in playlist after loading');\n    }\n  } catch (error) {\n    console.error('Error loading playlist for playback:', error);\n  }\n};\n</script>\n\n<style scoped>\n.playlist-card {\n  transition: transform 0.3s ease;\n}\n\n.playlist-card:hover {\n  transform: translateY(-5px);\n}\n\n.playlist-overlay {\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.playlist-card:hover .playlist-overlay {\n  opacity: 1;\n}\n\n.play-button {\n  width: 48px;\n  height: 48px;\n  transform: scale(0.8);\n  transition: transform 0.3s ease;\n}\n\n.playlist-card:hover .play-button {\n  transform: scale(1);\n}\n</style>"],"names":["computed","playlistsActions","playlistsState","playerActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAQd,UAAM,eAAeA,IAAAA,SAAS,MAAM;AAClC,YAAM,aAAa,MAAM,SAAS,QAAQ,UAAU;AACpD,UAAI,cAAc;AAElB,UAAI,MAAM,SAAS,SAAS,QAAQ,SAAS,MAAM;AACjD,sBAAc,MAAM,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACtD,WAAW,MAAM,SAAS,SAAS,QAAQ,MAAM;AAC/C,sBAAc,MAAM,SAAS,QAAQ,OAAO;AAAA,MAC9C;AAEA,aAAO,GAAG,WAAW,MAAM,UAAU,IAAI,eAAe,IAAI,UAAU,QAAQ;AAAA,IAChF,CAAC;AAGD,UAAM,eAAe,OAAO,aAAa;AACvC,UAAI,CAAC,YAAY,CAAC,SAAS,KAAK;AAC9B,gBAAQ,KAAK,+BAA+B;AAC5C;AAAA,MACF;AAEA,UAAI;AACF,gBAAQ,IAAI,qBAAqB,SAAS,GAAG;AAG7C,cAAMC,kBAAiB,mBAAmB,SAAS,GAAG;AAGtD,cAAM,SAASC,gBAAe,yBAAyB,CAAA;AAEvD,gBAAQ,IAAI,kBAAkB,MAAM;AAEpC,YAAI,OAAO,SAAS,GAAG;AACrB,kBAAQ,IAAI,8BAA8B,MAAM;AAChDC,iBAAAA,QAAc,SAAS,MAAM;AAAA,QAC/B,OAAO;AACL,kBAAQ,KAAK,2CAA2C;AAAA,QAC1D;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,wCAAwC,KAAK;AAAA,MAC7D;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}