npm - qr-scanner-app - Versions diffs - 0.0.7 → 0.0.9 - Mend

qr-scanner-app 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/.editorconfig ADDED Viewed

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.firebase/hosting.ZGlzdC9xci1zY2FubmVyLWFwcA.cache ADDED Viewed

@@ -0,0 +1,7 @@
+browser/styles-5INURTSO.css,1770988179363,f1b651238a58fe290baec6c5e32f3bdb1943dd2bd582f02569231f7a757c7837
+browser/index.html,1770988179364,d298e2708dc2f260f9f1891fb748aaee33584ac1309e3587015245aa43b31bdd
+prerendered-routes.json,1770988179365,5c19cca0df6fbfe49815495e7145ec4551d30ac216520a6ce811ec2cca054a67
+3rdpartylicenses.txt,1770988179364,0327bcb868bf4fd5efa4b8257eea09d3623d81d58e25da91c7139b78bd5899b9
+browser/polyfills-B6TNHZQ6.js,1770988179364,0d470d11ef45790298a0211b78859f53935f24a7d05c357a0bce142e2e12a925
+browser/favicon.ico,1770988179363,8f1fc0f94ae643bb8757c3cb49f69bf6cb2228f632cb77c7e47d8ee3995d88a7
+browser/main-VYJBJ3K3.js,1770988179365,78a6749820aba30057621fbe467750be97907dc329f5afd928cb63bb0ae62489

package/.firebase/hosting.ZGlzdC9xci1zY2FubmVyLWFwcC9icm93c2Vy.cache ADDED Viewed

@@ -0,0 +1,13 @@
+styles-5INURTSO.css,1771410818806,f1b651238a58fe290baec6c5e32f3bdb1943dd2bd582f02569231f7a757c7837
+index.html,1771410818808,a53e7eb47c4ce1b09ba574e17aff2a15e676046ac46d991f2c0b19a17a5f2f62
+chunk-2VMXMS7J.js,1771410818807,8f326e731f352307dfeb3085d7b33b00559f350cab254d5e8a180698dc9093e6
+polyfills-B6TNHZQ6.js,1771410818808,0d470d11ef45790298a0211b78859f53935f24a7d05c357a0bce142e2e12a925
+chunk-6H7TWJR4.js,1771410818807,6c12100c12753c2ef75ba236e57662da29199b2095cefac6446d5b69ddfe1adb
+favicon.ico,1771410818806,8f1fc0f94ae643bb8757c3cb49f69bf6cb2228f632cb77c7e47d8ee3995d88a7
+assets/wasm/index.d.ts,1771410818810,d666cf1980dca563d15a9f3d4ddfa2daefc56b1a75fe13865911e9caa755c185
+assets/wasm/index.mjs,1771410818809,7173b80a747bfc839b92f9a5b684e93d2a70bb8536cbda8faef88a620e7ced8c
+assets/wasm/index.js,1771410818811,42a66bdad28941e9162db3f486fcb3e9c5c26ba47812e58a9bdf4e86a39ff72a
+assets/wasm/index.js.map,1771410818810,67bcabf551d05ba1431ec2d05a932ee73651585cd693b7dcb50f677c7fac17e0
+assets/wasm/index.mjs.map,1771410818810,fde00a63e44377611b67351f627111f1fbd571d606da07a5de7de6945574db40
+main-MBKMFYUE.js,1771410818807,911e1776e9cdc87561b7882eb41fed6c34f944df0068953b0356057689340423
+assets/wasm/ngx-scanner-qrcode.wasm,1771410818813,e47e0b2b77ae1ad36cf44f0eeea5dec89996ff027412b3060f2fb9916d7ec632

package/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json ADDED Viewed

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/Archive.zip ADDED Viewed

Binary file

package/angular.json CHANGED Viewed

@@ -130,8 +130,5 @@
         }
       }
     }
-  },
-  "cli": {
-    "analytics": false
   }
 }

package/firebase.json CHANGED Viewed

@@ -5,6 +5,12 @@
       "firebase.json",
       "**/.*",
       "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
     ]
   }
