@ozdao/prometheus-framework 0.2.242 → 0.2.243

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs

@@ -8,54 +8,8 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "w-100 flex-nowrap flex" };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("svg", {
-  width: "26",
-  height: "26",
-  viewBox: "0 0 26 26",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ vue.createElementVNode("rect", {
-    width: "24",
-    height: "24",
-    transform: "translate(1 1)"
-  }),
-  /* @__PURE__ */ vue.createElementVNode("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
-    d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
-    fill: "rgb(var(--white))"
-  })
-], -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "mn-b-medium" }, null, -1);
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("svg", {
-  width: "26",
-  height: "26",
-  viewBox: "0 0 26 26",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ vue.createElementVNode("rect", {
-    width: "24",
-    height: "24",
-    transform: "translate(1 1)"
-  }),
-  /* @__PURE__ */ vue.createElementVNode("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
-    d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
-    fill: "rgb(var(--white))"
-  })
-], -1);
-const _hoisted_9 = [
-  _hoisted_8
-];
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "mn-b-medium" }, null, -1);
-const _hoisted_11 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 const _sfc_main = {
   __name: "EditModifications",
   props: {
@@ -107,9 +61,29 @@ const _sfc_main = {
               vue.createElementVNode("button", {
                 onClick: ($event) => deleteModification(index),
                 class: "mn-l-small i-normal pd-regular button-delete button"
-              }, _hoisted_5, 8, _hoisted_3)
+              }, _cache[1] || (_cache[1] = [
+                vue.createElementVNode("svg", {
+                  width: "26",
+                  height: "26",
+                  viewBox: "0 0 26 26",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  vue.createElementVNode("rect", {
+                    width: "24",
+                    height: "24",
+                    transform: "translate(1 1)"
+                  }),
+                  vue.createElementVNode("path", {
+                    "fill-rule": "evenodd",
+                    "clip-rule": "evenodd",
+                    d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
+                    fill: "rgb(var(--white))"
+                  })
+                ], -1)
+              ]), 8, _hoisted_3)
             ]),
-            _hoisted_6,
+            _cache[3] || (_cache[3] = vue.createElementVNode("hr", { class: "mn-b-medium" }, null, -1)),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(modification.characteristics, (characteristic, index2) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: "mn-b-medium w-100 flex-nowrap flex variants-wrapper",
@@ -130,14 +104,34 @@ const _sfc_main = {
                 vue.createElementVNode("button", {
                   onClick: ($event) => deleteCharacteristic(index, index2),
                   class: "mn-l-small i-normal pd-regular button-delete button"
-                }, _hoisted_9, 8, _hoisted_7)
+                }, _cache[2] || (_cache[2] = [
+                  vue.createElementVNode("svg", {
+                    width: "26",
+                    height: "26",
+                    viewBox: "0 0 26 26",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    vue.createElementVNode("rect", {
+                      width: "24",
+                      height: "24",
+                      transform: "translate(1 1)"
+                    }),
+                    vue.createElementVNode("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
+                      fill: "rgb(var(--white))"
+                    })
+                  ], -1)
+                ]), 8, _hoisted_4)
               ]);
             }), 128)),
