@ozdao/martyrs 0.2.484 → 0.2.486

package/dist/martyrs/src/modules/icons/pages/IconsPage.vue.js

@@ -1,58 +1,62 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent } from "vue";
-import _sfc_main$1 from "../navigation/IconInfo.vue.js";
-import _sfc_main$2 from "../navigation/IconMinus.vue.js";
-import _sfc_main$3 from "../navigation/IconEllipsis.vue.js";
-import _sfc_main$4 from "../navigation/IconPlus.vue.js";
-import _sfc_main$5 from "../navigation/IconCheckmark.vue.js";
-import _sfc_main$6 from "../navigation/IconPause.vue.js";
-import _sfc_main$7 from "../navigation/IconAdd.vue.js";
-import _sfc_main$8 from "../navigation/IconVolume.vue.js";
-import _sfc_main$9 from "../navigation/IconUnMute.vue.js";
-import _sfc_main$a from "../navigation/IconCross.vue.js";
-import _sfc_main$b from "../navigation/IconDoubleCheck.vue.js";
-import _sfc_main$c from "../navigation/IconSearch.vue.js";
+import _sfc_main$U from "../navigation/IconInfo.vue.js";
+import _sfc_main$T from "../navigation/IconMinus.vue.js";
+import _sfc_main$S from "../navigation/IconEllipsis.vue.js";
+import _sfc_main$R from "../navigation/IconPlus.vue.js";
+import _sfc_main$Q from "../navigation/IconHeart.vue.js";
+import _sfc_main$P from "../navigation/IconCheckmark.vue.js";
+import _sfc_main$O from "../navigation/IconPause.vue.js";
+import _sfc_main$N from "../navigation/IconAdd.vue.js";
+import _sfc_main$M from "../navigation/IconVolume.vue.js";
+import _sfc_main$L from "../navigation/IconUnMute.vue.js";
+import _sfc_main$K from "../navigation/IconCross.vue.js";
+import _sfc_main$J from "../navigation/IconDoubleCheck.vue.js";
+import _sfc_main$I from "../navigation/IconSearch.vue.js";
 import IconChevronRight from "../navigation/IconChevronRight.vue.js";
-import _sfc_main$d from "../navigation/IconLike.vue.js";
-import _sfc_main$e from "../navigation/IconDelete.vue.js";
-import _sfc_main$f from "../navigation/IconCheck.vue.js";
-import _sfc_main$g from "../navigation/IconFilter.vue.js";
-import _sfc_main$h from "../navigation/IconAttach.vue.js";
-import _sfc_main$i from "../navigation/IconRefresh.vue.js";
-import _sfc_main$j from "../navigation/IconUpload.vue.js";
-import _sfc_main$k from "../navigation/IconSort.vue.js";
+import _sfc_main$H from "../navigation/IconLike.vue.js";
+import _sfc_main$G from "../navigation/IconDelete.vue.js";
+import _sfc_main$F from "../navigation/IconCheck.vue.js";
+import _sfc_main$E from "../navigation/IconFilter.vue.js";
+import _sfc_main$D from "../navigation/IconAttach.vue.js";
+import _sfc_main$C from "../navigation/IconRefresh.vue.js";
+import _sfc_main$B from "../navigation/IconUpload.vue.js";
+import _sfc_main$A from "../navigation/IconSort.vue.js";
 import IconChevronBottom from "../navigation/IconChevronBottom.vue.js";
 import IconChevronLeft from "../navigation/IconChevronLeft.vue.js";
-import _sfc_main$l from "../navigation/IconEdit.vue.js";
-import _sfc_main$m from "../navigation/IconMute.vue.js";
+import _sfc_main$z from "../navigation/IconEdit.vue.js";
+import _sfc_main$y from "../navigation/IconMute.vue.js";
 import IconSend from "../navigation/IconSend.vue.js";
-import _sfc_main$n from "../navigation/IconArrow.vue.js";
-import _sfc_main$o from "../navigation/IconPlay.vue.js";
-import _sfc_main$p from "../navigation/IconShuffle.vue.js";
-import _sfc_main$q from "../entities/IconInfo.vue.js";
-import _sfc_main$r from "../entities/IconPrice.vue.js";
+import _sfc_main$x from "../navigation/IconArrow.vue.js";
+import _sfc_main$w from "../navigation/IconPlay.vue.js";
+import _sfc_main$v from "../navigation/IconShuffle.vue.js";
+import _sfc_main$u from "../entities/IconInfo.vue.js";
+import _sfc_main$t from "../entities/IconPrice.vue.js";
 import _sfc_main$s from "../entities/IconCalendar.vue.js";
-import _sfc_main$t from "../entities/IconPayments.vue.js";
-import _sfc_main$u from "../entities/IconBell.vue.js";
+import _sfc_main$r from "../entities/IconPayments.vue.js";
+import _sfc_main$q from "../entities/IconBell.vue.js";
 import IconTime from "../entities/IconTime.vue.js";
