master-control 0.2.13 → 0.2.15

package/esm2022/lib/button/button.component.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../master-control.service";
+import * as i2 from "@angular/common";
+export class ButtonComponent {
+    masterService;
+    constructor(masterService) {
+        this.masterService = masterService;
+    }
+    field = input.required();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [{ token: i1.MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<Button \r\nclass=\"button\"\r\n*ngIf=\"field() && field()?.isVisible\" \r\n[ngStyle]=\"\r\n{\r\n    '--button-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--button-border-color': field()?.controlStyle?.borderColor ,\r\n    '--button-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--button-width': field()?.controlStyle?.width ,\r\n    '--button-font-size': field()?.controlStyle?.fontSize ,\r\n    '--button-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--button-background': field()?.controlStyle?.background ,\r\n    '--button-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--button-text-color': field()?.controlStyle?.color ,\r\n    '--button-margin': field()?.controlStyle?.margin ,\r\n}\"\r\n>\r\n<span class=\"button-text\">\r\n<img *ngIf=\"field()?.imageUrl\" [src]='field().imageUrl'>\r\n<span>{{field()?.label}}</span>\r\n</span>\r\n</Button>", styles: [".button{height:var(--button-height, 48px)!important;min-width:var(--button-width, 164px)!important;background:var(--button-background, #ffbb00)!important;border-width:var(--button-border-width, 0px)!important;border-color:var(--button-border-color, #fb0)!important;border-style:var(--button-border-style, solid)!important;border-radius:var(--button-border-radius, 8px)!important;font-size:var(--button-font-size, 16px)!important;font-weight:var(--button-font-weight, 800)!important;color:var(--button-text-color, #444)!important;max-width:fit-content}.button-text{display:flex;justify-content:center;gap:4px}.button-text img{margin-top:3px}*{font-family:Mulish!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-button', standalone: true, imports: [CommonModule], template: "<Button \r\nclass=\"button\"\r\n*ngIf=\"field() && field()?.isVisible\" \r\n[ngStyle]=\"\r\n{\r\n    '--button-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--button-border-color': field()?.controlStyle?.borderColor ,\r\n    '--button-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--button-width': field()?.controlStyle?.width ,\r\n    '--button-font-size': field()?.controlStyle?.fontSize ,\r\n    '--button-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--button-background': field()?.controlStyle?.background ,\r\n    '--button-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--button-text-color': field()?.controlStyle?.color ,\r\n    '--button-margin': field()?.controlStyle?.margin ,\r\n}\"\r\n>\r\n<span class=\"button-text\">\r\n<img *ngIf=\"field()?.imageUrl\" [src]='field().imageUrl'>\r\n<span>{{field()?.label}}</span>\r\n</span>\r\n</Button>", styles: [".button{height:var(--button-height, 48px)!important;min-width:var(--button-width, 164px)!important;background:var(--button-background, #ffbb00)!important;border-width:var(--button-border-width, 0px)!important;border-color:var(--button-border-color, #fb0)!important;border-style:var(--button-border-style, solid)!important;border-radius:var(--button-border-radius, 8px)!important;font-size:var(--button-font-size, 16px)!important;font-weight:var(--button-font-weight, 800)!important;color:var(--button-text-color, #444)!important;max-width:fit-content}.button-text{display:flex;justify-content:center;gap:4px}.button-text img{margin-top:3px}*{font-family:Mulish!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MasterControlService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBV2pELE1BQU0sT0FBTyxlQUFlO0lBQ1A7SUFBbkIsWUFBbUIsYUFBb0M7UUFBcEMsa0JBQWEsR0FBYixhQUFhLENBQXVCO0lBQUUsQ0FBQztJQUMxRCxLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO3dHQUZ4QixlQUFlOzRGQUFmLGVBQWUseU1DWjVCLDY0QkFxQlMsMHRCRGJHLFlBQVk7OzRGQUlYLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWFzdGVyQ29udHJvbFNlcnZpY2UgfSBmcm9tICcuLi9tYXN0ZXItY29udHJvbC5zZXJ2aWNlJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbWFzdGVyU2VydmljZSA6IE1hc3RlckNvbnRyb2xTZXJ2aWNlKXt9XHJcbiAgZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcclxufVxyXG4iLCI8QnV0dG9uIFxyXG5jbGFzcz1cImJ1dHRvblwiXHJcbipuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIiBcclxuW25nU3R5bGVdPVwiXHJcbntcclxuICAgICctLWJ1dHRvbi1ib3JkZXItd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlcldpZHRoICxcclxuICAgICctLWJ1dHRvbi1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcclxuICAgICctLWJ1dHRvbi1ib3JkZXItc3R5bGUnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlclN0eWxlICxcclxuICAgICctLWJ1dHRvbi13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8ud2lkdGggLFxyXG4gICAgJy0tYnV0dG9uLWZvbnQtc2l6ZSc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udFNpemUgLFxyXG4gICAgJy0tYnV0dG9uLWZvbnQtd2VpZ2h0JzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb250V2VpZ2h0ICxcclxuICAgICctLWJ1dHRvbi1iYWNrZ3JvdW5kJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcclxuICAgICctLWJ1dHRvbi1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxyXG4gICAgJy0tYnV0dG9uLXRleHQtY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmNvbG9yICxcclxuICAgICctLWJ1dHRvbi1tYXJnaW4nOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/Lm1hcmdpbiAsXHJcbn1cIlxyXG4+XHJcbjxzcGFuIGNsYXNzPVwiYnV0dG9uLXRleHRcIj5cclxuPGltZyAqbmdJZj1cImZpZWxkKCk/LmltYWdlVXJsXCIgW3NyY109J2ZpZWxkKCkuaW1hZ2VVcmwnPlxyXG48c3Bhbj57e2ZpZWxkKCk/LmxhYmVsfX08L3NwYW4+XHJcbjwvc3Bhbj5cclxuPC9CdXR0b24+Il19

package/esm2022/lib/card/card.component.mjs

@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CardComponent {
+    field = input.required();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "  <div class=\"d-flex gap-5\" *ngIf=\"field() && field()?.isVisible\">\r\n    <div class=\"endorsement-card\" [ngStyle]=\"{\r\n    '--card-border-color': field()?.controlStyle?.borderColor ,\r\n    '--card-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--card-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--card-border-radius': field()?.controlStyle?.borderRadius \r\n}\">\r\n      <p class=\"m-0 card-label\" [ngStyle]=\"{\r\n    '--card-font-size': field()?.controlStyle?.fontSize ,\r\n    '--card-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--card-font-color': field()?.controlStyle?.color ,\r\n}\">Label</p>\r\n      <hr class=\"m-0 hr-line mt-1\" />\r\n      <div class=\"d-flex gap-2 mt-1\">\r\n        <span>\r\n          <img src=\"https://cdn.godigit.com/retail-life/Endorsement-add-ons.svg\" alt=\"\" />\r\n        </span>\r\n        <span>\r\n          <p class=\"m-0 card-label\">Glow Plus Pure Term</p>\r\n          <span class=\"below-card-text\">L1234694934</span>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>", styles: ["*{font-family:mulish!important}.endorsement-card{max-height:94px;border-color:var(--card-border-color , #dadada);border-width:var(--card-border-width , 1px);border-style:var(--card-border-style , solid);border-radius:var(--card-border-radius , 8px);padding:12px;max-width:220px}.card-label{font-size:var(--card-font-size , 14px);font-weight:var(--card-font-weight , 600);color:var(--card-font-color , #444)}.hr-line{border-top:1px dashed #DADADA!important;opacity:initial;border-image:repeating-linear-gradient(to right,#DADADA 0 6px,transparent 0px 10px) 1 stretch}.card-label{font-size:14px;font-weight:600;color:#444}.below-card-text{font-size:12px;color:#696969;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-card', standalone: true, imports: [CommonModule], template: "  <div class=\"d-flex gap-5\" *ngIf=\"field() && field()?.isVisible\">\r\n    <div class=\"endorsement-card\" [ngStyle]=\"{\r\n    '--card-border-color': field()?.controlStyle?.borderColor ,\r\n    '--card-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--card-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--card-border-radius': field()?.controlStyle?.borderRadius \r\n}\">\r\n      <p class=\"m-0 card-label\" [ngStyle]=\"{\r\n    '--card-font-size': field()?.controlStyle?.fontSize ,\r\n    '--card-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--card-font-color': field()?.controlStyle?.color ,\r\n}\">Label</p>\r\n      <hr class=\"m-0 hr-line mt-1\" />\r\n      <div class=\"d-flex gap-2 mt-1\">\r\n        <span>\r\n          <img src=\"https://cdn.godigit.com/retail-life/Endorsement-add-ons.svg\" alt=\"\" />\r\n        </span>\r\n        <span>\r\n          <p class=\"m-0 card-label\">Glow Plus Pure Term</p>\r\n          <span class=\"below-card-text\">L1234694934</span>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>", styles: ["*{font-family:mulish!important}.endorsement-card{max-height:94px;border-color:var(--card-border-color , #dadada);border-width:var(--card-border-width , 1px);border-style:var(--card-border-style , solid);border-radius:var(--card-border-radius , 8px);padding:12px;max-width:220px}.card-label{font-size:var(--card-font-size , 14px);font-weight:var(--card-font-weight , 600);color:var(--card-font-color , #444)}.hr-line{border-top:1px dashed #DADADA!important;opacity:initial;border-image:repeating-linear-gradient(to right,#DADADA 0 6px,transparent 0px 10px) 1 stretch}.card-label{font-size:14px;font-weight:600;color:#444}.below-card-text{font-size:12px;color:#696969;font-weight:600}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sYUFBYTtJQUMxQixLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO3dHQUR0QixhQUFhOzRGQUFiLGFBQWEsdU1DVjFCLDRqQ0F1QlEscXVCRGpCSSxZQUFZOzs0RkFJWCxhQUFhO2tCQVB6QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1jYXJkJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7XHJcbmZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XHJcbn1cclxuIiwiICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGdhcC01XCIgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImVuZG9yc2VtZW50LWNhcmRcIiBbbmdTdHlsZV09XCJ7XHJcbiAgICAnLS1jYXJkLWJvcmRlci1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyQ29sb3IgLFxyXG4gICAgJy0tY2FyZC1ib3JkZXItd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlcldpZHRoICxcclxuICAgICctLWNhcmQtYm9yZGVyLXN0eWxlJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJTdHlsZSAsXHJcbiAgICAnLS1jYXJkLWJvcmRlci1yYWRpdXMnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlclJhZGl1cyBcclxufVwiPlxyXG4gICAgICA8cCBjbGFzcz1cIm0tMCBjYXJkLWxhYmVsXCIgW25nU3R5bGVdPVwie1xyXG4gICAgJy0tY2FyZC1mb250LXNpemUnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvbnRTaXplICxcclxuICAgICctLWNhcmQtZm9udC13ZWlnaHQnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvbnRXZWlnaHQgLFxyXG4gICAgJy0tY2FyZC1mb250LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5jb2xvciAsXHJcbn1cIj5MYWJlbDwvcD5cclxuICAgICAgPGhyIGNsYXNzPVwibS0wIGhyLWxpbmUgbXQtMVwiIC8+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZ2FwLTIgbXQtMVwiPlxyXG4gICAgICAgIDxzcGFuPlxyXG4gICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL2Nkbi5nb2RpZ2l0LmNvbS9yZXRhaWwtbGlmZS9FbmRvcnNlbWVudC1hZGQtb25zLnN2Z1wiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuPlxyXG4gICAgICAgICAgPHAgY2xhc3M9XCJtLTAgY2FyZC1sYWJlbFwiPkdsb3cgUGx1cyBQdXJlIFRlcm08L3A+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImJlbG93LWNhcmQtdGV4dFwiPkwxMjM0Njk0OTM0PC9zcGFuPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj4iXX0=

package/esm2022/lib/checkbox/checkbox.component.mjs

@@ -0,0 +1,79 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i0 from "@angular/core";
+import * as i1 from "../master-control.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/checkbox";
+export class CheckboxComponent {
+    masterService;
+    constructor(masterService) {
+        this.masterService = masterService;
+    }
+    field = input.required();
+    inputValue = null;
+    _onChange = (inputValue) => { };
+    _unTouched = () => { };
+    writeValue(obj) {
+        this.inputValue = obj;
+    }
+    ;
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    ;
+    registerOnTouched(fn) {
+        this._unTouched = fn;
+    }
+    ;
+    setDisabledState(isDisabled) { }
+    ;
+    onInputChange(event) {
+        this.inputValue = event.target.value;
+        this._onChange(this.inputValue);
+    }
+    onCheckboxChange(event) {
+        // const target = event.target as HTMLInputElement;
+        this.inputValue = event.checked;
+        this._onChange(this.inputValue);
+        this._unTouched();
+        const css = this.field()?.controlStyle;
+        if (event.checked) {
+            document.body.style.setProperty('--custom-checkbox-border-focus', css?.focusBorderColor || '#ffbb00');
+            document.body.style.setProperty('--custom-checkbox-bg-color-focus', css?.focusBackground || '#ffbb00');
+            document.body.style.setProperty('--custom-checkbox-border-radius-checkbox', css?.borderRadius || '4px');
+            document.body.style.setProperty('--custom-font-size', css?.fontSize || '16px');
+            document.body.style.setProperty('--custom-font-weight', css?.fontWeight || '400');
+            document.body.style.setProperty('--custom-font-family', css?.fontFamily || 'Mulish');
+            document.body.style.setProperty('--custom-font-color', css?.color || '#444');
+        }
+        else {
+            document.body.style.setProperty('--custom-border-color-focus', css?.focusBorderColor || '#ddd');
+            document.body.style.setProperty('--custom-bg-color-focus', css?.focusBackground || '#999');
+            document.body.style.setProperty('--custom-border-radius-checkbox', css?.borderRadius || '4px');
+        }
+    }
+    onInputBlur() {
+        this._unTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: CheckboxComponent,
+                multi: true
+            }
+        ], ngImport: i0, template: "<mat-checkbox *ngIf=\"field() && field()?.isVisible\"\r\n  [name]=\"field()?.fieldName\"\r\n  [id]=\"field()?.fieldName\"\r\n  [disabled]=\"field()?.isDisable\"\r\n  [required]=\"field()?.validators?.isRequired\"\r\n  [checked]=\"inputValue\"\r\n  (change)=\"onCheckboxChange($event)\"\r\n   [ngStyle]=\"\r\n{\r\n    '--checkbox-border-radius': field()?.controlStyle?.borderRadius,\r\n    '--checkbox-bg-color': field()?.controlStyle?.background ,\r\n    '--checkbox-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n    '--checkbox-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n    '--checkbox-font-size': field()?.controlStyle?.fontSize ,\r\n    '--checkbox-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--checkbox-font-color': field()?.controlStyle?.color ,\r\n}\"\r\n>\r\n{{ field()?.label }}\r\n</mat-checkbox>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n    {{field()?.validators?.isRequiredMessage}}.\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.error-message{color:red}::ng-deep .mdc-checkbox__background{border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:var(--checkbox-bg-color , #ffffff)!important;border-color:#0000}::ng-deep .mdc-checkbox__native-control:disabled:indeterminate~.mdc-checkbox__background{background-color:var(--checkbox-bg-color , #ffffff)!important;border-color:#0000}::ng-deep .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:var(--checkbox-border-color-focus, #ffbb00)!important;background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background{border-color:var(--checkbox-border-color-focus, #ffbb00)!important;background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked:after{color:#fff!important}::ng-deep .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked{background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mat-pseudo-checkbox{border:1px solid #DADADA}::ng-deep .checkbox{padding:4px 8px 3px 0;background:#f5f5f5;border-radius:4px;margin-right:8px}::ng-deep .mat-mdc-checkbox label{font-size:var(--checkbox-font-size , 16px)!important;font-weight:var(--checkbox-font-weight , 700)!important;color:var(--checkbox-font-color , #444)!important;padding:0!important;margin-bottom:2px;font-family:Mulish!important}::ng-deep .mat-mdc-checkbox .mdc-checkbox__ripple{display:none}::ng-deep .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-checkbox', standalone: true, imports: [CommonModule, MatCheckboxModule, ReactiveFormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: CheckboxComponent,
+                            multi: true
+                        }
+                    ], template: "<mat-checkbox *ngIf=\"field() && field()?.isVisible\"\r\n  [name]=\"field()?.fieldName\"\r\n  [id]=\"field()?.fieldName\"\r\n  [disabled]=\"field()?.isDisable\"\r\n  [required]=\"field()?.validators?.isRequired\"\r\n  [checked]=\"inputValue\"\r\n  (change)=\"onCheckboxChange($event)\"\r\n   [ngStyle]=\"\r\n{\r\n    '--checkbox-border-radius': field()?.controlStyle?.borderRadius,\r\n    '--checkbox-bg-color': field()?.controlStyle?.background ,\r\n    '--checkbox-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n    '--checkbox-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n    '--checkbox-font-size': field()?.controlStyle?.fontSize ,\r\n    '--checkbox-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--checkbox-font-color': field()?.controlStyle?.color ,\r\n}\"\r\n>\r\n{{ field()?.label }}\r\n</mat-checkbox>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n    {{field()?.validators?.isRequiredMessage}}.\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.error-message{color:red}::ng-deep .mdc-checkbox__background{border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:var(--checkbox-bg-color , #ffffff)!important;border-color:#0000}::ng-deep .mdc-checkbox__native-control:disabled:indeterminate~.mdc-checkbox__background{background-color:var(--checkbox-bg-color , #ffffff)!important;border-color:#0000}::ng-deep .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:var(--checkbox-border-color-focus, #ffbb00)!important;background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background{border-color:var(--checkbox-border-color-focus, #ffbb00)!important;background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked:after{color:#fff!important}::ng-deep .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked{background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--checkbox-bg-color-focus, #ffbb00)!important;border-radius:var(--checkbox-border-radius, 4px)!important}::ng-deep .mat-pseudo-checkbox{border:1px solid #DADADA}::ng-deep .checkbox{padding:4px 8px 3px 0;background:#f5f5f5;border-radius:4px;margin-right:8px}::ng-deep .mat-mdc-checkbox label{font-size:var(--checkbox-font-size , 16px)!important;font-weight:var(--checkbox-font-weight , 700)!important;color:var(--checkbox-font-color , #444)!important;padding:0!important;margin-bottom:2px;font-family:Mulish!important}::ng-deep .mat-mdc-checkbox .mdc-checkbox__ripple{display:none}::ng-deep .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MasterControlService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBa0IvRCxNQUFNLE9BQU8saUJBQWlCO0lBQ1Q7SUFBbkIsWUFBbUIsYUFBb0M7UUFBcEMsa0JBQWEsR0FBYixhQUFhLENBQXVCO0lBQUUsQ0FBQztJQUMxRCxLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO0lBRW5DLFVBQVUsR0FBUSxJQUFJLENBQUM7SUFDdkIsU0FBUyxHQUFRLENBQUMsVUFBYyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFDeEMsVUFBVSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUUzQixVQUFVLENBQUMsR0FBUTtRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFDLEdBQUcsQ0FBQztJQUN0QixDQUFDO0lBQUEsQ0FBQztJQUNGLGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUFBLENBQUM7SUFDRixpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxVQUFV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QUMxQixXQUFXLG1CQUFtQjs0QkFDOUIsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XHJcbmltcG9ydCB7IE1hc3RlckNvbnRyb2xTZXJ2aWNlIH0gZnJvbSAnLi4vbWFzdGVyLWNvbnRyb2wuc2VydmljZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItY2hlY2tib3gnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSAsIE1hdENoZWNrYm94TW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuY3NzJyxcclxuICAgIHByb3ZpZGVyczogW1xyXG4gICAgICB7XHJcbiAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgICAgdXNlRXhpc3Rpbmc6IENoZWNrYm94Q29tcG9uZW50LFxyXG4gICAgICAgIG11bHRpOiB0cnVlXHJcbiAgICAgIH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBtYXN0ZXJTZXJ2aWNlIDogTWFzdGVyQ29udHJvbFNlcnZpY2Upe31cclxuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG5cclxuICBpbnB1dFZhbHVlOiBhbnkgPSBudWxsO1xyXG4gIF9vbkNoYW5nZTogYW55ID0gKGlucHV0VmFsdWU6YW55KSA9PiB7fTtcclxuICBfdW5Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcclxuXHJcbiAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWR7XHJcbiAgICB0aGlzLmlucHV0VmFsdWU9b2JqO1xyXG4gIH07XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZHtcclxuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XHJcbiAgfTtcclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZHtcclxuICAgIHRoaXMuX3VuVG91Y2hlZCA9IGZuO1xyXG4gIH07XHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWR7fTtcclxuXHJcbiAgb25JbnB1dENoYW5nZShldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmlucHV0VmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLmlucHV0VmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25DaGVja2JveENoYW5nZShldmVudDogYW55KTogdm9pZCB7XHJcbiAgICAvLyBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZSA9IGV2ZW50LmNoZWNrZWQ7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLmlucHV0VmFsdWUpO1xyXG4gICAgdGhpcy5fdW5Ub3VjaGVkKCk7XHJcbiAgICBjb25zdCBjc3MgPSB0aGlzLmZpZWxkKCk/LmNvbnRyb2xTdHlsZTtcclxuICBpZiAoZXZlbnQuY2hlY2tlZCkge1xyXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1jdXN0b20tY2hlY2tib3gtYm9yZGVyLWZvY3VzJywgY3NzPy5mb2N1c0JvcmRlckNvbG9yIHx8ICcjZmZiYjAwJyk7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnNldFByb3BlcnR5KCctLWN1c3RvbS1jaGVja2JveC1iZy1jb2xvci1mb2N1cycsIGNzcz8uZm9jdXNCYWNrZ3JvdW5kIHx8ICcjZmZiYjAwJyk7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnNldFByb3BlcnR5KCctLWN1c3RvbS1jaGVja2JveC1ib3JkZXItcmFkaXVzLWNoZWNrYm94JywgY3NzPy5ib3JkZXJSYWRpdXMgfHwgJzRweCcpO1xyXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1jdXN0b20tZm9udC1zaXplJywgY3NzPy5mb250U2l6ZSB8fCAnMTZweCcpO1xyXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1jdXN0b20tZm9udC13ZWlnaHQnLCBjc3M/LmZvbnRXZWlnaHQgfHwgJzQwMCcpO1xyXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1jdXN0b20tZm9udC1mYW1pbHknLCBjc3M/LmZvbnRGYW1pbHkgfHwgJ011bGlzaCcpO1xyXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1jdXN0b20tZm9udC1jb2xvcicsIGNzcz8uY29sb3IgfHwgJyM0NDQnKTtcclxuICB9IGVsc2Uge1xyXG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1jdXN0b20tYm9yZGVyLWNvbG9yLWZvY3VzJywgY3NzPy5mb2N1c0JvcmRlckNvbG9yIHx8ICcjZGRkJyk7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnNldFByb3BlcnR5KCctLWN1c3RvbS1iZy1jb2xvci1mb2N1cycsIGNzcz8uZm9jdXNCYWNrZ3JvdW5kIHx8ICcjOTk5Jyk7XHJcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnNldFByb3BlcnR5KCctLWN1c3RvbS1ib3JkZXItcmFkaXVzLWNoZWNrYm94JywgY3NzPy5ib3JkZXJSYWRpdXMgfHwgJzRweCcpO1xyXG4gIH1cclxuICB9XHJcblxyXG4gIG9uSW5wdXRCbHVyKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5Ub3VjaGVkKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtY2hlY2tib3ggKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiXHJcbiAgW25hbWVdPVwiZmllbGQoKT8uZmllbGROYW1lXCJcclxuICBbaWRdPVwiZmllbGQoKT8uZmllbGROYW1lXCJcclxuICBbZGlzYWJsZWRdPVwiZmllbGQoKT8uaXNEaXNhYmxlXCJcclxuICBbcmVxdWlyZWRdPVwiZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiXHJcbiAgW2NoZWNrZWRdPVwiaW5wdXRWYWx1ZVwiXHJcbiAgKGNoYW5nZSk9XCJvbkNoZWNrYm94Q2hhbmdlKCRldmVudClcIlxyXG4gICBbbmdTdHlsZV09XCJcclxue1xyXG4gICAgJy0tY2hlY2tib3gtYm9yZGVyLXJhZGl1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyUmFkaXVzLFxyXG4gICAgJy0tY2hlY2tib3gtYmctY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJhY2tncm91bmQgLFxyXG4gICAgJy0tY2hlY2tib3gtYm9yZGVyLWNvbG9yLWZvY3VzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb2N1c0JvcmRlckNvbG9yICxcclxuICAgICctLWNoZWNrYm94LWJnLWNvbG9yLWZvY3VzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb2N1c0JhY2tncm91bmQgLFxyXG4gICAgJy0tY2hlY2tib3gtZm9udC1zaXplJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb250U2l6ZSAsXHJcbiAgICAnLS1jaGVja2JveC1mb250LXdlaWdodCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udFdlaWdodCAsXHJcbiAgICAnLS1jaGVja2JveC1mb250LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5jb2xvciAsXHJcbn1cIlxyXG4+XHJcbnt7IGZpZWxkKCk/LmxhYmVsIH19XHJcbjwvbWF0LWNoZWNrYm94PlxyXG48ZGl2IGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiICpuZ0lmPVwiZmFsc2VcIj5cclxuICAgIHt7ZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZE1lc3NhZ2V9fS5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/discount/discount.component.mjs

@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DiscountComponent {
+    field = input.required();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DiscountComponent, isStandalone: true, selector: "lib-discount", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<p\r\n  class=\"discount-label b2-bold px-1\"\r\n  *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\"\r\n>\r\n  {{ field()?.label }}\r\n</p>\r\n<div \r\nclass=\"discount-card\" \r\n*ngIf=\"field() && field()?.isVisible\"\r\n[ngStyle]=\"\r\n{\r\n    '--discount-border-width': field()?.controlStyle?.borderWidth,\r\n    '--discount-card-width': field()?.controlStyle?.width ,\r\n    '--discount-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--discount-border-color': field()?.controlStyle?.borderColor ,\r\n}\"\r\n>\r\n  <div class=\"d-flex justify-content-between\">\r\n    <div>\r\n      <img\r\n        src=\"https://cdn.godigit.com/retail-life/discount-img-lib.svg\"\r\n        alt=\"\"\r\n        class=\"mx-1\"\r\n      />\r\n      <span class=\"h2-extrabold\">5% </span>\r\n      <span class=\"b3-regular\">off</span>\r\n    </div>\r\n    <div>\r\n      <button class=\"apply-btn\">\r\n        <span class=\"my-1\">\r\n          Apply\r\n          <img\r\n            src=\"https://cdn.godigit.com/retail-life/arrow_forward_lib.svg\"\r\n            alt=\"\"\r\n          />\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div *ngIf=\"false\">\r\n      <button class=\"remove-btn\">\r\n        <span> Remove x </span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <p class=\"b2-bold m-0\">Good Health Discount</p>\r\n    <p class=\"b3-regular\">\r\n      Get extra 5% discount for keeping a healthy lifestyle!\r\n    </p>\r\n  </div>\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.discount-label{color:#ecaf07;background:#fffbe5}.discount-card{max-height:100px;max-width:346px;border:1px solid #ECECEC;box-shadow:0 2px 15px 2px #e3e6ec99;border-radius:8px;padding:12px 16px;letter-spacing:0px}.discount-card{max-width:var(--discount-card-width, 346px)!important;border-radius:var(--discount-border-radius, 8px)!important;border-color:var(--discount-border-color, #ECECEC)!important;border-width:var(--discount-border-width, 1px)!important}.h2-extrabold{font-size:20px;font-weight:800;color:#444}.b3-regular{font-weight:400;font-size:12px;color:#444}.apply-btn{background:#fb0;max-width:78px;max-height:24px;border-radius:32px;padding:0 12px 4px;border:1px solid #ffbb00;font-size:12px;font-weight:700;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DiscountComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-discount', standalone: true, imports: [CommonModule], template: "<p\r\n  class=\"discount-label b2-bold px-1\"\r\n  *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\"\r\n>\r\n  {{ field()?.label }}\r\n</p>\r\n<div \r\nclass=\"discount-card\" \r\n*ngIf=\"field() && field()?.isVisible\"\r\n[ngStyle]=\"\r\n{\r\n    '--discount-border-width': field()?.controlStyle?.borderWidth,\r\n    '--discount-card-width': field()?.controlStyle?.width ,\r\n    '--discount-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--discount-border-color': field()?.controlStyle?.borderColor ,\r\n}\"\r\n>\r\n  <div class=\"d-flex justify-content-between\">\r\n    <div>\r\n      <img\r\n        src=\"https://cdn.godigit.com/retail-life/discount-img-lib.svg\"\r\n        alt=\"\"\r\n        class=\"mx-1\"\r\n      />\r\n      <span class=\"h2-extrabold\">5% </span>\r\n      <span class=\"b3-regular\">off</span>\r\n    </div>\r\n    <div>\r\n      <button class=\"apply-btn\">\r\n        <span class=\"my-1\">\r\n          Apply\r\n          <img\r\n            src=\"https://cdn.godigit.com/retail-life/arrow_forward_lib.svg\"\r\n            alt=\"\"\r\n          />\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div *ngIf=\"false\">\r\n      <button class=\"remove-btn\">\r\n        <span> Remove x </span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <p class=\"b2-bold m-0\">Good Health Discount</p>\r\n    <p class=\"b3-regular\">\r\n      Get extra 5% discount for keeping a healthy lifestyle!\r\n    </p>\r\n  </div>\r\n</div>\r\n", styles: ["*{font-family:mulish!important}.discount-label{color:#ecaf07;background:#fffbe5}.discount-card{max-height:100px;max-width:346px;border:1px solid #ECECEC;box-shadow:0 2px 15px 2px #e3e6ec99;border-radius:8px;padding:12px 16px;letter-spacing:0px}.discount-card{max-width:var(--discount-card-width, 346px)!important;border-radius:var(--discount-border-radius, 8px)!important;border-color:var(--discount-border-color, #ECECEC)!important;border-width:var(--discount-border-width, 1px)!important}.h2-extrabold{font-size:20px;font-weight:800;color:#444}.b3-regular{font-weight:400;font-size:12px;color:#444}.apply-btn{background:#fb0;max-width:78px;max-height:24px;border-radius:32px;padding:0 12px 4px;border:1px solid #ffbb00;font-size:12px;font-weight:700;color:#000}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzY291bnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9kaXNjb3VudC9kaXNjb3VudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2Rpc2NvdW50L2Rpc2NvdW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU2pELE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQzt3R0FEeEIsaUJBQWlCOzRGQUFqQixpQkFBaUIsMk1DVjlCLHcrQ0FtREEsc3pCRDdDWSxZQUFZOzs0RkFJWCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWRpc2NvdW50JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kaXNjb3VudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2Rpc2NvdW50LmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEaXNjb3VudENvbXBvbmVudCB7XHJcbiAgZmllbGQ6IGFueSA9IGlucHV0LnJlcXVpcmVkPGFueT4oKTtcclxuXHJcbn1cclxuIiwiPHBcclxuICBjbGFzcz1cImRpc2NvdW50LWxhYmVsIGIyLWJvbGQgcHgtMVwiXHJcbiAgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZSAmJiBmaWVsZCgpPy5pc1Nob3dMYWJlbFwiXHJcbj5cclxuICB7eyBmaWVsZCgpPy5sYWJlbCB9fVxyXG48L3A+XHJcbjxkaXYgXHJcbmNsYXNzPVwiZGlzY291bnQtY2FyZFwiIFxyXG4qbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8uaXNWaXNpYmxlXCJcclxuW25nU3R5bGVdPVwiXHJcbntcclxuICAgICctLWRpc2NvdW50LWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGgsXHJcbiAgICAnLS1kaXNjb3VudC1jYXJkLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy53aWR0aCAsXHJcbiAgICAnLS1kaXNjb3VudC1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxyXG4gICAgJy0tZGlzY291bnQtYm9yZGVyLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJDb2xvciAsXHJcbn1cIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgPGRpdj5cclxuICAgICAgPGltZ1xyXG4gICAgICAgIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL3JldGFpbC1saWZlL2Rpc2NvdW50LWltZy1saWIuc3ZnXCJcclxuICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgIGNsYXNzPVwibXgtMVwiXHJcbiAgICAgIC8+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaDItZXh0cmFib2xkXCI+NSUgPC9zcGFuPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImIzLXJlZ3VsYXJcIj5vZmY8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJhcHBseS1idG5cIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm15LTFcIj5cclxuICAgICAgICAgIEFwcGx5XHJcbiAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL3JldGFpbC1saWZlL2Fycm93X2ZvcndhcmRfbGliLnN2Z1wiXHJcbiAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJmYWxzZVwiPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicmVtb3ZlLWJ0blwiPlxyXG4gICAgICAgIDxzcGFuPiBSZW1vdmUgeCA8L3NwYW4+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdj5cclxuICAgIDxwIGNsYXNzPVwiYjItYm9sZCBtLTBcIj5Hb29kIEhlYWx0aCBEaXNjb3VudDwvcD5cclxuICAgIDxwIGNsYXNzPVwiYjMtcmVndWxhclwiPlxyXG4gICAgICBHZXQgZXh0cmEgNSUgZGlzY291bnQgZm9yIGtlZXBpbmcgYSBoZWFsdGh5IGxpZmVzdHlsZSFcclxuICAgIDwvcD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/discount-v2/discount-v2.component.mjs

@@ -0,0 +1,16 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+export class DiscountV2Component {
+    field = input.required();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DiscountV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DiscountV2Component, isStandalone: true, selector: "lib-discount-v2", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"px-3 py-2 discount-card-v2\" *ngIf=\"field() && field()?.isVisible\" [ngStyle]=\"\r\n{\r\n    '--discount-design-border-width': field()?.controlStyle?.borderWidth,\r\n    '--discount-design-border-color': field()?.controlStyle?.borderColor ,\r\n    '--discount-design-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--discount-design-width': field()?.controlStyle?.width ,\r\n    '--discount-design-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--discount-design-bg': field()?.controlStyle?.background ,\r\n}\">\r\n    <div class=\"mb-2 discount-heading\" [ngStyle]=\"\r\n{\r\n    '--discount-heading-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--discount-heading-font-size': field()?.controlStyle?.fontSize ,\r\n    '--discount-heading-font-color': field()?.controlStyle?.color\r\n}\">{{field()?.label}}</div>\r\n    <div>\r\n        <button class=\"px-2 mt-1 discount-btn-remove\"><div>Remove</div> <mat-icon class=\"pt-1 remove-btn-cross\">close</mat-icon></button>\r\n    </div>\r\n</div>\r\n\r\n", styles: [".discount-card-v2{border-width:var(--discount-design-border-width , 1px);border-color:var(--discount-design-border-color , #0BB68B);border-style:var(--discount-design-border-style , solid);width:var(--discount-design-width , fit-content);border-radius:var(--discount-design-border-radius , 8px);box-shadow:0 2px 15px 2px #e3e6ec99;background:var(--discount-design-bg , #fff)}.discount-heading{font-weight:var(--discount-heading-font-weight , 700);font-size:var(--discount-heading-font-size , 12px);color:var(--discount-heading-font-color , #444)}.discount-btn-remove{border-radius:32px;border:1px solid #EE0000;background-color:#fff;font-size:12px;font-weight:700;color:#e00;display:flex;background:#fff}.remove-btn-cross{font-size:12.5px!important;transform:translateY(2px)}*{font-family:Mulish!important}.material-icons{font-family:Material Icons!important}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DiscountV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-discount-v2', standalone: true, imports: [MatIconModule, CommonModule], template: "<div class=\"px-3 py-2 discount-card-v2\" *ngIf=\"field() && field()?.isVisible\" [ngStyle]=\"\r\n{\r\n    '--discount-design-border-width': field()?.controlStyle?.borderWidth,\r\n    '--discount-design-border-color': field()?.controlStyle?.borderColor ,\r\n    '--discount-design-border-style': field()?.controlStyle?.borderStyle ,\r\n    '--discount-design-width': field()?.controlStyle?.width ,\r\n    '--discount-design-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--discount-design-bg': field()?.controlStyle?.background ,\r\n}\">\r\n    <div class=\"mb-2 discount-heading\" [ngStyle]=\"\r\n{\r\n    '--discount-heading-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--discount-heading-font-size': field()?.controlStyle?.fontSize ,\r\n    '--discount-heading-font-color': field()?.controlStyle?.color\r\n}\">{{field()?.label}}</div>\r\n    <div>\r\n        <button class=\"px-2 mt-1 discount-btn-remove\"><div>Remove</div> <mat-icon class=\"pt-1 remove-btn-cross\">close</mat-icon></button>\r\n    </div>\r\n</div>\r\n\r\n", styles: [".discount-card-v2{border-width:var(--discount-design-border-width , 1px);border-color:var(--discount-design-border-color , #0BB68B);border-style:var(--discount-design-border-style , solid);width:var(--discount-design-width , fit-content);border-radius:var(--discount-design-border-radius , 8px);box-shadow:0 2px 15px 2px #e3e6ec99;background:var(--discount-design-bg , #fff)}.discount-heading{font-weight:var(--discount-heading-font-weight , 700);font-size:var(--discount-heading-font-size , 12px);color:var(--discount-heading-font-color , #444)}.discount-btn-remove{border-radius:32px;border:1px solid #EE0000;background-color:#fff;font-size:12px;font-weight:700;color:#e00;display:flex;background:#fff}.remove-btn-cross{font-size:12.5px!important;transform:translateY(2px)}*{font-family:Mulish!important}.material-icons{font-family:Material Icons!important}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzY291bnQtdjIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9kaXNjb3VudC12Mi9kaXNjb3VudC12Mi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2Rpc2NvdW50LXYyL2Rpc2NvdW50LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFTdkQsTUFBTSxPQUFPLG1CQUFtQjtJQUNoQyxLQUFLLEdBQVEsS0FBSyxDQUFDLFFBQVEsRUFBTyxDQUFDO3dHQUR0QixtQkFBbUI7NEZBQW5CLG1CQUFtQiw4TUNYaEMsaWlDQW9CQSxzNUJEYlksYUFBYSxtTEFBRyxZQUFZOzs0RkFJM0IsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLGFBQWEsRUFBRyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWRpc2NvdW50LXYyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtNYXRJY29uTW9kdWxlICwgQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGlzY291bnQtdjIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9kaXNjb3VudC12Mi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRGlzY291bnRWMkNvbXBvbmVudCB7XHJcbmZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInB4LTMgcHktMiBkaXNjb3VudC1jYXJkLXYyXCIgKm5nSWY9XCJmaWVsZCgpICYmIGZpZWxkKCk/LmlzVmlzaWJsZVwiIFtuZ1N0eWxlXT1cIlxyXG57XHJcbiAgICAnLS1kaXNjb3VudC1kZXNpZ24tYm9yZGVyLXdpZHRoJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJXaWR0aCxcclxuICAgICctLWRpc2NvdW50LWRlc2lnbi1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcclxuICAgICctLWRpc2NvdW50LWRlc2lnbi1ib3JkZXItc3R5bGUnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlclN0eWxlICxcclxuICAgICctLWRpc2NvdW50LWRlc2lnbi13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8ud2lkdGggLFxyXG4gICAgJy0tZGlzY291bnQtZGVzaWduLWJvcmRlci1yYWRpdXMnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlclJhZGl1cyAsXHJcbiAgICAnLS1kaXNjb3VudC1kZXNpZ24tYmcnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJhY2tncm91bmQgLFxyXG59XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWItMiBkaXNjb3VudC1oZWFkaW5nXCIgW25nU3R5bGVdPVwiXHJcbntcclxuICAgICctLWRpc2NvdW50LWhlYWRpbmctZm9udC13ZWlnaHQnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvbnRXZWlnaHQgLFxyXG4gICAgJy0tZGlzY291bnQtaGVhZGluZy1mb250LXNpemUnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvbnRTaXplICxcclxuICAgICctLWRpc2NvdW50LWhlYWRpbmctZm9udC1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uY29sb3JcclxufVwiPnt7ZmllbGQoKT8ubGFiZWx9fTwvZGl2PlxyXG4gICAgPGRpdj5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwicHgtMiBtdC0xIGRpc2NvdW50LWJ0bi1yZW1vdmVcIj48ZGl2PlJlbW92ZTwvZGl2PiA8bWF0LWljb24gY2xhc3M9XCJwdC0xIHJlbW92ZS1idG4tY3Jvc3NcIj5jbG9zZTwvbWF0LWljb24+PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG4iXX0=

package/esm2022/lib/dob/dob.component.mjs

@@ -0,0 +1,118 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { MomentDateAdapter, MomentDateModule } from '@angular/material-moment-adapter';
+import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import * as i0 from "@angular/core";
+import * as i1 from "../master-control.service";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@angular/forms";
+export const MY_DATE_FORMAT = {
+    parse: {
+        dateInput: [
+            'DD-MM-YYYY',
+            'MM/DD/YYYY',
+            'YYYY/MM/DD',
+            'DD/MM/YYYY',
+            'DD MMM YYYY',
+            'DD MMMM YYYY',
+            'DD-MMM-YYYY'
+        ]
+    },
+    display: {
+        dateInput: 'DD-MMM-YYYY',
+        monthYearLabel: 'MMM YYYY',
+        dateA11yLabel: 'DD-MMM-YYYY',
+        monthYearA11yLabel: 'MMMM YYYY'
+    }
+};
+export class DobComponent {
+    service;
+    field = input.required();
+    inputValue = null;
+    reactiveFormControlobject = input();
+    constructor(service) {
+        this.service = service;
+    }
+    dateDivisionFormat(event) {
+        let evt = event.target;
+        if (evt.value.length > 2 && !evt.value.substr(2, 1).includes('-')) {
+            evt.value = [evt.value.slice(0, 2), '-', evt.value.slice(2)].join('');
+        }
+        else if (evt.value.length > 5 &&
+            Number(evt.value.substr(3, 2)) &&
+            !evt.value.substr(5, 1).includes('-')) {
+            evt.value = [evt.value.slice(0, 5), '-', evt.value.slice(5)].join('');
+        }
+        else if (evt.value.length > 6 &&
+            !Number(evt.value.substr(3, 2)) &&
+            !evt.value.substr(6, 1).includes('-')) {
+            evt.value = [evt.value.slice(0, 6), '-', evt.value.slice(6)].join('');
+        }
+    }
+    _onChange = (inputValue) => { };
+    _unTouched = () => { };
+    writeValue(obj) {
+        this.inputValue = obj;
+    }
+    ;
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    ;
+    registerOnTouched(fn) {
+        this._unTouched = fn;
+    }
+    ;
+    setDisabledState(isDisabled) { }
+    ;
+    onInputChange(event) {
+        this.inputValue = event.target.value;
+        this._onChange(this.inputValue);
+    }
+    onInputBlur(event) {
+        if (!this.service.checkIfValueIsEmpty(event.target.value)) {
+            if (isNaN(Date.parse(event.target.value))) {
+                event.target.value = '';
+            }
+        }
+        this._unTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DobComponent, deps: [{ token: i1.MasterControlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DobComponent, isStandalone: true, selector: "lib-dob", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, reactiveFormControlobject: { classPropertyName: "reactiveFormControlobject", publicName: "reactiveFormControlobject", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: DobComponent,
+                multi: true
+            },
+            {
+                provide: DateAdapter,
+                useClass: MomentDateAdapter,
+                deps: []
+            },
+            { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMAT }
+        ], ngImport: i0, template: "<label\r\n  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  class=\"field-lable\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n    '--custom-border-color': field()?.controlStyle?.borderColor ,\r\n    '--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n    '--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n    '--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n    '--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n    '--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n    '--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n    '--custom-font-size': field()?.controlStyle?.fontSize ,\r\n    '--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n    '--custom-font-color': field()?.controlStyle?.color ,\r\n    '--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n    '--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n    '--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n    '--custom-bg-color': field()?.controlStyle?.background ,\r\n     '--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n    }\"\r\n>\r\n  @if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    type=\"text\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    [matDatepicker]=\"picker\"\r\n    (keyup)=\"dateDivisionFormat($event)\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    (dateChange)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n  />\r\n  }@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    type=\"text\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    [matDatepicker]=\"picker\"\r\n    (keyup)=\"dateDivisionFormat($event)\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    (dateChange)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n  />\r\n  }\r\n\r\n  <mat-datepicker-toggle matSuffix [for]=\"picker\" *ngIf=\"false\">\r\n    <img\r\n      src=\"https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg\"\r\n      style=\"width: 16px\"\r\n      matDatepickerToggleIcon\r\n    />\r\n  </mat-datepicker-toggle>\r\n  <mat-datepicker #picker></mat-datepicker>\r\n  <mat-error *ngIf=\"false\">\r\n    {{ field()?.validators?.isRequiredMessage }}\r\n  </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:10px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 7px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 7px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "ngmodule", type: MomentDateModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DobComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-dob', standalone: true, imports: [MatInputModule, MatFormFieldModule, CommonModule, MatDatepickerModule, MomentDateModule, ReactiveFormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: DobComponent,
+                            multi: true
+                        },
+                        {
+                            provide: DateAdapter,
+                            useClass: MomentDateAdapter,
+                            deps: []
+                        },
+                        { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMAT }
+                    ], template: "<label\r\n  *ngIf=\"field() && field()?.isVisible && field().isShowLabel\"\r\n  class=\"field-lable\"\r\n  >{{ field()?.label\r\n  }}<span style=\"color: red\" *ngIf=\"field() && field()?.validators?.isRequired\"\r\n    >*</span\r\n  ></label\r\n>\r\n<mat-form-field\r\n  class=\"w-100\"\r\n  appearance=\"outline\"\r\n  *ngIf=\"field() && field()?.isVisible\"\r\n  [ngStyle]=\"{\r\n    '--custom-border-color': field()?.controlStyle?.borderColor ,\r\n    '--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n    '--custom-border-radius': field()?.controlStyle?.borderRadius ,\r\n    '--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n    '--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n    '--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n    '--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n    '--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n    '--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n    '--custom-font-size': field()?.controlStyle?.fontSize ,\r\n    '--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n    '--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n    '--custom-font-color': field()?.controlStyle?.color ,\r\n    '--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n    '--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n    '--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n    '--custom-bg-color': field()?.controlStyle?.background ,\r\n     '--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n    }\"\r\n>\r\n  @if(reactiveFormControlobject()) {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    type=\"text\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    [matDatepicker]=\"picker\"\r\n    (keyup)=\"dateDivisionFormat($event)\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    (dateChange)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n    [formControl]=\"reactiveFormControlobject()\"\r\n  />\r\n  }@else {\r\n  <input\r\n    matInput\r\n    autocomplete=\"none\"\r\n    type=\"text\"\r\n    [name]=\"field()?.fieldName\"\r\n    [id]=\"field()?.fieldName\"\r\n    [placeholder]=\"field()?.placeHolder\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n    [pattern]=\"field()?.validators?.pattern\"\r\n    [matDatepicker]=\"picker\"\r\n    (keyup)=\"dateDivisionFormat($event)\"\r\n    [disabled]=\"field()?.isDisable\"\r\n    (dateChange)=\"onInputChange($event)\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    [value]=\"inputValue\"\r\n  />\r\n  }\r\n\r\n  <mat-datepicker-toggle matSuffix [for]=\"picker\" *ngIf=\"false\">\r\n    <img\r\n      src=\"https://cdn.godigit.com/digitPlusAssets/retail-life-icon/svgicon/date_picker_icon.svg\"\r\n      style=\"width: 16px\"\r\n      matDatepickerToggleIcon\r\n    />\r\n  </mat-datepicker-toggle>\r\n  <mat-datepicker #picker></mat-datepicker>\r\n  <mat-error *ngIf=\"false\">\r\n    {{ field()?.validators?.isRequiredMessage }}\r\n  </mat-error>\r\n</mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:10px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 7px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 7px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MasterControlService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9iLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hc3Rlci1jb250cm9sL3NyYy9saWIvZG9iL2RvYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2RvYi9kb2IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN2RixPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7OztBQUl6RCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUc7SUFDNUIsS0FBSyxFQUFFO1FBQ0wsU0FBUyxFQUFFO1lBQ1QsWUFBWTtZQUNaLFlBQVk7WUFDWixZQUFZO1lBQ1osWUFBWTtZQUNaLGFBQWE7WUFDYixjQUFjO1lBQ2QsYUFBYTtTQUNkO0tBQ0Y7SUFDRCxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsYUFBYTtRQUN4QixjQUFjLEVBQUUsVUFBVTtRQUMxQixhQUFhLEVBQUUsYUFBYTtRQUM1QixrQkFBa0IsRUFBRSxXQUFXO0tBQ2hDO0NBQ0YsQ0FBQztBQXNCRixN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LEVBQUUsSUFBSTt5QkFDWjt3QkFDSDs0QkFDRSxPQUFPLEVBQUUsV0FBVzs0QkFDcEIsUUFBUSxFQUFFLGlCQUFpQjs0QkFDM0IsSUFBSSxFQUFFLEVBQUU7eUJBQ1Q7d0JBQ0QsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRTtxQkFDeEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTW9tZW50RGF0ZUFkYXB0ZXIsIE1vbWVudERhdGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC1tb21lbnQtYWRhcHRlcic7XHJcbmltcG9ydCB7IERhdGVBZGFwdGVyLCBNQVRfREFURV9GT1JNQVRTIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcbmltcG9ydCB7IE1hdERhdGVwaWNrZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5pbXBvcnQgeyBNYXN0ZXJDb250cm9sU2VydmljZSB9IGZyb20gJy4uL21hc3Rlci1jb250cm9sLnNlcnZpY2UnO1xyXG5cclxuXHJcbmV4cG9ydCBjb25zdCBNWV9EQVRFX0ZPUk1BVCA9IHtcclxuICBwYXJzZToge1xyXG4gICAgZGF0ZUlucHV0OiBbXHJcbiAgICAgICdERC1NTS1ZWVlZJyxcclxuICAgICAgJ01NL0REL1lZWVknLFxyXG4gICAgICAnWVlZWS9NTS9ERCcsXHJcbiAgICAgICdERC9NTS9ZWVlZJyxcclxuICAgICAgJ0REIE1NTSBZWVlZJyxcclxuICAgICAgJ0REIE1NTU0gWVlZWScsXHJcbiAgICAgICdERC1NTU0tWVlZWSdcclxuICAgIF1cclxuICB9LFxyXG4gIGRpc3BsYXk6IHtcclxuICAgIGRhdGVJbnB1dDogJ0RELU1NTS1ZWVlZJyxcclxuICAgIG1vbnRoWWVhckxhYmVsOiAnTU1NIFlZWVknLFxyXG4gICAgZGF0ZUExMXlMYWJlbDogJ0RELU1NTS1ZWVlZJyxcclxuICAgIG1vbnRoWWVhckExMXlMYWJlbDogJ01NTU0gWVlZWSdcclxuICB9XHJcbn07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1kb2InLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdElucHV0TW9kdWxlLCBNYXRGb3JtRmllbGRNb2R1bGUsIENvbW1vbk1vZHVsZSwgTWF0RGF0ZXBpY2tlck1vZHVsZSwgTW9tZW50RGF0ZU1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAge1xyXG4gICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICAgIHVzZUV4aXN0aW5nOiBEb2JDb21wb25lbnQsXHJcbiAgICAgICAgbXVsdGk6IHRydWVcclxuICAgICAgfSxcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogRGF0ZUFkYXB0ZXIsXHJcbiAgICAgIHVzZUNsYXNzOiBNb21lbnREYXRlQWRhcHRlcixcclxuICAgICAgZGVwczogW11cclxuICAgIH0sXHJcbiAgICB7IHByb3ZpZGU6IE1BVF9EQVRFX0ZPUk1BVFMsIHVzZVZhbHVlOiBNWV9EQVRFX0ZPUk1BVCB9XHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vZG9iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZG9iLmNvbXBvbmVudC5jc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRG9iQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIGZpZWxkOiBhbnkgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XHJcbiAgaW5wdXRWYWx1ZTogYW55ID0gbnVsbDtcclxuICByZWFjdGl2ZUZvcm1Db250cm9sb2JqZWN0IDogYW55ID0gaW5wdXQ8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgc2VydmljZSA6IE1hc3RlckNvbnRyb2xTZXJ2aWNlKSB7fVxyXG5cclxuICBkYXRlRGl2aXNpb25Gb3JtYXQoZXZlbnQ6IGFueSkge1xyXG4gICAgbGV0IGV2dCA9IGV2ZW50LnRhcmdldDtcclxuICAgIGlmIChldnQudmFsdWUubGVuZ3RoID4gMiAmJiAhZXZ0LnZhbHVlLnN1YnN0cigyLCAxKS5pbmNsdWRlcygnLScpKSB7XHJcbiAgICAgIGV2dC52YWx1ZSA9IFtldnQudmFsdWUuc2xpY2UoMCwgMiksICctJywgZXZ0LnZhbHVlLnNsaWNlKDIpXS5qb2luKCcnKTtcclxuICAgIH0gZWxzZSBpZiAoXHJcbiAgICAgIGV2dC52YWx1ZS5sZW5ndGggPiA1ICYmXHJcbiAgICAgIE51bWJlcihldnQudmFsdWUuc3Vic3RyKDMsIDIpKSAmJlxyXG4gICAgICAhZXZ0LnZhbHVlLnN1YnN0cig1LCAxKS5pbmNsdWRlcygnLScpXHJcbiAgICApIHtcclxuICAgICAgZXZ0LnZhbHVlID0gW2V2dC52YWx1ZS5zbGljZSgwLCA1KSwgJy0nLCBldnQudmFsdWUuc2xpY2UoNSldLmpvaW4oJycpO1xyXG4gICAgfSBlbHNlIGlmIChcclxuICAgICAgZXZ0LnZhbHVlLmxlbmd0aCA+IDYgJiZcclxuICAgICAgIU51bWJlcihldnQudmFsdWUuc3Vic3RyKDMsIDIpKSAmJlxyXG4gICAgICAhZXZ0LnZhbHVlLnN1YnN0cig2LCAxKS5pbmNsdWRlcygnLScpXHJcbiAgICApIHtcclxuICAgICAgZXZ0LnZhbHVlID0gW2V2dC52YWx1ZS5zbGljZSgwLCA2KSwgJy0nLCBldnQudmFsdWUuc2xpY2UoNildLmpvaW4oJycpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX29uQ2hhbmdlOiBhbnkgPSAoaW5wdXRWYWx1ZTphbnkpID0+IHt9O1xyXG4gIF91blRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZHtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZT1vYmo7XHJcbiAgfTtcclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lke1xyXG4gICAgdGhpcy5fb25DaGFuZ2UgPSBmbjtcclxuICB9O1xyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lke1xyXG4gICAgdGhpcy5fdW5Ub3VjaGVkID0gZm47XHJcbiAgfTtcclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZHt9O1xyXG5cclxuICBvbklucHV0Q2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuaW5wdXRWYWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcclxuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMuaW5wdXRWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0Qmx1cihldmVudCA6IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLnNlcnZpY2UuY2hlY2tJZlZhbHVlSXNFbXB0eShldmVudC50YXJnZXQudmFsdWUpKSB7XHJcbiAgICAgIGlmIChpc05hTihEYXRlLnBhcnNlKGV2ZW50LnRhcmdldC52YWx1ZSkpKSB7XHJcbiAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gJyc7XHJcbiAgICAgIH1cclxuXHJcbiAgICB9XHJcbiAgICB0aGlzLl91blRvdWNoZWQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxsYWJlbFxyXG4gICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGUgJiYgZmllbGQoKS5pc1Nob3dMYWJlbFwiXHJcbiAgY2xhc3M9XCJmaWVsZC1sYWJsZVwiXHJcbiAgPnt7IGZpZWxkKCk/LmxhYmVsXHJcbiAgfX08c3BhbiBzdHlsZT1cImNvbG9yOiByZWRcIiAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiXHJcbiAgICA+Kjwvc3BhblxyXG4gID48L2xhYmVsXHJcbj5cclxuPG1hdC1mb3JtLWZpZWxkXHJcbiAgY2xhc3M9XCJ3LTEwMFwiXHJcbiAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxyXG4gIFtuZ1N0eWxlXT1cIntcclxuICAgICctLWN1c3RvbS1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcclxuICAgICctLWN1c3RvbS1ib3JkZXItd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlcldpZHRoICxcclxuICAgICctLWN1c3RvbS1ib3JkZXItcmFkaXVzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJSYWRpdXMgLFxyXG4gICAgJy0tY3VzdG9tLWJvcmRlci1jb2xvci1mb2N1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXHJcbiAgICAnLS1jdXN0b20tYm9yZGVyLXdpZHRoLWZvY3VzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb2N1c0JvcmRlcldpZHRoICxcclxuICAgICctLWN1c3RvbS1ib3JkZXItY29sb3ItaG92ZXInOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmhvdmVyQm9yZGVyQ29sb3IgLFxyXG4gICAgJy0tY3VzdG9tLWJvcmRlci13aWR0aC1ob3Zlcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uaG92ZXJCb3JkZXJXaWR0aCAsXHJcbiAgICAnLS1jdXN0b20tYm9yZGVyLWNvbG9yLWVycm9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5lcnJvckJvcmRlckNvbG9yICxcclxuICAgICctLWN1c3RvbS1ib3JkZXItd2lkdGgtZXJyb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmVycm9yQm9yZGVyV2lkdGggLFxyXG4gICAgJy0tY3VzdG9tLWZvbnQtc2l6ZSc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udFNpemUgLFxyXG4gICAgJy0tY3VzdG9tLWZvbnQtd2VpZ2h0JzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb250V2VpZ2h0ICxcclxuICAgICctLWN1c3RvbS1mb250LWZhbWlseSc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udEZhbWlseSAsXHJcbiAgICAnLS1jdXN0b20tZm9udC1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uY29sb3IgLFxyXG4gICAgJy0tY3VzdG9tLWNhcmV0LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5jYXJldENvbG9yICxcclxuICAgICctLWN1c3RvbS1mb250LWNvbG9yLWRpc2FibGVkJyA6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZGlzYWJsZUNvbG9yICxcclxuICAgICctLWN1c3RvbS1iZy1jb2xvci1kaXNhYmxlZCcgOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmRpc2FibGVCYWNrZ3JvdW5kICxcclxuICAgICctLWN1c3RvbS1iZy1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYmFja2dyb3VuZCAsXHJcbiAgICAgJy0tY3VzdG9tLWJnLWNvbG9yLWZvY3VzJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb2N1c0JhY2tncm91bmQgLFxyXG4gICAgfVwiXHJcbj5cclxuICBAaWYocmVhY3RpdmVGb3JtQ29udHJvbG9iamVjdCgpKSB7XHJcbiAgPGlucHV0XHJcbiAgICBtYXRJbnB1dFxyXG4gICAgYXV0b2NvbXBsZXRlPVwibm9uZVwiXHJcbiAgICB0eXBlPVwidGV4dFwiXHJcbiAgICBbbmFtZV09XCJmaWVsZCgpPy5maWVsZE5hbWVcIlxyXG4gICAgW2lkXT1cImZpZWxkKCk/LmZpZWxkTmFtZVwiXHJcbiAgICBbcGxhY2Vob2xkZXJdPVwiZmllbGQoKT8ucGxhY2VIb2xkZXJcIlxyXG4gICAgW3JlcXVpcmVkXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRcIlxyXG4gICAgW3BhdHRlcm5dPVwiZmllbGQoKT8udmFsaWRhdG9ycz8ucGF0dGVyblwiXHJcbiAgICBbbWF0RGF0ZXBpY2tlcl09XCJwaWNrZXJcIlxyXG4gICAgKGtleXVwKT1cImRhdGVEaXZpc2lvbkZvcm1hdCgkZXZlbnQpXCJcclxuICAgIFtkaXNhYmxlZF09XCJmaWVsZCgpPy5pc0Rpc2FibGVcIlxyXG4gICAgKGRhdGVDaGFuZ2UpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcclxuICAgIChibHVyKT1cIm9uSW5wdXRCbHVyKCRldmVudClcIlxyXG4gICAgW3ZhbHVlXT1cImlucHV0VmFsdWVcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cInJlYWN0aXZlRm9ybUNvbnRyb2xvYmplY3QoKVwiXHJcbiAgLz5cclxuICB9QGVsc2Uge1xyXG4gIDxpbnB1dFxyXG4gICAgbWF0SW5wdXRcclxuICAgIGF1dG9jb21wbGV0ZT1cIm5vbmVcIlxyXG4gICAgdHlwZT1cInRleHRcIlxyXG4gICAgW25hbWVdPVwiZmllbGQoKT8uZmllbGROYW1lXCJcclxuICAgIFtpZF09XCJmaWVsZCgpPy5maWVsZE5hbWVcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cImZpZWxkKCk/LnBsYWNlSG9sZGVyXCJcclxuICAgIFtyZXF1aXJlZF09XCJmaWVsZCgpPy52YWxpZGF0b3JzPy5pc1JlcXVpcmVkXCJcclxuICAgIFtwYXR0ZXJuXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/LnBhdHRlcm5cIlxyXG4gICAgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCJcclxuICAgIChrZXl1cCk9XCJkYXRlRGl2aXNpb25Gb3JtYXQoJGV2ZW50KVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZmllbGQoKT8uaXNEaXNhYmxlXCJcclxuICAgIChkYXRlQ2hhbmdlKT1cIm9uSW5wdXRDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAoYmx1cik9XCJvbklucHV0Qmx1cigkZXZlbnQpXCJcclxuICAgIFt2YWx1ZV09XCJpbnB1dFZhbHVlXCJcclxuICAvPlxyXG4gIH1cclxuXHJcbiAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAgICA8aW1nXHJcbiAgICAgIHNyYz1cImh0dHBzOi8vY2RuLmdvZGlnaXQuY29tL2RpZ2l0UGx1c0Fzc2V0cy9yZXRhaWwtbGlmZS1pY29uL3N2Z2ljb24vZGF0ZV9waWNrZXJfaWNvbi5zdmdcIlxyXG4gICAgICBzdHlsZT1cIndpZHRoOiAxNnB4XCJcclxuICAgICAgbWF0RGF0ZXBpY2tlclRvZ2dsZUljb25cclxuICAgIC8+XHJcbiAgPC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XHJcbiAgPG1hdC1kYXRlcGlja2VyICNwaWNrZXI+PC9tYXQtZGF0ZXBpY2tlcj5cclxuICA8bWF0LWVycm9yICpuZ0lmPVwiZmFsc2VcIj5cclxuICAgIHt7IGZpZWxkKCk/LnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRNZXNzYWdlIH19XHJcbiAgPC9tYXQtZXJyb3I+XHJcbjwvbWF0LWZvcm0tZmllbGQ+XHJcbjxkaXYgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gIHt7IGZpZWxkKCk/LnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRNZXNzYWdlIH19LlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAge3sgZmllbGQoKT8udmFsaWRhdG9ycz8ucGF0dGVybk1lc3NhZ2UgfX0uXHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/download-document/download-document.component.mjs

@@ -0,0 +1,18 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DownloadDocumentComponent {
+    field = input.required();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DownloadDocumentComponent, isStandalone: true, selector: "lib-download-document", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\">{{field()?.label}}</label>\r\n  <input\r\n    hidden\r\n    [type]=\"field()?.controlType\"\r\n    #fileInput\r\n    (click)=\"(fileInput.value)\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n  />\r\n  <button\r\n    type=\"button\"\r\n    class=\"upload-btn lightbackground\"\r\n    *ngIf=\"field() && field()?.isVisible\"\r\n    [ngStyle]=\"{\r\n'--upload-width': field()?.controlStyle?.width ,\r\n'--upload-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--upload-border-color': field()?.controlStyle?.borderColor ,\r\n'--upload-border-width': field()?.controlStyle?.borderWidth ,\r\n'--upload-border-style': field()?.controlStyle?.borderStyle ,\r\n'--upload-background-color': field()?.controlStyle?.background ,\r\n'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,\r\n'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,\r\n}\"\r\n  >\r\n      <span class=\"upload-icon\">\r\n        <span\r\n          ><img\r\n            src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\"\r\n            alt=\"\"\r\n            class=\"mb-1\"\r\n        /></span>\r\n        <span class=\"upload-text\"   [ngStyle]=\"{\r\n'--upload-font-color': field()?.controlStyle?.color ,\r\n'--upload-font-size': field()?.controlStyle?.fontSize ,\r\n'--upload-font-weight': field()?.controlStyle?.fontWeight,\r\n'--upload-focus-font-color': field()?.controlStyle?.focusColor ,\r\n}\">{{ field()?.label }}</span>\r\n      </span>\r\n  </button>\r\n", styles: ["*{font-family:mulish!important}.upload-label{opacity:0}.upload-btn{width:100%!important;height:48px!important;padding:10px;border-radius:8px}.upload-btn{width:var(--upload-width , 100%)!important;border-radius:var(--upload-border-radius , 8px)!important}.lightbackground{border-color:#999;border-width:1px;border-style:dashed;background:#fff;color:#444;font-size:14px;font-weight:700}.lightbackground{border-color:var(--upload-border-color , #999)!important;border-width:var(--upload-border-width , 1px)!important;border-style:var(--upload-border-style , dashed)!important;background:var(--upload-background-color , #ffffff)!important}.upload-icon{display:flex;justify-content:center;gap:7px}.upload-text{color:#444!important;font-weight:700!important;font-size:14px!important}.upload-text{color:var(--upload-font-color , #444)!important;font-size:var( --upload-font-size , 14px)!important;font-weight:var(--upload-font-weight , 700)!important}.field-lable{font-size:10px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DownloadDocumentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-download-document', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule
+                    ], template: "<label class=\"field-lable upload-label\" *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\">{{field()?.label}}</label>\r\n  <input\r\n    hidden\r\n    [type]=\"field()?.controlType\"\r\n    #fileInput\r\n    (click)=\"(fileInput.value)\"\r\n    [required]=\"field()?.validators?.isRequired\"\r\n  />\r\n  <button\r\n    type=\"button\"\r\n    class=\"upload-btn lightbackground\"\r\n    *ngIf=\"field() && field()?.isVisible\"\r\n    [ngStyle]=\"{\r\n'--upload-width': field()?.controlStyle?.width ,\r\n'--upload-border-radius': field()?.controlStyle?.borderRadius ,\r\n'--upload-border-color': field()?.controlStyle?.borderColor ,\r\n'--upload-border-width': field()?.controlStyle?.borderWidth ,\r\n'--upload-border-style': field()?.controlStyle?.borderStyle ,\r\n'--upload-background-color': field()?.controlStyle?.background ,\r\n'--upload-focus-border-color': field()?.controlStyle?.focusBorderColor ,\r\n'--upload-focus-background-color': field()?.controlStyle?.focusBackground ,\r\n}\"\r\n  >\r\n      <span class=\"upload-icon\">\r\n        <span\r\n          ><img\r\n            src=\"https://cdn.godigit.com/retail-life/Download_Icon.svg\"\r\n            alt=\"\"\r\n            class=\"mb-1\"\r\n        /></span>\r\n        <span class=\"upload-text\"   [ngStyle]=\"{\r\n'--upload-font-color': field()?.controlStyle?.color ,\r\n'--upload-font-size': field()?.controlStyle?.fontSize ,\r\n'--upload-font-weight': field()?.controlStyle?.fontWeight,\r\n'--upload-focus-font-color': field()?.controlStyle?.focusColor ,\r\n}\">{{ field()?.label }}</span>\r\n      </span>\r\n  </button>\r\n", styles: ["*{font-family:mulish!important}.upload-label{opacity:0}.upload-btn{width:100%!important;height:48px!important;padding:10px;border-radius:8px}.upload-btn{width:var(--upload-width , 100%)!important;border-radius:var(--upload-border-radius , 8px)!important}.lightbackground{border-color:#999;border-width:1px;border-style:dashed;background:#fff;color:#444;font-size:14px;font-weight:700}.lightbackground{border-color:var(--upload-border-color , #999)!important;border-width:var(--upload-border-width , 1px)!important;border-style:var(--upload-border-style , dashed)!important;background:var(--upload-background-color , #ffffff)!important}.upload-icon{display:flex;justify-content:center;gap:7px}.upload-text{color:#444!important;font-weight:700!important;font-size:14px!important}.upload-text{color:var(--upload-font-color , #444)!important;font-size:var( --upload-font-size , 14px)!important;font-weight:var(--upload-font-weight , 700)!important}.field-lable{font-size:10px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG93bmxvYWQtZG9jdW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9kb3dubG9hZC1kb2N1bWVudC9kb3dubG9hZC1kb2N1bWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2Rvd25sb2FkLWRvY3VtZW50L2Rvd25sb2FkLWRvY3VtZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVk3QyxNQUFNLE9BQU8seUJBQXlCO0lBQ3JDLEtBQUssR0FBUyxLQUFLLENBQUMsUUFBUSxFQUFPLENBQUM7d0dBRHhCLHlCQUF5Qjs0RkFBekIseUJBQXlCLG9OQ2R0Qyw2a0RBc0NBLDBsQ0Q5QkksWUFBWSx1TkFDWixXQUFXOzs0RkFLRix5QkFBeUI7a0JBVnJDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7cUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZG93bmxvYWQtZG9jdW1lbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGVcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kb3dubG9hZC1kb2N1bWVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2Rvd25sb2FkLWRvY3VtZW50LmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEb3dubG9hZERvY3VtZW50Q29tcG9uZW50IHtcclxuIGZpZWxkIDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG59XHJcbiIsIjxsYWJlbCBjbGFzcz1cImZpZWxkLWxhYmxlIHVwbG9hZC1sYWJlbFwiICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGUgJiYgZmllbGQoKT8uaXNTaG93TGFiZWxcIj57e2ZpZWxkKCk/LmxhYmVsfX08L2xhYmVsPlxyXG4gIDxpbnB1dFxyXG4gICAgaGlkZGVuXHJcbiAgICBbdHlwZV09XCJmaWVsZCgpPy5jb250cm9sVHlwZVwiXHJcbiAgICAjZmlsZUlucHV0XHJcbiAgICAoY2xpY2spPVwiKGZpbGVJbnB1dC52YWx1ZSlcIlxyXG4gICAgW3JlcXVpcmVkXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRcIlxyXG4gIC8+XHJcbiAgPGJ1dHRvblxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICBjbGFzcz1cInVwbG9hZC1idG4gbGlnaHRiYWNrZ3JvdW5kXCJcclxuICAgICpuZ0lmPVwiZmllbGQoKSAmJiBmaWVsZCgpPy5pc1Zpc2libGVcIlxyXG4gICAgW25nU3R5bGVdPVwie1xyXG4nLS11cGxvYWQtd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LndpZHRoICxcclxuJy0tdXBsb2FkLWJvcmRlci1yYWRpdXMnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlclJhZGl1cyAsXHJcbictLXVwbG9hZC1ib3JkZXItY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlckNvbG9yICxcclxuJy0tdXBsb2FkLWJvcmRlci13aWR0aCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uYm9yZGVyV2lkdGggLFxyXG4nLS11cGxvYWQtYm9yZGVyLXN0eWxlJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJTdHlsZSAsXHJcbictLXVwbG9hZC1iYWNrZ3JvdW5kLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcclxuJy0tdXBsb2FkLWZvY3VzLWJvcmRlci1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXHJcbictLXVwbG9hZC1mb2N1cy1iYWNrZ3JvdW5kLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb2N1c0JhY2tncm91bmQgLFxyXG59XCJcclxuICA+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidXBsb2FkLWljb25cIj5cclxuICAgICAgICA8c3BhblxyXG4gICAgICAgICAgPjxpbWdcclxuICAgICAgICAgICAgc3JjPVwiaHR0cHM6Ly9jZG4uZ29kaWdpdC5jb20vcmV0YWlsLWxpZmUvRG93bmxvYWRfSWNvbi5zdmdcIlxyXG4gICAgICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgICAgICBjbGFzcz1cIm1iLTFcIlxyXG4gICAgICAgIC8+PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidXBsb2FkLXRleHRcIiAgIFtuZ1N0eWxlXT1cIntcclxuJy0tdXBsb2FkLWZvbnQtY29sb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmNvbG9yICxcclxuJy0tdXBsb2FkLWZvbnQtc2l6ZSc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udFNpemUgLFxyXG4nLS11cGxvYWQtZm9udC13ZWlnaHQnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvbnRXZWlnaHQsXHJcbictLXVwbG9hZC1mb2N1cy1mb250LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb2N1c0NvbG9yICxcclxufVwiPnt7IGZpZWxkKCk/LmxhYmVsIH19PC9zcGFuPlxyXG4gICAgICA8L3NwYW4+XHJcbiAgPC9idXR0b24+XHJcbiJdfQ==

package/esm2022/lib/email-with-domain/email-with-domain.component.mjs

@@ -0,0 +1,60 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/forms";
+export class EmailWithDomainComponent {
+    pincode = '';
+    emailUser = '';
+    emailDomain = '';
+    field = input.required();
+    reactiveFormControlobject = input();
+    inputValue = null;
+    _onChange = (inputValue) => { };
+    _unTouched = () => { };
+    writeValue(obj) {
+        this.inputValue = obj;
+    }
+    ;
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    ;
+    registerOnTouched(fn) {
+        this._unTouched = fn;
+    }
+    ;
+    setDisabledState(isDisabled) { }
+    ;
+    onInputChange(event) {
+        this.inputValue = event.target.value;
+        this._onChange(this.inputValue);
+    }
+    onInputBlur() {
+        this._unTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmailWithDomainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EmailWithDomainComponent, isStandalone: true, selector: "lib-email-with-domain", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, reactiveFormControlobject: { classPropertyName: "reactiveFormControlobject", publicName: "reactiveFormControlobject", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: EmailWithDomainComponent,
+                multi: true
+            }
+        ], ngImport: i0, template: "<label *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\" class=\"field-lable\">{{field()?.label}}<span style=\"color: red;\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></label>\r\n  <mat-form-field class=\"w-100\" appearance=\"outline\" [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n}\">\r\n @if(reactiveFormControlobject()) {\r\n   <input\r\n      matInput\r\n      autocomplete=\"none\"\r\n      class=\"email-left-side\"\r\n      [name]=\"field()?.fieldName + '_1'\"\r\n      [id]=\"field()?.fieldName + '_1'\"\r\n      [type]=\"field()?.controlType\"\r\n      [placeholder]=\"field()?.placeHolder\"\r\n      [required]=\"field()?.validators?.isRequired\"\r\n      [disabled]=\"field()?.isDisable\"\r\n      [pattern]=\"field()?.validators?.pattern\"\r\n      (blur)=\"onInputBlur()\"\r\n      [value]=\"inputValue\"\r\n      [formControl]=\"reactiveFormControlobject()\"\r\n    />\r\n }@else {\r\n   <input\r\n      matInput\r\n      autocomplete=\"none\"\r\n      class=\"email-left-side\"\r\n      [name]=\"field()?.fieldName + '_1'\"\r\n      [id]=\"field()?.fieldName + '_1'\"\r\n      [type]=\"field()?.controlType\"\r\n      [placeholder]=\"field()?.placeHolder\"\r\n      [required]=\"field()?.validators?.isRequired\"\r\n      [disabled]=\"field()?.isDisable\"\r\n      [pattern]=\"field()?.validators?.pattern\"\r\n      (blur)=\"onInputBlur()\"\r\n      [value]=\"inputValue\"\r\n    />\r\n }\r\n    <span class=\"email-between\">&#64;</span>\r\n    <input\r\n      matInput\r\n      autocomplete=\"none\"\r\n      [name]=\"field()?.fieldName + '_2'\"\r\n      [id]=\"field()?.fieldName + '_2'\"\r\n      placeholder=\"domain.com\"\r\n      class=\"email-right-side\"\r\n      [required]=\"field()?.validators?.isRequired\"\r\n      [disabled]=\"field()?.isDisable\"\r\n    />\r\n    <mat-error *ngIf=\"false\">\r\n      {{ field()?.validators?.isRequiredMessage }}\r\n    </mat-error>\r\n  </mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:10px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.email-left-side{width:40%!important;display:inline-block!important}.email-right-side{width:50%!important;display:inline-block!important}.email-between{padding:0 8px}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 7px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 7px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmailWithDomainComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-email-with-domain', standalone: true, imports: [CommonModule, MatInputModule, MatFormFieldModule, FormsModule, ReactiveFormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: EmailWithDomainComponent,
+                            multi: true
+                        }
+                    ], template: "<label *ngIf=\"field() && field()?.isVisible && field()?.isShowLabel\" class=\"field-lable\">{{field()?.label}}<span style=\"color: red;\" *ngIf=\"field() && field()?.validators?.isRequired\">*</span></label>\r\n  <mat-form-field class=\"w-100\" appearance=\"outline\" [ngStyle]=\"{\r\n'--custom-border-color': field()?.controlStyle?.borderColor ,\r\n'--custom-border-width': field()?.controlStyle?.borderWidth ,\r\n'--custom-bg-color': field()?.controlStyle?.background ,\r\n'--custom-border-color-focus': field()?.controlStyle?.focusBorderColor ,\r\n'--custom-border-width-focus': field()?.controlStyle?.focusBorderWidth ,\r\n'--custom-bg-color-focus': field()?.controlStyle?.focusBackground ,\r\n'--custom-border-color-hover': field()?.controlStyle?.hoverBorderColor ,\r\n'--custom-border-width-hover': field()?.controlStyle?.hoverBorderWidth ,\r\n'--custom-border-color-error': field()?.controlStyle?.errorBorderColor ,\r\n'--custom-border-width-error': field()?.controlStyle?.errorBorderWidth ,\r\n'--custom-font-size': field()?.controlStyle?.fontSize ,\r\n'--custom-font-weight': field()?.controlStyle?.fontWeight ,\r\n'--custom-font-family': field()?.controlStyle?.fontFamily ,\r\n'--custom-font-color': field()?.controlStyle?.color ,\r\n'--custom-caret-color': field()?.controlStyle?.caretColor ,\r\n'--custom-font-color-disabled' : field()?.controlStyle?.disableColor ,\r\n'--custom-bg-color-disabled' : field()?.controlStyle?.disableBackground ,\r\n}\">\r\n @if(reactiveFormControlobject()) {\r\n   <input\r\n      matInput\r\n      autocomplete=\"none\"\r\n      class=\"email-left-side\"\r\n      [name]=\"field()?.fieldName + '_1'\"\r\n      [id]=\"field()?.fieldName + '_1'\"\r\n      [type]=\"field()?.controlType\"\r\n      [placeholder]=\"field()?.placeHolder\"\r\n      [required]=\"field()?.validators?.isRequired\"\r\n      [disabled]=\"field()?.isDisable\"\r\n      [pattern]=\"field()?.validators?.pattern\"\r\n      (blur)=\"onInputBlur()\"\r\n      [value]=\"inputValue\"\r\n      [formControl]=\"reactiveFormControlobject()\"\r\n    />\r\n }@else {\r\n   <input\r\n      matInput\r\n      autocomplete=\"none\"\r\n      class=\"email-left-side\"\r\n      [name]=\"field()?.fieldName + '_1'\"\r\n      [id]=\"field()?.fieldName + '_1'\"\r\n      [type]=\"field()?.controlType\"\r\n      [placeholder]=\"field()?.placeHolder\"\r\n      [required]=\"field()?.validators?.isRequired\"\r\n      [disabled]=\"field()?.isDisable\"\r\n      [pattern]=\"field()?.validators?.pattern\"\r\n      (blur)=\"onInputBlur()\"\r\n      [value]=\"inputValue\"\r\n    />\r\n }\r\n    <span class=\"email-between\">&#64;</span>\r\n    <input\r\n      matInput\r\n      autocomplete=\"none\"\r\n      [name]=\"field()?.fieldName + '_2'\"\r\n      [id]=\"field()?.fieldName + '_2'\"\r\n      placeholder=\"domain.com\"\r\n      class=\"email-right-side\"\r\n      [required]=\"field()?.validators?.isRequired\"\r\n      [disabled]=\"field()?.isDisable\"\r\n    />\r\n    <mat-error *ngIf=\"false\">\r\n      {{ field()?.validators?.isRequiredMessage }}\r\n    </mat-error>\r\n  </mat-form-field>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.isRequiredMessage }}.\r\n</div>\r\n<div class=\"error-message\" *ngIf=\"false\">\r\n  {{ field()?.validators?.patternMessage }}.\r\n</div>\r\n", styles: [".field-lable{font-size:10px!important;font-weight:700!important;color:#444!important;margin-bottom:0!important}.email-left-side{width:40%!important;display:inline-block!important}.email-right-side{width:50%!important;display:inline-block!important}.email-between{padding:0 8px}.error-message{color:red}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{border-color:var(--custom-border-color-focus, #ffbb00)!important;border-width:var(--custom-border-width-focus, 1.5px)!important}::ng-deep .mat-mdc-form-field{background-color:var(--custom-bg-color, #ffffff)!important;border-radius:var(--custom-border-radius , 7px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--custom-border-color-hover, #ffbb00)!important;border-width:var(--custom-border-width-hover, 1.5px)!important}::ng-deep .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color, #dddddd)!important;border-width:var(--custom-border-width, 1.5px)!important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--custom-caret-color, #ffbb00)!important;font-size:12px!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important;color:var(--custom-font-color, #444444)!important}::ng-deep .mat-form-field-invalid .mdc-text-field--outlined .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field.mat-form-field-disabled{background:var(--custom-bg-color-disabled, #ECECEC)!important}::ng-deep .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--custom-font-color-disabled, #999999)!important}::ng-deep .mdc-label{color:var(--custom-font-color, #444)!important;font-size:var(--custom-font-size, 16px)!important;font-weight:var(--custom-font-weight, 400)!important;font-family:var(--custom-font-family, \"Mulish\")!important}::placeholder{color:#8f8f8f!important;font-size:12px!important}::ng-deep .mat-mdc-form-field-hint-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error-wrapper{padding:0!important}::ng-deep .mat-mdc-form-field-error{color:#e00!important;font-size:12px;font-weight:500;font-family:Mulish!important;letter-spacing:0}::ng-deep .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: var(--custom-border-radius , 7px) !important}::ng-deep .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece{border-color:var(--custom-border-color-error, red)!important;border-width:var(--custom-border-width-error, 1.5px)!important}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none!important}*{font-family:mulish!important}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtd2l0aC1kb21haW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFzdGVyLWNvbnRyb2wvc3JjL2xpYi9lbWFpbC13aXRoLWRvbWFpbi9lbWFpbC13aXRoLWRvbWFpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXN0ZXItY29udHJvbC9zcmMvbGliL2VtYWlsLXdpdGgtZG9tYWluL2VtYWlsLXdpdGgtZG9tYWluLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7QUFnQnpELE1BQU0sT0FBTyx3QkFBd0I7SUFDckMsT0FBTyxHQUFRLEVBQUUsQ0FBQztJQUNoQixTQUFTLEdBQUssRUFBRSxDQUFDO0lBQ2pCLFdBQVcsR0FBSyxFQUFFLENBQUM7SUFFbkIsS0FBSyxHQUFRLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztJQUNuQyx5QkFBeUIsR0FBUyxLQUFLLEVBQU8sQ0FBQztJQUMvQyxVQUFVLEdBQVEsSUFBSSxDQUFDO0lBQ3ZCLFNBQVMsR0FBUSxDQUFDLFVBQWMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQ3hDLFVBQVUsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFM0IsVUFBVSxDQUFDLEdBQVE7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBQyxHQUFHLENBQUM7SUFDdEIsQ0FBQztJQUFBLENBQUM7SUFDRixnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFBQSxDQUFDO0lBQ0YsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBQUEsQ0FBQztJQUNGLGdCQUFnQixDQUFFLFVBQW1CLElBQVEsQ0FBQztJQUFBLENBQUM7SUFFL0MsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUNyQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO3dHQTdCVSx3QkFBd0I7NEZBQXhCLHdCQUF3QiwyWEFSeEI7WUFDUDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsd0JBQXdCO2dCQUNyQyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDbEJMLHl2R0F5RUEsOC9HRGhFWSxZQUFZLHVOQUFFLGNBQWMsa3BCQUFFLGtCQUFrQiw4QkFBRSxXQUFXLDR3QkFBRSxtQkFBbUI7OzRGQVdqRix3QkFBd0I7a0JBZHBDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixDQUFDLGFBR2xGO3dCQUNQOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsMEJBQTBCOzRCQUNyQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbWFpbC13aXRoLWRvbWFpbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRJbnB1dE1vZHVsZSwgTWF0Rm9ybUZpZWxkTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2VtYWlsLXdpdGgtZG9tYWluLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZW1haWwtd2l0aC1kb21haW4uY29tcG9uZW50LmNzcycsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgICB1c2VFeGlzdGluZzogRW1haWxXaXRoRG9tYWluQ29tcG9uZW50LFxyXG4gICAgICAgIG11bHRpOiB0cnVlXHJcbiAgICAgIH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEVtYWlsV2l0aERvbWFpbkNvbXBvbmVudCB7XHJcbnBpbmNvZGU6IGFueSA9ICcnO1xyXG4gIGVtYWlsVXNlcjphbnk9Jyc7XHJcbiAgZW1haWxEb21haW46YW55PScnO1xyXG5cclxuICBmaWVsZDogYW55ID0gaW5wdXQucmVxdWlyZWQ8YW55PigpO1xyXG4gIHJlYWN0aXZlRm9ybUNvbnRyb2xvYmplY3QgOiBhbnkgPSBpbnB1dDxhbnk+KCk7XHJcbiAgaW5wdXRWYWx1ZTogYW55ID0gbnVsbDtcclxuICBfb25DaGFuZ2U6IGFueSA9IChpbnB1dFZhbHVlOmFueSkgPT4ge307XHJcbiAgX3VuVG91Y2hlZDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lke1xyXG4gICAgdGhpcy5pbnB1dFZhbHVlPW9iajtcclxuICB9O1xyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWR7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSA9IGZuO1xyXG4gIH07XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWR7XHJcbiAgICB0aGlzLl91blRvdWNoZWQgPSBmbjtcclxuICB9O1xyXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lke307XHJcblxyXG4gIG9uSW5wdXRDaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnB1dFZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xyXG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy5pbnB1dFZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uSW5wdXRCbHVyKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5Ub3VjaGVkKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbCAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8uaXNWaXNpYmxlICYmIGZpZWxkKCk/LmlzU2hvd0xhYmVsXCIgY2xhc3M9XCJmaWVsZC1sYWJsZVwiPnt7ZmllbGQoKT8ubGFiZWx9fTxzcGFuIHN0eWxlPVwiY29sb3I6IHJlZDtcIiAqbmdJZj1cImZpZWxkKCkgJiYgZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiPio8L3NwYW4+PC9sYWJlbD5cclxuICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJ3LTEwMFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgW25nU3R5bGVdPVwie1xyXG4nLS1jdXN0b20tYm9yZGVyLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ib3JkZXJDb2xvciAsXHJcbictLWN1c3RvbS1ib3JkZXItd2lkdGgnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmJvcmRlcldpZHRoICxcclxuJy0tY3VzdG9tLWJnLWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5iYWNrZ3JvdW5kICxcclxuJy0tY3VzdG9tLWJvcmRlci1jb2xvci1mb2N1cyc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9jdXNCb3JkZXJDb2xvciAsXHJcbictLWN1c3RvbS1ib3JkZXItd2lkdGgtZm9jdXMnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvY3VzQm9yZGVyV2lkdGggLFxyXG4nLS1jdXN0b20tYmctY29sb3ItZm9jdXMnOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmZvY3VzQmFja2dyb3VuZCAsXHJcbictLWN1c3RvbS1ib3JkZXItY29sb3ItaG92ZXInOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmhvdmVyQm9yZGVyQ29sb3IgLFxyXG4nLS1jdXN0b20tYm9yZGVyLXdpZHRoLWhvdmVyJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5ob3ZlckJvcmRlcldpZHRoICxcclxuJy0tY3VzdG9tLWJvcmRlci1jb2xvci1lcnJvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZXJyb3JCb3JkZXJDb2xvciAsXHJcbictLWN1c3RvbS1ib3JkZXItd2lkdGgtZXJyb3InOiBmaWVsZCgpPy5jb250cm9sU3R5bGU/LmVycm9yQm9yZGVyV2lkdGggLFxyXG4nLS1jdXN0b20tZm9udC1zaXplJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5mb250U2l6ZSAsXHJcbictLWN1c3RvbS1mb250LXdlaWdodCc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udFdlaWdodCAsXHJcbictLWN1c3RvbS1mb250LWZhbWlseSc6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZm9udEZhbWlseSAsXHJcbictLWN1c3RvbS1mb250LWNvbG9yJzogZmllbGQoKT8uY29udHJvbFN0eWxlPy5jb2xvciAsXHJcbictLWN1c3RvbS1jYXJldC1jb2xvcic6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uY2FyZXRDb2xvciAsXHJcbictLWN1c3RvbS1mb250LWNvbG9yLWRpc2FibGVkJyA6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZGlzYWJsZUNvbG9yICxcclxuJy0tY3VzdG9tLWJnLWNvbG9yLWRpc2FibGVkJyA6IGZpZWxkKCk/LmNvbnRyb2xTdHlsZT8uZGlzYWJsZUJhY2tncm91bmQgLFxyXG59XCI+XHJcbiBAaWYocmVhY3RpdmVGb3JtQ29udHJvbG9iamVjdCgpKSB7XHJcbiAgIDxpbnB1dFxyXG4gICAgICBtYXRJbnB1dFxyXG4gICAgICBhdXRvY29tcGxldGU9XCJub25lXCJcclxuICAgICAgY2xhc3M9XCJlbWFpbC1sZWZ0LXNpZGVcIlxyXG4gICAgICBbbmFtZV09XCJmaWVsZCgpPy5maWVsZE5hbWUgKyAnXzEnXCJcclxuICAgICAgW2lkXT1cImZpZWxkKCk/LmZpZWxkTmFtZSArICdfMSdcIlxyXG4gICAgICBbdHlwZV09XCJmaWVsZCgpPy5jb250cm9sVHlwZVwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJmaWVsZCgpPy5wbGFjZUhvbGRlclwiXHJcbiAgICAgIFtyZXF1aXJlZF09XCJmaWVsZCgpPy52YWxpZGF0b3JzPy5pc1JlcXVpcmVkXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImZpZWxkKCk/LmlzRGlzYWJsZVwiXHJcbiAgICAgIFtwYXR0ZXJuXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/LnBhdHRlcm5cIlxyXG4gICAgICAoYmx1cik9XCJvbklucHV0Qmx1cigpXCJcclxuICAgICAgW3ZhbHVlXT1cImlucHV0VmFsdWVcIlxyXG4gICAgICBbZm9ybUNvbnRyb2xdPVwicmVhY3RpdmVGb3JtQ29udHJvbG9iamVjdCgpXCJcclxuICAgIC8+XHJcbiB9QGVsc2Uge1xyXG4gICA8aW5wdXRcclxuICAgICAgbWF0SW5wdXRcclxuICAgICAgYXV0b2NvbXBsZXRlPVwibm9uZVwiXHJcbiAgICAgIGNsYXNzPVwiZW1haWwtbGVmdC1zaWRlXCJcclxuICAgICAgW25hbWVdPVwiZmllbGQoKT8uZmllbGROYW1lICsgJ18xJ1wiXHJcbiAgICAgIFtpZF09XCJmaWVsZCgpPy5maWVsZE5hbWUgKyAnXzEnXCJcclxuICAgICAgW3R5cGVdPVwiZmllbGQoKT8uY29udHJvbFR5cGVcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwiZmllbGQoKT8ucGxhY2VIb2xkZXJcIlxyXG4gICAgICBbcmVxdWlyZWRdPVwiZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJmaWVsZCgpPy5pc0Rpc2FibGVcIlxyXG4gICAgICBbcGF0dGVybl09XCJmaWVsZCgpPy52YWxpZGF0b3JzPy5wYXR0ZXJuXCJcclxuICAgICAgKGJsdXIpPVwib25JbnB1dEJsdXIoKVwiXHJcbiAgICAgIFt2YWx1ZV09XCJpbnB1dFZhbHVlXCJcclxuICAgIC8+XHJcbiB9XHJcbiAgICA8c3BhbiBjbGFzcz1cImVtYWlsLWJldHdlZW5cIj4mIzY0Ozwvc3Bhbj5cclxuICAgIDxpbnB1dFxyXG4gICAgICBtYXRJbnB1dFxyXG4gICAgICBhdXRvY29tcGxldGU9XCJub25lXCJcclxuICAgICAgW25hbWVdPVwiZmllbGQoKT8uZmllbGROYW1lICsgJ18yJ1wiXHJcbiAgICAgIFtpZF09XCJmaWVsZCgpPy5maWVsZE5hbWUgKyAnXzInXCJcclxuICAgICAgcGxhY2Vob2xkZXI9XCJkb21haW4uY29tXCJcclxuICAgICAgY2xhc3M9XCJlbWFpbC1yaWdodC1zaWRlXCJcclxuICAgICAgW3JlcXVpcmVkXT1cImZpZWxkKCk/LnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZmllbGQoKT8uaXNEaXNhYmxlXCJcclxuICAgIC8+XHJcbiAgICA8bWF0LWVycm9yICpuZ0lmPVwiZmFsc2VcIj5cclxuICAgICAge3sgZmllbGQoKT8udmFsaWRhdG9ycz8uaXNSZXF1aXJlZE1lc3NhZ2UgfX1cclxuICAgIDwvbWF0LWVycm9yPlxyXG4gIDwvbWF0LWZvcm0tZmllbGQ+XHJcbjxkaXYgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJmYWxzZVwiPlxyXG4gIHt7IGZpZWxkKCk/LnZhbGlkYXRvcnM/LmlzUmVxdWlyZWRNZXNzYWdlIH19LlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImZhbHNlXCI+XHJcbiAge3sgZmllbGQoKT8udmFsaWRhdG9ycz8ucGF0dGVybk1lc3NhZ2UgfX0uXHJcbjwvZGl2PlxyXG4iXX0=