@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/martyrs/src/modules/icons/actions/IconShopcartAdd.vue.js

@@ -0,0 +1,33 @@
+import { createElementBlock, openBlock, createElementVNode, normalizeClass } from "vue";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "25",
+  height: "21",
+  viewBox: "0 0 25 21",
+  fill: "none"
+};
+const _hoisted_2 = ["fill"];
+const _sfc_main = {
+  __name: "IconShopcartAdd",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        createElementVNode("path", {
+          d: "M7.69141 15.582C6.99414 15.582 6.45638 15.3861 6.07812 14.9941C5.69987 14.6022 5.45833 14.0622 5.35352 13.374L4.02734 4.30957H1.4502C1.18587 4.30957 0.958008 4.21387 0.766602 4.02246C0.575195 3.8265 0.479492 3.59408 0.479492 3.3252C0.479492 3.05632 0.575195 2.82617 0.766602 2.63477C0.958008 2.4388 1.18587 2.34082 1.4502 2.34082H4.41699C4.93197 2.34082 5.29655 2.44564 5.51074 2.65527C5.72493 2.86035 5.86393 3.16797 5.92773 3.57812L6.05078 4.42578H14.2471C14.2288 4.5625 14.2152 4.69922 14.2061 4.83594C14.1969 4.97266 14.1924 5.10938 14.1924 5.24609C14.1924 6.04362 14.3405 6.79102 14.6367 7.48828C14.9329 8.18555 15.3454 8.80306 15.874 9.34082C16.4072 9.87858 17.0247 10.3024 17.7266 10.6123C18.4284 10.9176 19.1826 11.0771 19.9893 11.0908L19.9209 11.248C19.7432 11.5671 19.5016 11.8132 19.1963 11.9863C18.891 12.1595 18.5127 12.2461 18.0615 12.2461H7.17188L7.30859 13.1963C7.34049 13.3831 7.40885 13.5335 7.51367 13.6475C7.61849 13.7614 7.75977 13.8184 7.9375 13.8184H17.959C18.196 13.8184 18.4056 13.8981 18.5879 14.0576C18.7702 14.2171 18.8613 14.429 18.8613 14.6934C18.8613 14.9622 18.7702 15.1787 18.5879 15.3428C18.4056 15.5023 18.196 15.582 17.959 15.582H7.69141ZM6.84375 18.4873C6.84375 18.1865 6.91667 17.9108 7.0625 17.6602C7.21289 17.4141 7.41113 17.2181 7.65723 17.0723C7.90788 16.9264 8.18359 16.8535 8.48438 16.8535C8.78516 16.8535 9.05859 16.9264 9.30469 17.0723C9.55534 17.2181 9.75358 17.4141 9.89941 17.6602C10.0452 17.9108 10.1182 18.1865 10.1182 18.4873C10.1182 18.7926 10.0452 19.0684 9.89941 19.3145C9.75358 19.5651 9.55534 19.7611 9.30469 19.9023C9.05859 20.0482 8.78516 20.1211 8.48438 20.1211C8.18359 20.1211 7.90788 20.0482 7.65723 19.9023C7.41113 19.7611 7.21289 19.5651 7.0625 19.3145C6.91667 19.0684 6.84375 18.7926 6.84375 18.4873ZM14.8555 18.4873C14.8555 18.1865 14.9284 17.9108 15.0742 17.6602C15.2246 17.4141 15.4229 17.2181 15.6689 17.0723C15.9196 16.9264 16.1953 16.8535 16.4961 16.8535C16.8014 16.8535 17.0771 16.9264 17.3232 17.0723C17.5693 17.2181 17.7653 17.4141 17.9111 17.6602C18.0615 17.9108 18.1367 18.1865 18.1367 18.4873C18.1367 18.7926 18.0615 19.0684 17.9111 19.3145C17.7653 19.5651 17.5693 19.7611 17.3232 19.9023C17.0771 20.0482 16.8014 20.1211 16.4961 20.1211C16.1953 20.1211 15.9196 20.0482 15.6689 19.9023C15.4229 19.7611 15.2246 19.5651 15.0742 19.3145C14.9284 19.0684 14.8555 18.7926 14.8555 18.4873ZM20.0439 9.82617C19.415 9.82617 18.8226 9.70768 18.2666 9.4707C17.7152 9.23372 17.2275 8.90332 16.8037 8.47949C16.3799 8.05566 16.0472 7.56803 15.8057 7.0166C15.5687 6.46061 15.4502 5.86816 15.4502 5.23926C15.4502 4.61035 15.5687 4.02018 15.8057 3.46875C16.0472 2.91732 16.3799 2.42969 16.8037 2.00586C17.2275 1.58203 17.7152 1.25163 18.2666 1.01465C18.8226 0.773112 19.415 0.652344 20.0439 0.652344C20.6729 0.652344 21.263 0.773112 21.8145 1.01465C22.3704 1.25163 22.8581 1.58203 23.2773 2.00586C23.7012 2.42513 24.0316 2.91276 24.2686 3.46875C24.5055 4.02018 24.624 4.61035 24.624 5.23926C24.624 5.86361 24.5033 6.45378 24.2617 7.00977C24.0247 7.5612 23.6943 8.04883 23.2705 8.47266C22.8467 8.89648 22.3568 9.22917 21.8008 9.4707C21.2493 9.70768 20.6637 9.82617 20.0439 9.82617ZM20.0439 8.19922C20.2445 8.19922 20.404 8.13997 20.5225 8.02148C20.641 7.89844 20.7002 7.73893 20.7002 7.54297V5.89551H22.3408C22.5368 5.89551 22.694 5.83626 22.8125 5.71777C22.9355 5.59928 22.9971 5.44206 22.9971 5.24609C22.9971 5.04557 22.9355 4.88607 22.8125 4.76758C22.694 4.64453 22.5368 4.58301 22.3408 4.58301H20.7002V2.95605C20.7002 2.75553 20.641 2.59603 20.5225 2.47754C20.404 2.35905 20.2445 2.2998 20.0439 2.2998C19.8434 2.2998 19.6839 2.36133 19.5654 2.48438C19.4469 2.60286 19.3877 2.76009 19.3877 2.95605V4.58301H17.7539C17.5534 4.58301 17.3916 4.64453 17.2686 4.76758C17.1501 4.88607 17.0908 5.04557 17.0908 5.24609C17.0908 5.44206 17.1523 5.59928 17.2754 5.71777C17.3984 5.83626 17.5579 5.89551 17.7539 5.89551H19.3877V7.54297C19.3877 7.73893 19.4469 7.89844 19.5654 8.02148C19.6839 8.13997 19.8434 8.19922 20.0439 8.19922Z",
+          fill: __props.fill,
+          class: normalizeClass(_ctx.$attrs.class)
+        }, null, 10, _hoisted_2)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=IconShopcartAdd.vue.js.map

package/dist/martyrs/src/modules/icons/actions/IconShopcartAdd.vue.js.map

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

package/dist/martyrs/src/modules/icons/actions/IconShow.vue.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = {
+  width: "29",
+  height: "28",
+  viewBox: "0 0 29 28",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = ["fill"];
+const _hoisted_4 = ["fill"];
+const _sfc_main = {
+  __name: "IconShow",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    },
+    show: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+        !__props.show ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 0,
+          fill: __props.fill,
+          d: "M27.8966 14.6499C28.069 14.4351 28.149 14.1606 28.119 13.8868C28.089 13.613 27.9514 13.3623 27.7366 13.1899C27.5218 13.0175 27.2473 12.9375 26.9735 12.9675C26.6997 12.9976 26.449 13.1351 26.2766 13.3499C26.2166 13.4199 20.0866 20.9999 14.0866 20.9999C8.0866 20.9999 1.9566 13.4199 1.8966 13.3399C1.72155 13.1251 1.46834 12.9886 1.19266 12.9605C0.916983 12.9323 0.641421 13.0149 0.426596 13.1899C0.21177 13.365 0.0752793 13.6182 0.0471489 13.8939C0.0190184 14.1695 0.101553 14.4451 0.276596 14.6599C1.47736 16.0751 2.79537 17.3864 4.2166 18.5799L1.8266 21.9999C1.68609 22.2164 1.63469 22.4787 1.68314 22.7322C1.7316 22.9857 1.87616 23.2106 2.0866 23.3599C2.25126 23.4817 2.45186 23.545 2.6566 23.5399C2.81694 23.5408 2.97513 23.5031 3.11784 23.43C3.26056 23.3569 3.3836 23.2505 3.4766 23.1199L5.8066 19.8099C6.77202 20.5237 7.79947 21.1495 8.8766 21.6799L7.0866 25.2999C7.02857 25.4181 6.99444 25.5465 6.98617 25.6779C6.97789 25.8092 6.99563 25.9409 7.03837 26.0654C7.0811 26.1899 7.148 26.3048 7.23521 26.4033C7.32242 26.5019 7.42824 26.5823 7.5466 26.6399C7.78295 26.7547 8.05497 26.7718 8.30385 26.6876C8.55273 26.6034 8.75847 26.4246 8.8766 26.1899L10.7166 22.4399C11.4847 22.7094 12.2791 22.8971 13.0866 22.9999V26.9999C13.0866 27.2651 13.192 27.5195 13.3795 27.707C13.567 27.8946 13.8214 27.9999 14.0866 27.9999C14.3518 27.9999 14.6062 27.8946 14.7937 27.707C14.9812 27.5195 15.0866 27.2651 15.0866 26.9999V22.9999C15.8928 22.9113 16.6873 22.737 17.4566 22.4799L19.2966 26.2199C19.4147 26.4546 19.6205 26.6334 19.8693 26.7176C20.1182 26.8018 20.3902 26.7847 20.6266 26.6699C20.7488 26.6125 20.8581 26.5309 20.948 26.43C21.0378 26.3292 21.1063 26.2112 21.1493 26.0832C21.1922 25.9552 21.2088 25.8198 21.1981 25.6851C21.1873 25.5505 21.1494 25.4195 21.0866 25.2999L19.3166 21.6999C20.3957 21.1673 21.4262 20.5416 22.3966 19.8299L24.7066 23.1199C24.7996 23.2505 24.9226 23.3569 25.0653 23.43C25.2081 23.5031 25.3663 23.5408 25.5266 23.5399C25.7313 23.545 25.9319 23.4817 26.0966 23.3599C26.3054 23.2091 26.448 22.9835 26.4945 22.7301C26.5411 22.4767 26.4881 22.2152 26.3466 21.9999L23.9666 18.6199C25.3931 17.4172 26.7084 16.0885 27.8966 14.6499Z"
+        }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+        __props.show ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 1,
+          fill: __props.fill,
+          d: "M27.9166 13.37C27.6466 13 21.3666 5 14.0866 5C7.16657 5 0.556574 13 0.276574 13.34C0.12558 13.5268 0.0432129 13.7598 0.0432129 14C0.0432129 14.2402 0.12558 14.4732 0.276574 14.66C0.556574 15 7.16657 23 14.0866 23C21.0066 23 27.6266 15 27.8966 14.61C28.039 14.4357 28.1184 14.2185 28.122 13.9935C28.1256 13.7685 28.0533 13.5488 27.9166 13.37ZM14.0866 21C9.20657 21 4.13657 15.89 2.46657 14C4.13657 12.15 9.20657 7 14.0866 7C19.2366 7 24.1366 12.11 25.7266 14C24.0866 15.82 19.0866 21 14.0866 21Z"
+        }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
+        __props.show ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 2,
+          fill: __props.fill,
+          d: "M14.0867 9C13.0978 9 12.1311 9.29325 11.3088 9.84265C10.4866 10.3921 9.84571 11.173 9.46727 12.0866C9.08884 13.0002 8.98982 14.0055 9.18275 14.9755C9.37567 15.9454 9.85188 16.8363 10.5511 17.5355C11.2504 18.2348 12.1413 18.711 13.1112 18.9039C14.0811 19.0969 15.0865 18.9978 16.0001 18.6194C16.9137 18.241 17.6946 17.6001 18.244 16.7779C18.7934 15.9556 19.0867 14.9889 19.0867 14C19.0867 12.6739 18.5599 11.4021 17.6222 10.4645C16.6845 9.52678 15.4128 9 14.0867 9ZM14.0867 17C13.4933 17 12.9133 16.8241 12.42 16.4944C11.9266 16.1648 11.5421 15.6962 11.315 15.1481C11.088 14.5999 11.0286 13.9967 11.1443 13.4147C11.2601 12.8328 11.5458 12.2982 11.9654 11.8787C12.3849 11.4591 12.9195 11.1734 13.5014 11.0576C14.0833 10.9419 14.6865 11.0013 15.2347 11.2284C15.7829 11.4554 16.2514 11.8399 16.5811 12.3333C16.9107 12.8266 17.0867 13.4067 17.0867 14C17.0867 14.7956 16.7706 15.5587 16.208 16.1213C15.6454 16.6839 14.8823 17 14.0867 17Z"
+        }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=IconShow.vue.cjs.map

