@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/input/BarcodeScannerInput.vue.js

@@ -1,5 +1,169 @@
-import f from "./BarcodeScannerInput.vue2.js";
+import { defineComponent as R, useModel as T, useTemplateRef as z, ref as p, computed as C, onBeforeUnmount as F, openBlock as f, createBlock as m, unref as i, withCtx as M, createElementVNode as v, createVNode as k, normalizeClass as N, toDisplayString as U, withDirectives as $, vShow as H, mergeModels as I } from "vue";
+import { Loader2 as j, StopCircle as A, Camera as G } from "lucide-vue-next";
+import J from "../../../ui/input/Input.vue.js";
+import "../../../ui/button/index.js";
+import K from "../../../ui/field-frame/FieldFrame.vue.js";
+import O from "../../../ui/button/Button.vue.js";
+const P = ["data-element-name"], Q = { class: "flex items-center gap-2" }, te = /* @__PURE__ */ R({
+  __name: "BarcodeScannerInput",
+  props: /* @__PURE__ */ I({
+    modelValue: {},
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] },
+    scanFormats: { default: () => [
+      "code_128_reader",
+      "ean_reader",
+      "ean_8_reader",
+      "code_39_reader",
+      "upc_reader"
+    ] },
+    autoStart: { type: Boolean, default: !1 },
+    facingMode: { default: "environment" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: B }) {
+    const o = e, g = T(e, "modelValue"), w = z("videoContainerRef"), a = p(!1), t = p(!1), c = p("");
+    let n = null, u = null, d = null;
+    const q = C(() => t.value ? "Starting…" : a.value ? "Stop scanning" : "Scan"), D = C(() => c.value ? [...o.errors, c.value] : o.errors);
+    function E() {
+      if (u) {
+        for (const l of u.getTracks())
+          try {
+            l.stop();
+          } catch {
+          }
+        u = null;
+      }
+    }
+    async function s() {
+      if (n)
+        try {
+          d && n.offDetected(d), await n.stop();
+        } catch {
+        }
+      d = null, n = null, E(), a.value = !1, t.value = !1;
+    }
+    async function h() {
+      var l;
+      if (!(a.value || t.value)) {
+        c.value = "", t.value = !0;
+        try {
+          const r = typeof navigator < "u" ? navigator : void 0;
+          if (!((l = r == null ? void 0 : r.mediaDevices) != null && l.getUserMedia))
+            throw new Error("Camera access is not available in this environment.");
+          u = await r.mediaDevices.getUserMedia({
+            video: { facingMode: o.facingMode },
+            audio: !1
+          }), n = (await import("@ericblade/quagga2")).default;
+          const S = w.value;
+          if (!S)
+            throw new Error("Scanner viewport is not mounted.");
+          await n.init({
+            inputStream: {
+              type: "LiveStream",
+              target: S,
+              constraints: {
+                facingMode: o.facingMode
+              }
+            },
+            decoder: {
+              readers: [...o.scanFormats]
+            },
+            locate: !0
+          }), d = (y) => {
+            var x;
+            const b = (x = y == null ? void 0 : y.codeResult) == null ? void 0 : x.code;
+            typeof b == "string" && b.length > 0 && (g.value = b, s());
+          }, n.onDetected(d), n.start(), a.value = !0;
+        } catch (r) {
+          c.value = r instanceof Error ? r.message : "Failed to start scanner.", await s();
+        } finally {
+          t.value = !1;
+        }
+      }
+    }
+    async function V() {
+      a.value ? await s() : await h();
+    }
+    function L(l) {
+      l && (g.value = l);
+    }
+    return B({ __handleDetectedForTest: L, start: h, stop: s }), o.autoStart && h(), F(() => {
+      s();
+    }), (l, r) => (f(), m(i(K), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: D.value
+    }, {
+      default: M(() => [
+        v("div", {
+          class: "flex flex-col gap-2",
+          "data-element-name": e.name ?? void 0
+        }, [
+          v("div", Q, [
+            k(i(J), {
+              id: e.id,
+              "model-value": g.value ?? void 0,
+              name: e.name ?? void 0,
+              type: "text",
+              readonly: "",
+              disabled: e.disabled,
+              required: e.required,
+              placeholder: "No code scanned yet",
+              "data-element-name": e.name ?? void 0,
+              class: N(e.errors.length ? "border-destructive ring-destructive" : "")
+            }, null, 8, ["id", "model-value", "name", "disabled", "required", "data-element-name", "class"]),
+            k(i(O), {
+              type: "button",
+              variant: a.value ? "destructive" : "default",
+              disabled: e.disabled || e.readonly || t.value,
+              "data-testid": "barcode-scan-toggle",
+              onClick: V
+            }, {
+              default: M(() => [
+                t.value ? (f(), m(i(j), {
+                  key: 0,
+                  class: "size-4 animate-spin"
+                })) : a.value ? (f(), m(i(A), {
+                  key: 1,
+                  class: "size-4"
+                })) : (f(), m(i(G), {
+                  key: 2,
+                  class: "size-4"
+                })),
+                v("span", null, U(q.value), 1)
+              ]),
+              _: 1
+            }, 8, ["variant", "disabled"])
+          ]),
+          $(v("div", {
+            ref_key: "videoContainerRef",
+            ref: w,
+            "data-testid": "barcode-scan-viewport",
+            class: "relative h-64 w-full overflow-hidden rounded-md border border-input bg-muted"
+          }, null, 512), [
+            [H, a.value || t.value]
+          ])
+        ], 8, P)
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  te as default
 };
 //# sourceMappingURL=BarcodeScannerInput.vue.js.map

package/dist/components/compositions/elements/input/BarcodeScannerInput.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScannerInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"BarcodeScannerInput.vue.js","sources":["../../../../../src/components/compositions/elements/input/BarcodeScannerInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven barcode scanner input.\n *\n * Wraps `@ericblade/quagga2` to provide a live camera-driven barcode\n * scanner. Renders the last decoded value in a read-only Input plus a\n * \"Scan\" button that toggles a `<video>` viewport.\n *\n * The quagga library and the `getUserMedia` API are lazy-imported when\n * scanning starts so the component is safe to render in environments\n * without a camera (e.g. jsdom).\n *\n *   <BarcodeScannerInput v-model=\"ticket\" label=\"Scan ticket\" />\n */\nimport { computed, onBeforeUnmount, ref, useTemplateRef } from \"vue\"\nimport { Camera, Loader2, StopCircle } from \"lucide-vue-next\"\nimport { Input } from \"@/components/ui/input\"\nimport { Button } from \"@/components/ui/button\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface BarcodeScannerInputProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Quagga barcode reader symbologies to recognise. */\n  scanFormats?: ReadonlyArray<string>\n  /** Start scanning automatically when the component mounts. */\n  autoStart?: boolean\n  /** Preferred camera facing mode. */\n  facingMode?: \"environment\" | \"user\"\n}\n\nconst props = withDefaults(defineProps<BarcodeScannerInputProps>(), {\n  errors: () => [],\n  scanFormats: () => [\n    \"code_128_reader\",\n    \"ean_reader\",\n    \"ean_8_reader\",\n    \"code_39_reader\",\n    \"upc_reader\",\n  ],\n  autoStart: false,\n  facingMode: \"environment\",\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\n/** Loose Quagga handle — type-definitions ship with the library but we\n *  keep the references local rather than pulling its full type graph. */\ntype QuaggaResult = { codeResult?: { code?: string | null } }\ntype QuaggaHandle = {\n  init: (config: Record<string, unknown>) => Promise<void>\n  start: () => void\n  stop: () => Promise<void> | void\n  onDetected: (cb: (result: QuaggaResult) => void) => void\n  offDetected: (cb: (result: QuaggaResult) => void) => void\n}\n\nconst videoContainerRef = useTemplateRef<HTMLDivElement>(\"videoContainerRef\")\nconst scanning = ref<boolean>(false)\nconst starting = ref<boolean>(false)\nconst scanError = ref<string>(\"\")\n\nlet quagga: QuaggaHandle | null = null\nlet mediaStream: MediaStream | null = null\nlet detectedHandler: ((result: QuaggaResult) => void) | null = null\n\nconst buttonLabel = computed<string>(() => {\n  if (starting.value) {\n    return \"Starting…\"\n  }\n  return scanning.value ? \"Stop scanning\" : \"Scan\"\n})\n\nconst allErrors = computed<string[]>(() => {\n  if (scanError.value) {\n    return [...props.errors, scanError.value]\n  }\n  return props.errors\n})\n\nfunction releaseStream(): void {\n  if (mediaStream) {\n    for (const track of mediaStream.getTracks()) {\n      try {\n        track.stop()\n      } catch {\n        /* ignore */\n      }\n    }\n    mediaStream = null\n  }\n}\n\nasync function stop(): Promise<void> {\n  if (quagga) {\n    try {\n      if (detectedHandler) {\n        quagga.offDetected(detectedHandler)\n      }\n      await quagga.stop()\n    } catch {\n      /* ignore */\n    }\n  }\n  detectedHandler = null\n  quagga = null\n  releaseStream()\n  scanning.value = false\n  starting.value = false\n}\n\nasync function start(): Promise<void> {\n  if (scanning.value || starting.value) {\n    return\n  }\n  scanError.value = \"\"\n  starting.value = true\n\n  try {\n    const nav = typeof navigator !== \"undefined\" ? navigator : undefined\n    if (!nav?.mediaDevices?.getUserMedia) {\n      throw new Error(\"Camera access is not available in this environment.\")\n    }\n\n    mediaStream = await nav.mediaDevices.getUserMedia({\n      video: { facingMode: props.facingMode },\n      audio: false,\n    })\n\n    const mod = await import(\"@ericblade/quagga2\")\n    quagga = (mod as unknown as { default: QuaggaHandle }).default\n\n    const target = videoContainerRef.value\n    if (!target) {\n      throw new Error(\"Scanner viewport is not mounted.\")\n    }\n\n    await quagga.init({\n      inputStream: {\n        type: \"LiveStream\",\n        target,\n        constraints: {\n          facingMode: props.facingMode,\n        },\n      },\n      decoder: {\n        readers: [...props.scanFormats],\n      },\n      locate: true,\n    })\n\n    detectedHandler = (result: QuaggaResult): void => {\n      const code = result?.codeResult?.code\n      if (typeof code === \"string\" && code.length > 0) {\n        model.value = code\n        void stop()\n      }\n    }\n    quagga.onDetected(detectedHandler)\n\n    quagga.start()\n    scanning.value = true\n  } catch (e) {\n    scanError.value = e instanceof Error ? e.message : \"Failed to start scanner.\"\n    await stop()\n  } finally {\n    starting.value = false\n  }\n}\n\nasync function toggleScan(): Promise<void> {\n  if (scanning.value) {\n    await stop()\n  } else {\n    await start()\n  }\n}\n\n/**\n * Test hook — lets tests simulate a successful Quagga detection\n * without spinning up a real camera. Not part of the public contract;\n * exposed only via `wrapper.vm` in unit tests.\n */\nfunction __handleDetectedForTest(code: string): void {\n  if (code) {\n    model.value = code\n  }\n}\n\ndefineExpose({ __handleDetectedForTest, start, stop })\n\nif (props.autoStart) {\n  void start()\n}\n\nonBeforeUnmount(() => {\n  void stop()\n})\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"allErrors\"\n  >\n    <div class=\"flex flex-col gap-2\" :data-element-name=\"name ?? undefined\">\n      <div class=\"flex items-center gap-2\">\n        <Input\n          :id=\"id\"\n          :model-value=\"model ?? undefined\"\n          :name=\"name ?? undefined\"\n          type=\"text\"\n          readonly\n          :disabled=\"disabled\"\n          :required=\"required\"\n          placeholder=\"No code scanned yet\"\n          :data-element-name=\"name ?? undefined\"\n          :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n        />\n        <Button\n          type=\"button\"\n          :variant=\"scanning ? 'destructive' : 'default'\"\n          :disabled=\"disabled || readonly || starting\"\n          data-testid=\"barcode-scan-toggle\"\n          @click=\"toggleScan\"\n        >\n          <Loader2 v-if=\"starting\" class=\"size-4 animate-spin\" />\n          <StopCircle v-else-if=\"scanning\" class=\"size-4\" />\n          <Camera v-else class=\"size-4\" />\n          <span>{{ buttonLabel }}</span>\n        </Button>\n      </div>\n      <div\n        v-show=\"scanning || starting\"\n        ref=\"videoContainerRef\"\n        data-testid=\"barcode-scan-viewport\"\n        class=\"relative h-64 w-full overflow-hidden rounded-md border border-input bg-muted\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","videoContainerRef","useTemplateRef","scanning","ref","starting","scanError","quagga","mediaStream","detectedHandler","buttonLabel","computed","allErrors","releaseStream","track","stop","start","nav","_a","target","result","code","e","toggleScan","__handleDetectedForTest","__expose","onBeforeUnmount","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_2","_createVNode","Input","_normalizeClass","Button","Loader2","StopCircle","Camera","_vShow"],"mappings":"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"}

package/dist/components/compositions/elements/input/BarcodeScannerInput.vue2.js

@@ -1,169 +1,5 @@
-import { defineComponent as R, useModel as T, useTemplateRef as z, ref as p, computed as C, onBeforeUnmount as F, openBlock as f, createBlock as m, unref as i, withCtx as M, createElementVNode as v, createVNode as k, normalizeClass as N, toDisplayString as U, withDirectives as $, vShow as H, mergeModels as I } from "vue";
-import { Loader2 as j, StopCircle as A, Camera as G } from "lucide-vue-next";
-import J from "../../../ui/input/Input.vue.js";
-import "../../../ui/button/index.js";
-import K from "../../../ui/field-frame/FieldFrame.vue.js";
-import O from "../../../ui/button/Button.vue.js";
-const P = ["data-element-name"], Q = { class: "flex items-center gap-2" }, te = /* @__PURE__ */ R({
-  __name: "BarcodeScannerInput",
-  props: /* @__PURE__ */ I({
-    modelValue: {},
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] },
-    scanFormats: { default: () => [
-      "code_128_reader",
-      "ean_reader",
-      "ean_8_reader",
-      "code_39_reader",
-      "upc_reader"
-    ] },
-    autoStart: { type: Boolean, default: !1 },
-    facingMode: { default: "environment" }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e, { expose: B }) {
-    const o = e, g = T(e, "modelValue"), w = z("videoContainerRef"), a = p(!1), t = p(!1), c = p("");
-    let n = null, u = null, d = null;
-    const q = C(() => t.value ? "Starting…" : a.value ? "Stop scanning" : "Scan"), D = C(() => c.value ? [...o.errors, c.value] : o.errors);
-    function E() {
-      if (u) {
-        for (const l of u.getTracks())
-          try {
-            l.stop();
-          } catch {
-          }
-        u = null;
-      }
-    }
-    async function s() {
-      if (n)
-        try {
-          d && n.offDetected(d), await n.stop();
-        } catch {
-        }
-      d = null, n = null, E(), a.value = !1, t.value = !1;
-    }
-    async function h() {
-      var l;
-      if (!(a.value || t.value)) {
-        c.value = "", t.value = !0;
-        try {
-          const r = typeof navigator < "u" ? navigator : void 0;
-          if (!((l = r == null ? void 0 : r.mediaDevices) != null && l.getUserMedia))
-            throw new Error("Camera access is not available in this environment.");
-          u = await r.mediaDevices.getUserMedia({
-            video: { facingMode: o.facingMode },
-            audio: !1
-          }), n = (await import("@ericblade/quagga2")).default;
-          const S = w.value;
-          if (!S)
-            throw new Error("Scanner viewport is not mounted.");
-          await n.init({
-            inputStream: {
-              type: "LiveStream",
-              target: S,
-              constraints: {
-                facingMode: o.facingMode
-              }
-            },
-            decoder: {
-              readers: [...o.scanFormats]
-            },
-            locate: !0
-          }), d = (y) => {
-            var x;
-            const b = (x = y == null ? void 0 : y.codeResult) == null ? void 0 : x.code;
-            typeof b == "string" && b.length > 0 && (g.value = b, s());
-          }, n.onDetected(d), n.start(), a.value = !0;
-        } catch (r) {
-          c.value = r instanceof Error ? r.message : "Failed to start scanner.", await s();
-        } finally {
-          t.value = !1;
-        }
-      }
-    }
-    async function V() {
-      a.value ? await s() : await h();
-    }
-    function L(l) {
-      l && (g.value = l);
-    }
-    return B({ __handleDetectedForTest: L, start: h, stop: s }), o.autoStart && h(), F(() => {
-      s();
-    }), (l, r) => (f(), m(i(K), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: D.value
-    }, {
-      default: M(() => [
-        v("div", {
-          class: "flex flex-col gap-2",
-          "data-element-name": e.name ?? void 0
-        }, [
-          v("div", Q, [
-            k(i(J), {
-              id: e.id,
-              "model-value": g.value ?? void 0,
-              name: e.name ?? void 0,
-              type: "text",
-              readonly: "",
-              disabled: e.disabled,
-              required: e.required,
-              placeholder: "No code scanned yet",
-              "data-element-name": e.name ?? void 0,
-              class: N(e.errors.length ? "border-destructive ring-destructive" : "")
-            }, null, 8, ["id", "model-value", "name", "disabled", "required", "data-element-name", "class"]),
-            k(i(O), {
-              type: "button",
-              variant: a.value ? "destructive" : "default",
-              disabled: e.disabled || e.readonly || t.value,
-              "data-testid": "barcode-scan-toggle",
-              onClick: V
-            }, {
-              default: M(() => [
-                t.value ? (f(), m(i(j), {
-                  key: 0,
-                  class: "size-4 animate-spin"
-                })) : a.value ? (f(), m(i(A), {
-                  key: 1,
-                  class: "size-4"
-                })) : (f(), m(i(G), {
-                  key: 2,
-                  class: "size-4"
-                })),
-                v("span", null, U(q.value), 1)
-              ]),
-              _: 1
-            }, 8, ["variant", "disabled"])
-          ]),
-          $(v("div", {
-            ref_key: "videoContainerRef",
-            ref: w,
-            "data-testid": "barcode-scan-viewport",
-            class: "relative h-64 w-full overflow-hidden rounded-md border border-input bg-muted"
-          }, null, 512), [
-            [H, a.value || t.value]
-          ])
-        ], 8, P)
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./BarcodeScannerInput.vue.js";
 export {
-  te as default
+  f as default
 };
 //# sourceMappingURL=BarcodeScannerInput.vue2.js.map

package/dist/components/compositions/elements/input/BarcodeScannerInput.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScannerInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/BarcodeScannerInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven barcode scanner input.\n *\n * Wraps `@ericblade/quagga2` to provide a live camera-driven barcode\n * scanner. Renders the last decoded value in a read-only Input plus a\n * \"Scan\" button that toggles a `<video>` viewport.\n *\n * The quagga library and the `getUserMedia` API are lazy-imported when\n * scanning starts so the component is safe to render in environments\n * without a camera (e.g. jsdom).\n *\n *   <BarcodeScannerInput v-model=\"ticket\" label=\"Scan ticket\" />\n */\nimport { computed, onBeforeUnmount, ref, useTemplateRef } from \"vue\"\nimport { Camera, Loader2, StopCircle } from \"lucide-vue-next\"\nimport { Input } from \"@/components/ui/input\"\nimport { Button } from \"@/components/ui/button\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface BarcodeScannerInputProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Quagga barcode reader symbologies to recognise. */\n  scanFormats?: ReadonlyArray<string>\n  /** Start scanning automatically when the component mounts. */\n  autoStart?: boolean\n  /** Preferred camera facing mode. */\n  facingMode?: \"environment\" | \"user\"\n}\n\nconst props = withDefaults(defineProps<BarcodeScannerInputProps>(), {\n  errors: () => [],\n  scanFormats: () => [\n    \"code_128_reader\",\n    \"ean_reader\",\n    \"ean_8_reader\",\n    \"code_39_reader\",\n    \"upc_reader\",\n  ],\n  autoStart: false,\n  facingMode: \"environment\",\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\n/** Loose Quagga handle — type-definitions ship with the library but we\n *  keep the references local rather than pulling its full type graph. */\ntype QuaggaResult = { codeResult?: { code?: string | null } }\ntype QuaggaHandle = {\n  init: (config: Record<string, unknown>) => Promise<void>\n  start: () => void\n  stop: () => Promise<void> | void\n  onDetected: (cb: (result: QuaggaResult) => void) => void\n  offDetected: (cb: (result: QuaggaResult) => void) => void\n}\n\nconst videoContainerRef = useTemplateRef<HTMLDivElement>(\"videoContainerRef\")\nconst scanning = ref<boolean>(false)\nconst starting = ref<boolean>(false)\nconst scanError = ref<string>(\"\")\n\nlet quagga: QuaggaHandle | null = null\nlet mediaStream: MediaStream | null = null\nlet detectedHandler: ((result: QuaggaResult) => void) | null = null\n\nconst buttonLabel = computed<string>(() => {\n  if (starting.value) {\n    return \"Starting…\"\n  }\n  return scanning.value ? \"Stop scanning\" : \"Scan\"\n})\n\nconst allErrors = computed<string[]>(() => {\n  if (scanError.value) {\n    return [...props.errors, scanError.value]\n  }\n  return props.errors\n})\n\nfunction releaseStream(): void {\n  if (mediaStream) {\n    for (const track of mediaStream.getTracks()) {\n      try {\n        track.stop()\n      } catch {\n        /* ignore */\n      }\n    }\n    mediaStream = null\n  }\n}\n\nasync function stop(): Promise<void> {\n  if (quagga) {\n    try {\n      if (detectedHandler) {\n        quagga.offDetected(detectedHandler)\n      }\n      await quagga.stop()\n    } catch {\n      /* ignore */\n    }\n  }\n  detectedHandler = null\n  quagga = null\n  releaseStream()\n  scanning.value = false\n  starting.value = false\n}\n\nasync function start(): Promise<void> {\n  if (scanning.value || starting.value) {\n    return\n  }\n  scanError.value = \"\"\n  starting.value = true\n\n  try {\n    const nav = typeof navigator !== \"undefined\" ? navigator : undefined\n    if (!nav?.mediaDevices?.getUserMedia) {\n      throw new Error(\"Camera access is not available in this environment.\")\n    }\n\n    mediaStream = await nav.mediaDevices.getUserMedia({\n      video: { facingMode: props.facingMode },\n      audio: false,\n    })\n\n    const mod = await import(\"@ericblade/quagga2\")\n    quagga = (mod as unknown as { default: QuaggaHandle }).default\n\n    const target = videoContainerRef.value\n    if (!target) {\n      throw new Error(\"Scanner viewport is not mounted.\")\n    }\n\n    await quagga.init({\n      inputStream: {\n        type: \"LiveStream\",\n        target,\n        constraints: {\n          facingMode: props.facingMode,\n        },\n      },\n      decoder: {\n        readers: [...props.scanFormats],\n      },\n      locate: true,\n    })\n\n    detectedHandler = (result: QuaggaResult): void => {\n      const code = result?.codeResult?.code\n      if (typeof code === \"string\" && code.length > 0) {\n        model.value = code\n        void stop()\n      }\n    }\n    quagga.onDetected(detectedHandler)\n\n    quagga.start()\n    scanning.value = true\n  } catch (e) {\n    scanError.value = e instanceof Error ? e.message : \"Failed to start scanner.\"\n    await stop()\n  } finally {\n    starting.value = false\n  }\n}\n\nasync function toggleScan(): Promise<void> {\n  if (scanning.value) {\n    await stop()\n  } else {\n    await start()\n  }\n}\n\n/**\n * Test hook — lets tests simulate a successful Quagga detection\n * without spinning up a real camera. Not part of the public contract;\n * exposed only via `wrapper.vm` in unit tests.\n */\nfunction __handleDetectedForTest(code: string): void {\n  if (code) {\n    model.value = code\n  }\n}\n\ndefineExpose({ __handleDetectedForTest, start, stop })\n\nif (props.autoStart) {\n  void start()\n}\n\nonBeforeUnmount(() => {\n  void stop()\n})\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"allErrors\"\n  >\n    <div class=\"flex flex-col gap-2\" :data-element-name=\"name ?? undefined\">\n      <div class=\"flex items-center gap-2\">\n        <Input\n          :id=\"id\"\n          :model-value=\"model ?? undefined\"\n          :name=\"name ?? undefined\"\n          type=\"text\"\n          readonly\n          :disabled=\"disabled\"\n          :required=\"required\"\n          placeholder=\"No code scanned yet\"\n          :data-element-name=\"name ?? undefined\"\n          :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n        />\n        <Button\n          type=\"button\"\n          :variant=\"scanning ? 'destructive' : 'default'\"\n          :disabled=\"disabled || readonly || starting\"\n          data-testid=\"barcode-scan-toggle\"\n          @click=\"toggleScan\"\n        >\n          <Loader2 v-if=\"starting\" class=\"size-4 animate-spin\" />\n          <StopCircle v-else-if=\"scanning\" class=\"size-4\" />\n          <Camera v-else class=\"size-4\" />\n          <span>{{ buttonLabel }}</span>\n        </Button>\n      </div>\n      <div\n        v-show=\"scanning || starting\"\n        ref=\"videoContainerRef\"\n        data-testid=\"barcode-scan-viewport\"\n        class=\"relative h-64 w-full overflow-hidden rounded-md border border-input bg-muted\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","videoContainerRef","useTemplateRef","scanning","ref","starting","scanError","quagga","mediaStream","detectedHandler","buttonLabel","computed","allErrors","releaseStream","track","stop","start","nav","_a","target","result","code","e","toggleScan","__handleDetectedForTest","__expose","onBeforeUnmount","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_2","_createVNode","Input","_normalizeClass","Button","Loader2","StopCircle","Camera","_vShow"],"mappings":"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"}
+{"version":3,"file":"BarcodeScannerInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/input/EmailInput.vue.d.ts

@@ -0,0 +1,48 @@
+export interface EmailInputProps {
+    modelValue?: string;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    helpText?: string;
+    errors?: string[];
+    autoFocus?: boolean;
+}
+type __VLS_Props = EmailInputProps;
+type __VLS_PublicProps = {
+    "modelValue"?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | number | undefined;
+    } & import('../../../ui/input/Input.vue').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLInputElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string | number | undefined;
+    } & import('../../../ui/input/Input.vue').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=EmailInput.vue.d.ts.map

package/dist/components/compositions/elements/input/EmailInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/EmailInput.vue"],"names":[],"mappings":"AAsFA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,KAAK,WAAW,GAAG,eAAe,CAAC;AAqBnC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;YA3BL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;AAwInB,wBAUG"}

package/dist/components/compositions/elements/input/EmailInput.vue.js

@@ -1,5 +1,65 @@
-import f from "./EmailInput.vue2.js";
+import { defineComponent as r, useModel as m, useTemplateRef as u, onMounted as f, openBlock as c, createBlock as h, unref as o, withCtx as s, createVNode as b, normalizeClass as g, mergeModels as x } from "vue";
+import y from "../../../ui/input/Input.vue.js";
+import v from "../../../ui/field-frame/FieldFrame.vue.js";
+const M = /* @__PURE__ */ r({
+  __name: "EmailInput",
+  props: /* @__PURE__ */ x({
+    modelValue: {},
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    placeholder: {},
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    maxlength: {},
+    minlength: {},
+    helpText: {},
+    errors: { default: () => [] },
+    autoFocus: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const i = e, a = m(e, "modelValue"), t = u("inputRef");
+    return f(() => {
+      var l;
+      i.autoFocus && ((l = t.value) == null || l.focus());
+    }), (l, d) => (c(), h(o(v), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: s(() => [
+        b(o(y), {
+          ref_key: "inputRef",
+          ref: t,
+          "model-value": a.value ?? void 0,
+          id: e.id,
+          name: e.name ?? void 0,
+          type: "email",
+          placeholder: e.placeholder ?? "",
+          readonly: e.readonly,
+          disabled: e.disabled,
+          required: e.required,
+          maxlength: e.maxlength,
+          minlength: e.minlength,
+          "data-element-name": e.name ?? void 0,
+          class: g(e.errors.length ? "border-destructive ring-destructive" : ""),
+          "onUpdate:modelValue": d[0] || (d[0] = (n) => a.value = n == null ? "" : String(n))
+        }, null, 8, ["model-value", "id", "name", "placeholder", "readonly", "disabled", "required", "maxlength", "minlength", "data-element-name", "class"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  M as default
 };
 //# sourceMappingURL=EmailInput.vue.js.map

package/dist/components/compositions/elements/input/EmailInput.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"EmailInput.vue.js","sources":["../../../../../src/components/compositions/elements/input/EmailInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven email input composition. Composes the shadcn `Input`\n * primitive (with `type=\"email\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <EmailInput v-model=\"email\" label=\"Email address\" required />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface EmailInputProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<EmailInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\n})\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"email\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :maxlength=\"maxlength\"\n      :minlength=\"minlength\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","_createBlock","_unref","FieldFrame","_createVNode","Input","_normalizeClass","_cache","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU;AAE5D,WAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC,mBAICC,EAwBaC,EAAAC,CAAA,GAAA;AAAA,MAvBV,OAAOT,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAeE;AAAA,QAfFU,EAeEF,EAAAG,CAAA,GAAA;AAAA,mBAdI;AAAA,UAAJ,KAAIR;AAAA,UACH,eAAaF,EAAA,SAAS;AAAA,UACtB,IAAID,EAAA;AAAA,UACJ,MAAMA,EAAA,QAAQ;AAAA,UACf,MAAK;AAAA,UACJ,aAAaA,EAAA,eAAW;AAAA,UACxB,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,WAAWA,EAAA;AAAA,UACX,WAAWA,EAAA;AAAA,UACX,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,OAAKY,EAAEZ,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,UACpB,uBAAkBa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoCb,EAAA,QAAQa,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,QAAA;;;;;;"}

package/dist/components/compositions/elements/input/EmailInput.vue2.js

@@ -1,65 +1,5 @@
-import { defineComponent as r, useModel as m, useTemplateRef as u, onMounted as f, openBlock as c, createBlock as h, unref as o, withCtx as s, createVNode as b, normalizeClass as g, mergeModels as x } from "vue";
-import y from "../../../ui/input/Input.vue.js";
-import v from "../../../ui/field-frame/FieldFrame.vue.js";
-const M = /* @__PURE__ */ r({
-  __name: "EmailInput",
-  props: /* @__PURE__ */ x({
-    modelValue: {},
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    placeholder: {},
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    maxlength: {},
-    minlength: {},
-    helpText: {},
-    errors: { default: () => [] },
-    autoFocus: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const i = e, a = m(e, "modelValue"), t = u("inputRef");
-    return f(() => {
-      var l;
-      i.autoFocus && ((l = t.value) == null || l.focus());
-    }), (l, d) => (c(), h(o(v), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: s(() => [
-        b(o(y), {
-          ref_key: "inputRef",
-          ref: t,
-          "model-value": a.value ?? void 0,
-          id: e.id,
-          name: e.name ?? void 0,
-          type: "email",
-          placeholder: e.placeholder ?? "",
-          readonly: e.readonly,
-          disabled: e.disabled,
-          required: e.required,
-          maxlength: e.maxlength,
-          minlength: e.minlength,
-          "data-element-name": e.name ?? void 0,
-          class: g(e.errors.length ? "border-destructive ring-destructive" : ""),
-          "onUpdate:modelValue": d[0] || (d[0] = (n) => a.value = n == null ? "" : String(n))
-        }, null, 8, ["model-value", "id", "name", "placeholder", "readonly", "disabled", "required", "maxlength", "minlength", "data-element-name", "class"])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./EmailInput.vue.js";
 export {
-  M as default
+  f as default
 };
 //# sourceMappingURL=EmailInput.vue2.js.map

package/dist/components/compositions/elements/input/EmailInput.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/EmailInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven email input composition. Composes the shadcn `Input`\n * primitive (with `type=\"email\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <EmailInput v-model=\"email\" label=\"Email address\" required />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface EmailInputProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<EmailInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\n})\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"email\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :maxlength=\"maxlength\"\n      :minlength=\"minlength\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","_createBlock","_unref","FieldFrame","_createVNode","Input","_normalizeClass","_cache","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU;AAE5D,WAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC,mBAICC,EAwBaC,EAAAC,CAAA,GAAA;AAAA,MAvBV,OAAOT,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAeE;AAAA,QAfFU,EAeEF,EAAAG,CAAA,GAAA;AAAA,mBAdI;AAAA,UAAJ,KAAIR;AAAA,UACH,eAAaF,EAAA,SAAS;AAAA,UACtB,IAAID,EAAA;AAAA,UACJ,MAAMA,EAAA,QAAQ;AAAA,UACf,MAAK;AAAA,UACJ,aAAaA,EAAA,eAAW;AAAA,UACxB,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,WAAWA,EAAA;AAAA,UACX,WAAWA,EAAA;AAAA,UACX,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,OAAKY,EAAEZ,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,UACpB,uBAAkBa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoCb,EAAA,QAAQa,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"EmailInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}