-}
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "qr-scanner-app",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package/projects/ngx-custom-qr-scanner/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ngx-custom-qr-scanner",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "A reusable Angular QR scanner library",
   "keywords": [
     "angular",

package/projects/ngx-custom-qr-scanner/src/lib/ngx-custom-qr-scanner.component.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { Component, AfterViewInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';
+import { Component, AfterViewInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import QrScanner from 'qr-scanner';
+import QrScanner from 'qr-scanner';
 // Make sure you have installed: npm install qr-scanner
 @Component({
@@ -285,6 +285,7 @@ import QrScanner from 'qr-scanner';
 })
 export class NgxCustomQrScannerComponent implements AfterViewInit, OnDestroy {
   @ViewChild('video', { static: true }) videoRef!: ElementRef<HTMLVideoElement>;
+  @Output() qrdata = new EventEmitter<string>();
   // --- LOGIC STARTS HERE (Preserved exactly as requested) ---
   qrScanner!: QrScanner;
@@ -298,6 +299,7 @@ export class NgxCustomQrScannerComponent implements AfterViewInit, OnDestroy {
       this.videoRef.nativeElement,
       (result: { data: string }) => {
         console.log('✅ QR Scanned: ' + result.data);
+        this.qrdata.emit(result.data);
         // Optional: Trigger UI success state
         this.scanSuccess = true;
         setTimeout(() => this.scanSuccess = false, 1000);

package/.angular/cache/19.2.20/ng-packagr/039402e1b9c57c1752092adbb22bb9ff42a9937e94fcb457669453df8a080420 DELETED Viewed

@@ -1 +0,0 @@

- {"hash":"47422515c1b3d9033ccb2632bf917c48eb9485828e444c512f5988ead7b1704d","fesm2022":[{"exports":["NgxCustomQrScannerComponent","NgxCustomQrScannerService"],"facadeModuleId":"/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/ngx-custom-qr-scanner.mjs","isDynamicEntry":false,"isEntry":true,"isImplicitEntry":false,"moduleIds":["/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/lib/ngx-custom-qr-scanner.service.mjs","/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/lib/ngx-custom-qr-scanner.component.mjs","/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/public-api.mjs","/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/ngx-custom-qr-scanner.mjs"],"name":"ngx-custom-qr-scanner","type":"chunk","dynamicImports":[],"fileName":"ngx-custom-qr-scanner.mjs","implicitlyLoadedBefore":[],"importedBindings":{"@angular/core":["*","Injectable","ViewChild","Component"],"@angular/common":["CommonModule","*"],"qr-scanner":["default"]},"imports":["@angular/core","@angular/common","qr-scanner"],"modules":{"/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/lib/ngx-custom-qr-scanner.service.mjs":{"code":"class NgxCustomQrScannerService {\n constructor() { }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerService, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerService, decorators: [{\n type: Injectable,\n args: [{\n providedIn: 'root'\n }]\n }], ctorParameters: () => [] });","originalLength":1557,"removedExports":[],"renderedExports":["NgxCustomQrScannerService"],"renderedLength":682},"/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/lib/ngx-custom-qr-scanner.component.mjs":{"code":"// Make sure you have installed: npm install qr-scanner\nclass NgxCustomQrScannerComponent {\n videoRef;\n // --- LOGIC STARTS HERE (Preserved exactly as requested) ---\n qrScanner;\n flashOn = false;\n zoom = 1;\n maxZoom = 5;\n scanSuccess = false; // Added this property for UI feedback\n async ngAfterViewInit() {\n this.qrScanner = new QrScanner(this.videoRef.nativeElement, (result) => {\n console.log('✅ QR Scanned: ' + result.data);\n // Optional: Trigger UI success state\n this.scanSuccess = true;\n setTimeout(() => this.scanSuccess = false, 1000);\n }, {\n preferredCamera: 'environment',\n highlightScanRegion: true,\n highlightCodeOutline: true,\n });\n this.qrScanner.setInversionMode('both');\n // Some versions of qr-scanner might not support this method depending on update\n // If it throws error, remove it. Kept as per your original code.\n // this.qrScanner.setInversionMode('both'); \n try {\n await this.qrScanner.start();\n await this.initZoom();\n }\n catch (err) {\n console.error(err);\n }\n }\n async toggleFlash() {\n if (await this.qrScanner.hasFlash()) {\n this.qrScanner.toggleFlash(); // no arguments\n this.flashOn = !this.flashOn;\n }\n }\n getVideoTrack() {\n // Access internal video element securely\n // @ts-ignore\n const video = this.qrScanner.$video;\n if (video?.srcObject instanceof MediaStream) {\n return video.srcObject.getVideoTracks()[0];\n }\n return null;\n }\n async initZoom() {\n const track = this.getVideoTrack();\n if (track) {\n const caps = track.getCapabilities();\n if (caps.zoom) {\n this.maxZoom = caps.zoom.max || 5;\n this.zoom = caps.zoom.min || 1;\n }\n }\n }\n async onZoomChange(event) {\n const value = parseFloat(event.target.value);\n this.zoom = value;\n const track = this.getVideoTrack();\n if (track) {\n const caps = track.getCapabilities();\n if (caps.zoom) {\n // clamp value\n const z = Math.max(caps.zoom.min, Math.min(value, caps.zoom.max));\n await track.applyConstraints({ advanced: [{ zoom: z }] });\n }\n }\n }\n ngOnDestroy() {\n this.qrScanner?.stop();\n this.qrScanner?.destroy();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"19.2.18\", type: NgxCustomQrScannerComponent, isStandalone: true, selector: \"ngx-custom-qr-scanner\", viewQueries: [{ propertyName: \"videoRef\", first: true, predicate: [\"video\"], descendants: true, static: true }], ngImport: i0, template: `\n <div class=\"main-wrapper\">\n \n <header class=\"header-red\">\n <div class=\"logo-box\">\n <span>🖼️</span>\n </div>\n <div class=\"title-text\">TYRE QR SCAN</div>\n </header>\n\n <div class=\"camera-body\">\n <video #video playsinline></video>\n\n <div class=\"scan-overlay\">\n <div class=\"scanner-box\" [class.success]=\"scanSuccess\">\n <div class=\"corner tl\"></div>\n <div class=\"corner tr\"></div>\n <div class=\"corner bl\"></div>\n <div class=\"corner br\"></div>\n <div class=\"laser-line\"></div>\n </div>\n\n <div class=\"hint-toast\">\n Only Tire-care and touch the barcode mount with full interest\n </div>\n </div>\n </div>\n\n <footer class=\"footer-red\">\n \n <div class=\"control-group\">\n <span class=\"label\">Torch</span>\n <button class=\"torch-circle\" \n (click)=\"toggleFlash()\" \n [class.active]=\"flashOn\">\n ⚡\n </button>\n </div>\n\n <div class=\"control-group zoom-group\">\n <div class=\"zoom-header\">\n <span class=\"label\">Zoom Slider</span>\n <span class=\"zoom-val\">{{ zoom | number:'1.0-1' }}x</span>\n </div>\n \n <input type=\"range\" \n class=\"modern-slider\"\n min=\"1\" \n [max]=\"maxZoom\" \n step=\"0.1\" \n [value]=\"zoom\"\n (input)=\"onZoomChange($event)\">\n </div>\n\n </footer>\n\n </div>\n `, isInline: true, styles: [\":host{display:block;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.main-wrapper{display:flex;flex-direction:column;height:100dvh;width:100%;background:#000;overflow:hidden}.header-red{height:60px;background:#e61e25;display:flex;align-items:center;padding:0 15px;gap:15px;z-index:10;box-shadow:0 2px 10px #0000004d}.logo-box{width:36px;height:36px;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.title-text{color:#fff;font-weight:800;letter-spacing:2px;font-size:1.1rem;white-space:nowrap}.camera-body{flex:1;position:relative;background:#000;overflow:hidden}video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000001a}.scanner-box{width:260px;height:200px;position:relative;box-shadow:0 0 0 9999px #00000080;border-radius:12px}.scanner-box.success{box-shadow:0 0 0 9999px #00000080,inset 0 0 30px #0f9;border-color:#0f9}.corner{position:absolute;width:30px;height:30px;border:4px solid #fff}.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.laser-line{width:100%;height:2px;background:#0ff;position:absolute;top:50%;box-shadow:0 0 10px #0ff;animation:scan 2s infinite ease-in-out}@keyframes scan{0%,to{top:10%;opacity:.5}50%{top:90%;opacity:1}}.hint-toast{margin-top:30px;background:#ffffff40;backdrop-filter:blur(8px);padding:10px 20px;border-radius:20px;color:#fff;font-size:.85rem;text-align:center;max-width:80%;text-shadow:0 1px 2px rgba(0,0,0,.5)}.footer-red{background:#e61e25;padding:15px 20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.zoom-group{flex:1;align-items:stretch;padding-left:10px}.label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.9}.torch-circle{width:50px;height:50px;border-radius:50%;border:2px solid white;background:#ffffff1a;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.torch-circle.active{background:#fff;color:#e61e25;box-shadow:0 0 15px #ffffff80}.zoom-header{display:flex;justify-content:space-between;margin-bottom:5px}.zoom-val{font-weight:700;font-size:.9rem}.modern-slider{-webkit-appearance:none;width:100%;height:6px;background:#0003;border-radius:3px;outline:none}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000004d}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.DecimalPipe, name: \"number\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ngx-custom-qr-scanner', standalone: true, imports: [CommonModule], template: `\n <div class=\"main-wrapper\">\n \n <header class=\"header-red\">\n <div class=\"logo-box\">\n <span>🖼️</span>\n </div>\n <div class=\"title-text\">TYRE QR SCAN</div>\n </header>\n\n <div class=\"camera-body\">\n <video #video playsinline></video>\n\n <div class=\"scan-overlay\">\n <div class=\"scanner-box\" [class.success]=\"scanSuccess\">\n <div class=\"corner tl\"></div>\n <div class=\"corner tr\"></div>\n <div class=\"corner bl\"></div>\n <div class=\"corner br\"></div>\n <div class=\"laser-line\"></div>\n </div>\n\n <div class=\"hint-toast\">\n Only Tire-care and touch the barcode mount with full interest\n </div>\n </div>\n </div>\n\n <footer class=\"footer-red\">\n \n <div class=\"control-group\">\n <span class=\"label\">Torch</span>\n <button class=\"torch-circle\" \n (click)=\"toggleFlash()\" \n [class.active]=\"flashOn\">\n ⚡\n </button>\n </div>\n\n <div class=\"control-group zoom-group\">\n <div class=\"zoom-header\">\n <span class=\"label\">Zoom Slider</span>\n <span class=\"zoom-val\">{{ zoom | number:'1.0-1' }}x</span>\n </div>\n \n <input type=\"range\" \n class=\"modern-slider\"\n min=\"1\" \n [max]=\"maxZoom\" \n step=\"0.1\" \n [value]=\"zoom\"\n (input)=\"onZoomChange($event)\">\n </div>\n\n </footer>\n\n </div>\n `, styles: [\":host{display:block;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.main-wrapper{display:flex;flex-direction:column;height:100dvh;width:100%;background:#000;overflow:hidden}.header-red{height:60px;background:#e61e25;display:flex;align-items:center;padding:0 15px;gap:15px;z-index:10;box-shadow:0 2px 10px #0000004d}.logo-box{width:36px;height:36px;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.title-text{color:#fff;font-weight:800;letter-spacing:2px;font-size:1.1rem;white-space:nowrap}.camera-body{flex:1;position:relative;background:#000;overflow:hidden}video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000001a}.scanner-box{width:260px;height:200px;position:relative;box-shadow:0 0 0 9999px #00000080;border-radius:12px}.scanner-box.success{box-shadow:0 0 0 9999px #00000080,inset 0 0 30px #0f9;border-color:#0f9}.corner{position:absolute;width:30px;height:30px;border:4px solid #fff}.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.laser-line{width:100%;height:2px;background:#0ff;position:absolute;top:50%;box-shadow:0 0 10px #0ff;animation:scan 2s infinite ease-in-out}@keyframes scan{0%,to{top:10%;opacity:.5}50%{top:90%;opacity:1}}.hint-toast{margin-top:30px;background:#ffffff40;backdrop-filter:blur(8px);padding:10px 20px;border-radius:20px;color:#fff;font-size:.85rem;text-align:center;max-width:80%;text-shadow:0 1px 2px rgba(0,0,0,.5)}.footer-red{background:#e61e25;padding:15px 20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.zoom-group{flex:1;align-items:stretch;padding-left:10px}.label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.9}.torch-circle{width:50px;height:50px;border-radius:50%;border:2px solid white;background:#ffffff1a;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.torch-circle.active{background:#fff;color:#e61e25;box-shadow:0 0 15px #ffffff80}.zoom-header{display:flex;justify-content:space-between;margin-bottom:5px}.zoom-val{font-weight:700;font-size:.9rem}.modern-slider{-webkit-appearance:none;width:100%;height:6px;background:#0003;border-radius:3px;outline:none}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000004d}\\n\"] }]\n }], propDecorators: { videoRef: [{\n type: ViewChild,\n args: ['video', { static: true }]\n }] } });","originalLength":29626,"removedExports":[],"renderedExports":["NgxCustomQrScannerComponent"],"renderedLength":12370},"/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/public-api.mjs":{"code":"/*\n * Public API Surface of ngx-custom-qr-scanner\n */","originalLength":740,"removedExports":[],"renderedExports":[],"renderedLength":53},"/home/user/archive/dist/ngx-custom-qr-scanner/esm2022/ngx-custom-qr-scanner.mjs":{"code":"/**\n * Generated bundle index. Do not edit.\n */","originalLength":540,"removedExports":[],"renderedExports":[],"renderedLength":47}},"referencedFiles":[],"code":"import * as i0 from '@angular/core';\nimport { Injectable, ViewChild, Component } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport QrScanner from 'qr-scanner';\n\nclass NgxCustomQrScannerService {\n constructor() { }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerService, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerService, decorators: [{\n type: Injectable,\n args: [{\n providedIn: 'root'\n }]\n }], ctorParameters: () => [] });\n\n// Make sure you have installed: npm install qr-scanner\nclass NgxCustomQrScannerComponent {\n videoRef;\n // --- LOGIC STARTS HERE (Preserved exactly as requested) ---\n qrScanner;\n flashOn = false;\n zoom = 1;\n maxZoom = 5;\n scanSuccess = false; // Added this property for UI feedback\n async ngAfterViewInit() {\n this.qrScanner = new QrScanner(this.videoRef.nativeElement, (result) => {\n console.log('✅ QR Scanned: ' + result.data);\n // Optional: Trigger UI success state\n this.scanSuccess = true;\n setTimeout(() => this.scanSuccess = false, 1000);\n }, {\n preferredCamera: 'environment',\n highlightScanRegion: true,\n highlightCodeOutline: true,\n });\n this.qrScanner.setInversionMode('both');\n // Some versions of qr-scanner might not support this method depending on update\n // If it throws error, remove it. Kept as per your original code.\n // this.qrScanner.setInversionMode('both'); \n try {\n await this.qrScanner.start();\n await this.initZoom();\n }\n catch (err) {\n console.error(err);\n }\n }\n async toggleFlash() {\n if (await this.qrScanner.hasFlash()) {\n this.qrScanner.toggleFlash(); // no arguments\n this.flashOn = !this.flashOn;\n }\n }\n getVideoTrack() {\n // Access internal video element securely\n // @ts-ignore\n const video = this.qrScanner.$video;\n if (video?.srcObject instanceof MediaStream) {\n return video.srcObject.getVideoTracks()[0];\n }\n return null;\n }\n async initZoom() {\n const track = this.getVideoTrack();\n if (track) {\n const caps = track.getCapabilities();\n if (caps.zoom) {\n this.maxZoom = caps.zoom.max || 5;\n this.zoom = caps.zoom.min || 1;\n }\n }\n }\n async onZoomChange(event) {\n const value = parseFloat(event.target.value);\n this.zoom = value;\n const track = this.getVideoTrack();\n if (track) {\n const caps = track.getCapabilities();\n if (caps.zoom) {\n // clamp value\n const z = Math.max(caps.zoom.min, Math.min(value, caps.zoom.max));\n await track.applyConstraints({ advanced: [{ zoom: z }] });\n }\n }\n }\n ngOnDestroy() {\n this.qrScanner?.stop();\n this.qrScanner?.destroy();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"19.2.18\", type: NgxCustomQrScannerComponent, isStandalone: true, selector: \"ngx-custom-qr-scanner\", viewQueries: [{ propertyName: \"videoRef\", first: true, predicate: [\"video\"], descendants: true, static: true }], ngImport: i0, template: `\n <div class=\"main-wrapper\">\n \n <header class=\"header-red\">\n <div class=\"logo-box\">\n <span>🖼️</span>\n </div>\n <div class=\"title-text\">TYRE QR SCAN</div>\n </header>\n\n <div class=\"camera-body\">\n <video #video playsinline></video>\n\n <div class=\"scan-overlay\">\n <div class=\"scanner-box\" [class.success]=\"scanSuccess\">\n <div class=\"corner tl\"></div>\n <div class=\"corner tr\"></div>\n <div class=\"corner bl\"></div>\n <div class=\"corner br\"></div>\n <div class=\"laser-line\"></div>\n </div>\n\n <div class=\"hint-toast\">\n Only Tire-care and touch the barcode mount with full interest\n </div>\n </div>\n </div>\n\n <footer class=\"footer-red\">\n \n <div class=\"control-group\">\n <span class=\"label\">Torch</span>\n <button class=\"torch-circle\" \n (click)=\"toggleFlash()\" \n [class.active]=\"flashOn\">\n ⚡\n </button>\n </div>\n\n <div class=\"control-group zoom-group\">\n <div class=\"zoom-header\">\n <span class=\"label\">Zoom Slider</span>\n <span class=\"zoom-val\">{{ zoom | number:'1.0-1' }}x</span>\n </div>\n \n <input type=\"range\" \n class=\"modern-slider\"\n min=\"1\" \n [max]=\"maxZoom\" \n step=\"0.1\" \n [value]=\"zoom\"\n (input)=\"onZoomChange($event)\">\n </div>\n\n </footer>\n\n </div>\n `, isInline: true, styles: [\":host{display:block;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.main-wrapper{display:flex;flex-direction:column;height:100dvh;width:100%;background:#000;overflow:hidden}.header-red{height:60px;background:#e61e25;display:flex;align-items:center;padding:0 15px;gap:15px;z-index:10;box-shadow:0 2px 10px #0000004d}.logo-box{width:36px;height:36px;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.title-text{color:#fff;font-weight:800;letter-spacing:2px;font-size:1.1rem;white-space:nowrap}.camera-body{flex:1;position:relative;background:#000;overflow:hidden}video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000001a}.scanner-box{width:260px;height:200px;position:relative;box-shadow:0 0 0 9999px #00000080;border-radius:12px}.scanner-box.success{box-shadow:0 0 0 9999px #00000080,inset 0 0 30px #0f9;border-color:#0f9}.corner{position:absolute;width:30px;height:30px;border:4px solid #fff}.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.laser-line{width:100%;height:2px;background:#0ff;position:absolute;top:50%;box-shadow:0 0 10px #0ff;animation:scan 2s infinite ease-in-out}@keyframes scan{0%,to{top:10%;opacity:.5}50%{top:90%;opacity:1}}.hint-toast{margin-top:30px;background:#ffffff40;backdrop-filter:blur(8px);padding:10px 20px;border-radius:20px;color:#fff;font-size:.85rem;text-align:center;max-width:80%;text-shadow:0 1px 2px rgba(0,0,0,.5)}.footer-red{background:#e61e25;padding:15px 20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.zoom-group{flex:1;align-items:stretch;padding-left:10px}.label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.9}.torch-circle{width:50px;height:50px;border-radius:50%;border:2px solid white;background:#ffffff1a;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.torch-circle.active{background:#fff;color:#e61e25;box-shadow:0 0 15px #ffffff80}.zoom-header{display:flex;justify-content:space-between;margin-bottom:5px}.zoom-val{font-weight:700;font-size:.9rem}.modern-slider{-webkit-appearance:none;width:100%;height:6px;background:#0003;border-radius:3px;outline:none}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000004d}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.DecimalPipe, name: \"number\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.18\", ngImport: i0, type: NgxCustomQrScannerComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ngx-custom-qr-scanner', standalone: true, imports: [CommonModule], template: `\n <div class=\"main-wrapper\">\n \n <header class=\"header-red\">\n <div class=\"logo-box\">\n <span>🖼️</span>\n </div>\n <div class=\"title-text\">TYRE QR SCAN</div>\n </header>\n\n <div class=\"camera-body\">\n <video #video playsinline></video>\n\n <div class=\"scan-overlay\">\n <div class=\"scanner-box\" [class.success]=\"scanSuccess\">\n <div class=\"corner tl\"></div>\n <div class=\"corner tr\"></div>\n <div class=\"corner bl\"></div>\n <div class=\"corner br\"></div>\n <div class=\"laser-line\"></div>\n </div>\n\n <div class=\"hint-toast\">\n Only Tire-care and touch the barcode mount with full interest\n </div>\n </div>\n </div>\n\n <footer class=\"footer-red\">\n \n <div class=\"control-group\">\n <span class=\"label\">Torch</span>\n <button class=\"torch-circle\" \n (click)=\"toggleFlash()\" \n [class.active]=\"flashOn\">\n ⚡\n </button>\n </div>\n\n <div class=\"control-group zoom-group\">\n <div class=\"zoom-header\">\n <span class=\"label\">Zoom Slider</span>\n <span class=\"zoom-val\">{{ zoom | number:'1.0-1' }}x</span>\n </div>\n \n <input type=\"range\" \n class=\"modern-slider\"\n min=\"1\" \n [max]=\"maxZoom\" \n step=\"0.1\" \n [value]=\"zoom\"\n (input)=\"onZoomChange($event)\">\n </div>\n\n </footer>\n\n </div>\n `, styles: [\":host{display:block;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.main-wrapper{display:flex;flex-direction:column;height:100dvh;width:100%;background:#000;overflow:hidden}.header-red{height:60px;background:#e61e25;display:flex;align-items:center;padding:0 15px;gap:15px;z-index:10;box-shadow:0 2px 10px #0000004d}.logo-box{width:36px;height:36px;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.title-text{color:#fff;font-weight:800;letter-spacing:2px;font-size:1.1rem;white-space:nowrap}.camera-body{flex:1;position:relative;background:#000;overflow:hidden}video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000001a}.scanner-box{width:260px;height:200px;position:relative;box-shadow:0 0 0 9999px #00000080;border-radius:12px}.scanner-box.success{box-shadow:0 0 0 9999px #00000080,inset 0 0 30px #0f9;border-color:#0f9}.corner{position:absolute;width:30px;height:30px;border:4px solid #fff}.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.laser-line{width:100%;height:2px;background:#0ff;position:absolute;top:50%;box-shadow:0 0 10px #0ff;animation:scan 2s infinite ease-in-out}@keyframes scan{0%,to{top:10%;opacity:.5}50%{top:90%;opacity:1}}.hint-toast{margin-top:30px;background:#ffffff40;backdrop-filter:blur(8px);padding:10px 20px;border-radius:20px;color:#fff;font-size:.85rem;text-align:center;max-width:80%;text-shadow:0 1px 2px rgba(0,0,0,.5)}.footer-red{background:#e61e25;padding:15px 20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.zoom-group{flex:1;align-items:stretch;padding-left:10px}.label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.9}.torch-circle{width:50px;height:50px;border-radius:50%;border:2px solid white;background:#ffffff1a;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.torch-circle.active{background:#fff;color:#e61e25;box-shadow:0 0 15px #ffffff80}.zoom-header{display:flex;justify-content:space-between;margin-bottom:5px}.zoom-val{font-weight:700;font-size:.9rem}.modern-slider{-webkit-appearance:none;width:100%;height:6px;background:#0003;border-radius:3px;outline:none}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000004d}\\n\"] }]\n }], propDecorators: { videoRef: [{\n type: ViewChild,\n args: ['video', { static: true }]\n }] } });\n\n/*\n * Public API Surface of ngx-custom-qr-scanner\n */\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { NgxCustomQrScannerComponent, NgxCustomQrScannerService };\n//# sourceMappingURL=ngx-custom-qr-scanner.mjs.map\n","map":null,"preliminaryFileName":"ngx-custom-qr-scanner.mjs","sourcemapFileName":"ngx-custom-qr-scanner.mjs.map"},{"fileName":"ngx-custom-qr-scanner.mjs.map","names":[],"needsCodeReference":false,"originalFileName":null,"originalFileNames":[],"source":"{\"version\":3,\"file\":\"ngx-custom-qr-scanner.mjs\",\"sources\":[\"../../../projects/ngx-custom-qr-scanner/src/lib/ngx-custom-qr-scanner.service.ts\",\"../../../projects/ngx-custom-qr-scanner/src/lib/ngx-custom-qr-scanner.component.ts\",\"../../../projects/ngx-custom-qr-scanner/src/public-api.ts\",\"../../../projects/ngx-custom-qr-scanner/src/ngx-custom-qr-scanner.ts\"],\"sourcesContent\":[\"import { Injectable } from '@angular/core';\\n\\n@Injectable({\\n providedIn: 'root'\\n})\\nexport class NgxCustomQrScannerService {\\n\\n constructor() { }\\n}\\n\",\"import { Component, AfterViewInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';\\nimport { CommonModule } from '@angular/common';\\nimport QrScanner from 'qr-scanner'; \\n// Make sure you have installed: npm install qr-scanner\\n\\n@Component({\\n selector: 'ngx-custom-qr-scanner',\\n standalone: true,\\n imports: [CommonModule],\\n template: `\\n <div class=\\\"main-wrapper\\\">\\n \\n <header class=\\\"header-red\\\">\\n <div class=\\\"logo-box\\\">\\n <span>🖼️</span>\\n </div>\\n <div class=\\\"title-text\\\">TYRE QR SCAN</div>\\n </header>\\n\\n <div class=\\\"camera-body\\\">\\n <video #video playsinline></video>\\n\\n <div class=\\\"scan-overlay\\\">\\n <div class=\\\"scanner-box\\\" [class.success]=\\\"scanSuccess\\\">\\n <div class=\\\"corner tl\\\"></div>\\n <div class=\\\"corner tr\\\"></div>\\n <div class=\\\"corner bl\\\"></div>\\n <div class=\\\"corner br\\\"></div>\\n <div class=\\\"laser-line\\\"></div>\\n </div>\\n\\n <div class=\\\"hint-toast\\\">\\n Only Tire-care and touch the barcode mount with full interest\\n </div>\\n </div>\\n </div>\\n\\n <footer class=\\\"footer-red\\\">\\n \\n <div class=\\\"control-group\\\">\\n <span class=\\\"label\\\">Torch</span>\\n <button class=\\\"torch-circle\\\" \\n (click)=\\\"toggleFlash()\\\" \\n [class.active]=\\\"flashOn\\\">\\n ⚡\\n </button>\\n </div>\\n\\n <div class=\\\"control-group zoom-group\\\">\\n <div class=\\\"zoom-header\\\">\\n <span class=\\\"label\\\">Zoom Slider</span>\\n <span class=\\\"zoom-val\\\">{{ zoom | number:'1.0-1' }}x</span>\\n </div>\\n \\n <input type=\\\"range\\\" \\n class=\\\"modern-slider\\\"\\n min=\\\"1\\\" \\n [max]=\\\"maxZoom\\\" \\n step=\\\"0.1\\\" \\n [value]=\\\"zoom\\\"\\n (input)=\\\"onZoomChange($event)\\\">\\n </div>\\n\\n </footer>\\n\\n </div>\\n `,\\n styles: [`\\n /* Global Reset for this component */\\n :host {\\n display: block;\\n margin: 0;\\n padding: 0;\\n font-family: 'Inter', 'Segoe UI', sans-serif;\\n }\\n\\n /* MAIN LAYOUT CONTAINER \\n Uses 100dvh (Dynamic Height) to fix the \\\"cut off\\\" issue on mobile \\n */\\n .main-wrapper {\\n display: flex;\\n flex-direction: column;\\n height: 100dvh; \\n width: 100%;\\n background: black;\\n overflow: hidden;\\n }\\n\\n /* --- HEADER STYLES --- */\\n .header-red {\\n height: 60px;\\n background: #e61e25; /* Match your red */\\n display: flex;\\n align-items: center;\\n padding: 0 15px;\\n gap: 15px;\\n z-index: 10;\\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\\n }\\n\\n .logo-box {\\n width: 36px;\\n height: 36px;\\n border: 2px solid white;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n color: white;\\n font-size: 1.2rem;\\n }\\n\\n .title-text {\\n color: white;\\n font-weight: 800;\\n letter-spacing: 2px;\\n font-size: 1.1rem;\\n white-space: nowrap;\\n }\\n\\n /* --- CAMERA BODY STYLES --- */\\n .camera-body {\\n flex: 1; /* Fills all available space between header and footer */\\n position: relative;\\n background: #000;\\n overflow: hidden;\\n }\\n\\n video {\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n }\\n\\n .scan-overlay {\\n position: absolute;\\n inset: 0;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n background: rgba(0,0,0,0.1); /* Slight dim */\\n }\\n\\n /* Viewfinder Rectangle */\\n .scanner-box {\\n width: 260px;\\n height: 200px;\\n position: relative;\\n box-shadow: 0 0 0 9999px rgba(0,0,0,0.5); /* Darken outside */\\n border-radius: 12px;\\n }\\n\\n .scanner-box.success {\\n box-shadow: 0 0 0 9999px rgba(0,0,0,0.5), inset 0 0 30px #00ff99;\\n border-color: #00ff99;\\n }\\n\\n /* Corners */\\n .corner {\\n position: absolute;\\n width: 30px;\\n height: 30px;\\n border: 4px solid #fff;\\n }\\n .tl { top: -2px; left: -2px; border-right: 0; border-bottom: 0; }\\n .tr { top: -2px; right: -2px; border-left: 0; border-bottom: 0; }\\n .bl { bottom: -2px; left: -2px; border-right: 0; border-top: 0; }\\n .br { bottom: -2px; right: -2px; border-left: 0; border-top: 0; }\\n\\n /* Laser Line Animation */\\n .laser-line {\\n width: 100%;\\n height: 2px;\\n background: #00ffff;\\n position: absolute;\\n top: 50%;\\n box-shadow: 0 0 10px #00ffff;\\n animation: scan 2s infinite ease-in-out;\\n }\\n\\n @keyframes scan {\\n 0%, 100% { top: 10%; opacity: 0.5; }\\n 50% { top: 90%; opacity: 1; }\\n }\\n\\n .hint-toast {\\n margin-top: 30px;\\n background: rgba(255,255,255,0.25);\\n backdrop-filter: blur(8px);\\n padding: 10px 20px;\\n border-radius: 20px;\\n color: white;\\n font-size: 0.85rem;\\n text-align: center;\\n max-width: 80%;\\n text-shadow: 0 1px 2px rgba(0,0,0,0.5);\\n }\\n\\n /* --- FOOTER STYLES --- */\\n .footer-red {\\n background: #e61e25;\\n /* Padding bottom ensures content isn't covered by iPhone home bar */\\n padding: 15px 20px 35px 20px; \\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n gap: 20px;\\n z-index: 10;\\n }\\n\\n .control-group {\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n gap: 8px;\\n color: white;\\n }\\n\\n .zoom-group {\\n flex: 1; /* Slider takes remaining width */\\n align-items: stretch;\\n padding-left: 10px;\\n }\\n\\n .label {\\n font-size: 0.75rem;\\n font-weight: 700;\\n text-transform: uppercase;\\n opacity: 0.9;\\n }\\n\\n /* Torch Button */\\n .torch-circle {\\n width: 50px;\\n height: 50px;\\n border-radius: 50%;\\n border: 2px solid white;\\n background: rgba(255,255,255,0.1);\\n color: white;\\n font-size: 1.4rem;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n transition: all 0.2s;\\n }\\n\\n .torch-circle.active {\\n background: white;\\n color: #e61e25;\\n box-shadow: 0 0 15px rgba(255,255,255,0.5);\\n }\\n\\n /* Zoom Slider */\\n .zoom-header {\\n display: flex;\\n justify-content: space-between;\\n margin-bottom: 5px;\\n }\\n\\n .zoom-val {\\n font-weight: bold;\\n font-size: 0.9rem;\\n }\\n\\n .modern-slider {\\n -webkit-appearance: none;\\n width: 100%;\\n height: 6px;\\n background: rgba(0,0,0,0.2);\\n border-radius: 3px;\\n outline: none;\\n }\\n\\n .modern-slider::-webkit-slider-thumb {\\n -webkit-appearance: none;\\n width: 20px;\\n height: 20px;\\n background: white;\\n border-radius: 50%;\\n cursor: pointer;\\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\\n }\\n `]\\n})\\nexport class NgxCustomQrScannerComponent implements AfterViewInit, OnDestroy {\\n @ViewChild('video', { static: true }) videoRef!: ElementRef<HTMLVideoElement>;\\n\\n // --- LOGIC STARTS HERE (Preserved exactly as requested) ---\\n qrScanner!: QrScanner;\\n flashOn = false;\\n zoom = 1;\\n maxZoom = 5;\\n scanSuccess = false; // Added this property for UI feedback\\n\\n async ngAfterViewInit() {\\n this.qrScanner = new QrScanner(\\n this.videoRef.nativeElement,\\n (result: { data: string }) => {\\n console.log('✅ QR Scanned: ' + result.data);\\n // Optional: Trigger UI success state\\n this.scanSuccess = true;\\n setTimeout(() => this.scanSuccess = false, 1000);\\n },\\n {\\n preferredCamera: 'environment',\\n highlightScanRegion: true,\\n highlightCodeOutline: true,\\n }\\n );\\n this.qrScanner.setInversionMode('both');\\n\\n // Some versions of qr-scanner might not support this method depending on update\\n // If it throws error, remove it. Kept as per your original code.\\n // this.qrScanner.setInversionMode('both'); \\n\\n try {\\n await this.qrScanner.start();\\n await this.initZoom();\\n } catch (err) {\\n console.error(err);\\n }\\n }\\n\\n async toggleFlash() {\\n if (await this.qrScanner.hasFlash()) {\\n this.qrScanner.toggleFlash(); // no arguments\\n this.flashOn = !this.flashOn;\\n }\\n }\\n\\n private getVideoTrack(): MediaStreamTrack | null {\\n // Access internal video element securely\\n // @ts-ignore\\n const video: HTMLVideoElement = this.qrScanner.$video;\\n if (video?.srcObject instanceof MediaStream) {\\n return video.srcObject.getVideoTracks()[0];\\n }\\n return null;\\n }\\n\\n async initZoom() {\\n const track = this.getVideoTrack();\\n if (track) {\\n const caps = track.getCapabilities() as any;\\n if (caps.zoom) {\\n this.maxZoom = caps.zoom.max || 5;\\n this.zoom = caps.zoom.min || 1;\\n }\\n }\\n }\\n\\n async onZoomChange(event: any) {\\n const value = parseFloat(event.target.value);\\n this.zoom = value;\\n\\n const track = this.getVideoTrack();\\n if (track) {\\n const caps = track.getCapabilities() as any;\\n if (caps.zoom) {\\n // clamp value\\n const z = Math.max(caps.zoom.min, Math.min(value, caps.zoom.max));\\n await track.applyConstraints({ advanced: [{ zoom: z }] } as any);\\n }\\n }\\n }\\n\\n ngOnDestroy() {\\n this.qrScanner?.stop();\\n this.qrScanner?.destroy();\\n }\\n}\",\"/*\\n * Public API Surface of ngx-custom-qr-scanner\\n */\\n\\nexport * from './lib/ngx-custom-qr-scanner.service';\\nexport * from './lib/ngx-custom-qr-scanner.component';\\n\",\"/**\\n * Generated bundle index. Do not edit.\\n */\\n\\nexport * from './public-api';\\n\"],\"names\":[],\"mappings\":\"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\"}","type":"asset"}]}