qr-scanner-app 0.0.4 → 0.0.7

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

@@ -0,0 +1 @@
+{"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"}]}