@ozdao/martyrs 0.2.565 → 0.2.567

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js

@@ -1,23 +1,23 @@
-import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode, Fragment, renderList, createBlock } from "vue";
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import Loader from "../../../../components/Loader/Loader.vue.js";
+/* empty css                                       */
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$5 from "../../../../components/Dropdown/Dropdown.vue.js";
-import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
-import _sfc_main$4 from "../../../icons/navigation/IconLike.vue.js";
-import _sfc_main$6 from "../../../icons/navigation/IconEllipsis.vue.js";
-import _sfc_main$3 from "../../../icons/navigation/IconShuffle.vue.js";
-import _sfc_main$7 from "../../../icons/entities/IconCalendar.vue.js";
+/* empty css                                            */
+import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconPlay.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconLike.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconShuffle.vue.js";
+import _sfc_main$5 from "../../../icons/entities/IconCalendar.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
-import _sfc_main$9 from "../../../icons/actions/IconShow.vue.js";
-import _sfc_main$8 from "../../../icons/entities/IconMusic.vue.js";
-import _sfc_main$b from "../cards/TrackListCard.vue.js";
+import _sfc_main$7 from "../../../icons/actions/IconShow.vue.js";
+import _sfc_main$6 from "../../../icons/entities/IconMusic.vue.js";
+import _sfc_main$4 from "../blocks/ActionButtons.vue.js";
+import _sfc_main$9 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import ArtistCardSmall from "../cards/ArtistCardSmall.vue.js";
-import { state, actions } from "../../store/albums.js";
-import { actions as actions$1 } from "../../store/player.js";
+import { state, actions as actions$1 } from "../../store/albums.js";
+import { actions } from "../../store/player.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 const _hoisted_1 = { class: "album-page pd-small" };
 const _hoisted_2 = {
@@ -30,7 +30,7 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 2,
-  class: "album-content cols-2-fit-content mobile:cols-1 gap-big"
+  class: "album-content cols-2 mobile:cols-1 gap-big"
 };
 const _hoisted_5 = { class: "pos-sticky pos-t-0 mobile:pos-relative album-cover-section" };
 const _hoisted_6 = { class: "stats-grid grid cols-2 gap-small" };
@@ -46,42 +46,40 @@ const _hoisted_14 = {
   class: "bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase"
 };
 const _hoisted_15 = { class: "h1 mn-b-medium" };
