@ozdao/martyrs 0.2.477 → 0.2.478

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

@@ -0,0 +1,278 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const IconInfo = require("../navigation/IconInfo.vue.cjs");
+const IconMinus = require("../navigation/IconMinus.vue.cjs");
+const IconEllipsis = require("../navigation/IconEllipsis.vue.cjs");
+const IconPlus = require("../navigation/IconPlus.vue.cjs");
+const IconHeart = require("../navigation/IconHeart.vue.cjs");
+const IconCheckmark = require("../navigation/IconCheckmark.vue.cjs");
+const IconPause = require("../navigation/IconPause.vue.cjs");
+const IconAdd = require("../navigation/IconAdd.vue.cjs");
+const IconVolume = require("../navigation/IconVolume.vue.cjs");
+const IconUnMute = require("../navigation/IconUnMute.vue.cjs");
+const IconCross = require("../navigation/IconCross.vue.cjs");
+const IconDoubleCheck = require("../navigation/IconDoubleCheck.vue.cjs");
+const IconSearch = require("../navigation/IconSearch.vue.cjs");
+const IconChevronRight = require("../navigation/IconChevronRight.vue.cjs");
+const IconLike = require("../navigation/IconLike.vue.cjs");
+const IconDelete = require("../navigation/IconDelete.vue.cjs");
+const IconCheck = require("../navigation/IconCheck.vue.cjs");
+const IconFilter = require("../navigation/IconFilter.vue.cjs");
+const IconAttach = require("../navigation/IconAttach.vue.cjs");
+const IconRefresh = require("../navigation/IconRefresh.vue.cjs");
+const IconUpload = require("../navigation/IconUpload.vue.cjs");
+const IconSort = require("../navigation/IconSort.vue.cjs");
+const IconChevronBottom = require("../navigation/IconChevronBottom.vue.cjs");
+const IconChevronLeft = require("../navigation/IconChevronLeft.vue.cjs");
+const IconEdit = require("../navigation/IconEdit.vue.cjs");
+const IconMute = require("../navigation/IconMute.vue.cjs");
+const IconSend = require("../navigation/IconSend.vue.cjs");
+const IconArrow = require("../navigation/IconArrow.vue.cjs");
+const IconPlay = require("../navigation/IconPlay.vue.cjs");
+const IconShuffle = require("../navigation/IconShuffle.vue.cjs");
+const IconInfo$1 = require("../entities/IconInfo.vue.cjs");
+const IconPrice = require("../entities/IconPrice.vue.cjs");
+const IconCalendar = require("../entities/IconCalendar.vue.cjs");
+const IconPayments = require("../entities/IconPayments.vue.cjs");
+const IconBell = require("../entities/IconBell.vue.cjs");
+const IconTime = require("../entities/IconTime.vue.cjs");
+const IconCommunity = require("../entities/IconCommunity.vue.cjs");
+const IconGallery = require("../entities/IconGallery.vue.cjs");
+const IconFile = require("../entities/IconFile.vue.cjs");
+const IconFollowing = require("../entities/IconFollowing.vue.cjs");
+const IconEvents = require("../entities/IconEvents.vue.cjs");
+const IconHome = require("../entities/IconHome.vue.cjs");
+const IconProducts = require("../entities/IconProducts.vue.cjs");
+const IconCatalog = require("../entities/IconCatalog.vue.cjs");
+const IconShopcart = require("../entities/IconShopcart.vue.cjs");
+const IconRecent = require("../entities/IconRecent.vue.cjs");
+const IconEarn = require("../entities/IconEarn.vue.cjs");
+const IconPopular = require("../entities/IconPopular.vue.cjs");
+const IconDate = require("../entities/IconDate.vue.cjs");
+const IconFeatured = require("../entities/IconFeatured.vue.cjs");
+const IconLeftovers = require("../entities/IconLeftovers.vue.cjs");
+const IconOrders = require("../entities/IconOrders.vue.cjs");
+const IconMusic = require("../entities/IconMusic.vue.cjs");
+const IconProfile = require("../entities/IconProfile.vue.cjs");
+const IconGroups = require("../entities/IconGroups.vue.cjs");
+const PlaceholderOrganizationPic = require("../placeholders/PlaceholderOrganizationPic.vue.cjs");
+const PlaceholderChat = require("../placeholders/PlaceholderChat.vue.cjs");
+const PlaceholderImage = require("../placeholders/PlaceholderImage.vue.cjs");
+const PlaceholderUserpic = require("../placeholders/PlaceholderUserpic.vue.cjs");
+const vk = require("../socials/vk.vue.cjs");
+const instagram = require("../socials/instagram.vue.cjs");
+const telegram = require("../socials/telegram.vue.cjs");
+const twitter = require("../socials/twitter.vue.cjs");
+const linkedin = require("../socials/linkedin.vue.cjs");
+const reddit = require("../socials/reddit.vue.cjs");
+const dribbble = require("../socials/dribbble.vue.cjs");
+const facebook = require("../socials/facebook.vue.cjs");
+const youtube = require("../socials/youtube.vue.cjs");
+const line = require("../socials/line.vue.cjs");
+const IconDuplicate = require("../actions/IconDuplicate.vue.cjs");
+const IconShopcartAdd = require("../actions/IconShopcartAdd.vue.cjs");
+const LabelGooglePlay = require("../labels/LabelGooglePlay.vue.cjs");
+const LabelAppStore = require("../labels/LabelAppStore.vue.cjs");
+const Logotype = require("../logos/Logotype.vue.cjs");
+const SkeletonEventShort = require("../skeletons/SkeletonEventShort.vue.cjs");
+const SkeletonBlogpost = require("../skeletons/SkeletonBlogpost.vue.cjs");
+const SkeletonOrganization = require("../skeletons/SkeletonOrganization.vue.cjs");
+const SkeletonEvent = require("../skeletons/SkeletonEvent.vue.cjs");
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "mn-b-medium t-medium" };
+const _hoisted_3 = { class: "cols-6 gap-thin" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "flex-center flex h-60" };
+const _hoisted_6 = { class: "pd-t-thin pd-b-thin t-center t-small t-truncate" };
+const _hoisted_7 = {
+  key: 0,
+  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"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large"
+};
+const _sfc_main = {
+  __name: "IconsPage",
+  setup(__props) {
+    const categories = vue.ref([]);
+    const copiedIcon = vue.ref("");
+    const displayNotification = vue.ref(false);
+    const notificationMessage = vue.ref("");
+    vue.onMounted(() => {
+      loadIcons();
+    });
+    function loadIcons() {
+      categories.value = [
+        {
+          name: "navigation",
+          icons: [
+            { name: "IconInfo", component: IconInfo.default },
+            { name: "IconMinus", component: IconMinus.default },
+            { name: "IconEllipsis", component: IconEllipsis.default },
+            { name: "IconPlus", component: IconPlus.default },
+            { name: "IconHeart", component: IconHeart.default },
+            { name: "IconCheckmark", component: IconCheckmark.default },
+            { name: "IconPause", component: IconPause.default },
+            { name: "IconAdd", component: IconAdd.default },
+            { name: "IconVolume", component: IconVolume.default },
+            { name: "IconUnMute", component: IconUnMute.default },
+            { name: "IconCross", component: IconCross.default },
+            { name: "IconDoubleCheck", component: IconDoubleCheck.default },
+            { name: "IconSearch", component: IconSearch.default },
+            { name: "IconChevronRight", component: IconChevronRight.default },
+            { name: "IconLike", component: IconLike.default },
+            { name: "IconDelete", component: IconDelete.default },
+            { name: "IconCheck", component: IconCheck.default },
+            { name: "IconFilter", component: IconFilter.default },
+            { name: "IconAttach", component: IconAttach.default },
+            { name: "IconRefresh", component: IconRefresh.default },
+            { name: "IconUpload", component: IconUpload.default },
+            { name: "IconSort", component: IconSort.default },
+            { name: "IconChevronBottom", component: IconChevronBottom.default },
+            { name: "IconChevronLeft", component: IconChevronLeft.default },
+            { name: "IconEdit", component: IconEdit.default },
+            { name: "IconMute", component: IconMute.default },
+            { name: "IconSend", component: IconSend.default },
+            { name: "IconArrow", component: IconArrow.default },
+            { name: "IconPlay", component: IconPlay.default },
+            { name: "IconShuffle", component: IconShuffle.default }
+          ]
+        },
+        {
+          name: "entities",
+          icons: [
+            { name: "IconInfo", component: IconInfo$1.default },
+            { name: "IconPrice", component: IconPrice.default },
+            { name: "IconCalendar", component: IconCalendar.default },
+            { name: "IconPayments", component: IconPayments.default },
+            { name: "IconBell", component: IconBell.default },
+            { name: "IconTime", component: IconTime.default },
+            { name: "IconCommunity", component: IconCommunity.default },
+            { name: "IconGallery", component: IconGallery.default },
+            { name: "IconFile", component: IconFile.default },
+            { name: "IconFollowing", component: IconFollowing.default },
+            { name: "IconEvents", component: IconEvents.default },
+            { name: "IconHome", component: IconHome.default },
+            { name: "IconProducts", component: IconProducts.default },
+            { name: "IconCatalog", component: IconCatalog.default },
+            { name: "IconShopcart", component: IconShopcart.default },
+            { name: "IconRecent", component: IconRecent.default },
+            { name: "IconEarn", component: IconEarn.default },
+            { name: "IconPopular", component: IconPopular.default },
+            { name: "IconDate", component: IconDate.default },
+            { name: "IconFeatured", component: IconFeatured.default },
+            { name: "IconLeftovers", component: IconLeftovers.default },
+            { name: "IconOrders", component: IconOrders.default },
+            { name: "IconMusic", component: IconMusic.default },
+            { name: "IconProfile", component: IconProfile.default },
+            { name: "IconGroups", component: IconGroups.default }
+          ]
+        },
+        {
+          name: "placeholders",
+          icons: [
+            { name: "PlaceholderOrganizationPic", component: PlaceholderOrganizationPic.default },
+            { name: "PlaceholderChat", component: PlaceholderChat.default },
+            { name: "PlaceholderImage", component: PlaceholderImage.default },
+            { name: "PlaceholderUserpic", component: PlaceholderUserpic.default }
+          ]
+        },
+        {
+          name: "socials",
+          icons: [
+            { name: "vk", component: vk.default },
+            { name: "instagram", component: instagram.default },
+            { name: "telegram", component: telegram.default },
+            { name: "twitter", component: twitter.default },
+            { name: "linkedin", component: linkedin.default },
+            { name: "reddit", component: reddit.default },
+            { name: "dribbble", component: dribbble.default },
+            { name: "facebook", component: facebook.default },
+            { name: "youtube", component: youtube.default },
+            { name: "line", component: line.default }
+          ]
+        },
+        {
+          name: "actions",
+          icons: [
+            { name: "IconDuplicate", component: IconDuplicate.default },
+            { name: "IconShopcartAdd", component: IconShopcartAdd.default }
+          ]
+        },
+        {
+          name: "labels",
+          icons: [
+            { name: "LabelGooglePlay", component: LabelGooglePlay.default },
+            { name: "LabelAppStore", component: LabelAppStore.default }
+          ]
+        },
+        {
+          name: "logos",
+          icons: [
+            { name: "Logotype", component: Logotype.default }
+          ]
+        },
+        {
+          name: "skeletons",
+          icons: [
+            { name: "SkeletonEventShort", component: SkeletonEventShort.default },
+            { name: "SkeletonBlogpost", component: SkeletonBlogpost.default },
+            { name: "SkeletonOrganization", component: SkeletonOrganization.default },
+            { name: "SkeletonEvent", component: SkeletonEvent.default }
+          ]
+        }
+      ];
+    }
+    function formatCategoryName(name) {
+      return name.charAt(0).toUpperCase() + name.slice(1);
+    }
+    function copyIconName(iconName, categoryName) {
+      const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;
+      navigator.clipboard.writeText(importStatement);
+      copiedIcon.value = iconName;
+      notificationMessage.value = `Copied: ${importStatement}`;
+      displayNotification.value = true;
+      setTimeout(() => {
+        copiedIcon.value = "";
+        setTimeout(() => {
+          displayNotification.value = false;
+        }, 2e3);
+      }, 1e3);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = vue.createElementVNode("h2", { class: "mn-b-medium" }, "Martyrs Icons Gallery", -1)),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.value, (category, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: index,
+            class: "mn-b-large"
+          }, [
+            vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(formatCategoryName(category.name)) + " (" + vue.toDisplayString(category.icons.length) + ")", 1),
+            vue.createElementVNode("div", _hoisted_3, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(category.icons, (icon, iconIndex) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: iconIndex,
+                  class: "aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer",
+                  onClick: ($event) => copyIconName(icon.name, category.name)
+                }, [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(icon.component), { class: "w-2r h-2r" }))
+                  ]),
+                  vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(icon.name), 1),
+                  copiedIcon.value === icon.name ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " Copied! ")) : vue.createCommentVNode("", true)
+                ], 8, _hoisted_4);
+              }), 128))
+            ])
+          ]);
+        }), 128)),
+        displayNotification.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, vue.toDisplayString(notificationMessage.value), 1)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const IconsPage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5adf0e62"]]);
+exports.default = IconsPage;
+//# sourceMappingURL=IconsPage.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconsPage.vue.cjs","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 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: 'IconHeart', component: IconHeart },\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":["ref","onMounted","IconInfo","IconMinus","IconEllipsis","IconPlus","IconHeart","IconCheckmark","IconPause","IconAdd","IconVolume","IconUnMute","IconCross","IconDoubleCheck","IconSearch","IconChevronRight","IconLike","IconDelete","IconCheck","IconFilter","IconAttach","IconRefresh","IconUpload","IconSort","IconChevronBottom","IconChevronLeft","IconEdit","IconMute","IconSend","IconArrow","IconPlay","IconShuffle","IconInfoEntities","IconPrice","IconCalendar","IconPayments","IconBell","IconTime","IconCommunity","IconGallery","IconFile","IconFollowing","IconEvents","IconHome","IconProducts","IconCatalog","IconShopcart","IconRecent","IconEarn","IconPopular","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","PlaceholderOrganizationPic","PlaceholderChat","PlaceholderImage","PlaceholderUserpic","Vk","Instagram","Telegram","Twitter","Linkedin","Reddit","Dribbble","Facebook","Youtube","Line","IconDuplicate","IconShopcartAdd","LabelGooglePlay","LabelAppStore","Logotype","SkeletonEventShort","SkeletonBlogpost","SkeletonOrganization","SkeletonEvent"],"mappings":"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"}

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