package/dist/martyrs/src/modules/icons/actions/IconShow.vue.cjs.map

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

package/dist/martyrs/src/modules/icons/actions/IconShow.vue.js

@@ -0,0 +1,49 @@
+import { createElementBlock, openBlock, createCommentVNode } from "vue";
+const _hoisted_1 = {
+  width: "29",
+  height: "28",
+  viewBox: "0 0 29 28",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = ["fill"];
+const _hoisted_4 = ["fill"];
+const _sfc_main = {
+  __name: "IconShow",
+  props: {
+    fill: {
+      type: String,
+      default: "rgb(var(--black))"
+    },
+    show: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [
+        !__props.show ? (openBlock(), createElementBlock("path", {
+          key: 0,
+          fill: __props.fill,
+          d: "M27.8966 14.6499C28.069 14.4351 28.149 14.1606 28.119 13.8868C28.089 13.613 27.9514 13.3623 27.7366 13.1899C27.5218 13.0175 27.2473 12.9375 26.9735 12.9675C26.6997 12.9976 26.449 13.1351 26.2766 13.3499C26.2166 13.4199 20.0866 20.9999 14.0866 20.9999C8.0866 20.9999 1.9566 13.4199 1.8966 13.3399C1.72155 13.1251 1.46834 12.9886 1.19266 12.9605C0.916983 12.9323 0.641421 13.0149 0.426596 13.1899C0.21177 13.365 0.0752793 13.6182 0.0471489 13.8939C0.0190184 14.1695 0.101553 14.4451 0.276596 14.6599C1.47736 16.0751 2.79537 17.3864 4.2166 18.5799L1.8266 21.9999C1.68609 22.2164 1.63469 22.4787 1.68314 22.7322C1.7316 22.9857 1.87616 23.2106 2.0866 23.3599C2.25126 23.4817 2.45186 23.545 2.6566 23.5399C2.81694 23.5408 2.97513 23.5031 3.11784 23.43C3.26056 23.3569 3.3836 23.2505 3.4766 23.1199L5.8066 19.8099C6.77202 20.5237 7.79947 21.1495 8.8766 21.6799L7.0866 25.2999C7.02857 25.4181 6.99444 25.5465 6.98617 25.6779C6.97789 25.8092 6.99563 25.9409 7.03837 26.0654C7.0811 26.1899 7.148 26.3048 7.23521 26.4033C7.32242 26.5019 7.42824 26.5823 7.5466 26.6399C7.78295 26.7547 8.05497 26.7718 8.30385 26.6876C8.55273 26.6034 8.75847 26.4246 8.8766 26.1899L10.7166 22.4399C11.4847 22.7094 12.2791 22.8971 13.0866 22.9999V26.9999C13.0866 27.2651 13.192 27.5195 13.3795 27.707C13.567 27.8946 13.8214 27.9999 14.0866 27.9999C14.3518 27.9999 14.6062 27.8946 14.7937 27.707C14.9812 27.5195 15.0866 27.2651 15.0866 26.9999V22.9999C15.8928 22.9113 16.6873 22.737 17.4566 22.4799L19.2966 26.2199C19.4147 26.4546 19.6205 26.6334 19.8693 26.7176C20.1182 26.8018 20.3902 26.7847 20.6266 26.6699C20.7488 26.6125 20.8581 26.5309 20.948 26.43C21.0378 26.3292 21.1063 26.2112 21.1493 26.0832C21.1922 25.9552 21.2088 25.8198 21.1981 25.6851C21.1873 25.5505 21.1494 25.4195 21.0866 25.2999L19.3166 21.6999C20.3957 21.1673 21.4262 20.5416 22.3966 19.8299L24.7066 23.1199C24.7996 23.2505 24.9226 23.3569 25.0653 23.43C25.2081 23.5031 25.3663 23.5408 25.5266 23.5399C25.7313 23.545 25.9319 23.4817 26.0966 23.3599C26.3054 23.2091 26.448 22.9835 26.4945 22.7301C26.5411 22.4767 26.4881 22.2152 26.3466 21.9999L23.9666 18.6199C25.3931 17.4172 26.7084 16.0885 27.8966 14.6499Z"
+        }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+        __props.show ? (openBlock(), createElementBlock("path", {
+          key: 1,
+          fill: __props.fill,
+          d: "M27.9166 13.37C27.6466 13 21.3666 5 14.0866 5C7.16657 5 0.556574 13 0.276574 13.34C0.12558 13.5268 0.0432129 13.7598 0.0432129 14C0.0432129 14.2402 0.12558 14.4732 0.276574 14.66C0.556574 15 7.16657 23 14.0866 23C21.0066 23 27.6266 15 27.8966 14.61C28.039 14.4357 28.1184 14.2185 28.122 13.9935C28.1256 13.7685 28.0533 13.5488 27.9166 13.37ZM14.0866 21C9.20657 21 4.13657 15.89 2.46657 14C4.13657 12.15 9.20657 7 14.0866 7C19.2366 7 24.1366 12.11 25.7266 14C24.0866 15.82 19.0866 21 14.0866 21Z"
+        }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+        __props.show ? (openBlock(), createElementBlock("path", {
+          key: 2,
+          fill: __props.fill,
+          d: "M14.0867 9C13.0978 9 12.1311 9.29325 11.3088 9.84265C10.4866 10.3921 9.84571 11.173 9.46727 12.0866C9.08884 13.0002 8.98982 14.0055 9.18275 14.9755C9.37567 15.9454 9.85188 16.8363 10.5511 17.5355C11.2504 18.2348 12.1413 18.711 13.1112 18.9039C14.0811 19.0969 15.0865 18.9978 16.0001 18.6194C16.9137 18.241 17.6946 17.6001 18.244 16.7779C18.7934 15.9556 19.0867 14.9889 19.0867 14C19.0867 12.6739 18.5599 11.4021 17.6222 10.4645C16.6845 9.52678 15.4128 9 14.0867 9ZM14.0867 17C13.4933 17 12.9133 16.8241 12.42 16.4944C11.9266 16.1648 11.5421 15.6962 11.315 15.1481C11.088 14.5999 11.0286 13.9967 11.1443 13.4147C11.2601 12.8328 11.5458 12.2982 11.9654 11.8787C12.3849 11.4591 12.9195 11.1734 13.5014 11.0576C14.0833 10.9419 14.6865 11.0013 15.2347 11.2284C15.7829 11.4554 16.2514 11.8399 16.5811 12.3333C16.9107 12.8266 17.0867 13.4067 17.0867 14C17.0867 14.7956 16.7706 15.5587 16.208 16.1213C15.6454 16.6839 14.8823 17 14.0867 17Z"
+        }, null, 8, _hoisted_4)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=IconShow.vue.js.map

package/dist/martyrs/src/modules/icons/actions/IconShow.vue.js.map

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

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.cjs

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Popup = require("../../../components/Popup/Popup.vue.cjs");
+const Feed = require("../../../components/Feed/Feed.vue.cjs");
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "icon-search-popup" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-medium cols-2 gap-small"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center" };
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = { class: "t-small t-truncate w-100 t-center" };
+const _hoisted_7 = {
+  key: 1,
+  class: "mn-t-medium pd-small bg-danger radius-medium t-white"
+};
+const _sfc_main = {
+  __name: "IconSearchPopup",
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    mode: {
+      type: String,
+      default: "add",
+      // 'add' or 'replace'
+      validator: (value) => ["add", "replace"].includes(value)
+    },
+    currentIcon: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["close", "icon-selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const error = vue.ref("");
+    const iconName = vue.ref("");
+    const category = vue.ref("");
+    const loading = vue.ref(false);
+    const searchValue = vue.ref("");
+    const store = {
+      async read(params = {}) {
+        try {
+          if (!params.search) {
+            return [];
+          }
+          const response = await fetch("/api/icons/search", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(params)
+          });
+          const data = await response.json();
+          if (!response.ok) {
+            throw new Error(data.error || "Failed to search icons");
+          }
+          return data.icons || [];
+        } catch (err) {
+          console.error("Search error:", err);
+          error.value = err.message;
+          return [];
+        }
+      }
+    };
+    vue.watch(() => props.isOpen, (newVal) => {
+      if (newVal && props.mode === "replace" && props.currentIcon) {
+        iconName.value = props.currentIcon.name;
+        category.value = props.currentIcon.category;
+        searchValue.value = props.currentIcon.name.replace(/^Icon/, "");
+      }
+    });
+    function getIconSvg(icon) {
+      if (icon.preview_url) {
+        return `<img src="${icon.preview_url}" alt="${icon.term}" style="width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);" />`;
+      }
+      return `
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="24" height="24" rx="4" fill="rgb(var(--black))" opacity="0.8"/>
+      <text x="12" y="16" text-anchor="middle" fill="white" font-size="8" font-family="monospace">
+        ${icon.term.slice(0, 3)}
+      </text>
+    </svg>
+  `;
+    }
+    async function selectIcon(icon) {
+      var _a;
+      if (props.mode === "add" && (!iconName.value || !category.value)) {
+        error.value = "Please enter icon name and select category";
+        return;
+      }
+      loading.value = true;
+      error.value = "";
+      try {
+        const response = await fetch("/api/icons/save", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            iconId: icon.id,
+            category: category.value,
+            iconName: iconName.value,
+            mode: props.mode,
+            currentIconName: (_a = props.currentIcon) == null ? void 0 : _a.name
+          })
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          throw new Error(data.error || "Failed to save icon");
+        }
+        emit("icon-selected", {
+          ...data,
+          icon: {
+            name: iconName.value,
+            category: category.value,
+            term: icon.term
+          }
+        });
+        closePopup();
+      } catch (err) {
+        console.error("Save error:", err);
+        error.value = err.message;
+      } finally {
+        loading.value = false;
+      }
+    }
+    function closePopup() {
+      error.value = "";
+      iconName.value = "";
+      category.value = "";
+      searchValue.value = "";
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Popup.default, {
+        title: __props.mode === "add" ? "Add New Icon" : "Replace Icon",
+        isPopupOpen: __props.isOpen,
+        onClosePopup: closePopup,
+        class: "bg-white pd-big radius-big w-max-60r"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            __props.mode === "add" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconName.value = $event),
+                type: "text",
+                placeholder: "Icon name (e.g., IconCart)",
+                class: "pd-small radius-medium border-light"
+              }, null, 512), [
+                [vue.vModelText, iconName.value]
+              ]),
+              vue.withDirectives(vue.createElementVNode("select", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => category.value = $event),
+                class: "pd-small radius-medium border-light"
+              }, _cache[2] || (_cache[2] = [
+                vue.createElementVNode("option", { value: "" }, "Select category", -1),
+                vue.createElementVNode("option", { value: "navigation" }, "Navigation", -1),
+                vue.createElementVNode("option", { value: "entities" }, "Entities", -1),
+                vue.createElementVNode("option", { value: "actions" }, "Actions", -1),
+                vue.createElementVNode("option", { value: "socials" }, "Socials", -1)
+              ]), 512), [
+                [vue.vModelSelect, category.value]
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(Feed.default, {
+              search: true,
+              showLoadMore: false,
+              skeleton: {
+                hide: false,
+                horizontal: false,
+                structure: [
+                  { block: "image", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No icons found",
+                  description: "Try searching for different terms"
+                }
+              },
+              store: {
+                read: (options) => store.read(options)
+              },
+              options: { limit: 20 },
+              class: "cols-4 gap-small icon-grid"
+            }, {
+              default: vue.withCtx(({ items }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (icon) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: icon.id,
+                    onClick: ($event) => selectIcon(icon),
+                    class: "icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      vue.createElementVNode("div", {
+                        class: "icon-svg w-100 h-100",
+                        innerHTML: getIconSvg(icon)
+                      }, null, 8, _hoisted_5)
+                    ]),
+                    vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(icon.term), 1)
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store"]),
+            error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "isPopupOpen"]);
+    };
+  }
+};
+const IconSearchPopup = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1763f3da"]]);
+exports.default = IconSearchPopup;
+//# sourceMappingURL=IconSearchPopup.vue.cjs.map

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSearchPopup.vue.cjs","sources":["../../../../../../src/modules/icons/components/IconSearchPopup.vue"],"sourcesContent":["<template>\n  <Popup :title=\"mode === 'add' ? 'Add New Icon' : 'Replace Icon'\" :isPopupOpen=\"isOpen\" @close-popup=\"closePopup\" class=\"bg-white pd-big radius-big w-max-60r\">\n    <div class=\"icon-search-popup\">\n      <div v-if=\"mode === 'add'\" class=\"mn-b-medium cols-2 gap-small\">\n        <input \n          v-model=\"iconName\" \n          type=\"text\" \n          placeholder=\"Icon name (e.g., IconCart)\"\n          class=\"pd-small radius-medium border-light\"\n        />\n        <select v-model=\"category\" class=\"pd-small radius-medium border-light\">\n          <option value=\"\">Select category</option>\n          <option value=\"navigation\">Navigation</option>\n          <option value=\"entities\">Entities</option>\n          <option value=\"actions\">Actions</option>\n          <option value=\"socials\">Socials</option>\n        </select>\n      </div>\n\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :skeleton=\"{\n          hide: false,\n          horizontal: false,\n          structure: [\n            { block: 'image', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No icons found',\n            description: 'Try searching for different terms'\n          }\n        }\"\n        :store=\"{\n          read: (options) => store.read(options)\n        }\"\n        :options=\"{ limit: 20 }\"\n        v-slot=\"{ items }\"\n        class=\"cols-4 gap-small icon-grid\"\n      >\n        <div \n          v-for=\"icon in items\" \n          :key=\"icon.id\"\n          @click=\"selectIcon(icon)\"\n          class=\"icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small\"\n        >\n          <div class=\"icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center\">\n            <div \n              class=\"icon-svg w-100 h-100\"\n              v-html=\"getIconSvg(icon)\"\n            ></div>\n          </div>\n          <div class=\"t-small t-truncate w-100 t-center\">{{ icon.term }}</div>\n        </div>\n      </Feed>\n\n      <div v-if=\"error\" class=\"mn-t-medium pd-small bg-danger radius-medium t-white\">\n        {{ error }}\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nconst props = defineProps({\n  isOpen: {\n    type: Boolean,\n    default: false\n  },\n  mode: {\n    type: String,\n    default: 'add', // 'add' or 'replace'\n    validator: (value) => ['add', 'replace'].includes(value)\n  },\n  currentIcon: {\n    type: Object,\n    default: null\n  }\n});\n\nconst emit = defineEmits(['close', 'icon-selected']);\n\nconst error = ref('');\nconst iconName = ref('');\nconst category = ref('');\nconst loading = ref(false);\nconst searchValue = ref('');\n\n// Store configuration for Feed component\nconst store = {\n  async read(params = {}) {\n    try {\n      if (!params.search) {\n        return [];\n      }\n\n      const response = await fetch('/api/icons/search', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(params)\n      });\n\n      const data = await response.json();\n      \n      if (!response.ok) {\n        throw new Error(data.error || 'Failed to search icons');\n      }\n\n      return data.icons || [];\n    } catch (err) {\n      console.error('Search error:', err);\n      error.value = err.message;\n      return [];\n    }\n  }\n};\n\n// Auto-populate fields for replace mode\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal && props.mode === 'replace' && props.currentIcon) {\n    iconName.value = props.currentIcon.name;\n    category.value = props.currentIcon.category;\n    // Set initial search term (remove Icon prefix)\n    searchValue.value = props.currentIcon.name.replace(/^Icon/, '');\n  }\n});\n\n// Function to get icon preview - use PNG with black filter for now\nfunction getIconSvg(icon) {\n  // Use the PNG preview from Noun Project but apply CSS filter to make it black\n  if (icon.preview_url) {\n    return `<img src=\"${icon.preview_url}\" alt=\"${icon.term}\" style=\"width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);\" />`;\n  }\n  \n  // Fallback SVG placeholder\n  return `\n    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"rgb(var(--black))\" opacity=\"0.8\"/>\n      <text x=\"12\" y=\"16\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-family=\"monospace\">\n        ${icon.term.slice(0, 3)}\n      </text>\n    </svg>\n  `;\n}\n\nasync function selectIcon(icon) {\n  if (props.mode === 'add' && (!iconName.value || !category.value)) {\n    error.value = 'Please enter icon name and select category';\n    return;\n  }\n\n  loading.value = true;\n  error.value = '';\n\n  try {\n    const response = await fetch('/api/icons/save', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({\n        iconId: icon.id,\n        category: category.value,\n        iconName: iconName.value,\n        mode: props.mode,\n        currentIconName: props.currentIcon?.name\n      })\n    });\n\n    const data = await response.json();\n    \n    if (!response.ok) {\n      throw new Error(data.error || 'Failed to save icon');\n    }\n\n    emit('icon-selected', {\n      ...data,\n      icon: {\n        name: iconName.value,\n        category: category.value,\n        term: icon.term\n      }\n    });\n    \n    closePopup();\n  } catch (err) {\n    console.error('Save error:', err);\n    error.value = err.message;\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction closePopup() {\n  error.value = '';\n  iconName.value = '';\n  category.value = '';\n  searchValue.value = '';\n  emit('close');\n}\n</script>\n\n<style scoped>\n.icon-search-popup {\n  min-height: 500px;\n}\n\n.icon-grid {\n  min-height: 400px;\n}\n\n.icon-item {\n  transition: all 0.2s ease;\n}\n\n.icon-item:hover {\n  background-color: rgb(var(--light-hover));\n  transform: scale(1.05);\n}\n\n.icon-preview {\n  background: rgb(var(--light));\n  border-radius: 8px;\n}\n\n.icon-svg {\n  filter: none;\n}\n\n.w-max-800 {\n  max-width: 800px;\n  width: 90vw;\n}\n\n:deep(.feed-enter-active),\n:deep(.feed-leave-active) {\n  transition: all 0.3s ease;\n}\n\n:deep(.feed-enter-from),\n:deep(.feed-leave-to) {\n  opacity: 0;\n  transform: scale(0.9);\n}\n</style>"],"names":["ref","watch"],"mappings":"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"}

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.js

