@ozdao/martyrs 0.2.476 → 0.2.478

package/dist/martyrs/src/modules/products/components/elements/QuantitySelector.vue.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = { class: "flex flex-nowrap gap-thin" };
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = { class: "radius-small br-solid br-1px br-light w-3r pd-small" };
+const _hoisted_4 = ["max"];
+const _hoisted_5 = ["disabled"];
+const _sfc_main = {
+  __name: "QuantitySelector",
+  props: /* @__PURE__ */ vue.mergeModels({
+    maxValue: {
+      type: Number,
+      default: Infinity
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = vue.useModel(__props, "modelValue");
+    function incrementQuantity() {
+      if (modelValue.value < props.maxValue) {
+        modelValue.value++;
+      }
+    }
+    function decrementQuantity() {
+      if (modelValue.value > 1) {
+        modelValue.value--;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("button", {
+          onClick: decrementQuantity,
+          class: "radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1",
+          disabled: modelValue.value <= 1
+        }, _cache[1] || (_cache[1] = [
+          vue.createElementVNode("span", { class: "i-regular" }, "-", -1)
+        ]), 8, _hoisted_2),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.withDirectives(vue.createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            class: "w-100 h-1r t-center",
+            min: 1,
+            max: __props.maxValue
+          }, null, 8, _hoisted_4), [
+            [
+              vue.vModelText,
+              modelValue.value,
+              void 0,
+              { number: true }
+            ]
+          ])
+        ]),
+        vue.createElementVNode("button", {
+          onClick: incrementQuantity,
+          class: "radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1",
+          disabled: modelValue.value >= __props.maxValue
+        }, _cache[2] || (_cache[2] = [
+          vue.createElementVNode("span", { class: "i-regular" }, "+", -1)
+        ]), 8, _hoisted_5)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=QuantitySelector.vue.cjs.map

package/dist/martyrs/src/modules/products/components/elements/QuantitySelector.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantitySelector.vue.cjs","sources":["../../../../../../../src/modules/products/components/elements/QuantitySelector.vue"],"sourcesContent":["<!-- QuantitySelector.vue -->\n<template>\n  <div class=\"flex flex-nowrap gap-thin\">\n    <button \n      @click=\"decrementQuantity\" \n      class=\"radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n      :disabled=\"modelValue <= 1\"\n    >\n      <span class=\"i-regular\">-</span>\n    </button>\n\n    <div class=\"radius-small br-solid br-1px br-light w-3r pd-small\">\n    <input\n      type=\"number\"\n      v-model.number=\"modelValue\"\n      class=\"w-100 h-1r t-center\"\n      :min=\"1\"\n      :max=\"maxValue\"\n    />\n    </div>\n    <button \n      @click=\"incrementQuantity\" \n      class=\"radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n      :disabled=\"modelValue >= maxValue\"\n    >\n      <span class=\"i-regular\">+</span>\n    </button>\n  </div>\n</template>\n\n<script setup>\nconst props = defineProps({\n  maxValue: {\n    type: Number,\n    default: Infinity\n  }\n});\n\nconst modelValue = defineModel();\n\nfunction incrementQuantity() {\n  if (modelValue.value < props.maxValue) {\n    modelValue.value++;\n  }\n}\n\nfunction decrementQuantity() {\n  if (modelValue.value > 1) {\n    modelValue.value--;\n  }\n}\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,UAAM,QAAQ;AAOd,UAAM,aAAaA,IAAAA,8BAAY;AAE/B,aAAS,oBAAoB;AAC3B,UAAI,WAAW,QAAQ,MAAM,UAAU;AACrC,mBAAW;AAAA,MACf;AAAA,IACA;AAEA,aAAS,oBAAoB;AAC3B,UAAI,WAAW,QAAQ,GAAG;AACxB,mBAAW;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/elements/QuantitySelector.vue.js

@@ -0,0 +1,71 @@
+import { mergeModels, useModel, createElementBlock, openBlock, createElementVNode, withDirectives, vModelText } from "vue";
+const _hoisted_1 = { class: "flex flex-nowrap gap-thin" };
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = { class: "radius-small br-solid br-1px br-light w-3r pd-small" };
+const _hoisted_4 = ["max"];
+const _hoisted_5 = ["disabled"];
+const _sfc_main = {
+  __name: "QuantitySelector",
+  props: /* @__PURE__ */ mergeModels({
+    maxValue: {
+      type: Number,
+      default: Infinity
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    function incrementQuantity() {
+      if (modelValue.value < props.maxValue) {
+        modelValue.value++;
+      }
+    }
+    function decrementQuantity() {
+      if (modelValue.value > 1) {
+        modelValue.value--;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("button", {
+          onClick: decrementQuantity,
+          class: "radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1",
+          disabled: modelValue.value <= 1
+        }, _cache[1] || (_cache[1] = [
+          createElementVNode("span", { class: "i-regular" }, "-", -1)
+        ]), 8, _hoisted_2),
+        createElementVNode("div", _hoisted_3, [
+          withDirectives(createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            class: "w-100 h-1r t-center",
+            min: 1,
+            max: __props.maxValue
+          }, null, 8, _hoisted_4), [
+            [
+              vModelText,
+              modelValue.value,
+              void 0,
+              { number: true }
+            ]
+          ])
+        ]),
+        createElementVNode("button", {
+          onClick: incrementQuantity,
+          class: "radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1",
+          disabled: modelValue.value >= __props.maxValue
+        }, _cache[2] || (_cache[2] = [
+          createElementVNode("span", { class: "i-regular" }, "+", -1)
+        ]), 8, _hoisted_5)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=QuantitySelector.vue.js.map

package/dist/martyrs/src/modules/products/components/elements/QuantitySelector.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantitySelector.vue.js","sources":["../../../../../../../src/modules/products/components/elements/QuantitySelector.vue"],"sourcesContent":["<!-- QuantitySelector.vue -->\n<template>\n  <div class=\"flex flex-nowrap gap-thin\">\n    <button \n      @click=\"decrementQuantity\" \n      class=\"radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n      :disabled=\"modelValue <= 1\"\n    >\n      <span class=\"i-regular\">-</span>\n    </button>\n\n    <div class=\"radius-small br-solid br-1px br-light w-3r pd-small\">\n    <input\n      type=\"number\"\n      v-model.number=\"modelValue\"\n      class=\"w-100 h-1r t-center\"\n      :min=\"1\"\n      :max=\"maxValue\"\n    />\n    </div>\n    <button \n      @click=\"incrementQuantity\" \n      class=\"radius-small pd-small bg-light flex-center flex aspect-1x1 cursor-pointer hover-scale-1\"\n      :disabled=\"modelValue >= maxValue\"\n    >\n      <span class=\"i-regular\">+</span>\n    </button>\n  </div>\n</template>\n\n<script setup>\nconst props = defineProps({\n  maxValue: {\n    type: Number,\n    default: Infinity\n  }\n});\n\nconst modelValue = defineModel();\n\nfunction incrementQuantity() {\n  if (modelValue.value < props.maxValue) {\n    modelValue.value++;\n  }\n}\n\nfunction decrementQuantity() {\n  if (modelValue.value > 1) {\n    modelValue.value--;\n  }\n}\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,UAAM,QAAQ;AAOd,UAAM,aAAaA,8BAAY;AAE/B,aAAS,oBAAoB;AAC3B,UAAI,WAAW,QAAQ,MAAM,UAAU;AACrC,mBAAW;AAAA,MACf;AAAA,IACA;AAEA,aAAS,oBAAoB;AAC3B,UAAI,WAAW,QAAQ,GAAG;AACxB,mBAAW;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/elements/THC.vue.cjs

@@ -46,10 +46,10 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.product.information[1] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(__props.product.information[1].value) + " %", 1),
+      return __props.product.attributes[1] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(__props.product.attributes[1].value) + " %", 1),
         _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "t-white h6" }, "THC", -1)),
-        Number(__props.product.information[1].value) >= 18 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3, _cache[0] || (_cache[0] = [
+        Number(__props.product.attributes[1].value) >= 18 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3, _cache[0] || (_cache[0] = [
           vue.createElementVNode("path", {
             fill: "#FF0000",
             stroke: "rgb(var(--white))",
@@ -57,7 +57,7 @@ const _sfc_main = {
             d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
           }, null, -1)
         ]))) : vue.createCommentVNode("", true),
-        Number(__props.product.information[1].value) <= 18 && Number(__props.product.information[1].value) >= 14 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, _cache[1] || (_cache[1] = [
+        Number(__props.product.attributes[1].value) <= 18 && Number(__props.product.attributes[1].value) >= 14 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, _cache[1] || (_cache[1] = [
           vue.createElementVNode("path", {
             fill: "#FF0099",
             stroke: "rgb(var(--white))",
@@ -65,7 +65,7 @@ const _sfc_main = {
             d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
           }, null, -1)
         ]))) : vue.createCommentVNode("", true),
-        Number(__props.product.information[1].value) <= 14 && Number(__props.product.information[1].value) >= 10 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5, _cache[2] || (_cache[2] = [
+        Number(__props.product.attributes[1].value) <= 14 && Number(__props.product.attributes[1].value) >= 10 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5, _cache[2] || (_cache[2] = [
           vue.createElementVNode("path", {
             fill: "#EB00FF",
             stroke: "rgb(var(--white))",
@@ -73,7 +73,7 @@ const _sfc_main = {
             d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
           }, null, -1)
         ]))) : vue.createCommentVNode("", true),
-        Number(__props.product.information[1].value) <= 10 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, _cache[3] || (_cache[3] = [
+        Number(__props.product.attributes[1].value) <= 10 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, _cache[3] || (_cache[3] = [
           vue.createElementVNode("path", {
             fill: "#00FF29",
             stroke: "rgb(var(--white))",

package/dist/martyrs/src/modules/products/components/elements/THC.vue.js

@@ -44,10 +44,10 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.product.information[1] ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("p", _hoisted_2, toDisplayString(__props.product.information[1].value) + " %", 1),
+      return __props.product.attributes[1] ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, toDisplayString(__props.product.attributes[1].value) + " %", 1),
         _cache[4] || (_cache[4] = createElementVNode("p", { class: "t-white h6" }, "THC", -1)),
-        Number(__props.product.information[1].value) >= 18 ? (openBlock(), createElementBlock("svg", _hoisted_3, _cache[0] || (_cache[0] = [
+        Number(__props.product.attributes[1].value) >= 18 ? (openBlock(), createElementBlock("svg", _hoisted_3, _cache[0] || (_cache[0] = [
           createElementVNode("path", {
             fill: "#FF0000",
             stroke: "rgb(var(--white))",
@@ -55,7 +55,7 @@ const _sfc_main = {
             d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
           }, null, -1)
         ]))) : createCommentVNode("", true),
-        Number(__props.product.information[1].value) <= 18 && Number(__props.product.information[1].value) >= 14 ? (openBlock(), createElementBlock("svg", _hoisted_4, _cache[1] || (_cache[1] = [
+        Number(__props.product.attributes[1].value) <= 18 && Number(__props.product.attributes[1].value) >= 14 ? (openBlock(), createElementBlock("svg", _hoisted_4, _cache[1] || (_cache[1] = [
           createElementVNode("path", {
             fill: "#FF0099",
             stroke: "rgb(var(--white))",
@@ -63,7 +63,7 @@ const _sfc_main = {
             d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
           }, null, -1)
         ]))) : createCommentVNode("", true),
-        Number(__props.product.information[1].value) <= 14 && Number(__props.product.information[1].value) >= 10 ? (openBlock(), createElementBlock("svg", _hoisted_5, _cache[2] || (_cache[2] = [
+        Number(__props.product.attributes[1].value) <= 14 && Number(__props.product.attributes[1].value) >= 10 ? (openBlock(), createElementBlock("svg", _hoisted_5, _cache[2] || (_cache[2] = [
           createElementVNode("path", {
             fill: "#EB00FF",
             stroke: "rgb(var(--white))",
@@ -71,7 +71,7 @@ const _sfc_main = {
             d: "M26 3.3094C28.4752 1.88034 31.5248 1.88034 34 3.3094L53.7128 14.6906C56.188 16.1197 57.7128 18.7607 57.7128 21.6188V44.3812C57.7128 47.2393 56.188 49.8803 53.7128 51.3094L34 62.6906C31.5248 64.1197 28.4752 64.1197 26 62.6906L6.28719 51.3094C3.81198 49.8803 2.28719 47.2393 2.28719 44.3812V21.6188C2.28719 18.7607 3.81198 16.1197 6.28719 14.6906L26 3.3094Z"
           }, null, -1)
         ]))) : createCommentVNode("", true),
-        Number(__props.product.information[1].value) <= 10 ? (openBlock(), createElementBlock("svg", _hoisted_6, _cache[3] || (_cache[3] = [
+        Number(__props.product.attributes[1].value) <= 10 ? (openBlock(), createElementBlock("svg", _hoisted_6, _cache[3] || (_cache[3] = [
           createElementVNode("path", {
             fill: "#00FF29",
             stroke: "rgb(var(--white))",

package/dist/martyrs/src/modules/products/components/forms/ColumnSettingsMenu.vue.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "ColumnSettingsMenu",
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selected = vue.ref(props.columns.filter((c) => c.visible).map((c) => c.key));
+    vue.watch(
+      () => props.columns,
+      (cols) => {
+        selected.value = cols.filter((c) => c.visible).map((c) => c.key);
+      }
+    );
+    function toggle(key, checked) {
+      const idx = selected.value.indexOf(key);
+      if (checked && idx === -1) {
+        selected.value.push(key);
+      } else if (!checked && idx !== -1) {
+        selected.value.splice(idx, 1);
+      }
+    }
+    function saveSettings() {
+      emit("save", selected.value);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-medium t-transp" }, " Customize which columns are visible in your inventory table. ", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (col) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: col.key,
+              class: "mn-b-small"
+            }, [
+              vue.createVNode(Checkbox.default, {
+                label: col.label,
+                name: "columnVisibility",
+                value: col.key,
+                class: "w-100 bg-light radius-small pd-small",
+                checked: selected.value.includes(col.key),
+                "onUpdate:checked": (val) => toggle(col.key, val)
+              }, null, 8, ["label", "value", "checked", "onUpdate:checked"])
+            ]);
+          }), 128))
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          vue.createElementVNode("button", {
+            onClick: saveSettings,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Settings ")
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ColumnSettingsMenu.vue.cjs.map

package/dist/martyrs/src/modules/products/components/forms/ColumnSettingsMenu.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettingsMenu.vue.cjs","sources":["../../../../../../../src/modules/products/components/forms/ColumnSettingsMenu.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Customize which columns are visible in your inventory table.\n    </p>\n\n    <div class=\"mn-b-medium\">\n      <div\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"mn-b-small\"\n      >\n        <Checkbox\n          :label=\"col.label\"\n          name=\"columnVisibility\"\n          :value=\"col.key\"\n          class=\"w-100 bg-light radius-small pd-small\"\n          :checked=\"selected.includes(col.key)\"\n          @update:checked=\"val => toggle(col.key, val)\"\n        />\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex gap-small\">\n      <button\n        @click=\"$emit('close')\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </button>\n\n      <button\n        @click=\"saveSettings\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nconst props = defineProps({\n  columns: {\n    type: Array,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Локальный массив выбранных ключей\nconst selected = ref(props.columns.filter(c => c.visible).map(c => c.key))\n\n// Синхронизируем, если проп изменится\nwatch(\n  () => props.columns,\n  cols => {\n    selected.value = cols.filter(c => c.visible).map(c => c.key)\n  }\n)\n\n// Добавление/удаление ключа\nfunction toggle(key, checked) {\n  const idx = selected.value.indexOf(key)\n  if (checked && idx === -1) {\n    selected.value.push(key)\n  } else if (!checked && idx !== -1) {\n    selected.value.splice(idx, 1)\n  }\n}\n\n// Эмитим массив видимых колонок\nfunction saveSettings() {\n  emit('save', selected.value)\n}\n</script>\n"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAWA,IAAAA,IAAI,MAAM,QAAQ,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAGzEC,QAAK;AAAA,MACH,MAAM,MAAM;AAAA,MACZ,UAAQ;AACN,iBAAS,QAAQ,KAAK,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG;AAAA,MAC/D;AAAA,IACA;AAGA,aAAS,OAAO,KAAK,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,QAAQ,GAAG;AACtC,UAAI,WAAW,QAAQ,IAAI;AACzB,iBAAS,MAAM,KAAK,GAAG;AAAA,MACxB,WAAU,CAAC,WAAW,QAAQ,IAAI;AACjC,iBAAS,MAAM,OAAO,KAAK,CAAC;AAAA,MAChC;AAAA,IACA;AAGA,aAAS,eAAe;AACtB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/forms/ColumnSettingsMenu.vue.js

@@ -0,0 +1,73 @@
+import { ref, watch, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "ColumnSettingsMenu",
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selected = ref(props.columns.filter((c) => c.visible).map((c) => c.key));
+    watch(
+      () => props.columns,
+      (cols) => {
+        selected.value = cols.filter((c) => c.visible).map((c) => c.key);
+      }
+    );
+    function toggle(key, checked) {
+      const idx = selected.value.indexOf(key);
+      if (checked && idx === -1) {
+        selected.value.push(key);
+      } else if (!checked && idx !== -1) {
+        selected.value.splice(idx, 1);
+      }
+    }
+    function saveSettings() {
+      emit("save", selected.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Customize which columns are visible in your inventory table. ", -1)),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+            return openBlock(), createElementBlock("div", {
+              key: col.key,
+              class: "mn-b-small"
+            }, [
+              createVNode(_sfc_main$1, {
+                label: col.label,
+                name: "columnVisibility",
+                value: col.key,
+                class: "w-100 bg-light radius-small pd-small",
+                checked: selected.value.includes(col.key),
+                "onUpdate:checked": (val) => toggle(col.key, val)
+              }, null, 8, ["label", "value", "checked", "onUpdate:checked"])
+            ]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          createElementVNode("button", {
+            onClick: saveSettings,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Settings ")
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ColumnSettingsMenu.vue.js.map

package/dist/martyrs/src/modules/products/components/forms/ColumnSettingsMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettingsMenu.vue.js","sources":["../../../../../../../src/modules/products/components/forms/ColumnSettingsMenu.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Customize which columns are visible in your inventory table.\n    </p>\n\n    <div class=\"mn-b-medium\">\n      <div\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"mn-b-small\"\n      >\n        <Checkbox\n          :label=\"col.label\"\n          name=\"columnVisibility\"\n          :value=\"col.key\"\n          class=\"w-100 bg-light radius-small pd-small\"\n          :checked=\"selected.includes(col.key)\"\n          @update:checked=\"val => toggle(col.key, val)\"\n        />\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex gap-small\">\n      <button\n        @click=\"$emit('close')\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </button>\n\n      <button\n        @click=\"saveSettings\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nconst props = defineProps({\n  columns: {\n    type: Array,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Локальный массив выбранных ключей\nconst selected = ref(props.columns.filter(c => c.visible).map(c => c.key))\n\n// Синхронизируем, если проп изменится\nwatch(\n  () => props.columns,\n  cols => {\n    selected.value = cols.filter(c => c.visible).map(c => c.key)\n  }\n)\n\n// Добавление/удаление ключа\nfunction toggle(key, checked) {\n  const idx = selected.value.indexOf(key)\n  if (checked && idx === -1) {\n    selected.value.push(key)\n  } else if (!checked && idx !== -1) {\n    selected.value.splice(idx, 1)\n  }\n}\n\n// Эмитим массив видимых колонок\nfunction saveSettings() {\n  emit('save', selected.value)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAW,IAAI,MAAM,QAAQ,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAGzE;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,UAAQ;AACN,iBAAS,QAAQ,KAAK,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG;AAAA,MAC/D;AAAA,IACA;AAGA,aAAS,OAAO,KAAK,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,QAAQ,GAAG;AACtC,UAAI,WAAW,QAAQ,IAAI;AACzB,iBAAS,MAAM,KAAK,GAAG;AAAA,MACxB,WAAU,CAAC,WAAW,QAAQ,IAAI;AACjC,iBAAS,MAAM,OAAO,KAAK,CAAC;AAAA,MAChC;AAAA,IACA;AAGA,aAAS,eAAe;AACtB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/forms/ReorderSettingsForm.vue.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small" };
+const _hoisted_4 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "ReorderSettingsForm",
+  props: {
+    product: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const threshold = vue.ref(props.product ? props.product.reorderThreshold || "5" : "5");
+    const quantity = vue.ref(props.product ? props.product.reorderQuantity || "10" : "10");
+    const autoOrder = vue.ref(false);
+    const notifications = vue.ref({
+      email: true,
+      push: false,
+      system: true
+    });
+    function saveSettings() {
+      const settings = {
+        threshold: parseInt(threshold.value || 5),
+        quantity: parseInt(quantity.value || 10),
+        autoOrder: autoOrder.value,
+        notifications: notifications.value
+      };
+      emit("save", settings);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "mn-b-medium t-transp" }, " Set up automatic reordering to maintain optimal inventory levels and avoid stockouts. ", -1)),
+        vue.createVNode(Field.default, {
+          field: threshold.value,
+          "onUpdate:field": _cache[0] || (_cache[0] = ($event) => threshold.value = $event),
+          label: "Reorder Point",
+          type: "number",
+          class: "w-100 bg-light radius-small pd-medium mn-b-small"
+        }, null, 8, ["field"]),
+        _cache[9] || (_cache[9] = vue.createElementVNode("p", { class: "mn-b-small t-small t-transp" }, " Products will be flagged for reordering when the stock level drops below this threshold. ", -1)),
+        vue.createVNode(Field.default, {
+          field: quantity.value,
+          "onUpdate:field": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
+          label: "Reorder Quantity",
+          type: "number",
+          class: "w-100 bg-light radius-small pd-medium mn-b-small"
+        }, null, 8, ["field"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Notification Options", -1)),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(Checkbox.default, {
+              checked: notifications.value.email,
+              "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => notifications.value.email = $event),
+              label: "Email notification",
+              class: "w-100 mn-b-nano"
+            }, null, 8, ["checked"]),
+            vue.createVNode(Checkbox.default, {
+              checked: notifications.value.push,
+              "onUpdate:checked": _cache[3] || (_cache[3] = ($event) => notifications.value.push = $event),
+              label: "Push notification",
+              class: "w-100 mn-b-nano"
+            }, null, 8, ["checked"]),
+            vue.createVNode(Checkbox.default, {
+              checked: notifications.value.system,
+              "onUpdate:checked": _cache[4] || (_cache[4] = ($event) => notifications.value.system = $event),
+              label: "System alert",
+              class: "w-100"
+            }, null, 8, ["checked"])
+          ])
+        ]),
+        vue.createVNode(Checkbox.default, {
+          checked: autoOrder.value,
+          "onUpdate:checked": _cache[5] || (_cache[5] = ($event) => autoOrder.value = $event),
+          label: "Enable automatic purchase order creation",
+          class: "w-100 mn-b-small"
+        }, null, 8, ["checked"]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("button", {
+            onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          vue.createElementVNode("button", {
+            onClick: saveSettings,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Settings ")
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ReorderSettingsForm.vue.cjs.map

package/dist/martyrs/src/modules/products/components/forms/ReorderSettingsForm.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderSettingsForm.vue.cjs","sources":["../../../../../../../src/modules/products/components/forms/ReorderSettingsForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Set up automatic reordering to maintain optimal inventory levels and avoid stockouts.\n    </p>\n    \n    <Field\n      v-model:field=\"threshold\"\n      label=\"Reorder Point\"\n      type=\"number\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-small\"\n    />\n    \n    <p class=\"mn-b-small t-small t-transp\">\n      Products will be flagged for reordering when the stock level drops below this threshold.\n    </p>\n    \n    <Field\n      v-model:field=\"quantity\"\n      label=\"Reorder Quantity\"\n      type=\"number\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-small\"\n    />\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Notification Options</p>\n      \n      <div class=\"mn-b-small\">\n        <Checkbox \n          v-model:checked=\"notifications.email\"\n          label=\"Email notification\"\n          class=\"w-100 mn-b-nano\"\n        />\n        \n        <Checkbox \n          v-model:checked=\"notifications.push\"\n          label=\"Push notification\"\n          class=\"w-100 mn-b-nano\"\n        />\n        \n        <Checkbox \n          v-model:checked=\"notifications.system\"\n          label=\"System alert\"\n          class=\"w-100\"\n        />\n      </div>\n    </div>\n    \n    <Checkbox \n      v-model:checked=\"autoOrder\"\n      label=\"Enable automatic purchase order creation\"\n      class=\"w-100 mn-b-small\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <button \n        @click=\"$emit('close')\" \n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </button>\n      \n      <button \n        @click=\"saveSettings\" \n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    default: null\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Form state\nconst threshold = ref(props.product ? (props.product.reorderThreshold || '5') : '5')\nconst quantity = ref(props.product ? (props.product.reorderQuantity || '10') : '10')\nconst autoOrder = ref(false)\nconst notifications = ref({\n  email: true,\n  push: false,\n  system: true\n})\n\nfunction saveSettings() {\n  const settings = {\n    threshold: parseInt(threshold.value || 5),\n    quantity: parseInt(quantity.value || 10),\n    autoOrder: autoOrder.value,\n    notifications: notifications.value\n  }\n  \n  emit('save', settings)\n}\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;AA6EA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,YAAYA,IAAAA,IAAI,MAAM,UAAW,MAAM,QAAQ,oBAAoB,MAAO,GAAG;AACnF,UAAM,WAAWA,IAAAA,IAAI,MAAM,UAAW,MAAM,QAAQ,mBAAmB,OAAQ,IAAI;AACnF,UAAM,YAAYA,IAAG,IAAC,KAAK;AAC3B,UAAM,gBAAgBA,IAAAA,IAAI;AAAA,MACxB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC;AAED,aAAS,eAAe;AACtB,YAAM,WAAW;AAAA,QACf,WAAW,SAAS,UAAU,SAAS,CAAC;AAAA,QACxC,UAAU,SAAS,SAAS,SAAS,EAAE;AAAA,QACvC,WAAW,UAAU;AAAA,QACrB,eAAe,cAAc;AAAA,MACjC;AAEE,WAAK,QAAQ,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/forms/ReorderSettingsForm.vue.js

@@ -0,0 +1,101 @@
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode } from "vue";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small" };
+const _hoisted_4 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "ReorderSettingsForm",
+  props: {
+    product: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const threshold = ref(props.product ? props.product.reorderThreshold || "5" : "5");
+    const quantity = ref(props.product ? props.product.reorderQuantity || "10" : "10");
+    const autoOrder = ref(false);
+    const notifications = ref({
+      email: true,
+      push: false,
+      system: true
+    });
+    function saveSettings() {
+      const settings = {
+        threshold: parseInt(threshold.value || 5),
+        quantity: parseInt(quantity.value || 10),
+        autoOrder: autoOrder.value,
+        notifications: notifications.value
+      };
+      emit("save", settings);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[8] || (_cache[8] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Set up automatic reordering to maintain optimal inventory levels and avoid stockouts. ", -1)),
+        createVNode(Field, {
+          field: threshold.value,
+          "onUpdate:field": _cache[0] || (_cache[0] = ($event) => threshold.value = $event),
+          label: "Reorder Point",
+          type: "number",
+          class: "w-100 bg-light radius-small pd-medium mn-b-small"
+        }, null, 8, ["field"]),
+        _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-b-small t-small t-transp" }, " Products will be flagged for reordering when the stock level drops below this threshold. ", -1)),
+        createVNode(Field, {
+          field: quantity.value,
+          "onUpdate:field": _cache[1] || (_cache[1] = ($event) => quantity.value = $event),
+          label: "Reorder Quantity",
+          type: "number",
+          class: "w-100 bg-light radius-small pd-medium mn-b-small"
+        }, null, 8, ["field"]),
+        createElementVNode("div", _hoisted_2, [
+          _cache[7] || (_cache[7] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Notification Options", -1)),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_sfc_main$1, {
+              checked: notifications.value.email,
+              "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => notifications.value.email = $event),
+              label: "Email notification",
+              class: "w-100 mn-b-nano"
+            }, null, 8, ["checked"]),
+            createVNode(_sfc_main$1, {
+              checked: notifications.value.push,
+              "onUpdate:checked": _cache[3] || (_cache[3] = ($event) => notifications.value.push = $event),
+              label: "Push notification",
+              class: "w-100 mn-b-nano"
+            }, null, 8, ["checked"]),
+            createVNode(_sfc_main$1, {
+              checked: notifications.value.system,
+              "onUpdate:checked": _cache[4] || (_cache[4] = ($event) => notifications.value.system = $event),
+              label: "System alert",
+              class: "w-100"
+            }, null, 8, ["checked"])
+          ])
+        ]),
+        createVNode(_sfc_main$1, {
+          checked: autoOrder.value,
+          "onUpdate:checked": _cache[5] || (_cache[5] = ($event) => autoOrder.value = $event),
+          label: "Enable automatic purchase order creation",
+          class: "w-100 mn-b-small"
+        }, null, 8, ["checked"]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("button", {
+            onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          createElementVNode("button", {
+            onClick: saveSettings,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Settings ")
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ReorderSettingsForm.vue.js.map

package/dist/martyrs/src/modules/products/components/forms/ReorderSettingsForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderSettingsForm.vue.js","sources":["../../../../../../../src/modules/products/components/forms/ReorderSettingsForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Set up automatic reordering to maintain optimal inventory levels and avoid stockouts.\n    </p>\n    \n    <Field\n      v-model:field=\"threshold\"\n      label=\"Reorder Point\"\n      type=\"number\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-small\"\n    />\n    \n    <p class=\"mn-b-small t-small t-transp\">\n      Products will be flagged for reordering when the stock level drops below this threshold.\n    </p>\n    \n    <Field\n      v-model:field=\"quantity\"\n      label=\"Reorder Quantity\"\n      type=\"number\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-small\"\n    />\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Notification Options</p>\n      \n      <div class=\"mn-b-small\">\n        <Checkbox \n          v-model:checked=\"notifications.email\"\n          label=\"Email notification\"\n          class=\"w-100 mn-b-nano\"\n        />\n        \n        <Checkbox \n          v-model:checked=\"notifications.push\"\n          label=\"Push notification\"\n          class=\"w-100 mn-b-nano\"\n        />\n        \n        <Checkbox \n          v-model:checked=\"notifications.system\"\n          label=\"System alert\"\n          class=\"w-100\"\n        />\n      </div>\n    </div>\n    \n    <Checkbox \n      v-model:checked=\"autoOrder\"\n      label=\"Enable automatic purchase order creation\"\n      class=\"w-100 mn-b-small\"\n    />\n    \n    <div class=\"flex-nowrap flex gap-small\">\n      <button \n        @click=\"$emit('close')\" \n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </button>\n      \n      <button \n        @click=\"saveSettings\" \n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    default: null\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Form state\nconst threshold = ref(props.product ? (props.product.reorderThreshold || '5') : '5')\nconst quantity = ref(props.product ? (props.product.reorderQuantity || '10') : '10')\nconst autoOrder = ref(false)\nconst notifications = ref({\n  email: true,\n  push: false,\n  system: true\n})\n\nfunction saveSettings() {\n  const settings = {\n    threshold: parseInt(threshold.value || 5),\n    quantity: parseInt(quantity.value || 10),\n    autoOrder: autoOrder.value,\n    notifications: notifications.value\n  }\n  \n  emit('save', settings)\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6EA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,YAAY,IAAI,MAAM,UAAW,MAAM,QAAQ,oBAAoB,MAAO,GAAG;AACnF,UAAM,WAAW,IAAI,MAAM,UAAW,MAAM,QAAQ,mBAAmB,OAAQ,IAAI;AACnF,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,gBAAgB,IAAI;AAAA,MACxB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC;AAED,aAAS,eAAe;AACtB,YAAM,WAAW;AAAA,QACf,WAAW,SAAS,UAAU,SAAS,CAAC;AAAA,QACxC,UAAU,SAAS,SAAS,SAAS,EAAE;AAAA,QACvC,WAAW,UAAU;AAAA,QACrB,eAAe,cAAc;AAAA,MACjC;AAEE,WAAK,QAAQ,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}