@@ -0,0 +1,278 @@
+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/IconHeart.vue.js";
+import _sfc_main$6 from "../navigation/IconCheckmark.vue.js";
+import _sfc_main$7 from "../navigation/IconPause.vue.js";
+import _sfc_main$8 from "../navigation/IconAdd.vue.js";
+import _sfc_main$9 from "../navigation/IconVolume.vue.js";
+import _sfc_main$a from "../navigation/IconUnMute.vue.js";
+import _sfc_main$b from "../navigation/IconCross.vue.js";
+import _sfc_main$c from "../navigation/IconDoubleCheck.vue.js";
+import _sfc_main$d from "../navigation/IconSearch.vue.js";
+import IconChevronRight from "../navigation/IconChevronRight.vue.js";
+import _sfc_main$e from "../navigation/IconLike.vue.js";
+import _sfc_main$f from "../navigation/IconDelete.vue.js";
+import _sfc_main$g from "../navigation/IconCheck.vue.js";
+import _sfc_main$h from "../navigation/IconFilter.vue.js";
+import _sfc_main$i from "../navigation/IconAttach.vue.js";
+import _sfc_main$j from "../navigation/IconRefresh.vue.js";
+import _sfc_main$k from "../navigation/IconUpload.vue.js";
+import _sfc_main$l from "../navigation/IconSort.vue.js";
+import IconChevronBottom from "../navigation/IconChevronBottom.vue.js";
+import IconChevronLeft from "../navigation/IconChevronLeft.vue.js";
+import _sfc_main$m from "../navigation/IconEdit.vue.js";
+import _sfc_main$n from "../navigation/IconMute.vue.js";
+import IconSend from "../navigation/IconSend.vue.js";
+import _sfc_main$o from "../navigation/IconArrow.vue.js";
+import IconPlay 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$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 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 PlaceholderOrganizationPic from "../placeholders/PlaceholderOrganizationPic.vue.js";
+import PlaceholderChat from "../placeholders/PlaceholderChat.vue.js";
+import PlaceholderImage from "../placeholders/PlaceholderImage.vue.js";
+import PlaceholderUserpic from "../placeholders/PlaceholderUserpic.vue.js";
+import Vk from "../socials/vk.vue.js";
+import Instagram from "../socials/instagram.vue.js";
+import Telegram from "../socials/telegram.vue.js";
+import Twitter from "../socials/twitter.vue.js";
+import Linkedin from "../socials/linkedin.vue.js";
+import Reddit from "../socials/reddit.vue.js";
+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 LabelGooglePlay from "../labels/LabelGooglePlay.vue.js";
+import LabelAppStore from "../labels/LabelAppStore.vue.js";
+import Logotype from "../logos/Logotype.vue.js";
+import SkeletonEventShort from "../skeletons/SkeletonEventShort.vue.js";
+import SkeletonBlogpost from "../skeletons/SkeletonBlogpost.vue.js";
+import SkeletonOrganization from "../skeletons/SkeletonOrganization.vue.js";
+import SkeletonEvent from "../skeletons/SkeletonEvent.vue.js";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "pd-medium" };
+const _hoisted_2 = { class: "mn-b-medium t-medium" };
+const _hoisted_3 = { class: "cols-6 gap-thin" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "flex-center flex h-60" };
+const _hoisted_6 = { class: "pd-t-thin pd-b-thin t-center t-small t-truncate" };
+const _hoisted_7 = {
+  key: 0,
+  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"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "notification bg-third pd-small radius-medium pos-fixed pos-b-0 pos-r-0 mn-b-large mn-r-large"
+};
+const _sfc_main = {
+  __name: "IconsPage",
+  setup(__props) {
+    const categories = ref([]);
+    const copiedIcon = ref("");
+    const displayNotification = ref(false);
+    const notificationMessage = ref("");
+    onMounted(() => {
+      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: "IconHeart", component: _sfc_main$5 },
+            { name: "IconCheckmark", component: _sfc_main$6 },
+            { name: "IconPause", component: _sfc_main$7 },
+            { name: "IconAdd", component: _sfc_main$8 },
+            { name: "IconVolume", component: _sfc_main$9 },
+            { name: "IconUnMute", component: _sfc_main$a },
+            { name: "IconCross", component: _sfc_main$b },
+            { name: "IconDoubleCheck", component: _sfc_main$c },
+            { name: "IconSearch", component: _sfc_main$d },
+            { name: "IconChevronRight", component: IconChevronRight },
+            { name: "IconLike", component: _sfc_main$e },
+            { name: "IconDelete", component: _sfc_main$f },
+            { name: "IconCheck", component: _sfc_main$g },
+            { name: "IconFilter", component: _sfc_main$h },
+            { name: "IconAttach", component: _sfc_main$i },
+            { name: "IconRefresh", component: _sfc_main$j },
+            { name: "IconUpload", component: _sfc_main$k },
+            { name: "IconSort", component: _sfc_main$l },
+            { name: "IconChevronBottom", component: IconChevronBottom },
+            { name: "IconChevronLeft", component: IconChevronLeft },
+            { name: "IconEdit", component: _sfc_main$m },
+            { name: "IconMute", component: _sfc_main$n },
+            { name: "IconSend", component: IconSend },
+            { name: "IconArrow", component: _sfc_main$o },
+            { name: "IconPlay", component: IconPlay },
+            { 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 }
+          ]
+        }
+      ];
+    }
+    function formatCategoryName(name) {
+      return name.charAt(0).toUpperCase() + name.slice(1);
+    }
+    function copyIconName(iconName, categoryName) {
+      const importStatement = `import ${iconName} from '@martyrs/src/modules/icons/${categoryName}/${iconName}.vue';`;
+      navigator.clipboard.writeText(importStatement);
+      copiedIcon.value = iconName;
+      notificationMessage.value = `Copied: ${importStatement}`;
+      displayNotification.value = true;
+      setTimeout(() => {
+        copiedIcon.value = "";
+        setTimeout(() => {
+          displayNotification.value = false;
+        }, 2e3);
+      }, 1e3);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("h2", { class: "mn-b-medium" }, "Martyrs Icons Gallery", -1)),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(categories.value, (category, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "mn-b-large"
+          }, [
+            createElementVNode("h3", _hoisted_2, toDisplayString(formatCategoryName(category.name)) + " (" + toDisplayString(category.icons.length) + ")", 1),
+            createElementVNode("div", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(category.icons, (icon, iconIndex) => {
+                return openBlock(), createElementBlock("div", {
+                  key: iconIndex,
+                  class: "aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer",
+                  onClick: ($event) => copyIconName(icon.name, category.name)
+                }, [
+                  createElementVNode("div", _hoisted_5, [
+                    (openBlock(), createBlock(resolveDynamicComponent(icon.component), { class: "w-2r h-2r" }))
+                  ]),
+                  createElementVNode("div", _hoisted_6, toDisplayString(icon.name), 1),
+                  copiedIcon.value === icon.name ? (openBlock(), createElementBlock("div", _hoisted_7, " Copied! ")) : createCommentVNode("", true)
+                ], 8, _hoisted_4);
+              }), 128))
+            ])
+          ]);
+        }), 128)),
+        displayNotification.value ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(notificationMessage.value), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const IconsPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5adf0e62"]]);
+export {
+  IconsPage as default
+};
+//# sourceMappingURL=IconsPage.vue.js.map