@ozdao/prometheus-framework 0.2.235 → 0.2.236

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs

@@ -5,10 +5,18 @@ const index = require("../../../../../../node_modules/@capacitor-mlkit/barcode-s
 const Button = require("../../../../components/Button/Button.vue2.cjs");
 const tickets = require("../../store/tickets.cjs");
 ;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-7a4f2d02"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "barcode-scanner-modal"
 };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "square" }, null, -1));
+const _hoisted_3 = {
+  key: 0,
+  class: "zoom-ratio-wrapper"
+};
+const _hoisted_4 = ["min", "max"];
 const _sfc_main = {
   __name: "ButtonCheck",
   emits: ["qrcodecheck"],
@@ -16,18 +24,22 @@ const _sfc_main = {
     const emits = __emit;
     const error = vue.ref("");
     const isScanning = vue.ref(false);
+    const isTorchAvailable = vue.ref(false);
+    const minZoomRatio = vue.ref(void 0);
+    const maxZoomRatio = vue.ref(void 0);
     vue.onMounted(async () => {
       const { supported } = await index.BarcodeScanner.isSupported();
       if (!supported) {
         error.value = "Barcode scanning is not supported on this device";
       }
+      const { available } = await index.BarcodeScanner.isTorchAvailable();
+      isTorchAvailable.value = available;
     });
     vue.onUnmounted(async () => {
-      await index.BarcodeScanner.removeAllListeners();
+      await stopScan();
     });
     async function startScan() {
       var _a, _b;
-      (_a = document.querySelector("body")) == null ? void 0 : _a.classList.add("barcode-scanner-active");
       try {
         const { camera } = await index.BarcodeScanner.checkPermissions();
         if (camera !== "granted") {
@@ -36,21 +48,27 @@ const _sfc_main = {
             throw new Error("Camera permission is required to scan barcodes");
           }
         }
-        (_b = document.querySelector("body")) == null ? void 0 : _b.classList.add("barcode-scanner-active");
+        (_a = document.querySelector("body")) == null ? void 0 : _a.classList.add("barcode-scanner-active");
+        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.add("barcode-scanner-active-html");
         isScanning.value = true;
         await index.BarcodeScanner.addListener("barcodeScanned", async (result) => {
           await processBarcode(result.barcode);
         });
         await index.BarcodeScanner.startScan();
+        const { zoomRatio: min } = await index.BarcodeScanner.getMinZoomRatio();
+        const { zoomRatio: max } = await index.BarcodeScanner.getMaxZoomRatio();
+        minZoomRatio.value = min;
+        maxZoomRatio.value = max;
       } catch (e) {
         error.value = e.message;
         alert(`Error: ${error.value}`);
       }
     }
     async function stopScan() {
-      var _a;
+      var _a, _b;
       try {
         (_a = document.querySelector("body")) == null ? void 0 : _a.classList.remove("barcode-scanner-active");
+        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.remove("barcode-scanner-active-html");
         isScanning.value = false;
         await index.BarcodeScanner.stopScan();
         await index.BarcodeScanner.removeAllListeners();
@@ -73,6 +91,13 @@ const _sfc_main = {
         await stopScan();
       }
     }
+    async function setZoomRatio(event) {
+      const zoomRatio = parseFloat(event.target.value);
+      await index.BarcodeScanner.setZoomRatio({ zoomRatio });
+    }
+    async function toggleTorch() {
+      await index.BarcodeScanner.toggleTorch();
+    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(Button.default, {
@@ -85,6 +110,15 @@ const _sfc_main = {
           _: 1
         }),
         isScanning.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          _hoisted_2,
+          minZoomRatio.value !== void 0 && maxZoomRatio.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createElementVNode("input", {
+              type: "range",
+              min: minZoomRatio.value,
+              max: maxZoomRatio.value,
+              onInput: setZoomRatio
+            }, null, 40, _hoisted_4)
+          ])) : vue.createCommentVNode("", true),
           vue.createVNode(Button.default, {
             onClick: stopScan,
             class: "stop-scan-button"
@@ -93,11 +127,22 @@ const _sfc_main = {
               vue.createTextVNode("Stop Scan")
             ]),
             _: 1
-          })
+          }),
+          isTorchAvailable.value ? (vue.openBlock(), vue.createBlock(Button.default, {
+            key: 1,
+            onClick: toggleTorch,
+            class: "torch-button"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" Toggle Torch ")
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 };
-exports.default = _sfc_main;
+const ButtonCheck = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-7a4f2d02"]]);
+exports.default = ButtonCheck;
 //# sourceMappingURL=ButtonCheck.vue.cjs.map

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCheck.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n      <!-- Add any UI elements for the scanner here -->\n      <Button @click=\"stopScan\" class=\"stop-scan-button\">Stop Scan</Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@pf/src/components/Button/Button.vue'\nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n})\n\nonUnmounted(async () => {\n  await BarcodeScanner.removeAllListeners()\n})\n\nasync function startScan() {\n  document.querySelector('body')?.classList.add('barcode-scanner-active');\n\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    isScanning.value = true\n\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      await processBarcode(result.barcode)\n    })\n\n    await BarcodeScanner.startScan()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active');\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  try {\n    if (!barcode) {\n      throw new Error('Troubles with barcode reading')\n    }\n    const response = await tickets.actions.update({ _id: barcode, status: 'used', check: true })\n    alert(\"Ticket checked. And it's all right!\")\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`)\n  } finally {\n    emits('qrcodecheck')\n    await stopScan()\n  }\n}\n</script>\n\n<style>\nbody.barcode-scanner-active {\n  visibility: hidden;\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n.barcode-scanner-modal {\n  visibility: visible;\n}\n\n@media (prefers-color-scheme: dark) {\n  .barcode-scanner-modal {\n    --background: transparent;\n    --ion-background-color: transparent;\n  }\n}\n</style>"],"names":["ref","onMounted","BarcodeScanner","onUnmounted","tickets.actions"],"mappings":";;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AACd,UAAM,QAAQA,IAAG,IAAC,EAAE;AACpB,UAAM,aAAaA,IAAG,IAAC,KAAK;AAE5BC,QAAAA,UAAU,YAAY;AACpB,YAAM,EAAE,UAAS,IAAK,MAAMC,MAAAA,eAAe,YAAa;AACxD,UAAI,CAAC,WAAW;AACd,cAAM,QAAQ;AAAA,MACf;AAAA,IACH,CAAC;AAEDC,QAAAA,YAAY,YAAY;AACtB,YAAMD,MAAAA,eAAe,mBAAoB;AAAA,IAC3C,CAAC;AAED,mBAAe,YAAY;;AACzB,qBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAE9C,UAAI;AACF,cAAM,EAAE,OAAM,IAAK,MAAMA,MAAAA,eAAe,iBAAkB;AAC1D,YAAI,WAAW,WAAW;AACxB,gBAAM,EAAE,QAAQ,UAAW,IAAG,MAAMA,MAAAA,eAAe,mBAAoB;AACvE,cAAI,cAAc,WAAW;AAC3B,kBAAM,IAAI,MAAM,gDAAgD;AAAA,UACjE;AAAA,QACF;AAED,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAC9C,mBAAW,QAAQ;AAEnB,cAAMA,qBAAe,YAAY,kBAAkB,OAAO,WAAW;AACnE,gBAAM,eAAe,OAAO,OAAO;AAAA,QACzC,CAAK;AAED,cAAMA,MAAAA,eAAe,UAAW;AAAA,MACjC,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,UAAU,MAAM,KAAK,EAAE;AAAA,MAC9B;AAAA,IACH;AAEA,mBAAe,WAAW;;AACxB,UAAI;AACF,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,OAAO;AACjD,mBAAW,QAAQ;AACnB,cAAMA,MAAAA,eAAe,SAAU;AAC/B,cAAMA,MAAAA,eAAe,mBAAoB;AAAA,MAC1C,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,wBAAwB,MAAM,KAAK,EAAE;AAAA,MAC5C;AAAA,IACH;AAEA,mBAAe,eAAe,SAAS;AACrC,UAAI;AACF,YAAI,CAAC,SAAS;AACZ,gBAAM,IAAI,MAAM,+BAA+B;AAAA,QAChD;AACD,cAAM,WAAW,MAAME,gBAAgB,OAAO,EAAE,KAAK,SAAS,QAAQ,QAAQ,OAAO,KAAI,CAAE;AAC3F,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC7D,UAAY;AACR,cAAM,aAAa;AACnB,cAAM,SAAU;AAAA,MACjB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonCheck.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n      <div class=\"square\"></div>\n      <div class=\"zoom-ratio-wrapper\" v-if=\"minZoomRatio !== undefined && maxZoomRatio !== undefined\">\n        <input type=\"range\" :min=\"minZoomRatio\" :max=\"maxZoomRatio\" @input=\"setZoomRatio\" />\n      </div>\n      <Button @click=\"stopScan\" class=\"stop-scan-button\">Stop Scan</Button>\n      <Button v-if=\"isTorchAvailable\" @click=\"toggleTorch\" class=\"torch-button\">\n        Toggle Torch\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@pf/src/components/Button/Button.vue'\nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\nconst isTorchAvailable = ref(false)\nconst minZoomRatio = ref(undefined)\nconst maxZoomRatio = ref(undefined)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n  const { available } = await BarcodeScanner.isTorchAvailable()\n  isTorchAvailable.value = available\n})\n\nonUnmounted(async () => {\n  await stopScan()\n})\n\nasync function startScan() {\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    document.querySelector('html')?.classList.add('barcode-scanner-active-html')\n    isScanning.value = true\n\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      await processBarcode(result.barcode)\n    })\n\n    await BarcodeScanner.startScan()\n\n    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()\n    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()\n    minZoomRatio.value = min\n    maxZoomRatio.value = max\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active')\n    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  try {\n    if (!barcode) {\n      throw new Error('Troubles with barcode reading')\n    }\n    const response = await tickets.actions.update({ _id: barcode, status: 'used', check: true })\n    alert(\"Ticket checked. And it's all right!\")\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`)\n  } finally {\n    emits('qrcodecheck')\n    await stopScan()\n  }\n}\n\nasync function setZoomRatio(event) {\n  const zoomRatio = parseFloat(event.target.value)\n  await BarcodeScanner.setZoomRatio({ zoomRatio })\n}\n\nasync function toggleTorch() {\n  await BarcodeScanner.toggleTorch()\n}\n</script>\n\n<style scoped>\n.barcode-scanner-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.square {\n  width: 200px;\n  height: 200px;\n  border: 2px solid white;\n  border-radius: 10px;\n}\n\n.zoom-ratio-wrapper {\n  width: 80%;\n  margin-top: 20px;\n}\n\n.stop-scan-button,\n.torch-button {\n  margin-top: 20px;\n}\n\n/* Existing styles */\nbody.barcode-scanner-active {\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n\nhtml.barcode-scanner-active-html {\n  background: transparent !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .barcode-scanner-modal {\n    --background: transparent;\n    --ion-background-color: transparent;\n  }\n}\n</style>\n"],"names":["ref","onMounted","BarcodeScanner","onUnmounted","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,QAAQ;AACd,UAAM,QAAQA,IAAG,IAAC,EAAE;AACpB,UAAM,aAAaA,IAAG,IAAC,KAAK;AAC5B,UAAM,mBAAmBA,IAAG,IAAC,KAAK;AAClC,UAAM,eAAeA,IAAG,IAAC,MAAS;AAClC,UAAM,eAAeA,IAAG,IAAC,MAAS;AAElCC,QAAAA,UAAU,YAAY;AACpB,YAAM,EAAE,UAAS,IAAK,MAAMC,MAAAA,eAAe,YAAa;AACxD,UAAI,CAAC,WAAW;AACd,cAAM,QAAQ;AAAA,MACf;AACD,YAAM,EAAE,UAAS,IAAK,MAAMA,MAAAA,eAAe,iBAAkB;AAC7D,uBAAiB,QAAQ;AAAA,IAC3B,CAAC;AAEDC,QAAAA,YAAY,YAAY;AACtB,YAAM,SAAU;AAAA,IAClB,CAAC;AAED,mBAAe,YAAY;;AACzB,UAAI;AACF,cAAM,EAAE,OAAM,IAAK,MAAMD,MAAAA,eAAe,iBAAkB;AAC1D,YAAI,WAAW,WAAW;AACxB,gBAAM,EAAE,QAAQ,UAAW,IAAG,MAAMA,MAAAA,eAAe,mBAAoB;AACvE,cAAI,cAAc,WAAW;AAC3B,kBAAM,IAAI,MAAM,gDAAgD;AAAA,UACjE;AAAA,QACF;AAED,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAC9C,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAC9C,mBAAW,QAAQ;AAEnB,cAAMA,qBAAe,YAAY,kBAAkB,OAAO,WAAW;AACnE,gBAAM,eAAe,OAAO,OAAO;AAAA,QACzC,CAAK;AAED,cAAMA,MAAAA,eAAe,UAAW;AAEhC,cAAM,EAAE,WAAW,IAAK,IAAG,MAAMA,MAAAA,eAAe,gBAAiB;AACjE,cAAM,EAAE,WAAW,IAAK,IAAG,MAAMA,MAAAA,eAAe,gBAAiB;AACjE,qBAAa,QAAQ;AACrB,qBAAa,QAAQ;AAAA,MACtB,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,UAAU,MAAM,KAAK,EAAE;AAAA,MAC9B;AAAA,IACH;AAEA,mBAAe,WAAW;;AACxB,UAAI;AACF,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,OAAO;AACjD,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,OAAO;AACjD,mBAAW,QAAQ;AACnB,cAAMA,MAAAA,eAAe,SAAU;AAC/B,cAAMA,MAAAA,eAAe,mBAAoB;AAAA,MAC1C,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,wBAAwB,MAAM,KAAK,EAAE;AAAA,MAC5C;AAAA,IACH;AAEA,mBAAe,eAAe,SAAS;AACrC,UAAI;AACF,YAAI,CAAC,SAAS;AACZ,gBAAM,IAAI,MAAM,+BAA+B;AAAA,QAChD;AACD,cAAM,WAAW,MAAME,gBAAgB,OAAO,EAAE,KAAK,SAAS,QAAQ,QAAQ,OAAO,KAAI,CAAE;AAC3F,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC7D,UAAY;AACR,cAAM,aAAa;AACnB,cAAM,SAAU;AAAA,MACjB;AAAA,IACH;AAEA,mBAAe,aAAa,OAAO;AACjC,YAAM,YAAY,WAAW,MAAM,OAAO,KAAK;AAC/C,YAAMF,qBAAe,aAAa,EAAE,WAAW;AAAA,IACjD;AAEA,mBAAe,cAAc;AAC3B,YAAMA,MAAAA,eAAe,YAAa;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,12 +1,20 @@
-import { ref, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createCommentVNode } from "vue";
+import { ref, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createElementVNode, createCommentVNode, createBlock, pushScopeId, popScopeId } from "vue";
 import { BarcodeScanner } from "../../../../../../node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
 import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                 */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-7a4f2d02"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "barcode-scanner-modal"
 };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "square" }, null, -1));
