@acorex/components 21.0.2-next.36 → 21.0.2-next.37

package/fesm2022/acorex-components-qrcode.mjs

@@ -1,9 +1,9 @@
 import { AXValuableComponent, AXComponent } from '@acorex/cdk/common';
 import { generateQRCode } from '@acorex/cdk/qrcode';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, signal, viewChild, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { inject, PLATFORM_ID, input, signal, viewChild, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { CommonModule } from '@angular/common';
 
 function debounce(func, delayMS) {
     let timeoutId;
@@ -19,58 +19,75 @@ function debounce(func, delayMS) {
 
 class AXQrcodeComponent {
     constructor() {
+        this.platformId = inject(PLATFORM_ID);
         /**
          * @description Value of QR code
          */
-        this.content = input.required(...(ngDevMode ? [{ debugName: "content" }] : []));
+        this.content = input.required(...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
         /**
          * @description Size of the QR code
          * @default 256
          */
-        this.size = input(256, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.size = input(256, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         /**
          * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'
          * @default 'M'
          */
-        this.level = input('M', ...(ngDevMode ? [{ debugName: "level" }] : []));
+        this.level = input('M', ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
         /**
          * @description QR code color, can be a hex code or CSS color name
          * @default '#000000'
          */
-        this.color = input('#000000', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.color = input('#000000', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         /**
          * @description QR code Background color, can be a hex code or CSS color name
          * @default '#FFFFFF'
          */
-        this.backgroundColor = input('#FFFFFF', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
+        this.backgroundColor = input('#FFFFFF', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
         /**
          * @description Type of output can be 'canvas' | 'svg' | 'url'
          * @default 'canvas'
          */
-        this.outputType = input('canvas', ...(ngDevMode ? [{ debugName: "outputType" }] : [])); //
+        this.outputType = input('canvas', ...(ngDevMode ? [{ debugName: "outputType" }] : /* istanbul ignore next */ [])); //
         /**
          * @ignore
          */
         /**
          * @description // Holds base64 or URL if outputType is 'url' or 'base64'
          */
-        this.qrCodeUrl = signal(undefined, ...(ngDevMode ? [{ debugName: "qrCodeUrl" }] : []));
+        this.qrCodeUrl = signal(undefined, ...(ngDevMode ? [{ debugName: "qrCodeUrl" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.canvas = viewChild('canvas', ...(ngDevMode ? [{ debugName: "canvas" }] : []));
+        this.canvas = viewChild('canvas', ...(ngDevMode ? [{ debugName: "canvas" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.svg = viewChild('svg', ...(ngDevMode ? [{ debugName: "svg" }] : []));
+        this.svg = viewChild('svg', ...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
         effect(() => {
+            if (!isPlatformBrowser(this.platformId)) {
+                return;
+            }
             this.generate();
         });
     }
     ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
         this.generate();
     }
     generate() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const outputType = this.outputType();
+        if (outputType === 'canvas' && !this.canvas()?.nativeElement) {
+            return;
+        }
+        if (outputType === 'svg' && !this.svg()?.nativeElement) {
+            return;
+        }
         generateQRCode(this.content(), this.size(), this.level(), this.color(), this.backgroundColor(), this.outputType(), this.canvas()?.nativeElement, this.svg()?.nativeElement)
             .then((result) => {
             if (this.outputType() === 'url') {
@@ -81,8 +98,8 @@ class AXQrcodeComponent {
             console.error(error);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXQrcodeComponent, isStandalone: true, selector: "ax-qrcode", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXQrcodeComponent, isStandalone: true, selector: "ax-qrcode", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: AXValuableComponent, useExisting: AXQrcodeComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -90,9 +107,9 @@ class AXQrcodeComponent {
                 multi: true,
             },
             { provide: AXComponent, useExisting: AXQrcodeComponent },
-        ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["svg"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: [".qrcode{display:flex;justify-content:center;align-items:center;position:relative}.qrcode .logo-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["svg"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: ["@layer components{.qrcode{justify-content:center;align-items:center;display:flex;position:relative}.qrcode .logo-container{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQrcodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-qrcode', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXValuableComponent, useExisting: AXQrcodeComponent },
@@ -102,15 +119,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                             multi: true,
                         },
                         { provide: AXComponent, useExisting: AXQrcodeComponent },
-                    ], template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: [".qrcode{display:flex;justify-content:center;align-items:center;position:relative}.qrcode .logo-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
-        }], ctorParameters: () => [] });
+                    ], template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: ["@layer components{.qrcode{justify-content:center;align-items:center;display:flex;position:relative}.qrcode .logo-container{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], outputType: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputType", required: false }] }], canvas: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }], svg: [{ type: i0.ViewChild, args: ['svg', { isSignal: true }] }] } });
 
 class AXQrcodeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQrcodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXQrcodeComponent],

package/fesm2022/acorex-components-qrcode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-qrcode.mjs","sources":["../tmp-esm2022/qrcode/lib/qrcode.class.js","../tmp-esm2022/qrcode/lib/qrcode.component.js","../tmp-esm2022/qrcode/lib/qrcode.module.js","../tmp-esm2022/qrcode/acorex-components-qrcode.js"],"sourcesContent":["export function debounce(func, delayMS) {\n    let timeoutId;\n    return function (...args) {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            func(...args);\n        }, delayMS);\n    };\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXJjb2RlLmNsYXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9xcmNvZGUvc3JjL2xpYi9xcmNvZGUuY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsTUFBTSxVQUFVLFFBQVEsQ0FBQyxJQUE0QixFQUFFLE9BQWU7SUFDcEUsSUFBSSxTQUFTLENBQUM7SUFFZCxPQUFPLFVBQVUsR0FBRyxJQUFJO1FBQ3RCLElBQUksU0FBUyxFQUFFLENBQUM7WUFDZCxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDMUIsQ0FBQztRQUNELFNBQVMsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQzFCLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQ2hCLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUNkLENBQUMsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBBWFFyY29kZU91dHB1dFR5cGUgPSAnY2FudmFzJyB8ICdzdmcnIHwgJ3VybCc7XG5leHBvcnQgdHlwZSBBWFFyY29kZUxldmVsID0gJ0wnIHwgJ00nIHwgJ1EnIHwgJ0gnO1xuXG5leHBvcnQgZnVuY3Rpb24gZGVib3VuY2UoZnVuYzogKC4uLmFyZ3M6IGFueSkgPT4gdm9pZCwgZGVsYXlNUzogbnVtYmVyKSB7XG4gIGxldCB0aW1lb3V0SWQ7XG5cbiAgcmV0dXJuIGZ1bmN0aW9uICguLi5hcmdzKSB7XG4gICAgaWYgKHRpbWVvdXRJZCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgfVxuICAgIHRpbWVvdXRJZCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgZnVuYyguLi5hcmdzKTtcbiAgICB9LCBkZWxheU1TKTtcbiAgfTtcbn1cbiJdfQ==","import { AXComponent, AXValuableComponent } from '@acorex/cdk/common';\nimport { generateQRCode } from '@acorex/cdk/qrcode';\nimport { ChangeDetectionStrategy, Component, effect, forwardRef, input, signal, viewChild, ViewEncapsulation, } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport * as i0 from \"@angular/core\";\nexport class AXQrcodeComponent {\n    constructor() {\n        /**\n         * @description Value of QR code\n         */\n        this.content = input.required(...(ngDevMode ? [{ debugName: \"content\" }] : []));\n        /**\n         * @description Size of the QR code\n         * @default 256\n         */\n        this.size = input(256, ...(ngDevMode ? [{ debugName: \"size\" }] : []));\n        /**\n         * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'\n         * @default 'M'\n         */\n        this.level = input('M', ...(ngDevMode ? [{ debugName: \"level\" }] : []));\n        /**\n         * @description QR code color, can be a hex code or CSS color name\n         * @default '#000000'\n         */\n        this.color = input('#000000', ...(ngDevMode ? [{ debugName: \"color\" }] : []));\n        /**\n         * @description QR code Background color, can be a hex code or CSS color name\n         * @default '#FFFFFF'\n         */\n        this.backgroundColor = input('#FFFFFF', ...(ngDevMode ? [{ debugName: \"backgroundColor\" }] : []));\n        /**\n         * @description Type of output can be 'canvas' | 'svg' | 'url'\n         * @default 'canvas'\n         */\n        this.outputType = input('canvas', ...(ngDevMode ? [{ debugName: \"outputType\" }] : [])); //\n        /**\n         * @ignore\n         */\n        /**\n         * @description // Holds base64 or URL if outputType is 'url' or 'base64'\n         */\n        this.qrCodeUrl = signal(undefined, ...(ngDevMode ? [{ debugName: \"qrCodeUrl\" }] : []));\n        /**\n         * @ignore\n         */\n        this.canvas = viewChild('canvas', ...(ngDevMode ? [{ debugName: \"canvas\" }] : []));\n        /**\n         * @ignore\n         */\n        this.svg = viewChild('svg', ...(ngDevMode ? [{ debugName: \"svg\" }] : []));\n        effect(() => {\n            this.generate();\n        });\n    }\n    ngAfterViewInit() {\n        this.generate();\n    }\n    generate() {\n        generateQRCode(this.content(), this.size(), this.level(), this.color(), this.backgroundColor(), this.outputType(), this.canvas()?.nativeElement, this.svg()?.nativeElement)\n            .then((result) => {\n            if (this.outputType() === 'url') {\n                this.qrCodeUrl.set(result);\n            }\n        })\n            .catch((error) => {\n            console.error(error);\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", type: AXQrcodeComponent, isStandalone: true, selector: \"ax-qrcode\", inputs: { content: { classPropertyName: \"content\", publicName: \"content\", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: \"level\", publicName: \"level\", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: \"backgroundColor\", publicName: \"backgroundColor\", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: \"outputType\", publicName: \"outputType\", isSignal: true, isRequired: false, transformFunction: null } }, providers: [\n            { provide: AXValuableComponent, useExisting: AXQrcodeComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXQrcodeComponent),\n                multi: true,\n            },\n            { provide: AXComponent, useExisting: AXQrcodeComponent },\n        ], viewQueries: [{ propertyName: \"canvas\", first: true, predicate: [\"canvas\"], descendants: true, isSignal: true }, { propertyName: \"svg\", first: true, predicate: [\"svg\"], descendants: true, isSignal: true }], ngImport: i0, template: \"<div class=\\\"qrcode\\\">\\n  @if (outputType() === 'canvas') {\\n    <canvas #canvas></canvas>\\n  } @else if (outputType() === 'svg') {\\n    <div #svg></div>\\n  } @else {\\n    <img [src]=\\\"qrCodeUrl()\\\" alt=\\\"QR Code\\\" />\\n  }\\n  <div class=\\\"logo-container\\\">\\n    <ng-content select=\\\"img\\\"></ng-content>\\n  </div>\\n</div>\\n\", styles: [\".qrcode{display:flex;justify-content:center;align-items:center;position:relative}.qrcode .logo-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXQrcodeComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-qrcode', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [\n                        { provide: AXValuableComponent, useExisting: AXQrcodeComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXQrcodeComponent),\n                            multi: true,\n                        },\n                        { provide: AXComponent, useExisting: AXQrcodeComponent },\n                    ], template: \"<div class=\\\"qrcode\\\">\\n  @if (outputType() === 'canvas') {\\n    <canvas #canvas></canvas>\\n  } @else if (outputType() === 'svg') {\\n    <div #svg></div>\\n  } @else {\\n    <img [src]=\\\"qrCodeUrl()\\\" alt=\\\"QR Code\\\" />\\n  }\\n  <div class=\\\"logo-container\\\">\\n    <ng-content select=\\\"img\\\"></ng-content>\\n  </div>\\n</div>\\n\", styles: [\".qrcode{display:flex;justify-content:center;align-items:center;position:relative}.qrcode .logo-container{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}\\n\"] }]\n        }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXJjb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvcXJjb2RlL3NyYy9saWIvcXJjb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvcXJjb2RlL3NyYy9saWIvcXJjb2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsTUFBTSxFQUVOLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBbUJuRCxNQUFNLE9BQU8saUJBQWlCO0lBOEM1QjtRQTdDQTs7V0FFRztRQUNNLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxrREFBVSxDQUFDO1FBQzVDOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQUMsR0FBRyxnREFBQyxDQUFDO1FBQzNCOzs7V0FHRztRQUNNLFVBQUssR0FBRyxLQUFLLENBQWdCLEdBQUcsaURBQUMsQ0FBQztRQUMzQzs7O1dBR0c7UUFDTSxVQUFLLEdBQUcsS0FBSyxDQUFDLFNBQVMsaURBQUMsQ0FBQztRQUNsQzs7O1dBR0c7UUFDTSxvQkFBZSxHQUFHLEtBQUssQ0FBQyxTQUFTLDJEQUFDLENBQUM7UUFDNUM7OztXQUdHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBcUIsUUFBUSxzREFBQyxDQUFDLENBQUMsRUFBRTtRQUM3RDs7V0FFRztRQUNIOztXQUVHO1FBQ08sY0FBUyxHQUFHLE1BQU0sQ0FBcUIsU0FBUyxxREFBQyxDQUFDO1FBQzVEOztXQUVHO1FBQ0ssV0FBTSxHQUFHLFNBQVMsQ0FBZ0MsUUFBUSxrREFBQyxDQUFDO1FBQ3BFOztXQUVHO1FBQ0ssUUFBRyxHQUFHLFNBQVMsQ0FBZ0MsS0FBSywrQ0FBQyxDQUFDO1FBRzVELE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRU8sUUFBUTtRQUNkLGNBQWMsQ0FDWixJQUFJLENBQUMsT0FBTyxFQUFFLEVBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxFQUNYLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFDWixJQUFJLENBQUMsS0FBSyxFQUFFLEVBQ1osSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUN0QixJQUFJLENBQUMsVUFBVSxFQUFFLEVBQ2pCLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxhQUFhLEVBQzVCLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxhQUFhLENBQzFCO2FBQ0UsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDZixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxLQUFLLEVBQUUsQ0FBQztnQkFDaEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsTUFBZ0IsQ0FBQyxDQUFDO1lBQ3ZDLENBQUM7UUFDSCxDQUFDLENBQUM7YUFDRCxLQUFLLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNmLE9BQU8sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzhHQTNFVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixtMEJBVmpCO1lBQ1QsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1lBQ2hFO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxJQUFJO2FBQ1o7WUFDRCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1NBQ3pELHlPQy9CSCxvVUFZQTs7MkZEcUJhLGlCQUFpQjtrQkFoQjdCLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNULEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ2hFOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDOzRCQUNoRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxtQkFBbUIsRUFBRTtxQkFDekQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgQVhWYWx1YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBnZW5lcmF0ZVFSQ29kZSB9IGZyb20gJ0BhY29yZXgvY2RrL3FyY29kZSc7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBlZmZlY3QsXG4gIEVsZW1lbnRSZWYsXG4gIGZvcndhcmRSZWYsXG4gIGlucHV0LFxuICBzaWduYWwsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFFyY29kZUxldmVsLCBBWFFyY29kZU91dHB1dFR5cGUgfSBmcm9tICcuL3FyY29kZS5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXFyY29kZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9xcmNvZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9xcmNvZGUuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhWYWx1YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYUXJjb2RlQ29tcG9uZW50IH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWFFyY29kZUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFFyY29kZUNvbXBvbmVudCB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFFyY29kZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIFZhbHVlIG9mIFFSIGNvZGVcbiAgICovXG4gIHJlYWRvbmx5IGNvbnRlbnQgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb24gU2l6ZSBvZiB0aGUgUVIgY29kZVxuICAgKiBAZGVmYXVsdCAyNTZcbiAgICovXG4gIHJlYWRvbmx5IHNpemUgPSBpbnB1dCgyNTYpO1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIEVycm9yIGNvcnJlY3Rpb24gbGV2ZWwgY2FuIGJlICdMJyB8ICdNJyB8ICdRJyB8ICdIJ1xuICAgKiBAZGVmYXVsdCAnTSdcbiAgICovXG4gIHJlYWRvbmx5IGxldmVsID0gaW5wdXQ8QVhRcmNvZGVMZXZlbD4oJ00nKTtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBRUiBjb2RlIGNvbG9yLCBjYW4gYmUgYSBoZXggY29kZSBvciBDU1MgY29sb3IgbmFtZVxuICAgKiBAZGVmYXVsdCAnIzAwMDAwMCdcbiAgICovXG4gIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQoJyMwMDAwMDAnKTtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBRUiBjb2RlIEJhY2tncm91bmQgY29sb3IsIGNhbiBiZSBhIGhleCBjb2RlIG9yIENTUyBjb2xvciBuYW1lXG4gICAqIEBkZWZhdWx0ICcjRkZGRkZGJ1xuICAgKi9cbiAgcmVhZG9ubHkgYmFja2dyb3VuZENvbG9yID0gaW5wdXQoJyNGRkZGRkYnKTtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBUeXBlIG9mIG91dHB1dCBjYW4gYmUgJ2NhbnZhcycgfCAnc3ZnJyB8ICd1cmwnXG4gICAqIEBkZWZhdWx0ICdjYW52YXMnXG4gICAqL1xuICByZWFkb25seSBvdXRwdXRUeXBlID0gaW5wdXQ8QVhRcmNvZGVPdXRwdXRUeXBlPignY2FudmFzJyk7IC8vXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIC8vIEhvbGRzIGJhc2U2NCBvciBVUkwgaWYgb3V0cHV0VHlwZSBpcyAndXJsJyBvciAnYmFzZTY0J1xuICAgKi9cbiAgcHJvdGVjdGVkIHFyQ29kZVVybCA9IHNpZ25hbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIGNhbnZhcyA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPEhUTUxDYW52YXNFbGVtZW50Pj4oJ2NhbnZhcycpO1xuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBzdmcgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MQ2FudmFzRWxlbWVudD4+KCdzdmcnKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5nZW5lcmF0ZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuZ2VuZXJhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2VuZXJhdGUoKSB7XG4gICAgZ2VuZXJhdGVRUkNvZGUoXG4gICAgICB0aGlzLmNvbnRlbnQoKSxcbiAgICAgIHRoaXMuc2l6ZSgpLFxuICAgICAgdGhpcy5sZXZlbCgpLFxuICAgICAgdGhpcy5jb2xvcigpLFxuICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3IoKSxcbiAgICAgIHRoaXMub3V0cHV0VHlwZSgpLFxuICAgICAgdGhpcy5jYW52YXMoKT8ubmF0aXZlRWxlbWVudCxcbiAgICAgIHRoaXMuc3ZnKCk/Lm5hdGl2ZUVsZW1lbnQsXG4gICAgKVxuICAgICAgLnRoZW4oKHJlc3VsdCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5vdXRwdXRUeXBlKCkgPT09ICd1cmwnKSB7XG4gICAgICAgICAgdGhpcy5xckNvZGVVcmwuc2V0KHJlc3VsdCBhcyBzdHJpbmcpO1xuICAgICAgICB9XG4gICAgICB9KVxuICAgICAgLmNhdGNoKChlcnJvcikgPT4ge1xuICAgICAgICBjb25zb2xlLmVycm9yKGVycm9yKTtcbiAgICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicXJjb2RlXCI+XG4gIEBpZiAob3V0cHV0VHlwZSgpID09PSAnY2FudmFzJykge1xuICAgIDxjYW52YXMgI2NhbnZhcz48L2NhbnZhcz5cbiAgfSBAZWxzZSBpZiAob3V0cHV0VHlwZSgpID09PSAnc3ZnJykge1xuICAgIDxkaXYgI3N2Zz48L2Rpdj5cbiAgfSBAZWxzZSB7XG4gICAgPGltZyBbc3JjXT1cInFyQ29kZVVybCgpXCIgYWx0PVwiUVIgQ29kZVwiIC8+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImxvZ28tY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaW1nXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXQrcodeComponent } from './qrcode.component';\nimport * as i0 from \"@angular/core\";\nexport class AXQrcodeModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXQrcodeModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, AXQrcodeComponent],\n                    exports: [AXQrcodeComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXJjb2RlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvcXJjb2RlL3NyYy9saWIvcXJjb2RlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFNdkQsTUFBTSxPQUFPLGNBQWM7OEdBQWQsY0FBYzsrR0FBZCxjQUFjLFlBSGYsWUFBWSxFQUFFLGlCQUFpQixhQUMvQixpQkFBaUI7K0dBRWhCLGNBQWMsWUFIZixZQUFZOzsyRkFHWCxjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQztvQkFDMUMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFFyY29kZUNvbXBvbmVudCB9IGZyb20gJy4vcXJjb2RlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUXJjb2RlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FYUXJjb2RlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhRcmNvZGVNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtcXJjb2RlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9xcmNvZGUvc3JjL2Fjb3JleC1jb21wb25lbnRzLXFyY29kZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-qrcode.mjs","sources":["../../../../packages/components/qrcode/src/lib/qrcode.class.ts","../../../../packages/components/qrcode/src/lib/qrcode.component.ts","../../../../packages/components/qrcode/src/lib/qrcode.component.html","../../../../packages/components/qrcode/src/lib/qrcode.module.ts","../../../../packages/components/qrcode/src/acorex-components-qrcode.ts"],"sourcesContent":["export type AXQrcodeOutputType = 'canvas' | 'svg' | 'url';\nexport type AXQrcodeLevel = 'L' | 'M' | 'Q' | 'H';\n\nexport function debounce(func: (...args: any) => void, delayMS: number) {\n  let timeoutId;\n\n  return function (...args) {\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n    }\n    timeoutId = setTimeout(() => {\n      func(...args);\n    }, delayMS);\n  };\n}\n","import { AXComponent, AXValuableComponent } from '@acorex/cdk/common';\nimport { generateQRCode } from '@acorex/cdk/qrcode';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  PLATFORM_ID,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { AXQrcodeLevel, AXQrcodeOutputType } from './qrcode.class';\n\n@Component({\n  selector: 'ax-qrcode',\n  templateUrl: './qrcode.component.html',\n  styleUrls: ['./qrcode.component.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXQrcodeComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXQrcodeComponent),\n      multi: true,\n    },\n    { provide: AXComponent, useExisting: AXQrcodeComponent },\n  ],\n})\nexport class AXQrcodeComponent implements AfterViewInit {\n  private platformId = inject(PLATFORM_ID);\n  /**\n   * @description Value of QR code\n   */\n  readonly content = input.required<string>();\n  /**\n   * @description Size of the QR code\n   * @default 256\n   */\n  readonly size = input(256);\n  /**\n   * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'\n   * @default 'M'\n   */\n  readonly level = input<AXQrcodeLevel>('M');\n  /**\n   * @description QR code color, can be a hex code or CSS color name\n   * @default '#000000'\n   */\n  readonly color = input('#000000');\n  /**\n   * @description QR code Background color, can be a hex code or CSS color name\n   * @default '#FFFFFF'\n   */\n  readonly backgroundColor = input('#FFFFFF');\n  /**\n   * @description Type of output can be 'canvas' | 'svg' | 'url'\n   * @default 'canvas'\n   */\n  readonly outputType = input<AXQrcodeOutputType>('canvas'); //\n  /**\n   * @ignore\n   */\n  /**\n   * @description // Holds base64 or URL if outputType is 'url' or 'base64'\n   */\n  protected qrCodeUrl = signal<string | undefined>(undefined);\n  /**\n   * @ignore\n   */\n  private canvas = viewChild<ElementRef<HTMLCanvasElement>>('canvas');\n  /**\n   * @ignore\n   */\n  private svg = viewChild<ElementRef<HTMLCanvasElement>>('svg');\n\n  constructor() {\n    effect(() => {\n      if (!isPlatformBrowser(this.platformId)) {\n        return;\n      }\n\n      this.generate();\n    });\n  }\n\n  ngAfterViewInit() {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    this.generate();\n  }\n\n  private generate() {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    const outputType = this.outputType();\n    if (outputType === 'canvas' && !this.canvas()?.nativeElement) {\n      return;\n    }\n    if (outputType === 'svg' && !this.svg()?.nativeElement) {\n      return;\n    }\n\n    generateQRCode(\n      this.content(),\n      this.size(),\n      this.level(),\n      this.color(),\n      this.backgroundColor(),\n      this.outputType(),\n      this.canvas()?.nativeElement,\n      this.svg()?.nativeElement,\n    )\n      .then((result) => {\n        if (this.outputType() === 'url') {\n          this.qrCodeUrl.set(result as string);\n        }\n      })\n      .catch((error) => {\n        console.error(error);\n      });\n  }\n}\n","<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXQrcodeComponent } from './qrcode.component';\n\n@NgModule({\n  imports: [CommonModule, AXQrcodeComponent],\n  exports: [AXQrcodeComponent],\n})\nexport class AXQrcodeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-query-builder.mjs

@@ -1,6 +1,6 @@
+import { AXButtonGroupComponent, AXButtonGroupItemComponent, AXButtonGroupModule } from '@acorex/components/button-group';
 import { AXDataSource, AXComponent } from '@acorex/cdk/common';
 import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
-import { AXButtonGroupComponent, AXButtonGroupItemComponent, AXButtonGroupModule } from '@acorex/components/button-group';
 import { AXDateTimeBoxComponent, AXDateTimeBoxModule } from '@acorex/components/datetime-box';
 import { AXDecoratorIconComponent, AXDecoratorClearButtonComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXNumberBoxComponent, AXNumberBoxModule } from '@acorex/components/number-box';
@@ -10,13 +10,14 @@ import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, model, output, viewChild, signal, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 
+// prettier-ignore
 class AXQueryBuilderComponent {
     constructor() {
-        this.columnData = input.required(...(ngDevMode ? [{ debugName: "columnData" }] : []));
-        this.queryData = model.required(...(ngDevMode ? [{ debugName: "queryData" }] : []));
+        this.columnData = input.required(...(ngDevMode ? [{ debugName: "columnData" }] : /* istanbul ignore next */ []));
+        this.queryData = model.required(...(ngDevMode ? [{ debugName: "queryData" }] : /* istanbul ignore next */ []));
         this.onValueChanged = output();
-        this.selectBoxRef = viewChild('reRender', ...(ngDevMode ? [{ debugName: "selectBoxRef" }] : []));
-        this.selectedItem = signal(null, ...(ngDevMode ? [{ debugName: "selectedItem" }] : []));
+        this.selectBoxRef = viewChild('reRender', ...(ngDevMode ? [{ debugName: "selectBoxRef" }] : /* istanbul ignore next */ []));
+        this.selectedItem = signal(null, ...(ngDevMode ? [{ debugName: "selectedItem" }] : /* istanbul ignore next */ []));
         this.ds = new AXDataSource({
             load: async (e) => {
                 return {
@@ -72,7 +73,7 @@ class AXQueryBuilderComponent {
         };
         this.#eff = effect(() => {
             this.onValueChanged.emit(this.queryData());
-        }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#eff" }] : /* istanbul ignore next */ []));
     }
     #eff;
     conditionHandler(e, i) {
@@ -202,10 +203,10 @@ class AXQueryBuilderComponent {
     trackById(_, item) {
         return item.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXQueryBuilderComponent, isStandalone: true, selector: "ax-query-builder", inputs: { columnData: { classPropertyName: "columnData", publicName: "columnData", isSignal: true, isRequired: true, transformFunction: null }, queryData: { classPropertyName: "queryData", publicName: "queryData", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { queryData: "queryDataChange", onValueChanged: "onValueChanged" }, providers: [{ provide: AXComponent, useExisting: AXQueryBuilderComponent }], viewQueries: [{ propertyName: "selectBoxRef", first: true, predicate: ["reRender"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (item of queryData(); track trackById(i, item); let i = $index) {\n  <ng-container [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n}\n\n<ng-template #query let-item let-index=\"index\">\n  @if (item.condition) {\n    <div class=\"ax-recursive-container\">\n      <div class=\"ax-add-condition-container\">\n        <ax-button-group\n          selection=\"single\"\n          (selectedButtonChange)=\"conditionHandler($event, item)\"\n          color=\"primary\"\n          class=\"ax-sm\"\n        >\n          <ax-button-group-item data=\"and\" [selected]=\"item.condition === 'and'\" text=\"And\"> </ax-button-group-item>\n          <ax-button-group-item data=\"or\" [selected]=\"item.condition === 'or'\" text=\"Or\"> </ax-button-group-item>\n        </ax-button-group>\n        <ax-button\n          (onClick)=\"addRulesHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Rules\"\n        ></ax-button>\n        <ax-button\n          (onClick)=\"addGroupHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Group\"\n        ></ax-button>\n        @if (index !== 0) {\n          <ax-button look=\"blank\" (onClick)=\"removeGroupHandler(item)\" class=\"ax-sm\" color=\"danger\">\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-button>\n        }\n      </div>\n\n      @for (child of item.rules; track trackById($index, child)) {\n        <ng-container [ngTemplateOutletContext]=\"{ $implicit: child }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n      }\n    </div>\n  } @else {\n    <div class=\"ax-rules-container\">\n      <div class=\"ax-input-rules-container\">\n        <ax-select-box\n          (onValueChanged)=\"columnDataHandler($event, item)\"\n          valueField=\"field\"\n          textField=\"label\"\n          [dataSource]=\"columnData()\"\n          placeholder=\"Select Field\"\n        >\n        </ax-select-box>\n\n        <ax-select-box\n          #reRender\n          [disabled]=\"!item.field\"\n          name=\"selectBoxOperator\"\n          (onValueChanged)=\"operatorDataHandler($event, item)\"\n          [dataSource]=\"ds\"\n          placeholder=\"Select Operator\"\n        >\n        </ax-select-box>\n\n        @switch (item.type) {\n          @case ('boolean') {\n            <div class=\"ax-boolean-value-input-container\">\n              @for (boolean of item.inputValues; track $index) {\n                <label>{{ boolean }}</label>\n                <input name=\"same\" [value]=\"boolean\" (input)=\"booleanValueHandler($event, item)\" type=\"radio\" />\n              }\n            </div>\n          }\n          @case ('string') {\n            <ax-text-box (onValueChanged)=\"stringValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-text-box>\n          }\n          @case ('number') {\n            <ax-number-box (onValueChanged)=\"numberValueHandler($event, item)\"></ax-number-box>\n          }\n          @case ('date') {\n            <ax-datetime-box format=\"yyyy/MM/dd\" (onValueChanged)=\"dateValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-datetime-box>\n          }\n        }\n      </div>\n      <ax-button (onClick)=\"removeRulesHandler(item)\" look=\"blank\" class=\"ax-md\" color=\"danger\">\n        <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n      </ax-button>\n    </div>\n  }\n</ng-template>\n", styles: ["ax-query-builder{border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius);padding:1rem;width:100%;display:block}ax-query-builder .ax-add-condition-container{display:flex;gap:.5rem;margin-block:.5rem}ax-query-builder .ax-recursive-container{border-inline-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-inline-start:1rem}ax-query-builder .ax-rules-container{display:flex;align-items:center;margin-block:.5rem}ax-query-builder .ax-rules-container .ax-input-rules-container{display:flex;align-items:center;gap:.5rem;width:100%}ax-query-builder .ax-rules-container:not(:last-child){margin-bottom:.5rem}ax-query-builder .ax-boolean-value-input-container{display:flex;gap:.5rem;align-items:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "color", "look", "fitParent", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "disabledChange", "onClick", "selectionChange", "selectedButtonChange"] }, { kind: "component", type: AXButtonGroupItemComponent, selector: "ax-button-group-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXQueryBuilderComponent, isStandalone: true, selector: "ax-query-builder", inputs: { columnData: { classPropertyName: "columnData", publicName: "columnData", isSignal: true, isRequired: true, transformFunction: null }, queryData: { classPropertyName: "queryData", publicName: "queryData", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { queryData: "queryDataChange", onValueChanged: "onValueChanged" }, providers: [{ provide: AXComponent, useExisting: AXQueryBuilderComponent }], viewQueries: [{ propertyName: "selectBoxRef", first: true, predicate: ["reRender"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (item of queryData(); track trackById(i, item); let i = $index) {\n  <ng-container [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n}\n\n<ng-template #query let-item let-index=\"index\">\n  @if (item.condition) {\n    <div class=\"ax-recursive-container\">\n      <div class=\"ax-add-condition-container\">\n        <ax-button-group\n          selection=\"single\"\n          (selectedButtonChange)=\"conditionHandler($event, item)\"\n          color=\"primary\"\n          class=\"ax-sm\"\n        >\n          <ax-button-group-item data=\"and\" [selected]=\"item.condition === 'and'\" text=\"And\"> </ax-button-group-item>\n          <ax-button-group-item data=\"or\" [selected]=\"item.condition === 'or'\" text=\"Or\"> </ax-button-group-item>\n        </ax-button-group>\n        <ax-button\n          (onClick)=\"addRulesHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Rules\"\n        ></ax-button>\n        <ax-button\n          (onClick)=\"addGroupHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Group\"\n        ></ax-button>\n        @if (index !== 0) {\n          <ax-button look=\"blank\" (onClick)=\"removeGroupHandler(item)\" class=\"ax-sm\" color=\"danger\">\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-button>\n        }\n      </div>\n\n      @for (child of item.rules; track trackById($index, child)) {\n        <ng-container [ngTemplateOutletContext]=\"{ $implicit: child }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n      }\n    </div>\n  } @else {\n    <div class=\"ax-rules-container\">\n      <div class=\"ax-input-rules-container\">\n        <ax-select-box\n          (onValueChanged)=\"columnDataHandler($event, item)\"\n          valueField=\"field\"\n          textField=\"label\"\n          [dataSource]=\"columnData()\"\n          placeholder=\"Select Field\"\n        >\n        </ax-select-box>\n\n        <ax-select-box\n          #reRender\n          [disabled]=\"!item.field\"\n          name=\"selectBoxOperator\"\n          (onValueChanged)=\"operatorDataHandler($event, item)\"\n          [dataSource]=\"ds\"\n          placeholder=\"Select Operator\"\n        >\n        </ax-select-box>\n\n        @switch (item.type) {\n          @case ('boolean') {\n            <div class=\"ax-boolean-value-input-container\">\n              @for (boolean of item.inputValues; track $index) {\n                <label>{{ boolean }}</label>\n                <input name=\"same\" [value]=\"boolean\" (input)=\"booleanValueHandler($event, item)\" type=\"radio\" />\n              }\n            </div>\n          }\n          @case ('string') {\n            <ax-text-box (onValueChanged)=\"stringValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-text-box>\n          }\n          @case ('number') {\n            <ax-number-box (onValueChanged)=\"numberValueHandler($event, item)\"></ax-number-box>\n          }\n          @case ('date') {\n            <ax-datetime-box format=\"yyyy/MM/dd\" (onValueChanged)=\"dateValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-datetime-box>\n          }\n        }\n      </div>\n      <ax-button (onClick)=\"removeRulesHandler(item)\" look=\"blank\" class=\"ax-md\" color=\"danger\">\n        <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n      </ax-button>\n    </div>\n  }\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-query-builder{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-default);width:100%;padding:calc(var(--spacing,.25rem) * 4);display:block}ax-query-builder .ax-add-condition-container{margin-block:calc(var(--spacing,.25rem) * 2);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-query-builder .ax-recursive-container{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline-start:calc(var(--spacing,.25rem) * 4)}ax-query-builder .ax-rules-container{margin-block:calc(var(--spacing,.25rem) * 2);align-items:center;display:flex}ax-query-builder .ax-rules-container .ax-input-rules-container{align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:100%;display:flex}ax-query-builder .ax-rules-container:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}ax-query-builder .ax-boolean-value-input-container{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "fitParent", "color", "look", "class", "selection"], outputs: ["onBlur", "onFocus", "disabledChange", "colorChange", "lookChange", "onClick", "selectionChange", "selectedButtonChange"] }, { kind: "component", type: AXButtonGroupItemComponent, selector: "ax-button-group-item", inputs: ["disabled", "color", "text", "class", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange", "classChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }, { kind: "component", type: AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "holidayDates", "allowTyping", "picker", "calendar", "weekend", "weekdays", "calendarLook", "boxLook", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQueryBuilderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-query-builder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgTemplateOutlet,
@@ -218,8 +219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXDecoratorClearButtonComponent,
                         AXNumberBoxComponent,
                         AXDateTimeBoxComponent,
-                    ], providers: [{ provide: AXComponent, useExisting: AXQueryBuilderComponent }], template: "@for (item of queryData(); track trackById(i, item); let i = $index) {\n  <ng-container [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n}\n\n<ng-template #query let-item let-index=\"index\">\n  @if (item.condition) {\n    <div class=\"ax-recursive-container\">\n      <div class=\"ax-add-condition-container\">\n        <ax-button-group\n          selection=\"single\"\n          (selectedButtonChange)=\"conditionHandler($event, item)\"\n          color=\"primary\"\n          class=\"ax-sm\"\n        >\n          <ax-button-group-item data=\"and\" [selected]=\"item.condition === 'and'\" text=\"And\"> </ax-button-group-item>\n          <ax-button-group-item data=\"or\" [selected]=\"item.condition === 'or'\" text=\"Or\"> </ax-button-group-item>\n        </ax-button-group>\n        <ax-button\n          (onClick)=\"addRulesHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Rules\"\n        ></ax-button>\n        <ax-button\n          (onClick)=\"addGroupHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Group\"\n        ></ax-button>\n        @if (index !== 0) {\n          <ax-button look=\"blank\" (onClick)=\"removeGroupHandler(item)\" class=\"ax-sm\" color=\"danger\">\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-button>\n        }\n      </div>\n\n      @for (child of item.rules; track trackById($index, child)) {\n        <ng-container [ngTemplateOutletContext]=\"{ $implicit: child }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n      }\n    </div>\n  } @else {\n    <div class=\"ax-rules-container\">\n      <div class=\"ax-input-rules-container\">\n        <ax-select-box\n          (onValueChanged)=\"columnDataHandler($event, item)\"\n          valueField=\"field\"\n          textField=\"label\"\n          [dataSource]=\"columnData()\"\n          placeholder=\"Select Field\"\n        >\n        </ax-select-box>\n\n        <ax-select-box\n          #reRender\n          [disabled]=\"!item.field\"\n          name=\"selectBoxOperator\"\n          (onValueChanged)=\"operatorDataHandler($event, item)\"\n          [dataSource]=\"ds\"\n          placeholder=\"Select Operator\"\n        >\n        </ax-select-box>\n\n        @switch (item.type) {\n          @case ('boolean') {\n            <div class=\"ax-boolean-value-input-container\">\n              @for (boolean of item.inputValues; track $index) {\n                <label>{{ boolean }}</label>\n                <input name=\"same\" [value]=\"boolean\" (input)=\"booleanValueHandler($event, item)\" type=\"radio\" />\n              }\n            </div>\n          }\n          @case ('string') {\n            <ax-text-box (onValueChanged)=\"stringValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-text-box>\n          }\n          @case ('number') {\n            <ax-number-box (onValueChanged)=\"numberValueHandler($event, item)\"></ax-number-box>\n          }\n          @case ('date') {\n            <ax-datetime-box format=\"yyyy/MM/dd\" (onValueChanged)=\"dateValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-datetime-box>\n          }\n        }\n      </div>\n      <ax-button (onClick)=\"removeRulesHandler(item)\" look=\"blank\" class=\"ax-md\" color=\"danger\">\n        <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n      </ax-button>\n    </div>\n  }\n</ng-template>\n", styles: ["ax-query-builder{border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius);padding:1rem;width:100%;display:block}ax-query-builder .ax-add-condition-container{display:flex;gap:.5rem;margin-block:.5rem}ax-query-builder .ax-recursive-container{border-inline-start:1px solid rgba(var(--ax-sys-color-border-lightest-surface));padding-inline-start:1rem}ax-query-builder .ax-rules-container{display:flex;align-items:center;margin-block:.5rem}ax-query-builder .ax-rules-container .ax-input-rules-container{display:flex;align-items:center;gap:.5rem;width:100%}ax-query-builder .ax-rules-container:not(:last-child){margin-bottom:.5rem}ax-query-builder .ax-boolean-value-input-container{display:flex;gap:.5rem;align-items:center}\n"] }]
-        }] });
+                    ], providers: [{ provide: AXComponent, useExisting: AXQueryBuilderComponent }], template: "@for (item of queryData(); track trackById(i, item); let i = $index) {\n  <ng-container [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n}\n\n<ng-template #query let-item let-index=\"index\">\n  @if (item.condition) {\n    <div class=\"ax-recursive-container\">\n      <div class=\"ax-add-condition-container\">\n        <ax-button-group\n          selection=\"single\"\n          (selectedButtonChange)=\"conditionHandler($event, item)\"\n          color=\"primary\"\n          class=\"ax-sm\"\n        >\n          <ax-button-group-item data=\"and\" [selected]=\"item.condition === 'and'\" text=\"And\"> </ax-button-group-item>\n          <ax-button-group-item data=\"or\" [selected]=\"item.condition === 'or'\" text=\"Or\"> </ax-button-group-item>\n        </ax-button-group>\n        <ax-button\n          (onClick)=\"addRulesHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Rules\"\n        ></ax-button>\n        <ax-button\n          (onClick)=\"addGroupHandler(item)\"\n          class=\"ax-sm\"\n          color=\"primary\"\n          look=\"blank\"\n          text=\"Add Group\"\n        ></ax-button>\n        @if (index !== 0) {\n          <ax-button look=\"blank\" (onClick)=\"removeGroupHandler(item)\" class=\"ax-sm\" color=\"danger\">\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-button>\n        }\n      </div>\n\n      @for (child of item.rules; track trackById($index, child)) {\n        <ng-container [ngTemplateOutletContext]=\"{ $implicit: child }\" [ngTemplateOutlet]=\"query\"> </ng-container>\n      }\n    </div>\n  } @else {\n    <div class=\"ax-rules-container\">\n      <div class=\"ax-input-rules-container\">\n        <ax-select-box\n          (onValueChanged)=\"columnDataHandler($event, item)\"\n          valueField=\"field\"\n          textField=\"label\"\n          [dataSource]=\"columnData()\"\n          placeholder=\"Select Field\"\n        >\n        </ax-select-box>\n\n        <ax-select-box\n          #reRender\n          [disabled]=\"!item.field\"\n          name=\"selectBoxOperator\"\n          (onValueChanged)=\"operatorDataHandler($event, item)\"\n          [dataSource]=\"ds\"\n          placeholder=\"Select Operator\"\n        >\n        </ax-select-box>\n\n        @switch (item.type) {\n          @case ('boolean') {\n            <div class=\"ax-boolean-value-input-container\">\n              @for (boolean of item.inputValues; track $index) {\n                <label>{{ boolean }}</label>\n                <input name=\"same\" [value]=\"boolean\" (input)=\"booleanValueHandler($event, item)\" type=\"radio\" />\n              }\n            </div>\n          }\n          @case ('string') {\n            <ax-text-box (onValueChanged)=\"stringValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-text-box>\n          }\n          @case ('number') {\n            <ax-number-box (onValueChanged)=\"numberValueHandler($event, item)\"></ax-number-box>\n          }\n          @case ('date') {\n            <ax-datetime-box format=\"yyyy/MM/dd\" (onValueChanged)=\"dateValueHandler($event, item)\">\n              <ax-clear-button></ax-clear-button>\n            </ax-datetime-box>\n          }\n        }\n      </div>\n      <ax-button (onClick)=\"removeRulesHandler(item)\" look=\"blank\" class=\"ax-md\" color=\"danger\">\n        <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n      </ax-button>\n    </div>\n  }\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-query-builder{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-default);width:100%;padding:calc(var(--spacing,.25rem) * 4);display:block}ax-query-builder .ax-add-condition-container{margin-block:calc(var(--spacing,.25rem) * 2);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-query-builder .ax-recursive-container{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding-inline-start:calc(var(--spacing,.25rem) * 4)}ax-query-builder .ax-rules-container{margin-block:calc(var(--spacing,.25rem) * 2);align-items:center;display:flex}ax-query-builder .ax-rules-container .ax-input-rules-container{align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:100%;display:flex}ax-query-builder .ax-rules-container:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}ax-query-builder .ax-boolean-value-input-container{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { columnData: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnData", required: true }] }], queryData: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryData", required: true }] }, { type: i0.Output, args: ["queryDataChange"] }], onValueChanged: [{ type: i0.Output, args: ["onValueChanged"] }], selectBoxRef: [{ type: i0.ViewChild, args: ['reRender', { isSignal: true }] }] } });
 
 const COMPONENT = [AXQueryBuilderComponent];
 const MODULES = [
@@ -233,8 +234,8 @@ const MODULES = [
     CommonModule,
 ];
 class AXQueryBuilderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXQueryBuilderModule, imports: [AXButtonGroupModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQueryBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXQueryBuilderModule, imports: [AXButtonGroupModule,
             AXDecoratorModule,
             AXSelectBoxModule,
             AXButtonModule,
@@ -242,9 +243,9 @@ class AXQueryBuilderModule {
             AXNumberBoxModule,
             AXDateTimeBoxModule,
             CommonModule, AXQueryBuilderComponent], exports: [AXQueryBuilderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryBuilderModule, imports: [MODULES, COMPONENT] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQueryBuilderModule, imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryBuilderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQueryBuilderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],