-import _sfc_main$v from "../entities/IconCommunity.vue.js";
-import _sfc_main$w from "../entities/IconGallery.vue.js";
-import _sfc_main$x from "../entities/IconFile.vue.js";
-import _sfc_main$y from "../entities/IconFollowing.vue.js";
-import _sfc_main$z from "../entities/IconEvents.vue.js";
-import _sfc_main$A from "../entities/IconHome.vue.js";
-import _sfc_main$B from "../entities/IconProducts.vue.js";
-import _sfc_main$C from "../entities/IconCatalog.vue.js";
-import _sfc_main$D from "../entities/IconShopcart.vue.js";
-import _sfc_main$E from "../entities/IconRecent.vue.js";
-import _sfc_main$F from "../entities/IconEarn.vue.js";
-import _sfc_main$G from "../entities/IconPopular.vue.js";
-import _sfc_main$H from "../entities/IconDate.vue.js";
-import _sfc_main$I from "../entities/IconFeatured.vue.js";
-import _sfc_main$J from "../entities/IconLeftovers.vue.js";
-import _sfc_main$K from "../entities/IconOrders.vue.js";
-import _sfc_main$L from "../entities/IconMusic.vue.js";
-import _sfc_main$M from "../entities/IconProfile.vue.js";
-import _sfc_main$N from "../entities/IconGroups.vue.js";
+import _sfc_main$p from "../entities/IconCommunity.vue.js";
+import _sfc_main$o from "../entities/IconGallery.vue.js";
+import _sfc_main$n from "../entities/IconFile.vue.js";
+import _sfc_main$m from "../entities/IconFollowing.vue.js";
+import _sfc_main$l from "../entities/IconEvents.vue.js";
+import _sfc_main$k from "../entities/IconHome.vue.js";
+import _sfc_main$j from "../entities/IconProducts.vue.js";
+import _sfc_main$i from "../entities/IconCatalog.vue.js";
+import _sfc_main$h from "../entities/IconShopcart.vue.js";
+import _sfc_main$g from "../entities/IconRecent.vue.js";
+import _sfc_main$f from "../entities/IconList.vue.js";
+import _sfc_main$e from "../entities/IconSettings.vue.js";
+import _sfc_main$d from "../entities/IconEarn.vue.js";
+import _sfc_main$c from "../entities/IconPopular.vue.js";
+import _sfc_main$b from "../entities/IconDiscount.vue.js";
+import _sfc_main$a from "../entities/IconDate.vue.js";
+import _sfc_main$9 from "../entities/IconFeatured.vue.js";
+import _sfc_main$8 from "../entities/IconLeftovers.vue.js";
+import _sfc_main$7 from "../entities/IconOrders.vue.js";
+import _sfc_main$6 from "../entities/IconMusic.vue.js";
+import _sfc_main$5 from "../entities/IconProfile.vue.js";
+import _sfc_main$4 from "../entities/IconGroups.vue.js";
 import PlaceholderOrganizationPic from "../placeholders/PlaceholderOrganizationPic.vue.js";
 import PlaceholderChat from "../placeholders/PlaceholderChat.vue.js";
 import PlaceholderImage from "../placeholders/PlaceholderImage.vue.js";
@@ -67,8 +71,9 @@ import Dribbble from "../socials/dribbble.vue.js";
 import Facebook from "../socials/facebook.vue.js";
 import Youtube from "../socials/youtube.vue.js";
 import Line from "../socials/line.vue.js";
-import _sfc_main$O from "../actions/IconDuplicate.vue.js";
-import _sfc_main$P from "../actions/IconShopcartAdd.vue.js";
+import _sfc_main$3 from "../actions/IconDuplicate.vue.js";
+import _sfc_main$2 from "../actions/IconShopcartAdd.vue.js";
+import _sfc_main$1 from "../actions/IconShow.vue.js";
 import LabelGooglePlay from "../labels/LabelGooglePlay.vue.js";
 import LabelAppStore from "../labels/LabelAppStore.vue.js";
 import Logotype from "../logos/Logotype.vue.js";
