@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/martyrs/src/modules/icons/navigation/IconVolume.vue.js

@@ -0,0 +1,37 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "19",
+  height: "15",
+  viewBox: "0 0 19 15",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = ["fill"];
+const _sfc_main = {
+  __name: "IconVolume",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("path", {
+          fill: __props.fill,
+          d: "M9.97505 0.3828C10.3344 0.5453 10.5657 0.90155 10.5657 1.2953V13.2953C10.5657 13.6891 10.3344 14.0453 9.97505 14.2078C9.61567 14.3703 9.1938 14.3047 8.90005 14.0422L4.68442 10.2953H2.56567C1.46255 10.2953 0.565674 9.39843 0.565674 8.2953V6.2953C0.565674 5.19218 1.46255 4.2953 2.56567 4.2953H4.68442L8.90005 0.548425C9.1938 0.285925 9.61567 0.223425 9.97505 0.3828Z"
+        }, null, 8, _hoisted_2),
+        createElementVNode("path", {
+          fill: __props.fill,
+          d: "M15.5657 6.23301L13.8469 4.51426C13.5563 4.22051 13.0813 4.22363 12.7876 4.51426C12.4938 4.80488 12.4938 5.27988 12.7876 5.57363L14.5063 7.29238L12.7876 9.01113C12.4938 9.30176 12.4969 9.77676 12.7876 10.0705C13.0782 10.3643 13.5532 10.3643 13.8469 10.0705L15.5657 8.35176L17.2844 10.0705C17.5751 10.3643 18.0501 10.3611 18.3438 10.0705C18.6376 9.77988 18.6376 9.30488 18.3438 9.01113L16.6251 7.29238L18.3438 5.57363C18.6376 5.28301 18.6344 4.80801 18.3438 4.51426C18.0532 4.22051 17.5782 4.22051 17.2844 4.51426L15.5657 6.23301Z"
+        }, null, 8, _hoisted_3)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=IconVolume.vue.js.map

package/dist/martyrs/src/modules/icons/navigation/IconVolume.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconVolume.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,327 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const IconSearchPopup = require("../components/IconSearchPopup.vue.cjs");
+const IconInfo$1 = 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 = 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 IconList = require("../entities/IconList.vue.cjs");
+const IconSettings = require("../entities/IconSettings.vue.cjs");
+const IconEarn = require("../entities/IconEarn.vue.cjs");
+const IconPopular = require("../entities/IconPopular.vue.cjs");
+const IconDiscount = require("../entities/IconDiscount.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 IconPhone = require("../entities/IconPhone.vue.cjs");
+const IconEmail = require("../entities/IconEmail.vue.cjs");
+const IconAddress = require("../entities/IconAddress.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 IconOpenLink = require("../actions/IconOpenLink.vue.cjs");
+const IconShopcartAdd = require("../actions/IconShopcartAdd.vue.cjs");
+const IconShow = require("../actions/IconShow.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 = ["onClick"];
+const _hoisted_9 = {
+  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 iconsMap = {
+      navigation: {
+        IconInfo: IconInfo$1.default,
+        IconMinus: IconMinus.default,
+        IconEllipsis: IconEllipsis.default,
+        IconPlus: IconPlus.default,
+        IconHeart: IconHeart.default,
+        IconCheckmark: IconCheckmark.default,
+        IconPause: IconPause.default,
+        IconAdd: IconAdd.default,
+        IconVolume: IconVolume.default,
+        IconUnMute: IconUnMute.default,
+        IconCross: IconCross.default,
+        IconDoubleCheck: IconDoubleCheck.default,
+        IconSearch: IconSearch.default,
+        IconChevronRight: IconChevronRight.default,
+        IconLike: IconLike.default,
+        IconDelete: IconDelete.default,
+        IconCheck: IconCheck.default,
+        IconFilter: IconFilter.default,
+        IconAttach: IconAttach.default,
+        IconRefresh: IconRefresh.default,
+        IconUpload: IconUpload.default,
+        IconSort: IconSort.default,
+        IconChevronBottom: IconChevronBottom.default,
+        IconChevronLeft: IconChevronLeft.default,
+        IconEdit: IconEdit.default,
+        IconMute: IconMute.default,
+        IconSend: IconSend.default,
+        IconArrow: IconArrow.default,
+        IconPlay: IconPlay.default,
+        IconShuffle: IconShuffle.default
+      },
+      entities: {
+        IconInfo: IconInfo.default,
+        IconPrice: IconPrice.default,
+        IconCalendar: IconCalendar.default,
+        IconPayments: IconPayments.default,
+        IconBell: IconBell.default,
+        IconTime: IconTime.default,
+        IconCommunity: IconCommunity.default,
+        IconGallery: IconGallery.default,
+        IconFile: IconFile.default,
+        IconFollowing: IconFollowing.default,
+        IconEvents: IconEvents.default,
+        IconHome: IconHome.default,
+        IconProducts: IconProducts.default,
+        IconCatalog: IconCatalog.default,
+        IconShopcart: IconShopcart.default,
+        IconRecent: IconRecent.default,
+        IconList: IconList.default,
+        IconSettings: IconSettings.default,
+        IconPhone: IconPhone.default,
+        IconEmail: IconEmail.default,
+        IconAddress: IconAddress.default,
+        IconEarn: IconEarn.default,
+        IconPopular: IconPopular.default,
+        IconDiscount: IconDiscount.default,
+        IconDate: IconDate.default,
+        IconFeatured: IconFeatured.default,
+        IconLeftovers: IconLeftovers.default,
+        IconOrders: IconOrders.default,
+        IconMusic: IconMusic.default,
+        IconProfile: IconProfile.default,
+        IconGroups: IconGroups.default
+      },
+      placeholders: {
+        PlaceholderOrganizationPic: PlaceholderOrganizationPic.default,
+        PlaceholderChat: PlaceholderChat.default,
+        PlaceholderImage: PlaceholderImage.default,
+        PlaceholderUserpic: PlaceholderUserpic.default
+      },
+      socials: {
+        vk: vk.default,
+        instagram: instagram.default,
+        telegram: telegram.default,
+        twitter: twitter.default,
+        linkedin: linkedin.default,
+        reddit: reddit.default,
+        dribbble: dribbble.default,
+        facebook: facebook.default,
+        youtube: youtube.default,
+        line: line.default
+      },
+      actions: {
+        IconDuplicate: IconDuplicate.default,
+        IconOpenLink: IconOpenLink.default,
+        IconShopcartAdd: IconShopcartAdd.default,
+        IconShow: IconShow.default
+      },
+      labels: {
+        LabelGooglePlay: LabelGooglePlay.default,
+        LabelAppStore: LabelAppStore.default
+      },
+      logos: {
+        Logotype: Logotype.default
+      },
+      skeletons: {
+        SkeletonEventShort: SkeletonEventShort.default,
+        SkeletonBlogpost: SkeletonBlogpost.default,
+        SkeletonOrganization: SkeletonOrganization.default,
+        SkeletonEvent: SkeletonEvent.default
+      }
+    };
+    const categories = vue.ref([]);
+    const copiedIcon = vue.ref("");
+    const displayNotification = vue.ref(false);
+    const notificationMessage = vue.ref("");
+    const showSearchPopup = vue.ref(false);
+    const popupMode = vue.ref("add");
+    const currentIconForReplace = vue.ref(null);
+    vue.onMounted(() => {
+      loadIcons();
+    });
+    function loadIcons() {
+      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);
+    }
+    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);
+    }
+    function openAddIconPopup() {
+      popupMode.value = "add";
+      currentIconForReplace.value = null;
+      showSearchPopup.value = true;
+    }
+    function openReplaceIconPopup(icon, categoryName) {
+      popupMode.value = "replace";
+      currentIconForReplace.value = {
+        name: icon.name,
+        category: categoryName,
+        component: icon.component
+      };
+      showSearchPopup.value = true;
+    }
+    function handleIconSelected(data) {
+      loadIcons();
+      notificationMessage.value = data.mode === "add" ? `Added new icon: ${data.icon.name}` : `Replaced icon: ${data.icon.name}`;
+      displayNotification.value = true;
+      setTimeout(() => {
+        displayNotification.value = false;
+      }, 3e3);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", { class: "flex-between mn-b-medium" }, [
+          _cache[1] || (_cache[1] = vue.createElementVNode("h2", null, "Martyrs Icons Gallery", -1)),
+          vue.createElementVNode("button", {
+            onClick: openAddIconPopup,
+            class: "pd-small pd-h-medium bg-primary t-white radius-medium hover-scale-1 cursor-pointer border-none"
+          }, " Add New Icon ")
+        ]),
+        (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: "icon-card aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer pos-relative",
+                  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),
+                  vue.createElementVNode("button", {
+                    onClick: vue.withModifiers(($event) => openReplaceIconPopup(icon, category.name), ["stop"]),
+                    class: "replace-btn pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin pd-micro bg-second radius-small hover-scale-1 cursor-pointer border-none",
+                    title: "Replace icon"
+                  }, [
+                    vue.createVNode(IconRefresh.default, {
+                      class: "w-1r h-1r",
+                      fill: "rgb(var(--white))"
+                    })
+                  ], 8, _hoisted_8)
+                ], 8, _hoisted_4);
+              }), 128))
+            ])
+          ]);
+        }), 128)),
+        displayNotification.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(notificationMessage.value), 1)) : vue.createCommentVNode("", true),
+        vue.createVNode(IconSearchPopup.default, {
+          isOpen: showSearchPopup.value,
+          mode: popupMode.value,
+          currentIcon: currentIconForReplace.value,
+          onClose: _cache[0] || (_cache[0] = ($event) => showSearchPopup.value = false),
+          onIconSelected: handleIconSelected
+        }, null, 8, ["isOpen", "mode", "currentIcon"])
+      ]);
+    };
+  }
+};
+const IconsPage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1228d04d"]]);
+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    <div class=\"flex-between mn-b-medium\">\n      <h2>Martyrs Icons Gallery</h2>\n      <button @click=\"openAddIconPopup\" class=\"pd-small pd-h-medium bg-primary t-white radius-medium hover-scale-1 cursor-pointer border-none\">\n        Add New Icon\n      </button>\n    </div>\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=\"icon-card aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column flex hover-scale-1 cursor-pointer pos-relative\"\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          <button \n            @click.stop=\"openReplaceIconPopup(icon, category.name)\"\n            class=\"replace-btn pos-absolute pos-t-0 pos-r-0 mn-t-thin mn-r-thin pd-micro bg-second radius-small hover-scale-1 cursor-pointer border-none\"\n            title=\"Replace icon\"\n          >\n            <IconRefresh class=\"w-1r h-1r\" :fill=\"'rgb(var(--white))'\" />\n          </button>\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\n    <IconSearchPopup \n      :isOpen=\"showSearchPopup\" \n      :mode=\"popupMode\"\n      :currentIcon=\"currentIconForReplace\"\n      @close=\"showSearchPopup = false\"\n      @icon-selected=\"handleIconSelected\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport IconSearchPopup from '../components/IconSearchPopup.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 IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.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 IconOpenLink from '@martyrs/src/modules/icons/actions/IconOpenLink.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    IconPhone,\n    IconEmail,\n    IconAddress,\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    IconOpenLink,\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('');\nconst showSearchPopup = ref(false);\nconst popupMode = ref('add');\nconst currentIconForReplace = ref(null);\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\nfunction openAddIconPopup() {\n  popupMode.value = 'add';\n  currentIconForReplace.value = null;\n  showSearchPopup.value = true;\n}\n\nfunction openReplaceIconPopup(icon, categoryName) {\n  popupMode.value = 'replace';\n  currentIconForReplace.value = {\n    name: icon.name,\n    category: categoryName,\n    component: icon.component\n  };\n  showSearchPopup.value = true;\n}\n\nfunction handleIconSelected(data) {\n  // Reload icons after successful save\n  loadIcons();\n  \n  // Show success notification\n  notificationMessage.value = data.mode === 'add' \n    ? `Added new icon: ${data.icon.name}` \n    : `Replaced icon: ${data.icon.name}`;\n  displayNotification.value = true;\n  \n  setTimeout(() => {\n    displayNotification.value = false;\n  }, 3000);\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\n.icon-card .replace-btn {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.icon-card:hover .replace-btn {\n  opacity: 1;\n}\n\n.flex-between {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n</style>"],"names":["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","IconList","IconSettings","IconPhone","IconEmail","IconAddress","IconEarn","IconPopular","IconDiscount","IconDate","IconFeatured","IconLeftovers","IconOrders","IconMusic","IconProfile","IconGroups","PlaceholderOrganizationPic","PlaceholderChat","PlaceholderImage","PlaceholderUserpic","Vk","Instagram","Telegram","Twitter","Linkedin","Reddit","Dribbble","Facebook","Youtube","Line","IconDuplicate","IconOpenLink","IconShopcartAdd","IconShow","LabelGooglePlay","LabelAppStore","Logotype","SkeletonEventShort","SkeletonBlogpost","SkeletonOrganization","SkeletonEvent","ref","onMounted"],"mappings":"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"}