@@ -0,0 +1,224 @@
+import { ref, watch, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, withDirectives, vModelText, vModelSelect, Fragment, renderList, toDisplayString } from "vue";
+import _sfc_main$1 from "../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../components/Feed/Feed.vue.js";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "icon-search-popup" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-medium cols-2 gap-small"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center" };
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = { class: "t-small t-truncate w-100 t-center" };
+const _hoisted_7 = {
+  key: 1,
+  class: "mn-t-medium pd-small bg-danger radius-medium t-white"
+};
+const _sfc_main = {
+  __name: "IconSearchPopup",
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    mode: {
+      type: String,
+      default: "add",
+      // 'add' or 'replace'
+      validator: (value) => ["add", "replace"].includes(value)
+    },
+    currentIcon: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["close", "icon-selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const error = ref("");
+    const iconName = ref("");
+    const category = ref("");
+    const loading = ref(false);
+    const searchValue = ref("");
+    const store = {
+      async read(params = {}) {
+        try {
+          if (!params.search) {
+            return [];
+          }
+          const response = await fetch("/api/icons/search", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(params)
+          });
+          const data = await response.json();
+          if (!response.ok) {
+            throw new Error(data.error || "Failed to search icons");
+          }
+          return data.icons || [];
+        } catch (err) {
+          console.error("Search error:", err);
+          error.value = err.message;
+          return [];
+        }
+      }
+    };
+    watch(() => props.isOpen, (newVal) => {
+      if (newVal && props.mode === "replace" && props.currentIcon) {
+        iconName.value = props.currentIcon.name;
+        category.value = props.currentIcon.category;
+        searchValue.value = props.currentIcon.name.replace(/^Icon/, "");
+      }
+    });
+    function getIconSvg(icon) {
+      if (icon.preview_url) {
+        return `<img src="${icon.preview_url}" alt="${icon.term}" style="width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);" />`;
+      }
+      return `
+    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="24" height="24" rx="4" fill="rgb(var(--black))" opacity="0.8"/>
+      <text x="12" y="16" text-anchor="middle" fill="white" font-size="8" font-family="monospace">
+        ${icon.term.slice(0, 3)}
+      </text>
+    </svg>
+  `;
+    }
+    async function selectIcon(icon) {
+      var _a;
+      if (props.mode === "add" && (!iconName.value || !category.value)) {
+        error.value = "Please enter icon name and select category";
+        return;
+      }
+      loading.value = true;
+      error.value = "";
+      try {
+        const response = await fetch("/api/icons/save", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            iconId: icon.id,
+            category: category.value,
+            iconName: iconName.value,
+            mode: props.mode,
+            currentIconName: (_a = props.currentIcon) == null ? void 0 : _a.name
+          })
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          throw new Error(data.error || "Failed to save icon");
+        }
+        emit("icon-selected", {
+          ...data,
+          icon: {
+            name: iconName.value,
+            category: category.value,
+            term: icon.term
+          }
+        });
+        closePopup();
+      } catch (err) {
+        console.error("Save error:", err);
+        error.value = err.message;
+      } finally {
+        loading.value = false;
+      }
+    }
+    function closePopup() {
+      error.value = "";
+      iconName.value = "";
+      category.value = "";
+      searchValue.value = "";
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: __props.mode === "add" ? "Add New Icon" : "Replace Icon",
+        isPopupOpen: __props.isOpen,
+        onClosePopup: closePopup,
+        class: "bg-white pd-big radius-big w-max-60r"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            __props.mode === "add" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconName.value = $event),
+                type: "text",
+                placeholder: "Icon name (e.g., IconCart)",
+                class: "pd-small radius-medium border-light"
+              }, null, 512), [
+                [vModelText, iconName.value]
+              ]),
+              withDirectives(createElementVNode("select", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => category.value = $event),
+                class: "pd-small radius-medium border-light"
+              }, _cache[2] || (_cache[2] = [
+                createElementVNode("option", { value: "" }, "Select category", -1),
+                createElementVNode("option", { value: "navigation" }, "Navigation", -1),
+                createElementVNode("option", { value: "entities" }, "Entities", -1),
+                createElementVNode("option", { value: "actions" }, "Actions", -1),
+                createElementVNode("option", { value: "socials" }, "Socials", -1)
+              ]), 512), [
+                [vModelSelect, category.value]
+              ])
+            ])) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              search: true,
+              showLoadMore: false,
+              skeleton: {
+                hide: false,
+                horizontal: false,
+                structure: [
+                  { block: "image", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No icons found",
+                  description: "Try searching for different terms"
+                }
+              },
+              store: {
+                read: (options) => store.read(options)
+              },
+              options: { limit: 20 },
+              class: "cols-4 gap-small icon-grid"
+            }, {
+              default: withCtx(({ items }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (icon) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: icon.id,
+                    onClick: ($event) => selectIcon(icon),
+                    class: "icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small"
+                  }, [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", {
+                        class: "icon-svg w-100 h-100",
+                        innerHTML: getIconSvg(icon)
+                      }, null, 8, _hoisted_5)
+                    ]),
+                    createElementVNode("div", _hoisted_6, toDisplayString(icon.term), 1)
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store"]),
+            error.value ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "isPopupOpen"]);
+    };
+  }
+};
+const IconSearchPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1763f3da"]]);
+export {
+  IconSearchPopup as default
+};
+//# sourceMappingURL=IconSearchPopup.vue.js.map