@@ -94,6 +99,106 @@ const _hoisted_8 = {
 const _sfc_main = {
   __name: "IconsPage",
   setup(__props) {
+    const iconsMap = {
+      navigation: {
+        IconInfo: _sfc_main$U,
+        IconMinus: _sfc_main$T,
+        IconEllipsis: _sfc_main$S,
+        IconPlus: _sfc_main$R,
+        IconHeart: _sfc_main$Q,
+        IconCheckmark: _sfc_main$P,
+        IconPause: _sfc_main$O,
+        IconAdd: _sfc_main$N,
+        IconVolume: _sfc_main$M,
+        IconUnMute: _sfc_main$L,
+        IconCross: _sfc_main$K,
+        IconDoubleCheck: _sfc_main$J,
+        IconSearch: _sfc_main$I,
+        IconChevronRight,
+        IconLike: _sfc_main$H,
+        IconDelete: _sfc_main$G,
+        IconCheck: _sfc_main$F,
+        IconFilter: _sfc_main$E,
+        IconAttach: _sfc_main$D,
+        IconRefresh: _sfc_main$C,
+        IconUpload: _sfc_main$B,
+        IconSort: _sfc_main$A,
+        IconChevronBottom,
+        IconChevronLeft,
+        IconEdit: _sfc_main$z,
+        IconMute: _sfc_main$y,
+        IconSend,
+        IconArrow: _sfc_main$x,
+        IconPlay: _sfc_main$w,
+        IconShuffle: _sfc_main$v
+      },
+      entities: {
+        IconInfo: _sfc_main$u,
+        IconPrice: _sfc_main$t,
+        IconCalendar: _sfc_main$s,
+        IconPayments: _sfc_main$r,
+        IconBell: _sfc_main$q,
+        IconTime,
+        IconCommunity: _sfc_main$p,
+        IconGallery: _sfc_main$o,
+        IconFile: _sfc_main$n,
+        IconFollowing: _sfc_main$m,
+        IconEvents: _sfc_main$l,
+        IconHome: _sfc_main$k,
+        IconProducts: _sfc_main$j,
+        IconCatalog: _sfc_main$i,
+        IconShopcart: _sfc_main$h,
+        IconRecent: _sfc_main$g,
+        IconList: _sfc_main$f,
+        IconSettings: _sfc_main$e,
+        IconEarn: _sfc_main$d,
+        IconPopular: _sfc_main$c,
+        IconDiscount: _sfc_main$b,
+        IconDate: _sfc_main$a,
+        IconFeatured: _sfc_main$9,
+        IconLeftovers: _sfc_main$8,
+        IconOrders: _sfc_main$7,
+        IconMusic: _sfc_main$6,
+        IconProfile: _sfc_main$5,
+        IconGroups: _sfc_main$4
+      },
+      placeholders: {
+        PlaceholderOrganizationPic,
+        PlaceholderChat,
+        PlaceholderImage,
+        PlaceholderUserpic
+      },
+      socials: {
+        vk: Vk,
+        instagram: Instagram,
+        telegram: Telegram,
+        twitter: Twitter,
+        linkedin: Linkedin,
+        reddit: Reddit,
+        dribbble: Dribbble,
+        facebook: Facebook,
+        youtube: Youtube,
+        line: Line
+      },
+      actions: {
+        IconDuplicate: _sfc_main$3,
+        IconShopcartAdd: _sfc_main$2,
+        IconShow: _sfc_main$1
+      },
+      labels: {
+        LabelGooglePlay,
+        LabelAppStore
+      },
+      logos: {
+        Logotype
+      },
+      skeletons: {
+        SkeletonEventShort,
+        SkeletonBlogpost,
+        SkeletonOrganization,
+        SkeletonEvent
+      }
+    };
     const categories = ref([]);
     const copiedIcon = ref("");
     const displayNotification = ref(false);
@@ -102,125 +207,13 @@ const _sfc_main = {
       loadIcons();
     });
     function loadIcons() {
-      categories.value = [
-        {
-          name: "navigation",
-          icons: [
-            { name: "IconInfo", component: _sfc_main$1 },
-            { name: "IconMinus", component: _sfc_main$2 },
-            { name: "IconEllipsis", component: _sfc_main$3 },
-            { name: "IconPlus", component: _sfc_main$4 },
-            { name: "IconCheckmark", component: _sfc_main$5 },
-            { name: "IconPause", component: _sfc_main$6 },
-            { name: "IconAdd", component: _sfc_main$7 },
-            { name: "IconVolume", component: _sfc_main$8 },
-            { name: "IconUnMute", component: _sfc_main$9 },
-            { name: "IconCross", component: _sfc_main$a },
-            { name: "IconDoubleCheck", component: _sfc_main$b },
-            { name: "IconSearch", component: _sfc_main$c },
-            { name: "IconChevronRight", component: IconChevronRight },
-            { name: "IconLike", component: _sfc_main$d },
-            { name: "IconDelete", component: _sfc_main$e },
-            { name: "IconCheck", component: _sfc_main$f },
-            { name: "IconFilter", component: _sfc_main$g },
-            { name: "IconAttach", component: _sfc_main$h },
-            { name: "IconRefresh", component: _sfc_main$i },
-            { name: "IconUpload", component: _sfc_main$j },
-            { name: "IconSort", component: _sfc_main$k },
-            { name: "IconChevronBottom", component: IconChevronBottom },
-            { name: "IconChevronLeft", component: IconChevronLeft },
-            { name: "IconEdit", component: _sfc_main$l },
-            { name: "IconMute", component: _sfc_main$m },
-            { name: "IconSend", component: IconSend },
-            { name: "IconArrow", component: _sfc_main$n },
-            { name: "IconPlay", component: _sfc_main$o },
-            { name: "IconShuffle", component: _sfc_main$p }
-          ]
-        },
-        {
-          name: "entities",
-          icons: [
-            { name: "IconInfo", component: _sfc_main$q },
-            { name: "IconPrice", component: _sfc_main$r },
-            { name: "IconCalendar", component: _sfc_main$s },
-            { name: "IconPayments", component: _sfc_main$t },
-            { name: "IconBell", component: _sfc_main$u },
-            { name: "IconTime", component: IconTime },
-            { name: "IconCommunity", component: _sfc_main$v },
-            { name: "IconGallery", component: _sfc_main$w },
-            { name: "IconFile", component: _sfc_main$x },
-            { name: "IconFollowing", component: _sfc_main$y },
-            { name: "IconEvents", component: _sfc_main$z },
-            { name: "IconHome", component: _sfc_main$A },
-            { name: "IconProducts", component: _sfc_main$B },
-            { name: "IconCatalog", component: _sfc_main$C },
-            { name: "IconShopcart", component: _sfc_main$D },
-            { name: "IconRecent", component: _sfc_main$E },
-            { name: "IconEarn", component: _sfc_main$F },
-            { name: "IconPopular", component: _sfc_main$G },
-            { name: "IconDate", component: _sfc_main$H },
-            { name: "IconFeatured", component: _sfc_main$I },
-            { name: "IconLeftovers", component: _sfc_main$J },
-            { name: "IconOrders", component: _sfc_main$K },
-            { name: "IconMusic", component: _sfc_main$L },
-            { name: "IconProfile", component: _sfc_main$M },
-            { name: "IconGroups", component: _sfc_main$N }
-          ]
-        },
-        {
-          name: "placeholders",
-          icons: [
-            { name: "PlaceholderOrganizationPic", component: PlaceholderOrganizationPic },
-            { name: "PlaceholderChat", component: PlaceholderChat },
-            { name: "PlaceholderImage", component: PlaceholderImage },
-            { name: "PlaceholderUserpic", component: PlaceholderUserpic }
-          ]
-        },
-        {
-          name: "socials",
-          icons: [
-            { name: "vk", component: Vk },
-            { name: "instagram", component: Instagram },
-            { name: "telegram", component: Telegram },
-            { name: "twitter", component: Twitter },
-            { name: "linkedin", component: Linkedin },
-            { name: "reddit", component: Reddit },
-            { name: "dribbble", component: Dribbble },
-            { name: "facebook", component: Facebook },
-            { name: "youtube", component: Youtube },
-            { name: "line", component: Line }
-          ]
-        },
-        {
-          name: "actions",
-          icons: [
-            { name: "IconDuplicate", component: _sfc_main$O },
-            { name: "IconShopcartAdd", component: _sfc_main$P }
-          ]
-        },
-        {
-          name: "labels",
-          icons: [
-            { name: "LabelGooglePlay", component: LabelGooglePlay },
-            { name: "LabelAppStore", component: LabelAppStore }
-          ]
-        },
-        {
-          name: "logos",
-          icons: [
-            { name: "Logotype", component: Logotype }
-          ]
-        },
-        {
-          name: "skeletons",
-          icons: [
-            { name: "SkeletonEventShort", component: SkeletonEventShort },
-            { name: "SkeletonBlogpost", component: SkeletonBlogpost },
-            { name: "SkeletonOrganization", component: SkeletonOrganization },
-            { name: "SkeletonEvent", component: SkeletonEvent }
-          ]
-        }
-      ];
+      categories.value = Object.entries(iconsMap).map(([categoryName, icons]) => ({
+        name: categoryName,
+        icons: Object.entries(icons).map(([name, component]) => ({
+          name,
+          component
+        }))
+      }));
     }
     function formatCategoryName(name) {
       return name.charAt(0).toUpperCase() + name.slice(1);
@@ -269,7 +262,7 @@ const _sfc_main = {
     };
   }
 };
-const IconsPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b92037a"]]);
+const IconsPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6d7e69a"]]);
 export {
   IconsPage as default
 };

package/dist/martyrs/src/modules/icons/pages/IconsPage.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsPage.vue.js","sources":["../../../../../../src/modules/icons/pages/IconsPage.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <h2 class=\"mn-b-medium\">Martyrs Icons Gallery</h2>\n    \n    <div v-for=\"(category, index) in categories\" :key=\"index\" class=\"mn-b-large\">\n      <h3 class=\"mn-b-medium t-medium\">{{ formatCategoryName(category.name) }} ({{ category.icons.length }})</h3>\n      <div class=\"cols-6 gap-thin\">\n        <div \n          v-for=\"(icon, iconIndex) in category.icons\" \n          :key=\"iconIndex\" \n          class=\"aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer\"\n          @click=\"copyIconName(icon.name, category.name)\"\n        >\n          <div class=\"flex-center flex h-60\">\n            <component :is=\"icon.component\" class=\"w-2r h-2r\" />\n          </div>\n          <div class=\"pd-t-thin pd-b-thin t-center t-small t-truncate\">\n            {{ icon.name }}\n          </div>\n          <div v-if=\"copiedIcon === icon.name\" class=\"pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin\">\n            Copied!\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"displayNotification\" class=\"notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large\">\n      {{ notificationMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\n// Import navigation icons\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue';\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDoubleCheck from '@martyrs/src/modules/icons/navigation/IconDoubleCheck.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue';\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue';\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\nimport IconSend from '@martyrs/src/modules/icons/navigation/IconSend.vue';\nimport IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\n\n// Import entities icons\nimport IconInfoEntities from '@martyrs/src/modules/icons/entities/IconInfo.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue';\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue';\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue';\nimport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\n\n// Import placeholders icons\nimport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\n// Import socials icons\nimport Vk from '@martyrs/src/modules/icons/socials/vk.vue';\nimport Instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport Telegram from '@martyrs/src/modules/icons/socials/telegram.vue';\nimport Twitter from '@martyrs/src/modules/icons/socials/twitter.vue';\nimport Linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue';\nimport Reddit from '@martyrs/src/modules/icons/socials/reddit.vue';\nimport Dribbble from '@martyrs/src/modules/icons/socials/dribbble.vue';\nimport Facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport Youtube from '@martyrs/src/modules/icons/socials/youtube.vue';\nimport Line from '@martyrs/src/modules/icons/socials/line.vue';\n\n// Import actions icons\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\n\n// Import labels icons\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\n// Import logos icons\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue';\n\n// Import skeletons icons\nimport SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue';\nimport SkeletonOrganization from '@martyrs/src/modules/icons/skeletons/SkeletonOrganization.vue';\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue';\n\nconst categories = ref([]);\nconst copiedIcon = ref('');\nconst displayNotification = ref(false);\nconst notificationMessage = ref('');\n\nonMounted(() => {\n  loadIcons();\n});\n\nfunction loadIcons() {\n  categories.value = [\n    {\n      name: 'navigation',\n      icons: [\n        { name: 'IconInfo', component: IconInfo },\n        { name: 'IconMinus', component: IconMinus },\n        { name: 'IconEllipsis', component: IconEllipsis },\n        { name: 'IconPlus', component: IconPlus },\n        { name: 'IconCheckmark', component: IconCheckmark },\n        { name: 'IconPause', component: IconPause },\n        { name: 'IconAdd', component: IconAdd },\n        { name: 'IconVolume', component: IconVolume },\n        { name: 'IconUnMute', component: IconUnMute },\n        { name: 'IconCross', component: IconCross },\n        { name: 'IconDoubleCheck', component: IconDoubleCheck },\n        { name: 'IconSearch', component: IconSearch },\n        { name: 'IconChevronRight', component: IconChevronRight },\n        { name: 'IconLike', component: IconLike },\n        { name: 'IconDelete', component: IconDelete },\n        { name: 'IconCheck', component: IconCheck },\n        { name: 'IconFilter', component: IconFilter },\n        { name: 'IconAttach', component: IconAttach },\n        { name: 'IconRefresh', component: IconRefresh },\n        { name: 'IconUpload', component: IconUpload },\n        { name: 'IconSort', component: IconSort },\n        { name: 'IconChevronBottom', component: IconChevronBottom },\n        { name: 'IconChevronLeft', component: IconChevronLeft },\n        { name: 'IconEdit', component: IconEdit },\n        { name: 'IconMute', component: IconMute },\n        { name: 'IconSend', component: IconSend },\n        { name: 'IconArrow', component: IconArrow },\n        { name: 'IconPlay', component: IconPlay },\n        { name: 'IconShuffle', component: IconShuffle }\n      ]\n    },\n    {\n      name: 'entities',\n      icons: [\n        { name: 'IconInfo', component: IconInfoEntities },\n        { name: 'IconPrice', component: IconPrice },\n        { name: 'IconCalendar', component: IconCalendar },\n        { name: 'IconPayments', component: IconPayments },\n        { name: 'IconBell', component: IconBell },\n        { name: 'IconTime', component: IconTime },\n        { name: 'IconCommunity', component: IconCommunity },\n        { name: 'IconGallery', component: IconGallery },\n        { name: 'IconFile', component: IconFile },\n        { name: 'IconFollowing', component: IconFollowing },\n        { name: 'IconEvents', component: IconEvents },\n        { name: 'IconHome', component: IconHome },\n        { name: 'IconProducts', component: IconProducts },\n        { name: 'IconCatalog', component: IconCatalog },\n        { name: 'IconShopcart', component: IconShopcart },\n        { name: 'IconRecent', component: IconRecent },\n        { name: 'IconEarn', component: IconEarn },\n        { name: 'IconPopular', component: IconPopular },\n        { name: 'IconDate', component: IconDate },\n        { name: 'IconFeatured', component: IconFeatured },\n        { name: 'IconLeftovers', component: IconLeftovers },\n        { name: 'IconOrders', component: IconOrders },\n        { name: 'IconMusic', component: IconMusic },\n        { name: 'IconProfile', component: IconProfile },\n        { name: 'IconGroups', component: IconGroups }\n      ]\n    },\n    {\n      name: 'placeholders',\n      icons: [\n        { name: 'PlaceholderOrganizationPic', component: PlaceholderOrganizationPic },\n        { name: 'PlaceholderChat', component: PlaceholderChat },\n        { name: 'PlaceholderImage', component: PlaceholderImage },\n        { name: 'PlaceholderUserpic', component: PlaceholderUserpic }\n      ]\n    },\n    {\n      name: 'socials',\n      icons: [\n        { name: 'vk', component: Vk },\n        { name: 'instagram', component: Instagram },\n        { name: 'telegram', component: Telegram },\n        { name: 'twitter', component: Twitter },\n        { name: 'linkedin', component: Linkedin },\n        { name: 'reddit', component: Reddit },\n        { name: 'dribbble', component: Dribbble },\n        { name: 'facebook', component: Facebook },\n        { name: 'youtube', component: Youtube },\n        { name: 'line', component: Line }\n      ]\n    },\n    {\n      name: 'actions',\n      icons: [\n        { name: 'IconDuplicate', component: IconDuplicate },\n        { name: 'IconShopcartAdd', component: IconShopcartAdd }\n      ]\n    },\n    {\n      name: 'labels',\n      icons: [\n        { name: 'LabelGooglePlay', component: LabelGooglePlay },\n        { name: 'LabelAppStore', component: LabelAppStore }\n      ]\n    },\n    {\n      name: 'logos',\n      icons: [\n        { name: 'Logotype', component: Logotype }\n      ]\n    },\n    {\n      name: 'skeletons',\n      icons: [\n        { name: 'SkeletonEventShort', component: SkeletonEventShort },\n        { name: 'SkeletonBlogpost', component: SkeletonBlogpost },\n        { name: 'SkeletonOrganization', component: SkeletonOrganization },\n        { name: 'SkeletonEvent', component: SkeletonEvent }\n      ]\n    }\n  ];\n}\n\nfunction formatCategoryName(name) {\n  return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction copyIconName(iconName, categoryName) {\n  // Copy the icon import to clipboard\n  const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;\n  navigator.clipboard.writeText(importStatement);\n  \n  copiedIcon.value = iconName;\n  notificationMessage.value = `Copied: ${importStatement}`;\n  displayNotification.value = true;\n  \n  setTimeout(() => {\n    copiedIcon.value = '';\n    setTimeout(() => {\n      displayNotification.value = false;\n    }, 2000);\n  }, 1000);\n}\n</script>\n\n<style scoped>\n.h-60 {\n  height: 60%;\n}\n\n.notification {\n  z-index: 100;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition: all 0.3s ease;\n  animation: fadeIn 0.3s;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n</style>"],"names":["IconInfo","IconMinus","IconEllipsis","IconPlus","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconEdit","IconMute","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconEarn","IconPopular","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","IconDuplicate","IconShopcartAdd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,EAAE;AAElC,cAAU,MAAM;AACd,gBAAW;AAAA,IACb,CAAC;AAED,aAAS,YAAY;AACnB,iBAAW,QAAQ;AAAA,QACjB;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,YAAY,WAAWA,YAAU;AAAA,YACzC,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,gBAAgB,WAAWC,YAAc;AAAA,YACjD,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,iBAAiB,WAAWC,YAAe;AAAA,YACnD,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,WAAW,WAAWC,YAAS;AAAA,YACvC,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,mBAAmB,WAAWC,YAAiB;AAAA,YACvD,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,oBAAoB,WAAW,iBAAkB;AAAA,YACzD,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,eAAe,WAAWC,YAAa;AAAA,YAC/C,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,qBAAqB,WAAW,kBAAmB;AAAA,YAC3D,EAAE,MAAM,mBAAmB,WAAW,gBAAiB;AAAA,YACvD,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,YAAY,WAAW,SAAU;AAAA,YACzC,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,eAAe,WAAWC,YAAW;AAAA,UACrD;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,YAAY,WAAWC,YAAkB;AAAA,YACjD,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,gBAAgB,WAAWC,YAAc;AAAA,YACjD,EAAE,MAAM,gBAAgB,WAAWC,YAAc;AAAA,YACjD,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,YAAY,WAAW,SAAU;AAAA,YACzC,EAAE,MAAM,iBAAiB,WAAWC,YAAe;AAAA,YACnD,EAAE,MAAM,eAAe,WAAWC,YAAa;AAAA,YAC/C,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,iBAAiB,WAAWC,YAAe;AAAA,YACnD,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,gBAAgB,WAAWC,YAAc;AAAA,YACjD,EAAE,MAAM,eAAe,WAAWC,YAAa;AAAA,YAC/C,EAAE,MAAM,gBAAgB,WAAWC,YAAc;AAAA,YACjD,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,eAAe,WAAWC,YAAa;AAAA,YAC/C,EAAE,MAAM,YAAY,WAAWC,YAAU;AAAA,YACzC,EAAE,MAAM,gBAAgB,WAAWC,YAAc;AAAA,YACjD,EAAE,MAAM,iBAAiB,WAAWC,YAAe;AAAA,YACnD,EAAE,MAAM,cAAc,WAAWC,YAAY;AAAA,YAC7C,EAAE,MAAM,aAAa,WAAWC,YAAW;AAAA,YAC3C,EAAE,MAAM,eAAe,WAAWC,YAAa;AAAA,YAC/C,EAAE,MAAM,cAAc,WAAWC,YAAU;AAAA,UACnD;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,8BAA8B,WAAW,2BAA4B;AAAA,YAC7E,EAAE,MAAM,mBAAmB,WAAW,gBAAiB;AAAA,YACvD,EAAE,MAAM,oBAAoB,WAAW,iBAAkB;AAAA,YACzD,EAAE,MAAM,sBAAsB,WAAW,mBAAkB;AAAA,UACnE;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,MAAM,WAAW,GAAI;AAAA,YAC7B,EAAE,MAAM,aAAa,WAAW,UAAW;AAAA,YAC3C,EAAE,MAAM,YAAY,WAAW,SAAU;AAAA,YACzC,EAAE,MAAM,WAAW,WAAW,QAAS;AAAA,YACvC,EAAE,MAAM,YAAY,WAAW,SAAU;AAAA,YACzC,EAAE,MAAM,UAAU,WAAW,OAAQ;AAAA,YACrC,EAAE,MAAM,YAAY,WAAW,SAAU;AAAA,YACzC,EAAE,MAAM,YAAY,WAAW,SAAU;AAAA,YACzC,EAAE,MAAM,WAAW,WAAW,QAAS;AAAA,YACvC,EAAE,MAAM,QAAQ,WAAW,KAAI;AAAA,UACvC;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,iBAAiB,WAAWC,YAAe;AAAA,YACnD,EAAE,MAAM,mBAAmB,WAAWC,YAAe;AAAA,UAC7D;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,mBAAmB,WAAW,gBAAiB;AAAA,YACvD,EAAE,MAAM,iBAAiB,WAAW,cAAa;AAAA,UACzD;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,YAAY,WAAW,SAAQ;AAAA,UAC/C;AAAA,QACK;AAAA,QACD;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,YACL,EAAE,MAAM,sBAAsB,WAAW,mBAAoB;AAAA,YAC7D,EAAE,MAAM,oBAAoB,WAAW,iBAAkB;AAAA,YACzD,EAAE,MAAM,wBAAwB,WAAW,qBAAsB;AAAA,YACjE,EAAE,MAAM,iBAAiB,WAAW,cAAa;AAAA,UACzD;AAAA,QACA;AAAA,MACG;AAAA,IACH;AAEA,aAAS,mBAAmB,MAAM;AAChC,aAAO,KAAK,OAAO,CAAC,EAAE,YAAW,IAAK,KAAK,MAAM,CAAC;AAAA,IACpD;AAEA,aAAS,aAAa,UAAU,cAAc;AAE5C,YAAM,kBAAkB,UAAU,QAAQ,qCAAqC,YAAY,IAAI,QAAQ;AACvG,gBAAU,UAAU,UAAU,eAAe;AAE7C,iBAAW,QAAQ;AACnB,0BAAoB,QAAQ,WAAW,eAAe;AACtD,0BAAoB,QAAQ;AAE5B,iBAAW,MAAM;AACf,mBAAW,QAAQ;AACnB,mBAAW,MAAM;AACf,8BAAoB,QAAQ;AAAA,QAC7B,GAAE,GAAI;AAAA,MACR,GAAE,GAAI;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"IconsPage.vue.js","sources":["../../../../../../src/modules/icons/pages/IconsPage.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium\">\n    <h2 class=\"mn-b-medium\">Martyrs Icons Gallery</h2>\n    \n    <div v-for=\"(category, index) in categories\" :key=\"index\" class=\"mn-b-large\">\n      <h3 class=\"mn-b-medium t-medium\">{{ formatCategoryName(category.name) }} ({{ category.icons.length }})</h3>\n      <div class=\"cols-6 gap-thin\">\n        <div \n          v-for=\"(icon, iconIndex) in category.icons\" \n          :key=\"iconIndex\" \n          class=\"aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer\"\n          @click=\"copyIconName(icon.name, category.name)\"\n        >\n          <div class=\"flex-center flex h-60\">\n            <component :is=\"icon.component\" class=\"w-2r h-2r\" />\n          </div>\n          <div class=\"pd-t-thin pd-b-thin t-center t-small t-truncate\">\n            {{ icon.name }}\n          </div>\n          <div v-if=\"copiedIcon === icon.name\" class=\"pd-thin bg-black radius-small t-small t-white pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin\">\n            Copied!\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"displayNotification\" class=\"notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large\">\n      {{ notificationMessage }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\n// Import navigation icons\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\nimport IconMinus from '@martyrs/src/modules/icons/navigation/IconMinus.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\nimport IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue';\nimport IconHeart from '@martyrs/src/modules/icons/navigation/IconHeart.vue';\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconPause from '@martyrs/src/modules/icons/navigation/IconPause.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconVolume from '@martyrs/src/modules/icons/navigation/IconVolume.vue';\nimport IconUnMute from '@martyrs/src/modules/icons/navigation/IconUnMute.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDoubleCheck from '@martyrs/src/modules/icons/navigation/IconDoubleCheck.vue';\nimport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\nimport IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\nimport IconLike from '@martyrs/src/modules/icons/navigation/IconLike.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconRefresh from '@martyrs/src/modules/icons/navigation/IconRefresh.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconSort from '@martyrs/src/modules/icons/navigation/IconSort.vue';\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue';\nimport IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconMute from '@martyrs/src/modules/icons/navigation/IconMute.vue';\nimport IconSend from '@martyrs/src/modules/icons/navigation/IconSend.vue';\nimport IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\nimport IconShuffle from '@martyrs/src/modules/icons/navigation/IconShuffle.vue';\n\n// Import entities icons\nimport IconInfoEntities from '@martyrs/src/modules/icons/entities/IconInfo.vue';\nimport IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';\nimport IconCalendar from '@martyrs/src/modules/icons/entities/IconCalendar.vue';\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue';\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue';\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue';\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue';\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';\nimport IconEarn from '@martyrs/src/modules/icons/entities/IconEarn.vue';\nimport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue';\nimport IconDiscount from '@martyrs/src/modules/icons/entities/IconDiscount.vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';\nimport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue';\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue';\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue';\nimport IconMusic from '@martyrs/src/modules/icons/entities/IconMusic.vue';\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue';\n\n// Import placeholders icons\nimport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue';\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\n// Import socials icons\nimport Vk from '@martyrs/src/modules/icons/socials/vk.vue';\nimport Instagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport Telegram from '@martyrs/src/modules/icons/socials/telegram.vue';\nimport Twitter from '@martyrs/src/modules/icons/socials/twitter.vue';\nimport Linkedin from '@martyrs/src/modules/icons/socials/linkedin.vue';\nimport Reddit from '@martyrs/src/modules/icons/socials/reddit.vue';\nimport Dribbble from '@martyrs/src/modules/icons/socials/dribbble.vue';\nimport Facebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport Youtube from '@martyrs/src/modules/icons/socials/youtube.vue';\nimport Line from '@martyrs/src/modules/icons/socials/line.vue';\n\n// Import actions icons\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\n\n// Import labels icons\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\n// Import logos icons\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue';\n\n// Import skeletons icons\nimport SkeletonEventShort from '@martyrs/src/modules/icons/skeletons/SkeletonEventShort.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue';\nimport SkeletonOrganization from '@martyrs/src/modules/icons/skeletons/SkeletonOrganization.vue';\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue';\n\n// Icons map to avoid duplication\nconst iconsMap = {\n  navigation: {\n    IconInfo,\n    IconMinus,\n    IconEllipsis,\n    IconPlus,\n    IconHeart,\n    IconCheckmark,\n    IconPause,\n    IconAdd,\n    IconVolume,\n    IconUnMute,\n    IconCross,\n    IconDoubleCheck,\n    IconSearch,\n    IconChevronRight,\n    IconLike,\n    IconDelete,\n    IconCheck,\n    IconFilter,\n    IconAttach,\n    IconRefresh,\n    IconUpload,\n    IconSort,\n    IconChevronBottom,\n    IconChevronLeft,\n    IconEdit,\n    IconMute,\n    IconSend,\n    IconArrow,\n    IconPlay,\n    IconShuffle\n  },\n  entities: {\n    IconInfo: IconInfoEntities,\n    IconPrice,\n    IconCalendar,\n    IconPayments,\n    IconBell,\n    IconTime,\n    IconCommunity,\n    IconGallery,\n    IconFile,\n    IconFollowing,\n    IconEvents,\n    IconHome,\n    IconProducts,\n    IconCatalog,\n    IconShopcart,\n    IconRecent,\n    IconList,\n    IconSettings,\n    IconEarn,\n    IconPopular,\n    IconDiscount,\n    IconDate,\n    IconFeatured,\n    IconLeftovers,\n    IconOrders,\n    IconMusic,\n    IconProfile,\n    IconGroups\n  },\n  placeholders: {\n    PlaceholderOrganizationPic,\n    PlaceholderChat,\n    PlaceholderImage,\n    PlaceholderUserpic\n  },\n  socials: {\n    vk: Vk,\n    instagram: Instagram,\n    telegram: Telegram,\n    twitter: Twitter,\n    linkedin: Linkedin,\n    reddit: Reddit,\n    dribbble: Dribbble,\n    facebook: Facebook,\n    youtube: Youtube,\n    line: Line\n  },\n  actions: {\n    IconDuplicate,\n    IconShopcartAdd,\n    IconShow\n  },\n  labels: {\n    LabelGooglePlay,\n    LabelAppStore\n  },\n  logos: {\n    Logotype\n  },\n  skeletons: {\n    SkeletonEventShort,\n    SkeletonBlogpost,\n    SkeletonOrganization,\n    SkeletonEvent\n  }\n};\n\nconst categories = ref([]);\nconst copiedIcon = ref('');\nconst displayNotification = ref(false);\nconst notificationMessage = ref('');\n\nonMounted(() => {\n  loadIcons();\n});\n\nfunction loadIcons() {\n  categories.value = Object.entries(iconsMap).map(([categoryName, icons]) => ({\n    name: categoryName,\n    icons: Object.entries(icons).map(([name, component]) => ({\n      name,\n      component\n    }))\n  }));\n}\n\nfunction formatCategoryName(name) {\n  return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction copyIconName(iconName, categoryName) {\n  const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;\n  navigator.clipboard.writeText(importStatement);\n  \n  copiedIcon.value = iconName;\n  notificationMessage.value = `Copied: ${importStatement}`;\n  displayNotification.value = true;\n  \n  setTimeout(() => {\n    copiedIcon.value = '';\n    setTimeout(() => {\n      displayNotification.value = false;\n    }, 2000);\n  }, 1000);\n}\n</script>\n\n<style scoped>\n.h-60 {\n  height: 60%;\n}\n\n.notification {\n  z-index: 100;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition: all 0.3s ease;\n  animation: fadeIn 0.3s;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n</style>"],"names":["IconInfo","IconMinus","IconEllipsis","IconPlus","IconHeart","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconEdit","IconMute","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconList","IconSettings","IconEarn","IconPopular","IconDiscount","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","IconDuplicate","IconShopcartAdd","IconShow"],"mappings":"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"}

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