+const _hoisted_3 = {
+  key: 0,
+  class: "zoom-ratio-wrapper"
+};
+const _hoisted_4 = ["min", "max"];
 const _sfc_main = {
   __name: "ButtonCheck",
   emits: ["qrcodecheck"],
@@ -14,18 +22,22 @@ const _sfc_main = {
     const emits = __emit;
     const error = ref("");
     const isScanning = ref(false);
+    const isTorchAvailable = ref(false);
+    const minZoomRatio = ref(void 0);
+    const maxZoomRatio = ref(void 0);
     onMounted(async () => {
       const { supported } = await BarcodeScanner.isSupported();
       if (!supported) {
         error.value = "Barcode scanning is not supported on this device";
       }
+      const { available } = await BarcodeScanner.isTorchAvailable();
+      isTorchAvailable.value = available;
     });
     onUnmounted(async () => {
-      await BarcodeScanner.removeAllListeners();
+      await stopScan();
     });
     async function startScan() {
       var _a, _b;
-      (_a = document.querySelector("body")) == null ? void 0 : _a.classList.add("barcode-scanner-active");
       try {
         const { camera } = await BarcodeScanner.checkPermissions();
         if (camera !== "granted") {
@@ -34,21 +46,27 @@ const _sfc_main = {
             throw new Error("Camera permission is required to scan barcodes");
           }
         }
-        (_b = document.querySelector("body")) == null ? void 0 : _b.classList.add("barcode-scanner-active");
+        (_a = document.querySelector("body")) == null ? void 0 : _a.classList.add("barcode-scanner-active");
+        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.add("barcode-scanner-active-html");
         isScanning.value = true;
         await BarcodeScanner.addListener("barcodeScanned", async (result) => {
           await processBarcode(result.barcode);
         });
         await BarcodeScanner.startScan();
+        const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio();
+        const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio();
+        minZoomRatio.value = min;
+        maxZoomRatio.value = max;
       } catch (e) {
         error.value = e.message;
         alert(`Error: ${error.value}`);
       }
     }
     async function stopScan() {
-      var _a;
+      var _a, _b;
       try {
         (_a = document.querySelector("body")) == null ? void 0 : _a.classList.remove("barcode-scanner-active");
+        (_b = document.querySelector("html")) == null ? void 0 : _b.classList.remove("barcode-scanner-active-html");
         isScanning.value = false;
         await BarcodeScanner.stopScan();
         await BarcodeScanner.removeAllListeners();
@@ -71,6 +89,13 @@ const _sfc_main = {
         await stopScan();
       }
     }
+    async function setZoomRatio(event) {
+      const zoomRatio = parseFloat(event.target.value);
+      await BarcodeScanner.setZoomRatio({ zoomRatio });
+    }
+    async function toggleTorch() {
+      await BarcodeScanner.toggleTorch();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_sfc_main$1, {
@@ -83,6 +108,15 @@ const _sfc_main = {
           _: 1
         }),
         isScanning.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _hoisted_2,
+          minZoomRatio.value !== void 0 && maxZoomRatio.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("input", {
+              type: "range",
+              min: minZoomRatio.value,
+              max: maxZoomRatio.value,
+              onInput: setZoomRatio
+            }, null, 40, _hoisted_4)
+          ])) : createCommentVNode("", true),
           createVNode(_sfc_main$1, {
             onClick: stopScan,
             class: "stop-scan-button"
@@ -91,13 +125,24 @@ const _sfc_main = {
               createTextVNode("Stop Scan")
             ]),
             _: 1
-          })
+          }),
+          isTorchAvailable.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            onClick: toggleTorch,
+            class: "torch-button"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" Toggle Torch ")
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 };
+const ButtonCheck = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7a4f2d02"]]);
 export {
-  _sfc_main as default
+  ButtonCheck as default
 };
 //# sourceMappingURL=ButtonCheck.vue.js.map

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n      <!-- Add any UI elements for the scanner here -->\n      <Button @click=\"stopScan\" class=\"stop-scan-button\">Stop Scan</Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@pf/src/components/Button/Button.vue'\nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n})\n\nonUnmounted(async () => {\n  await BarcodeScanner.removeAllListeners()\n})\n\nasync function startScan() {\n  document.querySelector('body')?.classList.add('barcode-scanner-active');\n\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    isScanning.value = true\n\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      await processBarcode(result.barcode)\n    })\n\n    await BarcodeScanner.startScan()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active');\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  try {\n    if (!barcode) {\n      throw new Error('Troubles with barcode reading')\n    }\n    const response = await tickets.actions.update({ _id: barcode, status: 'used', check: true })\n    alert(\"Ticket checked. And it's all right!\")\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`)\n  } finally {\n    emits('qrcodecheck')\n    await stopScan()\n  }\n}\n</script>\n\n<style>\nbody.barcode-scanner-active {\n  visibility: hidden;\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n.barcode-scanner-modal {\n  visibility: visible;\n}\n\n@media (prefers-color-scheme: dark) {\n  .barcode-scanner-modal {\n    --background: transparent;\n    --ion-background-color: transparent;\n  }\n}\n</style>"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AACd,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,aAAa,IAAI,KAAK;AAE5B,cAAU,YAAY;AACpB,YAAM,EAAE,UAAS,IAAK,MAAM,eAAe,YAAa;AACxD,UAAI,CAAC,WAAW;AACd,cAAM,QAAQ;AAAA,MACf;AAAA,IACH,CAAC;AAED,gBAAY,YAAY;AACtB,YAAM,eAAe,mBAAoB;AAAA,IAC3C,CAAC;AAED,mBAAe,YAAY;;AACzB,qBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAE9C,UAAI;AACF,cAAM,EAAE,OAAM,IAAK,MAAM,eAAe,iBAAkB;AAC1D,YAAI,WAAW,WAAW;AACxB,gBAAM,EAAE,QAAQ,UAAW,IAAG,MAAM,eAAe,mBAAoB;AACvE,cAAI,cAAc,WAAW;AAC3B,kBAAM,IAAI,MAAM,gDAAgD;AAAA,UACjE;AAAA,QACF;AAED,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAC9C,mBAAW,QAAQ;AAEnB,cAAM,eAAe,YAAY,kBAAkB,OAAO,WAAW;AACnE,gBAAM,eAAe,OAAO,OAAO;AAAA,QACzC,CAAK;AAED,cAAM,eAAe,UAAW;AAAA,MACjC,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,UAAU,MAAM,KAAK,EAAE;AAAA,MAC9B;AAAA,IACH;AAEA,mBAAe,WAAW;;AACxB,UAAI;AACF,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,OAAO;AACjD,mBAAW,QAAQ;AACnB,cAAM,eAAe,SAAU;AAC/B,cAAM,eAAe,mBAAoB;AAAA,MAC1C,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,wBAAwB,MAAM,KAAK,EAAE;AAAA,MAC5C;AAAA,IACH;AAEA,mBAAe,eAAe,SAAS;AACrC,UAAI;AACF,YAAI,CAAC,SAAS;AACZ,gBAAM,IAAI,MAAM,+BAA+B;AAAA,QAChD;AACD,cAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,KAAK,SAAS,QAAQ,QAAQ,OAAO,KAAI,CAAE;AAC3F,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC7D,UAAY;AACR,cAAM,aAAa;AACnB,cAAM,SAAU;AAAA,MACjB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button @click=\"startScan\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n    <div v-if=\"isScanning\" class=\"barcode-scanner-modal\">\n      <div class=\"square\"></div>\n      <div class=\"zoom-ratio-wrapper\" v-if=\"minZoomRatio !== undefined && maxZoomRatio !== undefined\">\n        <input type=\"range\" :min=\"minZoomRatio\" :max=\"maxZoomRatio\" @input=\"setZoomRatio\" />\n      </div>\n      <Button @click=\"stopScan\" class=\"stop-scan-button\">Stop Scan</Button>\n      <Button v-if=\"isTorchAvailable\" @click=\"toggleTorch\" class=\"torch-button\">\n        Toggle Torch\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue'\nimport { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'\nimport Button from '@pf/src/components/Button/Button.vue'\nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits(['qrcodecheck'])\nconst error = ref('')\nconst isScanning = ref(false)\nconst isTorchAvailable = ref(false)\nconst minZoomRatio = ref(undefined)\nconst maxZoomRatio = ref(undefined)\n\nonMounted(async () => {\n  const { supported } = await BarcodeScanner.isSupported()\n  if (!supported) {\n    error.value = 'Barcode scanning is not supported on this device'\n  }\n  const { available } = await BarcodeScanner.isTorchAvailable()\n  isTorchAvailable.value = available\n})\n\nonUnmounted(async () => {\n  await stopScan()\n})\n\nasync function startScan() {\n  try {\n    const { camera } = await BarcodeScanner.checkPermissions()\n    if (camera !== 'granted') {\n      const { camera: newStatus } = await BarcodeScanner.requestPermissions()\n      if (newStatus !== 'granted') {\n        throw new Error('Camera permission is required to scan barcodes')\n      }\n    }\n\n    document.querySelector('body')?.classList.add('barcode-scanner-active')\n    document.querySelector('html')?.classList.add('barcode-scanner-active-html')\n    isScanning.value = true\n\n    await BarcodeScanner.addListener('barcodeScanned', async (result) => {\n      await processBarcode(result.barcode)\n    })\n\n    await BarcodeScanner.startScan()\n\n    const { zoomRatio: min } = await BarcodeScanner.getMinZoomRatio()\n    const { zoomRatio: max } = await BarcodeScanner.getMaxZoomRatio()\n    minZoomRatio.value = min\n    maxZoomRatio.value = max\n  } catch (e) {\n    error.value = e.message\n    alert(`Error: ${error.value}`)\n  }\n}\n\nasync function stopScan() {\n  try {\n    document.querySelector('body')?.classList.remove('barcode-scanner-active')\n    document.querySelector('html')?.classList.remove('barcode-scanner-active-html')\n    isScanning.value = false\n    await BarcodeScanner.stopScan()\n    await BarcodeScanner.removeAllListeners()\n  } catch (e) {\n    error.value = e.message\n    alert(`Error stopping scan: ${error.value}`)\n  }\n}\n\nasync function processBarcode(barcode) {\n  try {\n    if (!barcode) {\n      throw new Error('Troubles with barcode reading')\n    }\n    const response = await tickets.actions.update({ _id: barcode, status: 'used', check: true })\n    alert(\"Ticket checked. And it's all right!\")\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`)\n  } finally {\n    emits('qrcodecheck')\n    await stopScan()\n  }\n}\n\nasync function setZoomRatio(event) {\n  const zoomRatio = parseFloat(event.target.value)\n  await BarcodeScanner.setZoomRatio({ zoomRatio })\n}\n\nasync function toggleTorch() {\n  await BarcodeScanner.toggleTorch()\n}\n</script>\n\n<style scoped>\n.barcode-scanner-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.square {\n  width: 200px;\n  height: 200px;\n  border: 2px solid white;\n  border-radius: 10px;\n}\n\n.zoom-ratio-wrapper {\n  width: 80%;\n  margin-top: 20px;\n}\n\n.stop-scan-button,\n.torch-button {\n  margin-top: 20px;\n}\n\n/* Existing styles */\nbody.barcode-scanner-active {\n  --background: transparent;\n  --ion-background-color: transparent;\n}\n\nhtml.barcode-scanner-active-html {\n  background: transparent !important;\n}\n\n@media (prefers-color-scheme: dark) {\n  .barcode-scanner-modal {\n    --background: transparent;\n    --ion-background-color: transparent;\n  }\n}\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,QAAQ;AACd,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,aAAa,IAAI,KAAK;AAC5B,UAAM,mBAAmB,IAAI,KAAK;AAClC,UAAM,eAAe,IAAI,MAAS;AAClC,UAAM,eAAe,IAAI,MAAS;AAElC,cAAU,YAAY;AACpB,YAAM,EAAE,UAAS,IAAK,MAAM,eAAe,YAAa;AACxD,UAAI,CAAC,WAAW;AACd,cAAM,QAAQ;AAAA,MACf;AACD,YAAM,EAAE,UAAS,IAAK,MAAM,eAAe,iBAAkB;AAC7D,uBAAiB,QAAQ;AAAA,IAC3B,CAAC;AAED,gBAAY,YAAY;AACtB,YAAM,SAAU;AAAA,IAClB,CAAC;AAED,mBAAe,YAAY;;AACzB,UAAI;AACF,cAAM,EAAE,OAAM,IAAK,MAAM,eAAe,iBAAkB;AAC1D,YAAI,WAAW,WAAW;AACxB,gBAAM,EAAE,QAAQ,UAAW,IAAG,MAAM,eAAe,mBAAoB;AACvE,cAAI,cAAc,WAAW;AAC3B,kBAAM,IAAI,MAAM,gDAAgD;AAAA,UACjE;AAAA,QACF;AAED,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAC9C,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,IAAI;AAC9C,mBAAW,QAAQ;AAEnB,cAAM,eAAe,YAAY,kBAAkB,OAAO,WAAW;AACnE,gBAAM,eAAe,OAAO,OAAO;AAAA,QACzC,CAAK;AAED,cAAM,eAAe,UAAW;AAEhC,cAAM,EAAE,WAAW,IAAK,IAAG,MAAM,eAAe,gBAAiB;AACjE,cAAM,EAAE,WAAW,IAAK,IAAG,MAAM,eAAe,gBAAiB;AACjE,qBAAa,QAAQ;AACrB,qBAAa,QAAQ;AAAA,MACtB,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,UAAU,MAAM,KAAK,EAAE;AAAA,MAC9B;AAAA,IACH;AAEA,mBAAe,WAAW;;AACxB,UAAI;AACF,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,OAAO;AACjD,uBAAS,cAAc,MAAM,MAA7B,mBAAgC,UAAU,OAAO;AACjD,mBAAW,QAAQ;AACnB,cAAM,eAAe,SAAU;AAC/B,cAAM,eAAe,mBAAoB;AAAA,MAC1C,SAAQ,GAAG;AACV,cAAM,QAAQ,EAAE;AAChB,cAAM,wBAAwB,MAAM,KAAK,EAAE;AAAA,MAC5C;AAAA,IACH;AAEA,mBAAe,eAAe,SAAS;AACrC,UAAI;AACF,YAAI,CAAC,SAAS;AACZ,gBAAM,IAAI,MAAM,+BAA+B;AAAA,QAChD;AACD,cAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,KAAK,SAAS,QAAQ,QAAQ,OAAO,KAAI,CAAE;AAC3F,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC7D,UAAY;AACR,cAAM,aAAa;AACnB,cAAM,SAAU;AAAA,MACjB;AAAA,IACH;AAEA,mBAAe,aAAa,OAAO;AACjC,YAAM,YAAY,WAAW,MAAM,OAAO,KAAK;AAC/C,YAAM,eAAe,aAAa,EAAE,WAAW;AAAA,IACjD;AAEA,mBAAe,cAAc;AAC3B,YAAM,eAAe,YAAa;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.js