-            _hoisted_10,
+            _cache[4] || (_cache[4] = vue.createElementVNode("hr", { class: "mn-b-medium" }, null, -1)),
             vue.createElementVNode("button", {
               onClick: ($event) => addCharacteristic(index),
               class: "button"
-            }, "Добавить характеристику", 8, _hoisted_11)
+            }, "Добавить характеристику", 8, _hoisted_5)
           ]);
         }), 128)),
         vue.createElementVNode("div", { class: "mn-b-big t-center flex-center flex block" }, [

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditModifications.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/EditModifications.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<p v-if=\"product.modifications.length == 0\" class=\"mn-b-small w-100\">У продукта еще не заданы модификации.</p> \n\t\t\n\t\t<!-- Modification Info -->\n\t\t<div class=\"mn-b-small flex-column flex-wrap block\" v-for=\"(modification, index) in product.modifications\" :key=\"index\"> \n\t\t\t<div class=\"w-100 flex-nowrap flex\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.quantity\"\n\t\t\t\t\t:disabled=\"true\"\n\t\t\t\t\tplaceholder=\"Количество\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.name\"\n\t\t\t\t\tplaceholder=\"Новая модификация\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteModification(index)\" class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\t\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<!-- Modification Characteristic -->\n\t\t\t<div class=\"mn-b-medium w-100 flex-nowrap flex variants-wrapper\" v-for=\"(characteristic, index2) in modification.characteristics\" :key=\"index2\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.name\"\n\t\t\t\t\tplaceholder=\"Название параметра\"\n\t\t\t\t\tclass=\"input-text input\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.value\"\n\t\t\t\t\tplaceholder=\"Значение параметра\"\n\t\t\t\t\tclass=\"mn-l-small input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteCharacteristic(index, index2)\"  class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<button @click=\"addCharacteristic(index)\" class=\"button\">Добавить характеристику</button>\n\t\t</div>\n\t\t\n\t\t<div class=\"mn-b-big t-center flex-center flex block\">\n\t\t\t<button @click=\"addModification\" class=\"w-100\">Добавить модификацю</button>\n\t\t</div>\n\t\t<button @click=\"onSubmit()\" class=\"button\">Сохранить модификации</button>\n\t\t\n\t</div>\t\n</template>\n\n<script setup>\nimport { toRefs, ref, defineEmits } from 'vue';\nimport Field from \"@pf/src/components/Field/Field.vue\";\n\nconst emit = defineEmits(['add-modification', 'delete-modification', 'add-characteristic', 'delete-characteristic', 'submit'])\n\nconst props = defineProps({\n  product: Object,\n});\n\nconst { product } = toRefs(props);\n\nfunction addModification() {\n\temit('add-modification');\n}\n\nfunction deleteModification(index) {\n\temit('delete-modification', index);\n}\n\nfunction addCharacteristic(index) {\n\temit('add-characteristic', index);\n}\n\nfunction deleteCharacteristic(modIndex, charIndex) {\n\temit('delete-characteristic', {modIndex, charIndex});\n}\n\nfunction onSubmit() {\n\temit('submit');\n}\n</script>\n"],"names":["toRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAId,UAAM,EAAE,QAAS,IAAGA,WAAO,KAAK;AAEhC,aAAS,kBAAkB;AAC1B,WAAK,kBAAkB;AAAA,IACxB;AAEA,aAAS,mBAAmB,OAAO;AAClC,WAAK,uBAAuB,KAAK;AAAA,IAClC;AAEA,aAAS,kBAAkB,OAAO;AACjC,WAAK,sBAAsB,KAAK;AAAA,IACjC;AAEA,aAAS,qBAAqB,UAAU,WAAW;AAClD,WAAK,yBAAyB,EAAC,UAAU,UAAS,CAAC;AAAA,IACpD;AAEA,aAAS,WAAW;AACnB,WAAK,QAAQ;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditModifications.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/EditModifications.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<p v-if=\"product.modifications.length == 0\" class=\"mn-b-small w-100\">У продукта еще не заданы модификации.</p> \n\t\t\n\t\t<!-- Modification Info -->\n\t\t<div class=\"mn-b-small flex-column flex-wrap block\" v-for=\"(modification, index) in product.modifications\" :key=\"index\"> \n\t\t\t<div class=\"w-100 flex-nowrap flex\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.quantity\"\n\t\t\t\t\t:disabled=\"true\"\n\t\t\t\t\tplaceholder=\"Количество\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.name\"\n\t\t\t\t\tplaceholder=\"Новая модификация\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteModification(index)\" class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\t\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<!-- Modification Characteristic -->\n\t\t\t<div class=\"mn-b-medium w-100 flex-nowrap flex variants-wrapper\" v-for=\"(characteristic, index2) in modification.characteristics\" :key=\"index2\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.name\"\n\t\t\t\t\tplaceholder=\"Название параметра\"\n\t\t\t\t\tclass=\"input-text input\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.value\"\n\t\t\t\t\tplaceholder=\"Значение параметра\"\n\t\t\t\t\tclass=\"mn-l-small input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteCharacteristic(index, index2)\"  class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<button @click=\"addCharacteristic(index)\" class=\"button\">Добавить характеристику</button>\n\t\t</div>\n\t\t\n\t\t<div class=\"mn-b-big t-center flex-center flex block\">\n\t\t\t<button @click=\"addModification\" class=\"w-100\">Добавить модификацю</button>\n\t\t</div>\n\t\t<button @click=\"onSubmit()\" class=\"button\">Сохранить модификации</button>\n\t\t\n\t</div>\t\n</template>\n\n<script setup>\nimport { toRefs, ref, defineEmits } from 'vue';\nimport Field from \"@pf/src/components/Field/Field.vue\";\n\nconst emit = defineEmits(['add-modification', 'delete-modification', 'add-characteristic', 'delete-characteristic', 'submit'])\n\nconst props = defineProps({\n  product: Object,\n});\n\nconst { product } = toRefs(props);\n\nfunction addModification() {\n\temit('add-modification');\n}\n\nfunction deleteModification(index) {\n\temit('delete-modification', index);\n}\n\nfunction addCharacteristic(index) {\n\temit('add-characteristic', index);\n}\n\nfunction deleteCharacteristic(modIndex, charIndex) {\n\temit('delete-characteristic', {modIndex, charIndex});\n}\n\nfunction onSubmit() {\n\temit('submit');\n}\n</script>\n"],"names":["toRefs"],"mappings":";;;;;;;;;;;;;;;;;;;AAgEA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAId,UAAM,EAAE,QAAS,IAAGA,WAAO,KAAK;AAEhC,aAAS,kBAAkB;AAC1B,WAAK,kBAAkB;AAAA,IACxB;AAEA,aAAS,mBAAmB,OAAO;AAClC,WAAK,uBAAuB,KAAK;AAAA,IAClC;AAEA,aAAS,kBAAkB,OAAO;AACjC,WAAK,sBAAsB,KAAK;AAAA,IACjC;AAEA,aAAS,qBAAqB,UAAU,WAAW;AAClD,WAAK,yBAAyB,EAAC,UAAU,UAAS,CAAC;AAAA,IACpD;AAEA,aAAS,WAAW;AACnB,WAAK,QAAQ;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js

@@ -6,54 +6,8 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "w-100 flex-nowrap flex" };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("svg", {
-  width: "26",
-  height: "26",
-  viewBox: "0 0 26 26",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ createElementVNode("rect", {
-    width: "24",
-    height: "24",
-    transform: "translate(1 1)"
-  }),
-  /* @__PURE__ */ createElementVNode("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
-    d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
-    fill: "rgb(var(--white))"
-  })
-], -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("hr", { class: "mn-b-medium" }, null, -1);
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("svg", {
-  width: "26",
-  height: "26",
-  viewBox: "0 0 26 26",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ createElementVNode("rect", {
-    width: "24",
-    height: "24",
-    transform: "translate(1 1)"
-  }),
-  /* @__PURE__ */ createElementVNode("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
-    d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
-    fill: "rgb(var(--white))"
-  })
-], -1);
-const _hoisted_9 = [
-  _hoisted_8
-];
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("hr", { class: "mn-b-medium" }, null, -1);
-const _hoisted_11 = ["onClick"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 const _sfc_main = {
   __name: "EditModifications",
   props: {
@@ -105,9 +59,29 @@ const _sfc_main = {
               createElementVNode("button", {
                 onClick: ($event) => deleteModification(index),
                 class: "mn-l-small i-normal pd-regular button-delete button"
-              }, _hoisted_5, 8, _hoisted_3)
+              }, _cache[1] || (_cache[1] = [
+                createElementVNode("svg", {
+                  width: "26",
+                  height: "26",
+                  viewBox: "0 0 26 26",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  createElementVNode("rect", {
+                    width: "24",
+                    height: "24",
+                    transform: "translate(1 1)"
+                  }),
+                  createElementVNode("path", {
+                    "fill-rule": "evenodd",
+                    "clip-rule": "evenodd",
+                    d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
+                    fill: "rgb(var(--white))"
+                  })
+                ], -1)
+              ]), 8, _hoisted_3)
             ]),