@@ -0,0 +1,87 @@
+"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");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "album-cover pos-relative" };
+const _hoisted_2 = { 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-small bg-dark-transp-20" };
+const _hoisted_4 = { class: "t-white t-medium t-truncate" };
+const _hoisted_5 = { class: "t-grey t-small t-truncate" };
+const _sfc_main = {
+  __name: "AlbumCard",
+  props: {
+    album: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const albumInfo = vue.computed(() => {
+      var _a;
+      const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : "";
+      let artistName = "Unknown Artist";
+      if ((_a = props.album.artist) == null ? void 0 : _a.name) {
+        artistName = props.album.artist.name;
+      } else if (typeof props.album.artist === "string") {
+        artistName = props.album.artist;
+      }
+      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-detail", params: { url: __props.album.url } },
+        class: "album-card d-block radius-small o-hidden"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(Media.default, {
+              url: __props.album.coverUrl || "/assets/placeholder-album.jpg",
+              class: "w-100 aspect-1x1 object-fit-cover"
+            }, null, 8, ["url"]),
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(Button.default, {
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => playAlbum(__props.album), ["stop"])),
+                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.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-b94f361e"]]);
+exports.default = AlbumCard;
+//# sourceMappingURL=AlbumCard.vue.cjs.map

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

@@ -0,0 +1 @@
+{"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-detail', params: { url: album.url } }\" \n    class=\"album-card d-block radius-small o-hidden\"\n  >\n    <div class=\"album-cover pos-relative\">\n      <Media \n        :url=\"album.coverUrl || '/assets/placeholder-album.jpg'\" \n        class=\"w-100 aspect-1x1 object-fit-cover\"\n      />\n      <div 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=\"playAlbum(album)\" \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=\"album-info pd-small bg-dark-transp-20\">\n      <h3 class=\"t-white t-medium t-truncate\">{{ album.title }}</h3>\n      <p class=\"t-grey 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  if (props.album.artist?.name) {\n    artistName = props.album.artist.name;\n  } else if (typeof props.album.artist === 'string') {\n    artistName = props.album.artist;\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  width: 48px;\n  height: 48px;\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,IAAQ,SAAC,MAAM;;AAC/B,YAAM,cAAc,MAAM,MAAM,cAAc,IAAI,KAAK,MAAM,MAAM,WAAW,EAAE,YAAa,IAAG;AAChG,UAAI,aAAa;AAEjB,WAAI,WAAM,MAAM,WAAZ,mBAAoB,MAAM;AAC5B,qBAAa,MAAM,MAAM,OAAO;AAAA,MACjC,WAAU,OAAO,MAAM,MAAM,WAAW,UAAU;AACjD,qBAAa,MAAM,MAAM;AAAA,MAC7B;AAEE,aAAO,cAAc,GAAG,UAAU,MAAM,WAAW,KAAK;AAAA,IAC1D,CAAC;AAGD,UAAM,YAAY,OAAO,UAAU;AAEjC,UAAIC,aAAY,gBAAgBA,OAAW,MAAC,aAAa,QAAQ,MAAM,OAAOA,OAAW,MAAC,mBAAmB,SAAS,GAAG;AACvHC,uBAAc,SAASD,OAAW,MAAC,kBAAkB;AACrD;AAAA,MACJ;AAGE,YAAM,SAAS,MAAME,OAAAA,QAAc,iBAAiB,MAAM,GAAG;AAE7D,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/BD,eAAa,QAAC,SAAS,MAAM;AAAA,MACjC;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}