package/dist/martyrs/src/modules/icons/components/IconSearchPopup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSearchPopup.vue.js","sources":["../../../../../../src/modules/icons/components/IconSearchPopup.vue"],"sourcesContent":["<template>\n  <Popup :title=\"mode === 'add' ? 'Add New Icon' : 'Replace Icon'\" :isPopupOpen=\"isOpen\" @close-popup=\"closePopup\" class=\"bg-white pd-big radius-big w-max-60r\">\n    <div class=\"icon-search-popup\">\n      <div v-if=\"mode === 'add'\" class=\"mn-b-medium cols-2 gap-small\">\n        <input \n          v-model=\"iconName\" \n          type=\"text\" \n          placeholder=\"Icon name (e.g., IconCart)\"\n          class=\"pd-small radius-medium border-light\"\n        />\n        <select v-model=\"category\" class=\"pd-small radius-medium border-light\">\n          <option value=\"\">Select category</option>\n          <option value=\"navigation\">Navigation</option>\n          <option value=\"entities\">Entities</option>\n          <option value=\"actions\">Actions</option>\n          <option value=\"socials\">Socials</option>\n        </select>\n      </div>\n\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :skeleton=\"{\n          hide: false,\n          horizontal: false,\n          structure: [\n            { block: 'image', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No icons found',\n            description: 'Try searching for different terms'\n          }\n        }\"\n        :store=\"{\n          read: (options) => store.read(options)\n        }\"\n        :options=\"{ limit: 20 }\"\n        v-slot=\"{ items }\"\n        class=\"cols-4 gap-small icon-grid\"\n      >\n        <div \n          v-for=\"icon in items\" \n          :key=\"icon.id\"\n          @click=\"selectIcon(icon)\"\n          class=\"icon-item aspect-1x1 bg-light radius-medium flex-center flex-v-center flex-column cursor-pointer hover-scale-1 pd-small\"\n        >\n          <div class=\"icon-preview w-3r h-3r mn-b-thin flex-center flex-v-center\">\n            <div \n              class=\"icon-svg w-100 h-100\"\n              v-html=\"getIconSvg(icon)\"\n            ></div>\n          </div>\n          <div class=\"t-small t-truncate w-100 t-center\">{{ icon.term }}</div>\n        </div>\n      </Feed>\n\n      <div v-if=\"error\" class=\"mn-t-medium pd-small bg-danger radius-medium t-white\">\n        {{ error }}\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nconst props = defineProps({\n  isOpen: {\n    type: Boolean,\n    default: false\n  },\n  mode: {\n    type: String,\n    default: 'add', // 'add' or 'replace'\n    validator: (value) => ['add', 'replace'].includes(value)\n  },\n  currentIcon: {\n    type: Object,\n    default: null\n  }\n});\n\nconst emit = defineEmits(['close', 'icon-selected']);\n\nconst error = ref('');\nconst iconName = ref('');\nconst category = ref('');\nconst loading = ref(false);\nconst searchValue = ref('');\n\n// Store configuration for Feed component\nconst store = {\n  async read(params = {}) {\n    try {\n      if (!params.search) {\n        return [];\n      }\n\n      const response = await fetch('/api/icons/search', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(params)\n      });\n\n      const data = await response.json();\n      \n      if (!response.ok) {\n        throw new Error(data.error || 'Failed to search icons');\n      }\n\n      return data.icons || [];\n    } catch (err) {\n      console.error('Search error:', err);\n      error.value = err.message;\n      return [];\n    }\n  }\n};\n\n// Auto-populate fields for replace mode\nwatch(() => props.isOpen, (newVal) => {\n  if (newVal && props.mode === 'replace' && props.currentIcon) {\n    iconName.value = props.currentIcon.name;\n    category.value = props.currentIcon.category;\n    // Set initial search term (remove Icon prefix)\n    searchValue.value = props.currentIcon.name.replace(/^Icon/, '');\n  }\n});\n\n// Function to get icon preview - use PNG with black filter for now\nfunction getIconSvg(icon) {\n  // Use the PNG preview from Noun Project but apply CSS filter to make it black\n  if (icon.preview_url) {\n    return `<img src=\"${icon.preview_url}\" alt=\"${icon.term}\" style=\"width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%);\" />`;\n  }\n  \n  // Fallback SVG placeholder\n  return `\n    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"rgb(var(--black))\" opacity=\"0.8\"/>\n      <text x=\"12\" y=\"16\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-family=\"monospace\">\n        ${icon.term.slice(0, 3)}\n      </text>\n    </svg>\n  `;\n}\n\nasync function selectIcon(icon) {\n  if (props.mode === 'add' && (!iconName.value || !category.value)) {\n    error.value = 'Please enter icon name and select category';\n    return;\n  }\n\n  loading.value = true;\n  error.value = '';\n\n  try {\n    const response = await fetch('/api/icons/save', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({\n        iconId: icon.id,\n        category: category.value,\n        iconName: iconName.value,\n        mode: props.mode,\n        currentIconName: props.currentIcon?.name\n      })\n    });\n\n    const data = await response.json();\n    \n    if (!response.ok) {\n      throw new Error(data.error || 'Failed to save icon');\n    }\n\n    emit('icon-selected', {\n      ...data,\n      icon: {\n        name: iconName.value,\n        category: category.value,\n        term: icon.term\n      }\n    });\n    \n    closePopup();\n  } catch (err) {\n    console.error('Save error:', err);\n    error.value = err.message;\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction closePopup() {\n  error.value = '';\n  iconName.value = '';\n  category.value = '';\n  searchValue.value = '';\n  emit('close');\n}\n</script>\n\n<style scoped>\n.icon-search-popup {\n  min-height: 500px;\n}\n\n.icon-grid {\n  min-height: 400px;\n}\n\n.icon-item {\n  transition: all 0.2s ease;\n}\n\n.icon-item:hover {\n  background-color: rgb(var(--light-hover));\n  transform: scale(1.05);\n}\n\n.icon-preview {\n  background: rgb(var(--light));\n  border-radius: 8px;\n}\n\n.icon-svg {\n  filter: none;\n}\n\n.w-max-800 {\n  max-width: 800px;\n  width: 90vw;\n}\n\n:deep(.feed-enter-active),\n:deep(.feed-leave-active) {\n  transition: all 0.3s ease;\n}\n\n:deep(.feed-enter-from),\n:deep(.feed-leave-to) {\n  opacity: 0;\n  transform: scale(0.9);\n}\n</style>"],"names":[],"mappings":"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"}