-            _hoisted_6,
+            _cache[3] || (_cache[3] = createElementVNode("hr", { class: "mn-b-medium" }, null, -1)),
             (openBlock(true), createElementBlock(Fragment, null, renderList(modification.characteristics, (characteristic, index2) => {
               return openBlock(), createElementBlock("div", {
                 class: "mn-b-medium w-100 flex-nowrap flex variants-wrapper",
@@ -128,14 +102,34 @@ const _sfc_main = {
                 createElementVNode("button", {
                   onClick: ($event) => deleteCharacteristic(index, index2),
                   class: "mn-l-small i-normal pd-regular button-delete button"
-                }, _hoisted_9, 8, _hoisted_7)
+                }, _cache[2] || (_cache[2] = [
+                  createElementVNode("svg", {
+                    width: "26",
+                    height: "26",
+                    viewBox: "0 0 26 26",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    createElementVNode("rect", {
+                      width: "24",
+                      height: "24",
+                      transform: "translate(1 1)"
+                    }),
+                    createElementVNode("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z",
+                      fill: "rgb(var(--white))"
+                    })
+                  ], -1)
+                ]), 8, _hoisted_4)
               ]);
             }), 128)),
-            _hoisted_10,
+            _cache[4] || (_cache[4] = createElementVNode("hr", { class: "mn-b-medium" }, null, -1)),
             createElementVNode("button", {
               onClick: ($event) => addCharacteristic(index),
               class: "button"
-            }, "Добавить характеристику", 8, _hoisted_11)
+            }, "Добавить характеристику", 8, _hoisted_5)
           ]);
         }), 128)),
         createElementVNode("div", { class: "mn-b-big t-center flex-center flex block" }, [

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModifications.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditModifications.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<p v-if=\"product.modifications.length == 0\" class=\"mn-b-small w-100\">У продукта еще не заданы модификации.</p> \n\t\t\n\t\t<!-- Modification Info -->\n\t\t<div class=\"mn-b-small flex-column flex-wrap block\" v-for=\"(modification, index) in product.modifications\" :key=\"index\"> \n\t\t\t<div class=\"w-100 flex-nowrap flex\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.quantity\"\n\t\t\t\t\t:disabled=\"true\"\n\t\t\t\t\tplaceholder=\"Количество\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.name\"\n\t\t\t\t\tplaceholder=\"Новая модификация\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteModification(index)\" class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\t\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<!-- Modification Characteristic -->\n\t\t\t<div class=\"mn-b-medium w-100 flex-nowrap flex variants-wrapper\" v-for=\"(characteristic, index2) in modification.characteristics\" :key=\"index2\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.name\"\n\t\t\t\t\tplaceholder=\"Название параметра\"\n\t\t\t\t\tclass=\"input-text input\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.value\"\n\t\t\t\t\tplaceholder=\"Значение параметра\"\n\t\t\t\t\tclass=\"mn-l-small input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteCharacteristic(index, index2)\"  class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<button @click=\"addCharacteristic(index)\" class=\"button\">Добавить характеристику</button>\n\t\t</div>\n\t\t\n\t\t<div class=\"mn-b-big t-center flex-center flex block\">\n\t\t\t<button @click=\"addModification\" class=\"w-100\">Добавить модификацю</button>\n\t\t</div>\n\t\t<button @click=\"onSubmit()\" class=\"button\">Сохранить модификации</button>\n\t\t\n\t</div>\t\n</template>\n\n<script setup>\nimport { toRefs, ref, defineEmits } from 'vue';\nimport Field from \"@pf/src/components/Field/Field.vue\";\n\nconst emit = defineEmits(['add-modification', 'delete-modification', 'add-characteristic', 'delete-characteristic', 'submit'])\n\nconst props = defineProps({\n  product: Object,\n});\n\nconst { product } = toRefs(props);\n\nfunction addModification() {\n\temit('add-modification');\n}\n\nfunction deleteModification(index) {\n\temit('delete-modification', index);\n}\n\nfunction addCharacteristic(index) {\n\temit('add-characteristic', index);\n}\n\nfunction deleteCharacteristic(modIndex, charIndex) {\n\temit('delete-characteristic', {modIndex, charIndex});\n}\n\nfunction onSubmit() {\n\temit('submit');\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAId,UAAM,EAAE,QAAS,IAAG,OAAO,KAAK;AAEhC,aAAS,kBAAkB;AAC1B,WAAK,kBAAkB;AAAA,IACxB;AAEA,aAAS,mBAAmB,OAAO;AAClC,WAAK,uBAAuB,KAAK;AAAA,IAClC;AAEA,aAAS,kBAAkB,OAAO;AACjC,WAAK,sBAAsB,KAAK;AAAA,IACjC;AAEA,aAAS,qBAAqB,UAAU,WAAW;AAClD,WAAK,yBAAyB,EAAC,UAAU,UAAS,CAAC;AAAA,IACpD;AAEA,aAAS,WAAW;AACnB,WAAK,QAAQ;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditModifications.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditModifications.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<p v-if=\"product.modifications.length == 0\" class=\"mn-b-small w-100\">У продукта еще не заданы модификации.</p> \n\t\t\n\t\t<!-- Modification Info -->\n\t\t<div class=\"mn-b-small flex-column flex-wrap block\" v-for=\"(modification, index) in product.modifications\" :key=\"index\"> \n\t\t\t<div class=\"w-100 flex-nowrap flex\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.quantity\"\n\t\t\t\t\t:disabled=\"true\"\n\t\t\t\t\tplaceholder=\"Количество\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"modification.name\"\n\t\t\t\t\tplaceholder=\"Новая модификация\"\n\t\t\t\t\tclass=\"mn-b-medium input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteModification(index)\" class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\t\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<!-- Modification Characteristic -->\n\t\t\t<div class=\"mn-b-medium w-100 flex-nowrap flex variants-wrapper\" v-for=\"(characteristic, index2) in modification.characteristics\" :key=\"index2\"> \n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.name\"\n\t\t\t\t\tplaceholder=\"Название параметра\"\n\t\t\t\t\tclass=\"input-text input\"\n\t\t\t\t/>\n\t\t\t\t<Field\n\t\t\t\t\tv-model:field=\"characteristic.value\"\n\t\t\t\t\tplaceholder=\"Значение параметра\"\n\t\t\t\t\tclass=\"mn-l-small input-text input\"\n\t\t\t\t/>\n\t\t\t\t<button @click=\"deleteCharacteristic(index, index2)\"  class=\"mn-l-small i-normal pd-regular button-delete button\">\n\t\t\t\t\t<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect width=\"24\" height=\"24\" transform=\"translate(1 1)\" />\n\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9996 10.8L22.8994 0.900244L25.0993 3.1002L15.1995 13L25.0993 22.8998L22.8994 25.0998L12.9996 15.2L3.09976 25.0998L0.899801 22.8998L10.7996 13L0.899801 3.1002L3.09976 0.900244L12.9996 10.8Z\" fill=\"rgb(var(--white))\"/>\n\t\t\t\t\t</svg>\n\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<hr  class=\"mn-b-medium\">\n\t\t\t<button @click=\"addCharacteristic(index)\" class=\"button\">Добавить характеристику</button>\n\t\t</div>\n\t\t\n\t\t<div class=\"mn-b-big t-center flex-center flex block\">\n\t\t\t<button @click=\"addModification\" class=\"w-100\">Добавить модификацю</button>\n\t\t</div>\n\t\t<button @click=\"onSubmit()\" class=\"button\">Сохранить модификации</button>\n\t\t\n\t</div>\t\n</template>\n\n<script setup>\nimport { toRefs, ref, defineEmits } from 'vue';\nimport Field from \"@pf/src/components/Field/Field.vue\";\n\nconst emit = defineEmits(['add-modification', 'delete-modification', 'add-characteristic', 'delete-characteristic', 'submit'])\n\nconst props = defineProps({\n  product: Object,\n});\n\nconst { product } = toRefs(props);\n\nfunction addModification() {\n\temit('add-modification');\n}\n\nfunction deleteModification(index) {\n\temit('delete-modification', index);\n}\n\nfunction addCharacteristic(index) {\n\temit('add-characteristic', index);\n}\n\nfunction deleteCharacteristic(modIndex, charIndex) {\n\temit('delete-characteristic', {modIndex, charIndex});\n}\n\nfunction onSubmit() {\n\temit('submit');\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgEA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAId,UAAM,EAAE,QAAS,IAAG,OAAO,KAAK;AAEhC,aAAS,kBAAkB;AAC1B,WAAK,kBAAkB;AAAA,IACxB;AAEA,aAAS,mBAAmB,OAAO;AAClC,WAAK,uBAAuB,KAAK;AAAA,IAClC;AAEA,aAAS,kBAAkB,OAAO;AACjC,WAAK,sBAAsB,KAAK;AAAA,IACjC;AAEA,aAAS,qBAAqB,UAAU,WAAW;AAClD,WAAK,yBAAyB,EAAC,UAAU,UAAS,CAAC;AAAA,IACpD;AAEA,aAAS,WAAW;AACnB,WAAK,QAAQ;AAAA,IACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 ;/* empty css                                         */
 ;/* empty css                                          */
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const _sfc_main = {
   __name: "EditProductInfo",
   props: {

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js

@@ -2,7 +2,7 @@ import { openBlock, createElementBlock, Fragment, createVNode, withCtx } from "v
 /* empty css                                       */
 /* empty css                                        */
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 const _sfc_main = {
   __name: "EditProductInfo",
   props: {

package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.cjs

@@ -10,11 +10,7 @@ const marketplace = require("../../../marketplace/store/marketplace.cjs");
 ;/* empty css                      */
 const _hoisted_1 = { class: "pd-medium bg-light radius-big" };
 const _hoisted_2 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "mn-b-small t-transp" }, null, -1);
-const _hoisted_4 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
-const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "mn-b-small" }, null, -1);
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("p", { class: "cursor-pointer mn-r-auto t-medium p-big" }, "Delivery", -1);
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "mn-b-semi" }, null, -1);
+const _hoisted_3 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
 const _sfc_main = {
   __name: "FilterProducts",
   props: {
@@ -142,13 +138,13 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_3,
+        _cache[4] || (_cache[4] = vue.createElementVNode("hr", { class: "mn-b-small t-transp" }, null, -1)),
         vue.createVNode(Spoiler.default, {
           class: "radius-small o-hidden mn-b-small",
           status: false
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("filters.price.title")), 1)
+            vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(t)("filters.price.title")), 1)
           ]),
           content: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.prices, (price, index) => {
@@ -164,14 +160,14 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_5,
+        _cache[5] || (_cache[5] = vue.createElementVNode("hr", { class: "mn-b-small" }, null, -1)),
         vue.createVNode(Spoiler.default, {
           class: "radius-small o-hidden mn-b-small",
           status: false
         }, {
-          header: vue.withCtx(() => [
-            _hoisted_6
-          ]),
+          header: vue.withCtx(() => _cache[3] || (_cache[3] = [
+            vue.createElementVNode("p", { class: "cursor-pointer mn-r-auto t-medium p-big" }, "Delivery", -1)
+          ])),
           content: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.deliveryOptions, (deliveryOption, index) => {
               return vue.openBlock(), vue.createBlock(Checkbox.default, {
@@ -186,7 +182,7 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_7,
+        _cache[6] || (_cache[6] = vue.createElementVNode("hr", { class: "mn-b-semi" }, null, -1)),
         vue.createElementVNode("button", {
           onClick: resetFilters,
           class: "bg-main w-100 button"

package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-big\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto t-medium p-big\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@pf/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@pf/src/modules/products/store/categories';\nimport * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.fetchCategories(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.localization.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["useRoute","useRouter","ref","watch","marketplace.state","onMounted","categories.actions","categories.state","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAK1B,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsBC,QAAAA,IAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAE;AAAA,IACX,CAAC;AAwBDC,QAAK,MAAC,MAAMC,YAAAA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACL,CAAG;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACnD;AACE,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC1B,GAAG,EAAE,MAAM,MAAM;AAEjBC,QAAAA,UAAU,YAAY;AACpB,YAAMC,WAAkB,QAAC,gBAAgB,OAAO;AAEhD,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE/D;AACIF,0BAAkB,OAAO,YAAY;AAAA,MACtC;AAAA,IACH,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEDG,qBAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MAC1E,CAAK;AAAA,IACL,CAAG;AAED,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-big\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto t-medium p-big\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@pf/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@pf/src/modules/products/store/categories';\nimport * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.fetchCategories(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.localization.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["useRoute","useRouter","ref","watch","marketplace.state","onMounted","categories.actions","categories.state","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAK1B,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsBC,QAAAA,IAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAE;AAAA,IACX,CAAC;AAwBDC,QAAK,MAAC,MAAMC,YAAAA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACL,CAAG;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACnD;AACE,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC1B,GAAG,EAAE,MAAM,MAAM;AAEjBC,QAAAA,UAAU,YAAY;AACpB,YAAMC,WAAkB,QAAC,gBAAgB,OAAO;AAEhD,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE/D;AACIF,0BAAkB,OAAO,YAAY;AAAA,MACtC;AAAA,IACH,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEDG,qBAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MAC1E,CAAK;AAAA,IACL,CAAG;AAED,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.js

@@ -8,11 +8,7 @@ import { state } from "../../../marketplace/store/marketplace.js";
 /* empty css                    */
 const _hoisted_1 = { class: "pd-medium bg-light radius-big" };
 const _hoisted_2 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("hr", { class: "mn-b-small t-transp" }, null, -1);
-const _hoisted_4 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("hr", { class: "mn-b-small" }, null, -1);
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("p", { class: "cursor-pointer mn-r-auto t-medium p-big" }, "Delivery", -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("hr", { class: "mn-b-semi" }, null, -1);
+const _hoisted_3 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
 const _sfc_main = {
   __name: "FilterProducts",
   props: {
@@ -140,13 +136,13 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_3,
+        _cache[4] || (_cache[4] = createElementVNode("hr", { class: "mn-b-small t-transp" }, null, -1)),
         createVNode(_sfc_main$1, {
           class: "radius-small o-hidden mn-b-small",
           status: false
         }, {
           header: withCtx(() => [
-            createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("filters.price.title")), 1)
+            createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("filters.price.title")), 1)
           ]),
           content: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.prices, (price, index) => {
@@ -162,14 +158,14 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_5,
+        _cache[5] || (_cache[5] = createElementVNode("hr", { class: "mn-b-small" }, null, -1)),
         createVNode(_sfc_main$1, {
           class: "radius-small o-hidden mn-b-small",
           status: false
         }, {
-          header: withCtx(() => [
-            _hoisted_6
-          ]),
+          header: withCtx(() => _cache[3] || (_cache[3] = [
+            createElementVNode("p", { class: "cursor-pointer mn-r-auto t-medium p-big" }, "Delivery", -1)
+          ])),
           content: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.deliveryOptions, (deliveryOption, index) => {
               return openBlock(), createBlock(_sfc_main$2, {
@@ -184,7 +180,7 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_7,
+        _cache[6] || (_cache[6] = createElementVNode("hr", { class: "mn-b-semi" }, null, -1)),
         createElementVNode("button", {
           onClick: resetFilters,
           class: "bg-main w-100 button"

package/dist/prometheus-framework/src/modules/products/components/sections/FilterProducts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-big\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto t-medium p-big\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@pf/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@pf/src/modules/products/store/categories';\nimport * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.fetchCategories(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.localization.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAK1B,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsB,QAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAE;AAAA,IACX,CAAC;AAwBD,UAAM,MAAMA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACL,CAAG;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACnD;AACE,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC1B,GAAG,EAAE,MAAM,MAAM;AAEjB,cAAU,YAAY;AACpB,YAAMC,QAAmB,gBAAgB,OAAO;AAEhD,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE/D;AACID,cAAkB,OAAO,YAAY;AAAA,MACtC;AAAA,IACH,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEDE,YAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MAC1E,CAAK;AAAA,IACL,CAAG;AAED,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-big\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto t-medium p-big\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto t-medium p-big\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@pf/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@pf/src/modules/products/store/categories';\nimport * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.fetchCategories(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.localization.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAK1B,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsB,QAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAE;AAAA,IACX,CAAC;AAwBD,UAAM,MAAMA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACL,CAAG;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACnD;AACE,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC1B,GAAG,EAAE,MAAM,MAAM;AAEjB,cAAU,YAAY;AACpB,YAAMC,QAAmB,gBAAgB,OAAO;AAEhD,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE/D;AACID,cAAkB,OAAO,YAAY;AAAA,MACtC;AAAA,IACH,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEDE,YAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MAC1E,CAAK;AAAA,IACL,CAAG;AAED,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}