-const _hoisted_16 = { class: "flex gap-small mn-b-medium" };
-const _hoisted_17 = { class: "dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin" };
-const _hoisted_18 = { class: "artists-section mn-b-medium" };
-const _hoisted_19 = {
+const _hoisted_16 = { class: "artists-section mn-b-medium" };
+const _hoisted_17 = {
   key: 0,
   class: "t-medium mn-b-small"
 };
-const _hoisted_20 = { class: "flex flex-column gap-small" };
-const _hoisted_21 = { class: "metadata-grid grid cols-2 gap-small mn-b-medium" };
+const _hoisted_18 = { class: "flex flex-column gap-small" };
+const _hoisted_19 = { class: "metadata-grid grid cols-2 gap-small mn-b-medium" };
+const _hoisted_20 = { class: "metadata-card bg-light pd-medium radius-medium flex items-center gap-regular" };
+const _hoisted_21 = { class: "t-medium" };
 const _hoisted_22 = { class: "metadata-card bg-light pd-medium radius-medium flex items-center gap-regular" };
 const _hoisted_23 = { class: "t-medium" };
-const _hoisted_24 = { class: "metadata-card bg-light pd-medium radius-medium flex items-center gap-regular" };
-const _hoisted_25 = { class: "t-medium" };
-const _hoisted_26 = {
+const _hoisted_24 = {
   key: 0,
   class: "metadata-card bg-light pd-medium radius-medium flex items-center gap-regular"
 };
+const _hoisted_25 = { class: "t-medium" };
+const _hoisted_26 = { class: "metadata-card bg-light pd-medium radius-medium flex items-center gap-regular" };
 const _hoisted_27 = { class: "t-medium" };
-const _hoisted_28 = { class: "metadata-card bg-light pd-medium radius-medium flex items-center gap-regular" };
-const _hoisted_29 = { class: "t-medium" };
-const _hoisted_30 = {
+const _hoisted_28 = {
   key: 0,
   class: "tags-section mn-b-medium"
 };
-const _hoisted_31 = { class: "flex gap-thin flex-wrap" };
-const _hoisted_32 = {
+const _hoisted_29 = { class: "flex gap-thin flex-wrap" };
+const _hoisted_30 = {
   key: 3,
   class: "tracks-section mn-t-big"
 };
-const _hoisted_33 = { class: "bg-light radius-medium o-hidden" };
-const _hoisted_34 = {
+const _hoisted_31 = { class: "bg-light radius-medium o-hidden" };
+const _hoisted_32 = {
   key: 4,
   class: "more-albums-section mn-t-big"
 };
-const _hoisted_35 = { class: "flex justify-between items-center mn-b-medium" };
-const _hoisted_36 = { class: "flex flex-nowrap gap-small o-x-scroll overscroll-behavior-x-contain scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide" };
+const _hoisted_33 = { class: "flex justify-between items-center mn-b-medium" };
+const _hoisted_34 = { class: "flex flex-nowrap gap-small o-x-scroll overscroll-behavior-x-contain scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide" };
 const _sfc_main = {
   __name: "Album",
   emits: ["page-loading", "page-loaded"],
@@ -91,7 +89,6 @@ const _sfc_main = {
     const emits = __emit;
     const hasLoaded = ref(false);
     const isFavorite = ref(false);
-    const showDropdown = ref(false);
     const followedArtists = ref([]);
     const moreAlbums = ref([]);
     state.currentAlbum = null;
@@ -106,6 +103,48 @@ const _sfc_main = {
       const totalSeconds = albumTracks.value.reduce((sum, track) => sum + (track.duration || 0), 0);
       return formatDuration(totalSeconds);
     });
+    const actionButtons = computed(() => {
+      const buttons = [
+        {
+          type: "button",
+          class: "t-white bg-black",
+          icon: _sfc_main$1,
+          iconFill: "rgb(var(--white))",
+          text: "Play All",
+          action: playAlbum
+        },
+        {
+          type: "button",
+          class: "bg-light",
+          icon: _sfc_main$2,
+          text: "Shuffle",
+          action: shufflePlay
+        },
+        {
+          type: "button",
+          class: "bg-light",
+          icon: _sfc_main$3,
+          iconFill: isFavorite.value ? "rgb(var(--main))" : "rgb(var(--black))",
+          text: isFavorite.value ? "Liked" : "Like",
+          action: toggleFavorite
+        },
+        {
+          type: "dropdown",
+          items: [
+            { text: "Add to Queue", action: addToQueue },
+            { text: "Copy Link", action: copyLink },
+            { text: "Add to Playlist", action: addToPlaylist }
+          ]
+        }
+      ];
+      if (isOwner.value) {
+        const items = buttons[3].items;
+        items.push({ separator: true });
+        items.push({ text: "Edit Album", action: editAlbum });
+        items.push({ text: "Delete Album", action: deleteAlbum, color: "danger" });
+      }
+      return buttons;
+    });
     const formatDate = (dateString) => {
       if (!dateString) return "Unknown";
       return new Date(dateString).toLocaleDateString("en-US", {
@@ -135,13 +174,13 @@ const _sfc_main = {
     };
     const playAlbum = () => {
       if (albumTracks.value && albumTracks.value.length > 0) {
-        actions$1.setQueue(albumTracks.value);
+        actions.setQueue(albumTracks.value);
       }
     };
     const shufflePlay = () => {
       if (albumTracks.value && albumTracks.value.length > 0) {
         const shuffled = [...albumTracks.value].sort(() => Math.random() - 0.5);
-        actions$1.setQueue(shuffled);
+        actions.setQueue(shuffled);
       }
     };
     const toggleFavorite = () => {
@@ -158,18 +197,20 @@ const _sfc_main = {
     const addToQueue = () => {
       if (albumTracks.value.length > 0) {
         albumTracks.value.forEach((track) => {
-          actions$1.addToQueue(track);
+          actions.addToQueue(track);
         });
-        showDropdown.value = false;
       }
     };
+    const addToPlaylist = () => {
+      console.log("Add album to playlist");
+    };
     const editAlbum = () => {
       router.push({ name: "album-edit", params: { url: album.value.url } });
     };
     const deleteAlbum = async () => {
       if (confirm("Are you sure you want to delete this album?")) {
         try {
-          await actions.deleteAlbum(album.value._id);
+          await actions$1.deleteAlbum(album.value._id);
           router.push({ name: "music-library" });
         } catch (error) {
           console.error("Failed to delete album:", error);
@@ -178,14 +219,13 @@ const _sfc_main = {
     };
     const copyLink = () => {
       navigator.clipboard.writeText(window.location.href);
-      showDropdown.value = false;
     };
     const fetchAlbumData = async () => {
       try {
-        await actions.fetchAlbumByUrl(route.params.url);
+        await actions$1.fetchAlbumByUrl(route.params.url);
         if (album.value?.artists?.length) {
           const artistIds = album.value.artists.map((a) => a._id);
-          const albums = await actions.fetchAlbums({
+          const albums = await actions$1.fetchAlbums({
             artist: { $in: artistIds },
             status: "published",
             isPublic: true,
@@ -209,7 +249,7 @@ const _sfc_main = {
         _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(Loader)
         ])) : createCommentVNode("", true),
-        hasLoaded.value && !album.value ? (openBlock(), createElementBlock("div", _hoisted_3, _cache[1] || (_cache[1] = [
+        hasLoaded.value && !album.value ? (openBlock(), createElementBlock("div", _hoisted_3, _cache[0] || (_cache[0] = [
           createElementVNode("h2", { class: "" }, "Album not found", -1),
           createElementVNode("p", { class: "t-transp t-medium" }, "The album you're looking for doesn't exist or has been removed.", -1)
         ]))) : createCommentVNode("", true),
@@ -218,16 +258,16 @@ const _sfc_main = {
             createVNode(Media, {
               url: album.value.coverArt || "/logo/logo-placeholder.jpg",
               alt: album.value.title,
-              class: "aspect-1x1 w-100 w-max-30r mn-b-small radius-medium o-hidden"
+              class: "aspect-1x1 w-100 mn-b-small radius-medium o-hidden"
             }, null, 8, ["url", "alt"]),
             createElementVNode("div", _hoisted_6, [
               createElementVNode("div", _hoisted_7, [
                 createElementVNode("div", _hoisted_8, toDisplayString(album.value.totalTracks || 0), 1),
-                _cache[2] || (_cache[2] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Tracks", -1))
+                _cache[1] || (_cache[1] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Tracks", -1))
               ]),
               createElementVNode("div", _hoisted_9, [
                 createElementVNode("div", _hoisted_10, toDisplayString(formatNumber(album.value.views)), 1),
-                _cache[3] || (_cache[3] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Views", -1))
+                _cache[2] || (_cache[2] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Views", -1))
               ])
             ])
           ]),
@@ -237,135 +277,10 @@ const _sfc_main = {
               album.value.status === "published" ? (openBlock(), createElementBlock("span", _hoisted_14, " Published ")) : createCommentVNode("", true)
             ]),
             createElementVNode("h1", _hoisted_15, toDisplayString(album.value.title), 1),
+            createVNode(_sfc_main$4, { buttons: actionButtons.value }, null, 8, ["buttons"]),
             createElementVNode("div", _hoisted_16, [
-              createVNode(_sfc_main$1, {
-                onClick: playAlbum,
-                color: "primary",
-                size: "medium",
-                class: "flex-1 t-white bg-black radius-thin flex-center gap-thin"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$2, {
-                    fill: "rgb(var(--white))",
-                    class: "i-medium"
-                  }),
-                  _cache[4] || (_cache[4] = createTextVNode(" Play All "))
-                ]),
-                _: 1
-              }),
-              createVNode(_sfc_main$1, {
-                onClick: shufflePlay,
-                color: "primary",
-                size: "medium",
-                class: "flex-1 bg-light radius-thin flex-center gap-thin"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$3, { class: "i-medium" }),
-                  _cache[5] || (_cache[5] = createTextVNode(" Shuffle "))
-                ]),
-                _: 1
-              }),
-              createVNode(_sfc_main$1, {
-                onClick: toggleFavorite,
-                color: "primary",
-                size: "medium",
-                class: "flex-1 bg-light radius-thin flex-center gap-thin"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$4, {
-                    class: "i-medium",
-                    fill: isFavorite.value ? "rgb(var(--main)" : "rgb(var(--black)"
-                  }, null, 8, ["fill"]),
-                  createTextVNode(" " + toDisplayString(isFavorite.value ? "Liked" : "Like"), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(_sfc_main$5, {
-                label: { component: _sfc_main$6, class: "bg-light radius-thin pd-thin i-big" },
-                modelValue: showDropdown.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showDropdown.value = $event),
-                class: "relative"
-              }, {
-                trigger: withCtx(() => [
-                  createVNode(_sfc_main$1, {
-                    color: "transp",
-                    size: "medium",
-                    class: "w-3r h-3r radius-full"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_sfc_main$6, { class: "w-1-25r h-1-25r" })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_17, [
-                    createVNode(_sfc_main$1, {
-                      onClick: addToQueue,
-                      color: "transp",
-                      size: "small",
-                      class: "w-100 justify-start"
-                    }, {
-                      default: withCtx(() => _cache[6] || (_cache[6] = [
-                        createTextVNode(" Add to Queue ")
-                      ])),
-                      _: 1
-                    }),
-                    createVNode(_sfc_main$1, {
-                      onClick: copyLink,
-                      color: "transp",
-                      size: "small",
-                      class: "w-100 justify-start"
-                    }, {
-                      default: withCtx(() => _cache[7] || (_cache[7] = [
-                        createTextVNode(" Copy Link ")
-                      ])),
-                      _: 1
-                    }),
-                    createVNode(_sfc_main$1, {
-                      onClick: _ctx.addToPlaylist,
-                      color: "transp",
-                      size: "small",
-                      class: "w-100 justify-start"
-                    }, {
-                      default: withCtx(() => _cache[8] || (_cache[8] = [
-                        createTextVNode(" Add to Playlist ")
-                      ])),
-                      _: 1
-                    }, 8, ["onClick"]),
-                    isOwner.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      _cache[11] || (_cache[11] = createElementVNode("hr", { class: "mn-v-thin border-dark-transp-10" }, null, -1)),
-                      createVNode(_sfc_main$1, {
-                        onClick: editAlbum,
-                        color: "transp",
-                        size: "small",
-                        class: "w-100 justify-start"
-                      }, {
-                        default: withCtx(() => _cache[9] || (_cache[9] = [
-                          createTextVNode(" Edit Album ")
-                        ])),
-                        _: 1
-                      }),
-                      createVNode(_sfc_main$1, {
-                        onClick: deleteAlbum,
-                        color: "danger",
-                        size: "small",
-                        class: "w-100 justify-start"
-                      }, {
-                        default: withCtx(() => _cache[10] || (_cache[10] = [
-                          createTextVNode(" Delete Album ")
-                        ])),
-                        _: 1
-                      })
-                    ], 64)) : createCommentVNode("", true)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["label", "modelValue"])
-            ]),
-            createElementVNode("div", _hoisted_18, [
-              album.value.artists ? (openBlock(), createElementBlock("h3", _hoisted_19, "Artists")) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_20, [
+              album.value.artists ? (openBlock(), createElementBlock("h3", _hoisted_17, "Artists")) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_18, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(album.value.artists, (artist) => {
                   return openBlock(), createBlock(ArtistCardSmall, {
                     key: artist._id,
@@ -377,40 +292,40 @@ const _sfc_main = {
                 }), 128))
               ])
             ]),
-            _cache[17] || (_cache[17] = createElementVNode("h3", { class: "t-medium mn-b-small" }, "Metadata", -1)),
-            createElementVNode("div", _hoisted_21, [
-              createElementVNode("div", _hoisted_22, [
-                createVNode(_sfc_main$7, { class: "i-medium t-primary" }),
+            _cache[8] || (_cache[8] = createElementVNode("h3", { class: "t-medium mn-b-small" }, "Metadata", -1)),
+            createElementVNode("div", _hoisted_19, [
+              createElementVNode("div", _hoisted_20, [
+                createVNode(_sfc_main$5, { class: "i-medium t-primary" }),
                 createElementVNode("div", null, [
-                  _cache[12] || (_cache[12] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Released", -1)),
-                  createElementVNode("div", _hoisted_23, toDisplayString(formatDate(album.value.releaseDate)), 1)
+                  _cache[3] || (_cache[3] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Released", -1)),
+                  createElementVNode("div", _hoisted_21, toDisplayString(formatDate(album.value.releaseDate)), 1)
                 ])
               ]),
-              createElementVNode("div", _hoisted_24, [
+              createElementVNode("div", _hoisted_22, [
                 createVNode(IconTime, { class: "i-medium t-primary" }),
                 createElementVNode("div", null, [
-                  _cache[13] || (_cache[13] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Duration", -1)),
-                  createElementVNode("div", _hoisted_25, toDisplayString(totalDuration.value), 1)
+                  _cache[4] || (_cache[4] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Duration", -1)),
+                  createElementVNode("div", _hoisted_23, toDisplayString(totalDuration.value), 1)
                 ])
               ]),
-              album.value.label ? (openBlock(), createElementBlock("div", _hoisted_26, [
-                createVNode(_sfc_main$8, { class: "i-medium t-primary" }),
+              album.value.label ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                createVNode(_sfc_main$6, { class: "i-medium t-primary" }),
                 createElementVNode("div", null, [
-                  _cache[14] || (_cache[14] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Label", -1)),
-                  createElementVNode("div", _hoisted_27, toDisplayString(album.value.label), 1)
+                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Label", -1)),
+                  createElementVNode("div", _hoisted_25, toDisplayString(album.value.label), 1)
                 ])
               ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_28, [
-                createVNode(_sfc_main$9, { class: "i-medium t-primary" }),
+              createElementVNode("div", _hoisted_26, [
+                createVNode(_sfc_main$7, { class: "i-medium t-primary" }),
                 createElementVNode("div", null, [
-                  _cache[15] || (_cache[15] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Visibility", -1)),
-                  createElementVNode("div", _hoisted_29, toDisplayString(album.value.isPublic ? "Public" : "Private"), 1)
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "t-small t-transp t-uppercase" }, "Visibility", -1)),
+                  createElementVNode("div", _hoisted_27, toDisplayString(album.value.isPublic ? "Public" : "Private"), 1)
                 ])
               ])
             ]),
-            album.value.genres && album.value.genres.length || album.value.tags && album.value.tags.length ? (openBlock(), createElementBlock("div", _hoisted_30, [
-              _cache[16] || (_cache[16] = createElementVNode("h3", { class: "t-medium mn-b-small" }, "Genres & Tags", -1)),
-              createElementVNode("div", _hoisted_31, [
+            album.value.genres && album.value.genres.length || album.value.tags && album.value.tags.length ? (openBlock(), createElementBlock("div", _hoisted_28, [
+              _cache[7] || (_cache[7] = createElementVNode("h3", { class: "t-medium mn-b-small" }, "Genres & Tags", -1)),
+              createElementVNode("div", _hoisted_29, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(album.value.genres, (genre) => {
                   return openBlock(), createElementBlock("span", {
                     key: genre,
@@ -427,9 +342,9 @@ const _sfc_main = {
             ])) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
-        !_ctx.isLoading && album.value && albumTracks.value.length ? (openBlock(), createElementBlock("section", _hoisted_32, [
-          _cache[18] || (_cache[18] = createElementVNode("h2", { class: "h2 mn-b-medium" }, "Tracklist", -1)),
-          createVNode(_sfc_main$a, {
+        !_ctx.isLoading && album.value && albumTracks.value.length ? (openBlock(), createElementBlock("section", _hoisted_30, [
+          _cache[9] || (_cache[9] = createElementVNode("h2", { class: "h2 mn-b-medium" }, "Tracklist", -1)),
+          createVNode(_sfc_main$8, {
             store: {
               read: () => _ctx.Promise.resolve(albumTracks.value),
               state: { isLoading: false }
@@ -445,9 +360,9 @@ const _sfc_main = {
             }
           }, {
             default: withCtx(({ items }) => [
-              createElementVNode("div", _hoisted_33, [
+              createElementVNode("div", _hoisted_31, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (track, index) => {
-                  return openBlock(), createBlock(_sfc_main$b, {
+                  return openBlock(), createBlock(_sfc_main$9, {
                     key: track._id,
                     track,
                     index: index + 1,
@@ -460,21 +375,21 @@ const _sfc_main = {
             _: 1
           }, 8, ["store", "items"])
         ])) : createCommentVNode("", true),
-        !_ctx.isLoading && album.value && moreAlbums.value.length ? (openBlock(), createElementBlock("section", _hoisted_34, [
-          createElementVNode("div", _hoisted_35, [
-            _cache[20] || (_cache[20] = createElementVNode("h2", { class: "h2" }, "More Albums", -1)),
+        !_ctx.isLoading && album.value && moreAlbums.value.length ? (openBlock(), createElementBlock("section", _hoisted_32, [
+          createElementVNode("div", _hoisted_33, [
+            _cache[11] || (_cache[11] = createElementVNode("h2", { class: "h2" }, "More Albums", -1)),
             album.value.artists && album.value.artists[0] ? (openBlock(), createBlock(_component_router_link, {
               key: 0,
               to: { name: "artist", params: { url: album.value.artists[0].url } },
               class: "t-primary hover-opacity"
             }, {
-              default: withCtx(() => _cache[19] || (_cache[19] = [
+              default: withCtx(() => _cache[10] || (_cache[10] = [
                 createTextVNode(" See all ")
               ])),
               _: 1
             }, 8, ["to"])) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_36, [
+          createElementVNode("div", _hoisted_34, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(moreAlbums.value, (relatedAlbum) => {
               return openBlock(), createElementBlock("li", {
                 key: album.value._id,
@@ -482,7 +397,7 @@ const _sfc_main = {
               }, [
                 createVNode(AlbumCard, {
                   album: relatedAlbum,
-                  class: "w-min-15r transition-cubic-in-out"
+                  class: "w-15r transition-cubic-in-out"
                 }, null, 8, ["album"])
               ]);
             }), 128))

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Album.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Album.vue"],"sourcesContent":["<!-- components/pages/Album.vue -->\n<template>\n  <div class=\"album-page pd-small\">\n    <!-- Loading -->\n    <div v-if=\"isLoading\" class=\"w-100 h-25r flex-center flex\">\n      <Loader />\n    </div>\n    \n    <!-- Not Found -->\n    <div v-if=\"hasLoaded && !album\" class=\"t-center pd-big\">\n      <h2 class=\"\">Album not found</h2>\n      <p class=\"t-transp t-medium\">The album you're looking for doesn't exist or has been removed.</p>\n    </div>\n    \n    <!-- Album Content -->\n    <div v-if=\"album\" class=\"album-content cols-2-fit-content mobile:cols-1 gap-big\">\n      <!-- Left Column - Cover & Stats -->\n      <div class=\"pos-sticky pos-t-0 mobile:pos-relative album-cover-section\">\n        <!-- Cover -->\n        <Media \n          :url=\"album.coverArt || '/logo/logo-placeholder.jpg'\"\n          :alt=\"album.title\"\n          class=\"aspect-1x1 w-100 w-max-30r mn-b-small radius-medium o-hidden\"\n        />\n        <!-- Quick Stats -->\n        <div class=\"stats-grid grid cols-2 gap-small\">\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ album.totalTracks || 0 }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Tracks</div>\n          </div>\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ formatNumber(album.views) }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Views</div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Right Column - Album Details -->\n      <div class=\"album-details-section\">\n        <!-- Album Type Badge -->\n        <div class=\"flex items-center gap-small mn-b-small\">\n          <span class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            {{ album.type }}\n          </span>\n          <span v-if=\"album.status === 'published'\" class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Published\n          </span>\n        </div>\n\n        <!-- Album Title -->\n        <h1 class=\"h1 mn-b-medium\">{{ album.title }}</h1>\n\n        <!-- Action Buttons -->\n        <div class=\"flex gap-small mn-b-medium\">\n          <Button\n            @click=\"playAlbum\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1 t-white bg-black radius-thin flex-center gap-thin\"\n          >\n            <IconPlay fill=\"rgb(var(--white))\" class=\"i-medium\" />\n            Play All\n          </Button>\n\n          <Button\n            @click=\"shufflePlay\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1 bg-light radius-thin flex-center gap-thin\"\n          >\n            <IconShuffle class=\"i-medium\" />\n            Shuffle\n          </Button>\n\n          <Button\n            @click=\"toggleFavorite\"\n            color=\"primary\"\n            size=\"medium\"\n            class=\"flex-1 bg-light radius-thin flex-center gap-thin\"\n          >\n            <IconLike class=\"i-medium\" :fill=\"isFavorite ? 'rgb(var(--main)':'rgb(var(--black)'\" />\n            {{isFavorite ? 'Liked' : 'Like'}}\n          </Button>\n\n          <Dropdown :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\" v-model=\"showDropdown\" class=\"relative\">\n            <template #trigger>\n              <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n                <IconEllipsis class=\"w-1-25r h-1-25r\" />\n              </Button>\n            </template>\n            <template #default>\n              <div class=\"dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin\">\n                <Button @click=\"addToQueue\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n                  Add to Queue\n                </Button>\n                <Button @click=\"copyLink\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n                  Copy Link\n                </Button>\n                <Button @click=\"addToPlaylist\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n                  Add to Playlist\n                </Button>\n                <template v-if=\"isOwner\">\n                  <hr class=\"mn-v-thin border-dark-transp-10\" />\n                  <Button @click=\"editAlbum\" color=\"transp\" size=\"small\" class=\"w-100 justify-start\">\n                    Edit Album\n                  </Button>\n                  <Button @click=\"deleteAlbum\" color=\"danger\" size=\"small\" class=\"w-100 justify-start\">\n                    Delete Album\n                  </Button>\n                </template>\n              </div>\n            </template>\n          </Dropdown>\n        </div>\n\n        <!-- Artists Cards -->\n        <div class=\"artists-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\" v-if=\"album.artists\">Artists</h3>\n          <div class=\"flex flex-column gap-small\">\n            <ArtistCardSmall \n              v-for=\"artist in album.artists\" \n              :key=\"artist._id\"\n              :artist=\"artist\"\n              :is-following=\"followedArtists.includes(artist._id)\"\n              :show-follow-button=\"!isOwner\"\n              @toggle-follow=\"toggleFollowArtist\"\n            />\n          </div>\n        </div>\n\n        <!-- Metadata Cards -->\n        <h3 class=\"t-medium mn-b-small\">Metadata</h3>\n        <div class=\"metadata-grid grid cols-2 gap-small mn-b-medium\">\n          <!-- Release Date -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconCalendar class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Released</div>\n              <div class=\"t-medium \">{{ formatDate(album.releaseDate) }}</div>\n            </div>\n          </div>\n\n          <!-- Total Duration -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconClock class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Duration</div>\n              <div class=\"t-medium \">{{ totalDuration }}</div>\n            </div>\n          </div>\n\n          <!-- Label -->\n          <div v-if=\"album.label\" class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconDisc class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Label</div>\n              <div class=\"t-medium \">{{ album.label }}</div>\n            </div>\n          </div>\n\n          <!-- Visibility -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconEye class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Visibility</div>\n              <div class=\"t-medium \">{{ album.isPublic ? 'Public' : 'Private' }}</div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Genres & Tags -->\n        <div v-if=\"(album.genres && album.genres.length) || (album.tags && album.tags.length)\" class=\"tags-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">Genres & Tags</h3>\n          <div class=\"flex gap-thin flex-wrap\">\n            <span \n              v-for=\"genre in album.genres\" \n              :key=\"genre\"\n              class=\"tag bg-main t-medium pd-thin radius-thin t-small cursor-pointer\"\n            >\n              {{ genre }}\n            </span>\n            <span \n              v-for=\"tag in album.tags\" \n              :key=\"tag\"\n              class=\"tag bg-light t-transp pd-thin-big radius-small t-small hover-bg-light cursor-pointer\"\n            >\n              #{{ tag }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Album Tracks -->\n    <section v-if=\"!isLoading && album && albumTracks.length\" class=\"tracks-section mn-t-big\">\n      <h2 class=\"h2 mn-b-medium\">Tracklist</h2>\n      <Feed\n        :store=\"{\n          read: () => Promise.resolve(albumTracks),\n          state: { isLoading: false }\n        }\"\n        :external=\"true\"\n        :items=\"albumTracks\"\n        :states=\"{\n          empty: {\n            title: 'No tracks in album',\n            description: 'This album appears to be empty',\n            class: 'pd-medium t-center'\n          }\n        }\"\n      >\n        <template #default=\"{ items }\">\n          <div class=\"bg-light radius-medium o-hidden\">\n            <TrackListCard\n              v-for=\"(track, index) in items\"\n              :key=\"track._id\"\n              :track=\"track\"\n              :index=\"index + 1\"\n              :showAlbum=\"false\"\n              :showCover=\"false\"\n            />\n          </div>\n        </template>\n      </Feed>\n    </section>\n\n    <!-- More from Artists -->\n    <section v-if=\"!isLoading && album && moreAlbums.length\" class=\"more-albums-section mn-t-big\">\n      <div class=\"flex justify-between items-center mn-b-medium\">\n        <h2 class=\"h2\">More Albums</h2>\n        <router-link \n          v-if=\"album.artists && album.artists[0]\"\n          :to=\"{ name: 'artist', params: { url: album.artists[0].url } }\" \n          class=\"t-primary hover-opacity\"\n        >\n          See all\n        </router-link>\n      </div>\n      <div  class=\"flex flex-nowrap gap-small o-x-scroll overscroll-behavior-x-contain scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide\"\n      >\n        <li v-for=\"relatedAlbum in moreAlbums\"  :key=\"album._id\" class=\"flex-none scroll-snap-align-start\">\n          <AlbumCard :album=\"relatedAlbum\" class=\"w-min-15r transition-cubic-in-out\" />\n        </li>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconClock from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconEye from '@martyrs/src/modules/icons/actions/IconShow.vue';\nimport IconDisc from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n// Components\nimport TrackListCard from '../cards/TrackListCard.vue';\nimport AlbumCard from '../cards/AlbumCard.vue';\nimport ArtistCardSmall from '../cards/ArtistCardSmall.vue';\n\n// Store\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Emits\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n// State\nconst hasLoaded = ref(false);\nconst isFavorite = ref(false);\nconst showDropdown = ref(false);\nconst followedArtists = ref([]);\nconst moreAlbums = ref([]);\n\n// Clear state\nalbumsState.currentAlbum = null;\nalbumsState.currentAlbumTracks = [];\n\n// Computed\nconst album = computed(() => albumsState.currentAlbum);\nconst albumTracks = computed(() => albumsState.currentAlbumTracks || []);\n\nconst isOwner = computed(() => {\n  return album.value?.owner?.target === authState.user?._id;\n});\n\nconst totalDuration = computed(() => {\n  if (!albumTracks.value.length) return '0:00';\n  const totalSeconds = albumTracks.value.reduce((sum, track) => sum + (track.duration || 0), 0);\n  return formatDuration(totalSeconds);\n});\n\n// Format helpers\nconst formatDate = (dateString) => {\n  if (!dateString) return 'Unknown';\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric'\n  });\n};\n\nconst formatDuration = (seconds) => {\n  if (!seconds) return '0:00';\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = Math.floor(seconds % 60);\n  \n  if (h > 0) {\n    return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n  }\n  return `${m}:${s.toString().padStart(2, '0')}`;\n};\n\nconst formatNumber = (num) => {\n  if (!num) return '0';\n  if (num >= 1000000) {\n    return (num / 1000000).toFixed(1) + 'M';\n  } else if (num >= 1000) {\n    return (num / 1000).toFixed(1) + 'K';\n  }\n  return num.toString();\n};\n\n// Actions\nconst playAlbum = () => {\n  if (albumTracks.value && albumTracks.value.length > 0) {\n    playerActions.setQueue(albumTracks.value);\n  }\n};\n\nconst shufflePlay = () => {\n  if (albumTracks.value && albumTracks.value.length > 0) {\n    const shuffled = [...albumTracks.value].sort(() => Math.random() - 0.5);\n    playerActions.setQueue(shuffled);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // TODO: Implement actual saving\n};\n\nconst toggleFollowArtist = (artistId) => {\n  const index = followedArtists.value.indexOf(artistId);\n  if (index > -1) {\n    followedArtists.value.splice(index, 1);\n  } else {\n    followedArtists.value.push(artistId);\n  }\n  // TODO: Implement actual following\n};\n\nconst addToQueue = () => {\n  if (albumTracks.value.length > 0) {\n    albumTracks.value.forEach(track => {\n      playerActions.addToQueue(track);\n    });\n    showDropdown.value = false;\n  }\n};\n\nconst editAlbum = () => {\n  router.push({ name: 'album-edit', params: { url: album.value.url } });\n};\n\nconst deleteAlbum = async () => {\n  if (confirm('Are you sure you want to delete this album?')) {\n    try {\n      await albumsActions.deleteAlbum(album.value._id);\n      router.push({ name: 'music-library' });\n    } catch (error) {\n      console.error('Failed to delete album:', error);\n    }\n  }\n};\n\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n  showDropdown.value = false;\n};\n\n// Data fetching\nconst fetchAlbumData = async () => {\n  try {\n    await albumsActions.fetchAlbumByUrl(route.params.url);\n    \n    // Fetch more albums from the same artists\n    if (album.value?.artists?.length) {\n      const artistIds = album.value.artists.map(a => a._id);\n      const albums = await albumsActions.fetchAlbums({\n        artist: { $in: artistIds },\n        status: 'published',\n        isPublic: true,\n        limit: 6\n      });\n      \n      // Filter out current album\n      moreAlbums.value = albums.filter(a => a._id !== album.value._id).slice(0, 5);\n    }\n  } catch (error) {\n    console.error('Error fetching album data:', error);\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  emits('page-loading');\n  \n  await fetchAlbumData();\n  \n  hasLoaded.value = true;\n  emits('page-loaded');\n});\n</script>\n\n<style scoped>\n</style>"],"names":["albumsState","authState","playerActions","albumsActions"],"mappings":"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"}
+{"version":3,"file":"Album.vue.js","sources":["../../../../../../../src/modules/music/components/pages/Album.vue"],"sourcesContent":["<!-- components/pages/Album.vue -->\n<template>\n  <div class=\"album-page pd-small\">\n    <!-- Loading -->\n    <div v-if=\"isLoading\" class=\"w-100 h-25r flex-center flex\">\n      <Loader />\n    </div>\n    \n    <!-- Not Found -->\n    <div v-if=\"hasLoaded && !album\" class=\"t-center pd-big\">\n      <h2 class=\"\">Album not found</h2>\n      <p class=\"t-transp t-medium\">The album you're looking for doesn't exist or has been removed.</p>\n    </div>\n    \n    <!-- Album Content -->\n    <div v-if=\"album\" class=\"album-content cols-2 mobile:cols-1 gap-big\">\n      <!-- Left Column - Cover & Stats -->\n      <div class=\"pos-sticky pos-t-0 mobile:pos-relative album-cover-section\">\n        <!-- Cover -->\n        <Media \n          :url=\"album.coverArt || '/logo/logo-placeholder.jpg'\"\n          :alt=\"album.title\"\n          class=\"aspect-1x1 w-100  mn-b-small radius-medium o-hidden\"\n        />\n        <!-- Quick Stats -->\n        <div class=\"stats-grid grid cols-2 gap-small\">\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ album.totalTracks || 0 }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Tracks</div>\n          </div>\n          <div class=\"stat-card bg-light pd-medium radius-medium t-center\">\n            <div class=\" mn-b-thin\">{{ formatNumber(album.views) }}</div>\n            <div class=\"t-small t-transp t-uppercase\">Views</div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Right Column - Album Details -->\n      <div class=\"album-details-section\">\n        <!-- Album Type Badge -->\n        <div class=\"flex items-center gap-small mn-b-small\">\n          <span class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            {{ album.type }}\n          </span>\n          <span v-if=\"album.status === 'published'\" class=\"bg-light t-medium pd-thin radius-thin uppercase t-small t-uppercase\">\n            Published\n          </span>\n        </div>\n\n        <!-- Album Title -->\n        <h1 class=\"h1 mn-b-medium\">{{ album.title }}</h1>\n\n        <!-- Action Buttons -->\n        <ActionButtons :buttons=\"actionButtons\" />\n\n        <!-- Artists Cards -->\n        <div class=\"artists-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\" v-if=\"album.artists\">Artists</h3>\n          <div class=\"flex flex-column gap-small\">\n            <ArtistCardSmall \n              v-for=\"artist in album.artists\" \n              :key=\"artist._id\"\n              :artist=\"artist\"\n              :is-following=\"followedArtists.includes(artist._id)\"\n              :show-follow-button=\"!isOwner\"\n              @toggle-follow=\"toggleFollowArtist\"\n            />\n          </div>\n        </div>\n\n        <!-- Metadata Cards -->\n        <h3 class=\"t-medium mn-b-small\">Metadata</h3>\n        <div class=\"metadata-grid grid cols-2 gap-small mn-b-medium\">\n          <!-- Release Date -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconCalendar class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Released</div>\n              <div class=\"t-medium \">{{ formatDate(album.releaseDate) }}</div>\n            </div>\n          </div>\n\n          <!-- Total Duration -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconClock class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Duration</div>\n              <div class=\"t-medium \">{{ totalDuration }}</div>\n            </div>\n          </div>\n\n          <!-- Label -->\n          <div v-if=\"album.label\" class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconDisc class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Label</div>\n              <div class=\"t-medium \">{{ album.label }}</div>\n            </div>\n          </div>\n\n          <!-- Visibility -->\n          <div class=\"metadata-card bg-light pd-medium radius-medium flex items-center gap-regular\">\n            <IconEye class=\"i-medium t-primary\" />\n            <div>\n              <div class=\"t-small t-transp t-uppercase\">Visibility</div>\n              <div class=\"t-medium \">{{ album.isPublic ? 'Public' : 'Private' }}</div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Genres & Tags -->\n        <div v-if=\"(album.genres && album.genres.length) || (album.tags && album.tags.length)\" class=\"tags-section mn-b-medium\">\n          <h3 class=\"t-medium mn-b-small\">Genres & Tags</h3>\n          <div class=\"flex gap-thin flex-wrap\">\n            <span \n              v-for=\"genre in album.genres\" \n              :key=\"genre\"\n              class=\"tag bg-main t-medium pd-thin radius-thin t-small cursor-pointer\"\n            >\n              {{ genre }}\n            </span>\n            <span \n              v-for=\"tag in album.tags\" \n              :key=\"tag\"\n              class=\"tag bg-light t-transp pd-thin-big radius-small t-small hover-bg-light cursor-pointer\"\n            >\n              #{{ tag }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Album Tracks -->\n    <section v-if=\"!isLoading && album && albumTracks.length\" class=\"tracks-section mn-t-big\">\n      <h2 class=\"h2 mn-b-medium\">Tracklist</h2>\n      <Feed\n        :store=\"{\n          read: () => Promise.resolve(albumTracks),\n          state: { isLoading: false }\n        }\"\n        :external=\"true\"\n        :items=\"albumTracks\"\n        :states=\"{\n          empty: {\n            title: 'No tracks in album',\n            description: 'This album appears to be empty',\n            class: 'pd-medium t-center'\n          }\n        }\"\n      >\n        <template #default=\"{ items }\">\n          <div class=\"bg-light radius-medium o-hidden\">\n            <TrackListCard\n              v-for=\"(track, index) in items\"\n              :key=\"track._id\"\n              :track=\"track\"\n              :index=\"index + 1\"\n              :showAlbum=\"false\"\n              :showCover=\"false\"\n            />\n          </div>\n        </template>\n      </Feed>\n    </section>\n\n    <!-- More from Artists -->\n    <section v-if=\"!isLoading && album && moreAlbums.length\" class=\"more-albums-section mn-t-big\">\n      <div class=\"flex justify-between items-center mn-b-medium\">\n        <h2 class=\"h2\">More Albums</h2>\n        <router-link \n          v-if=\"album.artists && album.artists[0]\"\n          :to=\"{ name: 'artist', params: { url: album.artists[0].url } }\" \n          class=\"t-primary hover-opacity\"\n        >\n          See all\n        </router-link>\n      </div>\n      <div  class=\"flex flex-nowrap gap-small o-x-scroll overscroll-behavior-x-contain scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide\"\n      >\n        <li v-for=\"relatedAlbum in moreAlbums\"  :key=\"album._id\" class=\"flex-none scroll-snap-align-start\">\n          <AlbumCard :album=\"relatedAlbum\" class=\"w-15r transition-cubic-in-out\" />\n        </li>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Icons\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconClock from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconEye from '@martyrs/src/modules/icons/actions/IconShow.vue';\nimport IconDisc from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconVerified from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n// Components\nimport ActionButtons from '../blocks/ActionButtons.vue';\nimport TrackListCard from '../cards/TrackListCard.vue';\nimport AlbumCard from '../cards/AlbumCard.vue';\nimport ArtistCardSmall from '../cards/ArtistCardSmall.vue';\n\n// Store\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as authState } from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Emits\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n// State\nconst hasLoaded = ref(false);\nconst isFavorite = ref(false);\nconst followedArtists = ref([]);\nconst moreAlbums = ref([]);\n\n// Clear state\nalbumsState.currentAlbum = null;\nalbumsState.currentAlbumTracks = [];\n\n// Computed\nconst album = computed(() => albumsState.currentAlbum);\nconst albumTracks = computed(() => albumsState.currentAlbumTracks || []);\n\nconst isOwner = computed(() => {\n  return album.value?.owner?.target === authState.user?._id;\n});\n\nconst totalDuration = computed(() => {\n  if (!albumTracks.value.length) return '0:00';\n  const totalSeconds = albumTracks.value.reduce((sum, track) => sum + (track.duration || 0), 0);\n  return formatDuration(totalSeconds);\n});\n\nconst actionButtons = computed(() => {\n  const buttons = [\n    {\n      type: 'button',\n      class: 't-white bg-black',\n      icon: IconPlay,\n      iconFill: 'rgb(var(--white))',\n      text: 'Play All',\n      action: playAlbum\n    },\n    {\n      type: 'button',\n      class: 'bg-light',\n      icon: IconShuffle,\n      text: 'Shuffle',\n      action: shufflePlay\n    },\n    {\n      type: 'button',\n      class: 'bg-light',\n      icon: IconLike,\n      iconFill: isFavorite.value ? 'rgb(var(--main))' : 'rgb(var(--black))',\n      text: isFavorite.value ? 'Liked' : 'Like',\n      action: toggleFavorite\n    },\n    {\n      type: 'dropdown',\n      items: [\n        { text: 'Add to Queue', action: addToQueue },\n        { text: 'Copy Link', action: copyLink },\n        { text: 'Add to Playlist', action: addToPlaylist }\n      ]\n    }\n  ];\n\n  if (isOwner.value) {\n    const items = buttons[3].items;\n    items.push({ separator: true });\n    items.push({ text: 'Edit Album', action: editAlbum });\n    items.push({ text: 'Delete Album', action: deleteAlbum, color: 'danger' });\n  }\n\n  return buttons;\n});\n\n// Format helpers\nconst formatDate = (dateString) => {\n  if (!dateString) return 'Unknown';\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric'\n  });\n};\n\nconst formatDuration = (seconds) => {\n  if (!seconds) return '0:00';\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = Math.floor(seconds % 60);\n  \n  if (h > 0) {\n    return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n  }\n  return `${m}:${s.toString().padStart(2, '0')}`;\n};\n\nconst formatNumber = (num) => {\n  if (!num) return '0';\n  if (num >= 1000000) {\n    return (num / 1000000).toFixed(1) + 'M';\n  } else if (num >= 1000) {\n    return (num / 1000).toFixed(1) + 'K';\n  }\n  return num.toString();\n};\n\n// Actions\nconst playAlbum = () => {\n  if (albumTracks.value && albumTracks.value.length > 0) {\n    playerActions.setQueue(albumTracks.value);\n  }\n};\n\nconst shufflePlay = () => {\n  if (albumTracks.value && albumTracks.value.length > 0) {\n    const shuffled = [...albumTracks.value].sort(() => Math.random() - 0.5);\n    playerActions.setQueue(shuffled);\n  }\n};\n\nconst toggleFavorite = () => {\n  isFavorite.value = !isFavorite.value;\n  // TODO: Implement actual saving\n};\n\nconst toggleFollowArtist = (artistId) => {\n  const index = followedArtists.value.indexOf(artistId);\n  if (index > -1) {\n    followedArtists.value.splice(index, 1);\n  } else {\n    followedArtists.value.push(artistId);\n  }\n  // TODO: Implement actual following\n};\n\nconst addToQueue = () => {\n  if (albumTracks.value.length > 0) {\n    albumTracks.value.forEach(track => {\n      playerActions.addToQueue(track);\n    });\n  }\n};\n\nconst addToPlaylist = () => {\n  // TODO: Implement add to playlist\n  console.log('Add album to playlist');\n};\n\nconst editAlbum = () => {\n  router.push({ name: 'album-edit', params: { url: album.value.url } });\n};\n\nconst deleteAlbum = async () => {\n  if (confirm('Are you sure you want to delete this album?')) {\n    try {\n      await albumsActions.deleteAlbum(album.value._id);\n      router.push({ name: 'music-library' });\n    } catch (error) {\n      console.error('Failed to delete album:', error);\n    }\n  }\n};\n\nconst copyLink = () => {\n  navigator.clipboard.writeText(window.location.href);\n};\n\n// Data fetching\nconst fetchAlbumData = async () => {\n  try {\n    await albumsActions.fetchAlbumByUrl(route.params.url);\n    \n    // Fetch more albums from the same artists\n    if (album.value?.artists?.length) {\n      const artistIds = album.value.artists.map(a => a._id);\n      const albums = await albumsActions.fetchAlbums({\n        artist: { $in: artistIds },\n        status: 'published',\n        isPublic: true,\n        limit: 6\n      });\n      \n      // Filter out current album\n      moreAlbums.value = albums.filter(a => a._id !== album.value._id).slice(0, 5);\n    }\n  } catch (error) {\n    console.error('Error fetching album data:', error);\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  emits('page-loading');\n  \n  await fetchAlbumData();\n  \n  hasLoaded.value = true;\n  emits('page-loaded');\n});\n</script>\n\n<style scoped>\n</style>"],"names":["albumsState","authState","IconPlay","IconShuffle","IconLike","playerActions","albumsActions"],"mappings":"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"}