@@ -1,12 +1,12 @@
 import { ref, onMounted, unref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
-import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$3 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$1 from "../elements/ButtonCheck.vue.js";
-import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import ButtonCheck from "../elements/ButtonCheck.vue.js";
+import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconAdd.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { read } from "../../store/events.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -87,19 +87,19 @@ const _sfc_main = {
             onClick: _cache[0] || (_cache[0] = ($event) => openTicketsPopup()),
             class: "radius-extra uppercase button-small flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second"
           }, " Add Tickets "),
-          createVNode(_sfc_main$1, {
+          createVNode(ButtonCheck, {
             onQrcodecheck: _cache[1] || (_cache[1] = ($event) => fetchTickets.value = !fetchTickets.value),
             class: "w-100 pd-medium mn-auto"
           })
         ]),
-        createVNode(_sfc_main$2, {
+        createVNode(_sfc_main$1, {
           title: "Добавить участника",
           onClosePopup: closeTicketsPopup,
           isPopupOpen: isOpenTicketsPopup.value,
           class: "w-max-40r"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$3, {
+            createVNode(_sfc_main$2, {
               title: "Add tickets",
               placeholder: "No parameters added yet",
               class: "cols-1 mn-b-thin gap-thin"
@@ -134,7 +134,7 @@ const _sfc_main = {
                       onClick: _cache[2] || (_cache[2] = () => newTickets.value.push({ name: "", value: "", target: unref(event)._id, type: "event", quantity: 1 })),
                       class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
                     }, [
-                      createVNode(_sfc_main$4, {
+                      createVNode(_sfc_main$3, {
                         class: "i-medium",
                         fill: "rgb(var(--white)"
                       })
@@ -143,14 +143,14 @@ const _sfc_main = {
                       onClick: () => newTickets.value.splice(index, 1),
                       class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
                     }, [
-                      createVNode(_sfc_main$5, {
+                      createVNode(_sfc_main$4, {
                         class: "i-medium",
                         fill: "rgb(var(--white)"
                       })
                     ], 8, _hoisted_4))
                   ]);
                 }), 128)),
-                createVNode(_sfc_main$6, {
+                createVNode(_sfc_main$5, {
                   submit: onSubmit,
                   callback: closeTicketsPopup,
                   class: "w-100 bg-black t-white"
@@ -166,7 +166,7 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["isPopupOpen"]),
-        createVNode(_sfc_main$7, {
+        createVNode(_sfc_main$6, {
           search: true,
           states: {
             empty: {
@@ -204,7 +204,7 @@ const _sfc_main = {
                   createElementVNode("p", _hoisted_10, toDisplayString(((_b = ticket.client_refactor) == null ? void 0 : _b.email) || "No email"), 1),
                   createElementVNode("span", _hoisted_11, toDisplayString(ticket.status), 1)
                 ]),
-                ticket.status !== "deactivated" ? (openBlock(), createBlock(_sfc_main$6, {
+                ticket.status !== "deactivated" ? (openBlock(), createBlock(_sfc_main$5, {
                   key: 0,
                   submit: () => changeStatus(ticket, "deactivated"),
                   callback: _ctx.redirectTo,
@@ -215,7 +215,7 @@ const _sfc_main = {
                   ]),
                   _: 2
                 }, 1032, ["submit", "callback"])) : createCommentVNode("", true),
-                ticket.status === "deactivated" || ticket.status === "used" ? (openBlock(), createBlock(_sfc_main$6, {
+                ticket.status === "deactivated" || ticket.status === "used" ? (openBlock(), createBlock(_sfc_main$5, {
                   key: 1,
                   submit: () => changeStatus(ticket, "unused"),
                   callback: _ctx.redirectTo,