@ozdao/martyrs 0.2.489 → 0.2.492

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const spots = require("../../../spots/store/spots.cjs");
+const variants_store = require("../../../products/store/variants.store.cjs");
+const IconInfo = require("../../../icons/navigation/IconInfo.vue.cjs");
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small flex-nowrap flex gap-thin" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_5 = { class: "mn-b-medium" };
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = { class: "cols-3 gap-small mn-b-small" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "AdjustmentForm",
+  props: {
+    product: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const route = vueRouter.useRoute();
+    const props = __props;
+    const emit = __emit;
+    const quantity = vue.ref(0);
+    const selectedReason = vue.ref("custom");
+    const customReasonText = vue.ref("");
+    const note = vue.ref("");
+    const selectedStorage = vue.ref(null);
+    const selectedVariant = vue.ref(null);
+    const productVariants = vue.ref([]);
+    const storageOptions = vue.ref([]);
+    const adjustmentReasons = [
+      { label: "Restock", value: "restock", icon: IconInfo.default },
+      { label: "Sale", value: "sale", icon: IconInfo.default },
+      { label: "Return", value: "return", icon: IconInfo.default },
+      { label: "Damage", value: "damage", icon: IconInfo.default },
+      { label: "Transfer", value: "transfer", icon: IconInfo.default },
+      { label: "Custom", value: "custom", icon: IconInfo.default }
+    ];
+    vue.onMounted(async () => {
+      console.log("AdjustmentForm mounted with product:", props.product);
+      try {
+        const variantsData = await variants_store.default.read({
+          product: props.product._id,
+          limit: 50
+        });
+        productVariants.value = variantsData;
+        if (variantsData.length > 0) {
+          selectedVariant.value = variantsData[0]._id;
+        }
+      } catch (err) {
+        console.error("Error fetching variants:", err);
+      }
+      try {
+        const spotsData = await spots.actions.read({
+          user: auth.state.user._id,
+          organization: route.params._id,
+          limit: 50
+        });
+        storageOptions.value = spotsData.map((spot) => ({
+          _id: spot._id,
+          name: spot.profile?.name || "Storage"
+        }));
+        if (storageOptions.value.length > 0) {
+          selectedStorage.value = storageOptions.value[0]._id;
+        }
+      } catch (err) {
+        console.error("Error fetching spots:", err);
+      }
+    });
+    function saveAdjustment() {
+      if (!selectedVariant.value) {
+        alert("Please select a variant");
+        return;
+      }
+      if (!selectedStorage.value) {
+        alert("Please select a storage");
+        return;
+      }
+      const adjustmentData = {
+        product: props.product._id,
+        variant: selectedVariant.value,
+        storage: selectedStorage.value,
+        source: {
+          type: "User",
+          target: auth.state.user._id
+        },
+        quantity: parseInt(quantity.value || 0),
+        reason: selectedReason.value === "custom" ? customReasonText.value : selectedReason.value,
+        comment: note.value || "",
+        creator: {
+          type: "user",
+          target: auth.state.user._id
+        }
+      };
+      emit("save", adjustmentData);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[9] || (_cache[9] = vue.createElementVNode("p", { class: "mn-b-medium t-transp" }, " Effortlessly update your inventory and track adjustments for accurate stock management. ", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(Field.default, {
+              field: quantity.value,
+              "onUpdate:field": _cache[0] || (_cache[0] = ($event) => quantity.value = $event),
+              label: "Quantity Adjustment",
+              type: "number",
+              placeholder: "Enter +/- quantity",
+              class: "w-100 bg-light radius-small pd-medium"
+            }, null, 8, ["field"]),
+            vue.createVNode(Field.default, {
+              field: __props.product.available,
+              label: "Current Available",
+              type: "text",
+              disabled: true,
+              class: "w-100 bg-light radius-small pd-medium"
+            }, null, 8, ["field"])
+          ])
+        ]),
+        productVariants.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
+          vue.createVNode(Select.default, {
+            select: selectedVariant.value,
+            "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selectedVariant.value = $event),
+            options: productVariants.value,
+            property: "_id",
+            value: "name",
+            placeholder: "Choose variant",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["select", "options"])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_5, [
+          _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Storage", -1)),
+          vue.createVNode(Select.default, {
+            select: selectedStorage.value,
+            "onUpdate:select": _cache[2] || (_cache[2] = ($event) => selectedStorage.value = $event),
+            options: storageOptions.value,
+            property: "_id",
+            value: "name",
+            placeholder: "Choose storage",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["select", "options"])
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
+          vue.createElementVNode("div", _hoisted_7, [
+            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(adjustmentReasons, (reason) => {
+              return vue.createElementVNode("div", {
+                key: reason.value,
+                onClick: ($event) => selectedReason.value = reason.value,
+                class: vue.normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
+              }, [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                vue.createElementVNode("span", null, vue.toDisplayString(reason.label), 1)
+              ], 10, _hoisted_8);
+            }), 64))
+          ]),
+          selectedReason.value === "custom" ? (vue.openBlock(), vue.createBlock(Field.default, {
+            key: 0,
+            field: customReasonText.value,
+            "onUpdate:field": _cache[3] || (_cache[3] = ($event) => customReasonText.value = $event),
+            placeholder: "Enter custom reason",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["field"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(Field.default, {
+          field: note.value,
+          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => note.value = $event),
+          label: "Note",
+          type: "textarea",
+          placeholder: "Add additional details about this adjustment...",
+          class: "w-100 bg-light radius-small pd-medium mn-b-medium"
+        }, null, 8, ["field"]),
+        vue.createElementVNode("div", _hoisted_9, [
+          vue.createElementVNode("button", {
+            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          vue.createElementVNode("button", {
+            onClick: saveAdjustment,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Adjustment ")
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=AdjustmentForm.vue.cjs.map

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustmentForm.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-regular mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n      \n      <Field\n        v-if=\"selectedReason === 'custom'\"\n        v-model:field=\"customReasonText\"\n        placeholder=\"Enter custom reason\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\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=\"saveAdjustment\" \n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('custom')\nconst customReasonText = ref('')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Custom', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nfunction saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    return\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    return\n  }\n\n  const adjustmentData = {\n    product: props.product._id,\n    variant: selectedVariant.value,\n    storage: selectedStorage.value,\n    source: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    quantity: parseInt(quantity.value || 0),\n    reason: selectedReason.value === 'custom' ? customReasonText.value : selectedReason.value,\n    comment: note.value || '',\n    creator: {\n      type: 'user',\n      target: auth.state.user._id\n    }\n  }\n  \n  emit('save', adjustmentData)\n}\n</script>"],"names":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js

@@ -0,0 +1,201 @@
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createBlock, Fragment, renderList, normalizeClass, resolveDynamicComponent, toDisplayString } from "vue";
+import { useRoute } from "vue-router";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { actions } from "../../../spots/store/spots.js";
+import variantsStore from "../../../products/store/variants.store.js";
+import _sfc_main$1 from "../../../icons/navigation/IconInfo.vue.js";
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small flex-nowrap flex gap-thin" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_5 = { class: "mn-b-medium" };
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = { class: "cols-3 gap-small mn-b-small" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "AdjustmentForm",
+  props: {
+    product: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const route = useRoute();
+    const props = __props;
+    const emit = __emit;
+    const quantity = ref(0);
+    const selectedReason = ref("custom");
+    const customReasonText = ref("");
+    const note = ref("");
+    const selectedStorage = ref(null);
+    const selectedVariant = ref(null);
+    const productVariants = ref([]);
+    const storageOptions = ref([]);
+    const adjustmentReasons = [
+      { label: "Restock", value: "restock", icon: _sfc_main$1 },
+      { label: "Sale", value: "sale", icon: _sfc_main$1 },
+      { label: "Return", value: "return", icon: _sfc_main$1 },
+      { label: "Damage", value: "damage", icon: _sfc_main$1 },
+      { label: "Transfer", value: "transfer", icon: _sfc_main$1 },
+      { label: "Custom", value: "custom", icon: _sfc_main$1 }
+    ];
+    onMounted(async () => {
+      console.log("AdjustmentForm mounted with product:", props.product);
+      try {
+        const variantsData = await variantsStore.read({
+          product: props.product._id,
+          limit: 50
+        });
+        productVariants.value = variantsData;
+        if (variantsData.length > 0) {
+          selectedVariant.value = variantsData[0]._id;
+        }
+      } catch (err) {
+        console.error("Error fetching variants:", err);
+      }
+      try {
+        const spotsData = await actions.read({
+          user: state.user._id,
+          organization: route.params._id,
+          limit: 50
+        });
+        storageOptions.value = spotsData.map((spot) => ({
+          _id: spot._id,
+          name: spot.profile?.name || "Storage"
+        }));
+        if (storageOptions.value.length > 0) {
+          selectedStorage.value = storageOptions.value[0]._id;
+        }
+      } catch (err) {
+        console.error("Error fetching spots:", err);
+      }
+    });
+    function saveAdjustment() {
+      if (!selectedVariant.value) {
+        alert("Please select a variant");
+        return;
+      }
+      if (!selectedStorage.value) {
+        alert("Please select a storage");
+        return;
+      }
+      const adjustmentData = {
+        product: props.product._id,
+        variant: selectedVariant.value,
+        storage: selectedStorage.value,
+        source: {
+          type: "User",
+          target: state.user._id
+        },
+        quantity: parseInt(quantity.value || 0),
+        reason: selectedReason.value === "custom" ? customReasonText.value : selectedReason.value,
+        comment: note.value || "",
+        creator: {
+          type: "user",
+          target: state.user._id
+        }
+      };
+      emit("save", adjustmentData);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Effortlessly update your inventory and track adjustments for accurate stock management. ", -1)),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(Field, {
+              field: quantity.value,
+              "onUpdate:field": _cache[0] || (_cache[0] = ($event) => quantity.value = $event),
+              label: "Quantity Adjustment",
+              type: "number",
+              placeholder: "Enter +/- quantity",
+              class: "w-100 bg-light radius-small pd-medium"
+            }, null, 8, ["field"]),
+            createVNode(Field, {
+              field: __props.product.available,
+              label: "Current Available",
+              type: "text",
+              disabled: true,
+              class: "w-100 bg-light radius-small pd-medium"
+            }, null, 8, ["field"])
+          ])
+        ]),
+        productVariants.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
+          createVNode(Select, {
+            select: selectedVariant.value,
+            "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selectedVariant.value = $event),
+            options: productVariants.value,
+            property: "_id",
+            value: "name",
+            placeholder: "Choose variant",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["select", "options"])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_5, [
+          _cache[7] || (_cache[7] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Storage", -1)),
+          createVNode(Select, {
+            select: selectedStorage.value,
+            "onUpdate:select": _cache[2] || (_cache[2] = ($event) => selectedStorage.value = $event),
+            options: storageOptions.value,
+            property: "_id",
+            value: "name",
+            placeholder: "Choose storage",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["select", "options"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          _cache[8] || (_cache[8] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(adjustmentReasons, (reason) => {
+              return createElementVNode("div", {
+                key: reason.value,
+                onClick: ($event) => selectedReason.value = reason.value,
+                class: normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                createElementVNode("span", null, toDisplayString(reason.label), 1)
+              ], 10, _hoisted_8);
+            }), 64))
+          ]),
+          selectedReason.value === "custom" ? (openBlock(), createBlock(Field, {
+            key: 0,
+            field: customReasonText.value,
+            "onUpdate:field": _cache[3] || (_cache[3] = ($event) => customReasonText.value = $event),
+            placeholder: "Enter custom reason",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["field"])) : createCommentVNode("", true)
+        ]),
+        createVNode(Field, {
+          field: note.value,
+          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => note.value = $event),
+          label: "Note",
+          type: "textarea",
+          placeholder: "Add additional details about this adjustment...",
+          class: "w-100 bg-light radius-small pd-medium mn-b-medium"
+        }, null, 8, ["field"]),
+        createElementVNode("div", _hoisted_9, [
+          createElementVNode("button", {
+            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          createElementVNode("button", {
+            onClick: saveAdjustment,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Adjustment ")
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AdjustmentForm.vue.js.map

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustmentForm.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-regular mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n      \n      <Field\n        v-if=\"selectedReason === 'custom'\"\n        v-model:field=\"customReasonText\"\n        placeholder=\"Enter custom reason\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\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=\"saveAdjustment\" \n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('custom')\nconst customReasonText = ref('')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Custom', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nfunction saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    return\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    return\n  }\n\n  const adjustmentData = {\n    product: props.product._id,\n    variant: selectedVariant.value,\n    storage: selectedStorage.value,\n    source: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    quantity: parseInt(quantity.value || 0),\n    reason: selectedReason.value === 'custom' ? customReasonText.value : selectedReason.value,\n    comment: note.value || '',\n    creator: {\n      type: 'user',\n      target: auth.state.user._id\n    }\n  }\n  \n  emit('save', adjustmentData)\n}\n</script>"],"names":["IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","variants","spots.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,UAAM,QAAQ,SAAQ;AAUtB,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,iBAAiB,IAAI,QAAQ;AACnC,UAAM,mBAAmB,IAAI,EAAE;AAC/B,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,CAAA,CAAE;AAC9B,UAAM,iBAAiB,IAAI,CAAA,CAAE;AAG7B,UAAM,oBAAoB;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,WAAW,MAAMA,YAAU;AAAA,MACtD,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAMC,YAAU;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAgB;AAAA,MAC1D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAS;AAAA,MACnD,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMC,YAAa;AAAA,MAC3D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAU;AAAA,IACtD;AAOA,cAAU,YAAY;AACpB,cAAQ,IAAI,wCAAwC,MAAM,OAAO;AAGjE,UAAI;AACF,cAAM,eAAe,MAAMC,cAAS,KAAK;AAAA,UACvC,SAAS,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,QACb,CAAK;AACD,wBAAgB,QAAQ;AAExB,YAAI,aAAa,SAAS,GAAG;AAC3B,0BAAgB,QAAQ,aAAa,CAAC,EAAE;AAAA,QAC1C;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MAC/C;AAGA,UAAI;AACF,cAAM,YAAY,MAAMC,QAAc,KAAK;AAAA,UACzC,MAAMC,MAAW,KAAK;AAAA,UACtB,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACb,CAAK;AACD,uBAAe,QAAQ,UAAU,IAAI,WAAS;AAAA,UAC5C,KAAK,KAAK;AAAA,UACV,MAAM,KAAK,SAAS,QAAQ;AAAA,QAClC,EAAM;AAEF,YAAI,eAAe,MAAM,SAAS,GAAG;AACnC,0BAAgB,QAAQ,eAAe,MAAM,CAAC,EAAE;AAAA,QAClD;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,yBAAyB,GAAG;AAAA,MAC5C;AAAA,IACF,CAAC;AAED,aAAS,iBAAiB;AACxB,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B;AAAA,MACF;AACA,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B;AAAA,MACF;AAEA,YAAM,iBAAiB;AAAA,QACrB,SAAS,MAAM,QAAQ;AAAA,QACvB,SAAS,gBAAgB;AAAA,QACzB,SAAS,gBAAgB;AAAA,QACzB,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,QACI,UAAU,SAAS,SAAS,SAAS,CAAC;AAAA,QACtC,QAAQ,eAAe,UAAU,WAAW,iBAAiB,QAAQ,eAAe;AAAA,QACpF,SAAS,KAAK,SAAS;AAAA,QACvB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,MACA;AAEE,WAAK,QAAQ,cAAc;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/inventory/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/inventory/components/forms/ColumnSettingsMenu.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettingsMenu.vue.cjs","sources":["../../../../../../../src/modules/inventory/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,QAAAA;AAAAA,MACE,MAAM,MAAM;AAAA,MACZ,UAAQ;AACN,iBAAS,QAAQ,KAAK,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG;AAAA,MAC7D;AAAA,IACF;AAGA,aAAS,OAAO,KAAK,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,QAAQ,GAAG;AACtC,UAAI,WAAW,QAAQ,IAAI;AACzB,iBAAS,MAAM,KAAK,GAAG;AAAA,MACzB,WAAW,CAAC,WAAW,QAAQ,IAAI;AACjC,iBAAS,MAAM,OAAO,KAAK,CAAC;AAAA,MAC9B;AAAA,IACF;AAGA,aAAS,eAAe;AACtB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/inventory/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/inventory/components/forms/ColumnSettingsMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettingsMenu.vue.js","sources":["../../../../../../../src/modules/inventory/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,MAC7D;AAAA,IACF;AAGA,aAAS,OAAO,KAAK,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,QAAQ,GAAG;AACtC,UAAI,WAAW,QAAQ,IAAI;AACzB,iBAAS,MAAM,KAAK,GAAG;AAAA,MACzB,WAAW,CAAC,WAAW,QAAQ,IAAI;AACjC,iBAAS,MAAM,OAAO,KAAK,CAAC;AAAA,MAC9B;AAAA,IACF;AAGA,aAAS,eAAe;AACtB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}