iptdevs-design-system 2.7.43 → 2.7.44

package/esm2020/lib/components/atoms/aside-button/aside-button.component.mjs

@@ -1,50 +1,50 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class AsideButtonComponent {
-    constructor() {
-        this.isClicked = new EventEmitter();
-    }
-    clickAction() {
-        this.isClicked.emit(true);
-    }
-}
-AsideButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AsideButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: AsideButtonComponent, selector: "ipt-aside-button", inputs: { icon: "icon", text: "text", buttonActive: "buttonActive" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
-    <div [ngSwitch]="buttonActive">
-      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-
-      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-aside-button', template: `
-    <div [ngSwitch]="buttonActive">
-      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-
-      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
-        <img src="{{ icon }}" alt="icon_url" />
-        <p>{{ text }}</p>
-      </a>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], buttonActive: [{
-                type: Input
-            }], isClicked: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2FzaWRlLWJ1dHRvbi9hc2lkZS1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLG9CQUFvQjtJQWxCakM7UUFzQlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FLbkQ7SUFIQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsbUtBaEJyQjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBSVUsb0JBQW9CO2tCQWxCaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7OztHQVlUOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtYXNpZGUtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBbbmdTd2l0Y2hdPVwiYnV0dG9uQWN0aXZlXCI+XHJcbiAgICAgIDxhICpuZ1N3aXRjaENhc2U9XCIwXCIgY2xhc3M9XCJmbGV4LWl0ZW0tbWVudV9fbGlua1wiIChjbGljayk9XCJjbGlja0FjdGlvbigpXCI+XHJcbiAgICAgICAgPGltZyBzcmM9XCJ7eyBpY29uIH19XCIgYWx0PVwiaWNvbl91cmxcIiAvPlxyXG4gICAgICAgIDxwPnt7IHRleHQgfX08L3A+XHJcbiAgICAgIDwvYT5cclxuXHJcbiAgICAgIDxhICpuZ1N3aXRjaENhc2U9XCIxXCIgY2xhc3M9XCJmbGV4LWl0ZW0tbWVudV9fbGluayBmbGV4LWl0ZW0tYWN0aXZlXCIgKGNsaWNrKT1cImNsaWNrQWN0aW9uKClcIj5cclxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XHJcbiAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD5cclxuICAgICAgPC9hPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9hc2lkZS1idXR0b24uY3NzJ11cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBBc2lkZUJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSB0ZXh0ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkFjdGl2ZT86IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgY2xpY2tBY3Rpb24oKSB7XHJcbiAgICB0aGlzLmlzQ2xpY2tlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxufVxyXG4iXX0=
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AsideButtonComponent {
+    constructor() {
+        this.isClicked = new EventEmitter();
+    }
+    clickAction() {
+        this.isClicked.emit(true);
+    }
+}
+AsideButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AsideButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: AsideButtonComponent, selector: "ipt-aside-button", inputs: { icon: "icon", text: "text", buttonActive: "buttonActive" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
+    <div [ngSwitch]="buttonActive">
+      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+
+      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AsideButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-aside-button', template: `
+    <div [ngSwitch]="buttonActive">
+      <a *ngSwitchCase="0" class="flex-item-menu__link" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+
+      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p>{{ text }}</p>
+      </a>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.flex-item-menu__link{cursor:pointer;width:-webkit-fill-available;width:-moz-available;text-decoration:none;display:flex;justify-items:center;padding:.4rem 1rem;transition:all .3s ease 0s;border-radius:30px;margin:15px}.flex-item-menu__link img{cursor:pointer;width:1.4rem;height:1.4rem}.flex-item-menu__link p{cursor:pointer;display:inline;font-weight:500;font-family:Poppins,sans-serif;font-size:.8rem;padding:0 .8rem;margin:auto 0;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px;border-radius:50px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}.flex-item-active{box-shadow:#0006 0 30px 90px;background:transparent;border:1px solid white}}@media (min-width: 1024px){.flex-item-menu__link{padding:.4rem 1rem}.flex-item-menu__link:focus{border:1px solid white}.flex-item-menu__link img{cursor:pointer;width:1.6rem;height:1.6rem}.flex-item-menu__link p{font-size:1rem;color:#fff}a:hover,a:focus,.flex-item-menu__link:hover,.flex-item-menu__link p:focus{color:#fff;background-color:#ffffff4f;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:#0006 0 30px 90px}.flex-item-img{width:2.5rem;height:2.5rem;padding:.4rem}}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], buttonActive: [{
+                type: Input
+            }], isClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2FzaWRlLWJ1dHRvbi9hc2lkZS1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLG9CQUFvQjtJQWxCakM7UUFzQlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FLbkQ7SUFIQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsbUtBaEJyQjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBSVUsb0JBQW9CO2tCQWxCaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7OztHQVlUOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtYXNpZGUtYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJidXR0b25BY3RpdmVcIj5cbiAgICAgIDxhICpuZ1N3aXRjaENhc2U9XCIwXCIgY2xhc3M9XCJmbGV4LWl0ZW0tbWVudV9fbGlua1wiIChjbGljayk9XCJjbGlja0FjdGlvbigpXCI+XG4gICAgICAgIDxpbWcgc3JjPVwie3sgaWNvbiB9fVwiIGFsdD1cImljb25fdXJsXCIgLz5cbiAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvYT5cblxuICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIjFcIiBjbGFzcz1cImZsZXgtaXRlbS1tZW51X19saW5rIGZsZXgtaXRlbS1hY3RpdmVcIiAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiPlxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XG4gICAgICAgIDxwPnt7IHRleHQgfX08L3A+XG4gICAgICA8L2E+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2FzaWRlLWJ1dHRvbi5jc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIEFzaWRlQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbiE6IHN0cmluZztcbiAgQElucHV0KCkgdGV4dCE6IHN0cmluZztcbiAgQElucHV0KCkgYnV0dG9uQWN0aXZlPzogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGlzQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjbGlja0FjdGlvbigpIHtcbiAgICB0aGlzLmlzQ2xpY2tlZC5lbWl0KHRydWUpO1xuICB9XG59XG4iXX0=

package/esm2020/lib/components/atoms/button/button.component.mjs

@@ -1,64 +1,64 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class ButtonComponent {
-    constructor() {
-        this.primary = false;
-        this.size = 'medium';
-        this.label = 'Button';
-        this.isEnabled = true;
-        this.onClick = new EventEmitter();
-    }
-    get classes() {
-        const mode = this.primary && this.isEnabled === true
-            ? 'ipt-button--primary'
-            : this.isEnabled === false ? 'ipt-button--primary-disabled'
-                : 'ipt-button--secondary';
-        return ['ipt-button', `ipt-button--${this.size}`, mode];
-    }
-}
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "ipt-button", inputs: { primary: "primary", size: "size", label: "label", buttonType: "buttonType", isEnabled: "isEnabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<button *ngIf="isEnabled"
-    type="{{ buttonType }}"
-    (click)="onClick.emit($event)"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>
-
-  <button *ngIf="!isEnabled"
-    type="{{ buttonType }}"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>`, isInline: true, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-button', template: `<button *ngIf="isEnabled"
-    type="{{ buttonType }}"
-    (click)="onClick.emit($event)"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>
-
-  <button *ngIf="!isEnabled"
-    type="{{ buttonType }}"
-    [ngClass]="classes"
-  >
-    {{ label }}
-  </button>`, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"] }]
-        }], propDecorators: { primary: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], buttonType: [{
-                type: Input
-            }], isEnabled: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLGVBQWU7SUFsQjVCO1FBb0JXLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDOUMsVUFBSyxHQUFXLFFBQVEsQ0FBQztRQUV6QixjQUFTLEdBQVksSUFBSSxDQUFDO1FBRXpCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBVS9DO0lBUkMsSUFBVyxPQUFPO1FBQ2hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJO1lBQ2xELENBQUMsQ0FBQyxxQkFBcUI7WUFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyw4QkFBOEI7Z0JBQzNELENBQUMsQ0FBQyx1QkFBdUIsQ0FBQztRQUU1QixPQUFPLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzFELENBQUM7OzRHQWpCVSxlQUFlO2dHQUFmLGVBQWUsbU1BaEJoQjs7Ozs7Ozs7Ozs7OztZQWFBOzJGQUdDLGVBQWU7a0JBbEIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7OztZQWFBOzhCQUtELE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGU6IGA8YnV0dG9uICpuZ0lmPVwiaXNFbmFibGVkXCJcclxuICAgIHR5cGU9XCJ7eyBidXR0b25UeXBlIH19XCJcclxuICAgIChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXHJcbiAgICBbbmdDbGFzc109XCJjbGFzc2VzXCJcclxuICA+XHJcbiAgICB7eyBsYWJlbCB9fVxyXG4gIDwvYnV0dG9uPlxyXG5cclxuICA8YnV0dG9uICpuZ0lmPVwiIWlzRW5hYmxlZFwiXHJcbiAgICB0eXBlPVwie3sgYnV0dG9uVHlwZSB9fVwiXHJcbiAgICBbbmdDbGFzc109XCJjbGFzc2VzXCJcclxuICA+XHJcbiAgICB7eyBsYWJlbCB9fVxyXG4gIDwvYnV0dG9uPmAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcHJpbWFyeTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJ0J1dHRvbic7XHJcbiAgQElucHV0KCkgYnV0dG9uVHlwZT86IHN0cmluZztcclxuICBASW5wdXQoKSBpc0VuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmdbXSB7XHJcbiAgICBjb25zdCBtb2RlID0gdGhpcy5wcmltYXJ5ICYmIHRoaXMuaXNFbmFibGVkID09PSB0cnVlXHJcbiAgICAgID8gJ2lwdC1idXR0b24tLXByaW1hcnknXHJcbiAgICAgIDogdGhpcy5pc0VuYWJsZWQgPT09IGZhbHNlID8gJ2lwdC1idXR0b24tLXByaW1hcnktZGlzYWJsZWQnXHJcbiAgICAgIDogJ2lwdC1idXR0b24tLXNlY29uZGFyeSc7XHJcblxyXG4gICAgcmV0dXJuIFsnaXB0LWJ1dHRvbicsIGBpcHQtYnV0dG9uLS0ke3RoaXMuc2l6ZX1gLCBtb2RlXTtcclxuICB9XHJcbn1cclxuIl19
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ButtonComponent {
+    constructor() {
+        this.primary = false;
+        this.size = 'medium';
+        this.label = 'Button';
+        this.isEnabled = true;
+        this.onClick = new EventEmitter();
+    }
+    get classes() {
+        const mode = this.primary && this.isEnabled === true
+            ? 'ipt-button--primary'
+            : this.isEnabled === false ? 'ipt-button--primary-disabled'
+                : 'ipt-button--secondary';
+        return ['ipt-button', `ipt-button--${this.size}`, mode];
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "ipt-button", inputs: { primary: "primary", size: "size", label: "label", buttonType: "buttonType", isEnabled: "isEnabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<button *ngIf="isEnabled"
+    type="{{ buttonType }}"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>
+
+  <button *ngIf="!isEnabled"
+    type="{{ buttonType }}"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>`, isInline: true, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-button', template: `<button *ngIf="isEnabled"
+    type="{{ buttonType }}"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>
+
+  <button *ngIf="!isEnabled"
+    type="{{ buttonType }}"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>`, styles: [".ipt-button{font-family:Poppins,sans-serif;font-weight:700;border:0;border-radius:12px;cursor:pointer;display:inline-block;line-height:1;transition:.4s;width:100%;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button:hover{box-shadow:0 10px 20px #1b1b1b80;transform:translateY(-3px)}.ipt-button:active{transform:scale(.99)}.ipt-button--primary{color:#fff;background-color:#1c77f7}.ipt-button--primary-disabled{color:gray;background-color:#fff;border:1px solid gray;box-shadow:none;cursor:not-allowed}.ipt-button--primary-disabled:hover{box-shadow:none;transform:translateY(0)}.ipt-button--secondary{color:#1c77f7;background-color:#fff;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.ipt-button--small{font-size:12px;padding:10px 16px}.ipt-button--medium{font-size:14px;padding:11px 20px}.ipt-button--large{font-size:16px;padding:12px 24px}\n"] }]
+        }], propDecorators: { primary: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], isEnabled: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLGVBQWU7SUFsQjVCO1FBb0JXLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDOUMsVUFBSyxHQUFXLFFBQVEsQ0FBQztRQUV6QixjQUFTLEdBQVksSUFBSSxDQUFDO1FBRXpCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBVS9DO0lBUkMsSUFBVyxPQUFPO1FBQ2hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJO1lBQ2xELENBQUMsQ0FBQyxxQkFBcUI7WUFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyw4QkFBOEI7Z0JBQzNELENBQUMsQ0FBQyx1QkFBdUIsQ0FBQztRQUU1QixPQUFPLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzFELENBQUM7OzRHQWpCVSxlQUFlO2dHQUFmLGVBQWUsbU1BaEJoQjs7Ozs7Ozs7Ozs7OztZQWFBOzJGQUdDLGVBQWU7a0JBbEIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7OztZQWFBOzhCQUtELE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgPGJ1dHRvbiAqbmdJZj1cImlzRW5hYmxlZFwiXG4gICAgdHlwZT1cInt7IGJ1dHRvblR5cGUgfX1cIlxuICAgIChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgW25nQ2xhc3NdPVwiY2xhc3Nlc1wiXG4gID5cbiAgICB7eyBsYWJlbCB9fVxuICA8L2J1dHRvbj5cblxuICA8YnV0dG9uICpuZ0lmPVwiIWlzRW5hYmxlZFwiXG4gICAgdHlwZT1cInt7IGJ1dHRvblR5cGUgfX1cIlxuICAgIFtuZ0NsYXNzXT1cImNsYXNzZXNcIlxuICA+XG4gICAge3sgbGFiZWwgfX1cbiAgPC9idXR0b24+YCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHByaW1hcnk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJ0J1dHRvbic7XG4gIEBJbnB1dCgpIGJ1dHRvblR5cGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzRW5hYmxlZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgbW9kZSA9IHRoaXMucHJpbWFyeSAmJiB0aGlzLmlzRW5hYmxlZCA9PT0gdHJ1ZVxuICAgICAgPyAnaXB0LWJ1dHRvbi0tcHJpbWFyeSdcbiAgICAgIDogdGhpcy5pc0VuYWJsZWQgPT09IGZhbHNlID8gJ2lwdC1idXR0b24tLXByaW1hcnktZGlzYWJsZWQnXG4gICAgICA6ICdpcHQtYnV0dG9uLS1zZWNvbmRhcnknO1xuXG4gICAgcmV0dXJuIFsnaXB0LWJ1dHRvbicsIGBpcHQtYnV0dG9uLS0ke3RoaXMuc2l6ZX1gLCBtb2RlXTtcbiAgfVxufVxuIl19

package/esm2020/lib/components/atoms/checkbox/checkbox.component.mjs

@@ -1,47 +1,47 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-export class CheckboxComponent {
-    constructor() {
-        this.checkboxOption = false;
-        this.onChecked = new EventEmitter();
-    }
-    set control(value) {
-        if (this.formControl !== value) {
-            this.formControl = value;
-        }
-    }
-}
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxComponent, selector: "ipt-checkbox", inputs: { checkboxOption: "checkboxOption", control: "control" }, outputs: { onChecked: "onChecked" }, ngImport: i0, template: `
-    <label class="cont">
-      <input
-        class="checkbox"
-        [formControl]="formControl"
-        [checked]="checkboxOption"
-        (click)="onChecked.emit($event)"
-        type="checkbox">
-      <span></span>
-    </label>
-  `, isInline: true, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"], directives: [{ type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-checkbox', template: `
-    <label class="cont">
-      <input
-        class="checkbox"
-        [formControl]="formControl"
-        [checked]="checkboxOption"
-        (click)="onChecked.emit($event)"
-        type="checkbox">
-      <span></span>
-    </label>
-  `, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"] }]
-        }], propDecorators: { checkboxOption: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], onChecked: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGlCQUFpQjtJQWhCOUI7UUFrQlcsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFPL0IsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FJakQ7SUFWQyxJQUFhLE9BQU8sQ0FBQyxLQUFzQjtRQUN6QyxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBb0IsQ0FBQztTQUN6QztJQUNILENBQUM7OzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDJKQWRsQjs7Ozs7Ozs7OztHQVVUOzJGQUlVLGlCQUFpQjtrQkFoQjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7O0dBVVQ7OEJBTVEsY0FBYztzQkFBdEIsS0FBSztnQkFDTyxPQUFPO3NCQUFuQixLQUFLO2dCQU1JLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGxhYmVsIGNsYXNzPVwiY29udFwiPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICBjbGFzcz1cImNoZWNrYm94XCJcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG4gICAgICAgIFtjaGVja2VkXT1cImNoZWNrYm94T3B0aW9uXCJcclxuICAgICAgICAoY2xpY2spPVwib25DaGVja2VkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCI+XHJcbiAgICAgIDxzcGFuPjwvc3Bhbj5cclxuICAgIDwvbGFiZWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgY2hlY2tib3hPcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XHJcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIG9uQ2hlY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcblxyXG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XHJcblxyXG59XHJcbiJdfQ==
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class CheckboxComponent {
+    constructor() {
+        this.checkboxOption = false;
+        this.onChecked = new EventEmitter();
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+}
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxComponent, selector: "ipt-checkbox", inputs: { checkboxOption: "checkboxOption", control: "control" }, outputs: { onChecked: "onChecked" }, ngImport: i0, template: `
+    <label class="cont">
+      <input
+        class="checkbox"
+        [formControl]="formControl"
+        [checked]="checkboxOption"
+        (click)="onChecked.emit($event)"
+        type="checkbox">
+      <span></span>
+    </label>
+  `, isInline: true, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"], directives: [{ type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-checkbox', template: `
+    <label class="cont">
+      <input
+        class="checkbox"
+        [formControl]="formControl"
+        [checked]="checkboxOption"
+        (click)="onChecked.emit($event)"
+        type="checkbox">
+      <span></span>
+    </label>
+  `, styles: [".cont{display:flex;align-items:center;transform:scale(1)}@media screen and (min-width: 320px){input[type=checkbox]{height:1rem;width:1.1rem;margin:5px;display:inline-block;-webkit-appearance:none;appearance:none;position:relative;background-color:#1c77f733;border-radius:15%;cursor:pointer;overflow:hidden}input[type=checkbox]:after{content:\"\";display:block;height:.4rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white;opacity:0;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:20%;transition:.25s ease}input[type=checkbox]:before{content:\"\";display:block;height:0;width:0;background-color:#1c77f7;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;transition:.3s ease}input[type=checkbox]:checked:before{height:130%;width:130%;opacity:100%}input[type=checkbox]:checked:after{opacity:100%}span{font-size:1rem}}@media screen and (min-width: 375px){input[type=checkbox]{height:1.2rem;width:1.3rem}input[type=checkbox]:after{height:.5rem;width:.2rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}@media screen and (min-width: 1024px){input[type=checkbox]{height:1.3rem;width:1.4rem}input[type=checkbox]:after{height:.6rem;width:.3rem;border-bottom:.21rem solid white;border-right:.21rem solid white}}\n"] }]
+        }], propDecorators: { checkboxOption: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], onChecked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGlCQUFpQjtJQWhCOUI7UUFrQlcsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFPL0IsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FJakQ7SUFWQyxJQUFhLE9BQU8sQ0FBQyxLQUFzQjtRQUN6QyxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBb0IsQ0FBQztTQUN6QztJQUNILENBQUM7OzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDJKQWRsQjs7Ozs7Ozs7OztHQVVUOzJGQUlVLGlCQUFpQjtrQkFoQjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7O0dBVVQ7OEJBTVEsY0FBYztzQkFBdEIsS0FBSztnQkFDTyxPQUFPO3NCQUFuQixLQUFLO2dCQU1JLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1jaGVja2JveCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGxhYmVsIGNsYXNzPVwiY29udFwiPlxuICAgICAgPGlucHV0XG4gICAgICAgIGNsYXNzPVwiY2hlY2tib3hcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBbY2hlY2tlZF09XCJjaGVja2JveE9wdGlvblwiXG4gICAgICAgIChjbGljayk9XCJvbkNoZWNrZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCI+XG4gICAgICA8c3Bhbj48L3NwYW4+XG4gICAgPC9sYWJlbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgY2hlY2tib3hPcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xuICAgIH1cbiAgfVxuXG4gIEBPdXRwdXQoKSBvbkNoZWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG5cbn1cbiJdfQ==

package/esm2020/lib/components/atoms/datalist/datalist.component.mjs

@@ -1,94 +1,94 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/common";
-export class DatalistComponent {
-    constructor(fb) {
-        this.disabledSel = false;
-        this.isChanged = new EventEmitter();
-        this.clicked = false;
-    }
-    optionChanged(event) {
-        let selectOption = this.datalistData.find(element => element.name == event.target.value);
-        if (typeof (selectOption) != 'undefined') {
-            this.isChanged.emit(selectOption.code);
-        }
-        else {
-            this.isChanged.emit('-1');
-        }
-    }
-    click(value) {
-        this.clicked = value.isTrusted;
-    }
-    setDataListValue() {
-        let selectOption = this.datalistData.find(element => element.code == this.initalData);
-        if (typeof (selectOption) != 'undefined') {
-            return selectOption.name;
-        }
-        else {
-            return '';
-        }
-    }
-    get labelClass() {
-        return this.clicked === false ? 'label' : 'labelUp';
-    }
-}
-DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
-    <div class="input-container">
-      <label [ngClass]="labelClass">{{ placeHolder }}</label>
-      <input
-        type="text"
-        class="input"
-        (click)="click($event)"
-        [attr.list]="datalistId"
-        (change)="optionChanged($event)"
-        [disabled]="disabledSel"
-        [value]="setDataListValue()"
-      />
-
-      <datalist id="{{ datalistId }}">
-        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
-          {{item.id_card}} {{item.name}}
-        </option>
-      </datalist>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-datalist', template: `
-    <div class="input-container">
-      <label [ngClass]="labelClass">{{ placeHolder }}</label>
-      <input
-        type="text"
-        class="input"
-        (click)="click($event)"
-        [attr.list]="datalistId"
-        (change)="optionChanged($event)"
-        [disabled]="disabledSel"
-        [value]="setDataListValue()"
-      />
-
-      <datalist id="{{ datalistId }}">
-        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
-          {{item.id_card}} {{item.name}}
-        </option>
-      </datalist>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { datalistId: [{
-                type: Input
-            }], datalistData: [{
-                type: Input
-            }], placeHolder: [{
-                type: Input
-            }], validateText: [{
-                type: Input
-            }], initalData: [{
-                type: Input
-            }], disabledSel: [{
-                type: Input
-            }], isChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkJqRyxNQUFNLE9BQU8saUJBQWlCO0lBYTVCLFlBQVksRUFBZTtRQU5sQixnQkFBVyxHQUFXLEtBQUssQ0FBQztRQUUzQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxZQUFPLEdBQVksS0FBSyxDQUFDO0lBR3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQXhDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2UUF0QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzJGQUdVLGlCQUFpQjtrQkF4QjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO2tHQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcclxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxyXG4gICAgICAgIChjaGFuZ2UpPVwib3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRTZWxcIlxyXG4gICAgICAgIFt2YWx1ZV09XCJzZXREYXRhTGlzdFZhbHVlKClcIlxyXG4gICAgICAvPlxyXG5cclxuICAgICAgPGRhdGFsaXN0IGlkPVwie3sgZGF0YWxpc3RJZCB9fVwiPlxyXG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxyXG4gICAgICAgICAge3tpdGVtLmlkX2NhcmR9fSB7e2l0ZW0ubmFtZX19XHJcbiAgICAgICAgPC9vcHRpb24+XHJcbiAgICAgIDwvZGF0YWxpc3Q+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YWxpc3RDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhbGlzdElkITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGFsaXN0RGF0YSE6IGFueVtdO1xyXG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBpbml0YWxEYXRhITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjbGlja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGZiOiBGb3JtQnVpbGRlcikge1xyXG4gIH1cclxuXHJcbiAgb3B0aW9uQ2hhbmdlZChldmVudDogYW55KSB7XHJcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50Lm5hbWUgPT0gZXZlbnQudGFyZ2V0LnZhbHVlKTtcclxuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xyXG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KHNlbGVjdE9wdGlvbi5jb2RlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xyXG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xyXG4gIH1cclxuXHJcbiAgc2V0RGF0YUxpc3RWYWx1ZSgpIHtcclxuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xyXG4gICAgaWYgKHR5cGVvZihzZWxlY3RPcHRpb24pICE9ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgIHJldHVybiBzZWxlY3RPcHRpb24ubmFtZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xyXG4gIH1cclxufVxyXG4iXX0=
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+export class DatalistComponent {
+    constructor(fb) {
+        this.disabledSel = false;
+        this.isChanged = new EventEmitter();
+        this.clicked = false;
+    }
+    optionChanged(event) {
+        let selectOption = this.datalistData.find(element => element.name == event.target.value);
+        if (typeof (selectOption) != 'undefined') {
+            this.isChanged.emit(selectOption.code);
+        }
+        else {
+            this.isChanged.emit('-1');
+        }
+    }
+    click(value) {
+        this.clicked = value.isTrusted;
+    }
+    setDataListValue() {
+        let selectOption = this.datalistData.find(element => element.code == this.initalData);
+        if (typeof (selectOption) != 'undefined') {
+            return selectOption.name;
+        }
+        else {
+            return '';
+        }
+    }
+    get labelClass() {
+        return this.clicked === false ? 'label' : 'labelUp';
+    }
+}
+DatalistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: DatalistComponent, selector: "ipt-datalist", inputs: { datalistId: "datalistId", datalistData: "datalistData", placeHolder: "placeHolder", validateText: "validateText", initalData: "initalData", disabledSel: "disabledSel" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
+    <div class="input-container">
+      <label [ngClass]="labelClass">{{ placeHolder }}</label>
+      <input
+        type="text"
+        class="input"
+        (click)="click($event)"
+        [attr.list]="datalistId"
+        (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        [value]="setDataListValue()"
+      />
+
+      <datalist id="{{ datalistId }}">
+        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
+          {{item.id_card}} {{item.name}}
+        </option>
+      </datalist>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: DatalistComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-datalist', template: `
+    <div class="input-container">
+      <label [ngClass]="labelClass">{{ placeHolder }}</label>
+      <input
+        type="text"
+        class="input"
+        (click)="click($event)"
+        [attr.list]="datalistId"
+        (change)="optionChanged($event)"
+        [disabled]="disabledSel"
+        [value]="setDataListValue()"
+      />
+
+      <datalist id="{{ datalistId }}">
+        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
+          {{item.id_card}} {{item.name}}
+        </option>
+      </datalist>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative;margin-top:30px}.input{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:10px 10px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background-color:#fff}.input:hover{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.input:focus{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:0s;border:1.5px solid #1c77f7}.label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:7px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.labelUp{color:#1c77f7;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:20px;top:-20px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { datalistId: [{
+                type: Input
+            }], datalistData: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], validateText: [{
+                type: Input
+            }], initalData: [{
+                type: Input
+            }], disabledSel: [{
+                type: Input
+            }], isChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7O0FBMkJqRyxNQUFNLE9BQU8saUJBQWlCO0lBYTVCLFlBQVksRUFBZTtRQU5sQixnQkFBVyxHQUFXLEtBQUssQ0FBQztRQUUzQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxZQUFPLEdBQVksS0FBSyxDQUFDO0lBR3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDMUI7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQXhDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2UUF0QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzJGQUdVLGlCQUFpQjtrQkF4QjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO2tHQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1kYXRhbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cImxhYmVsQ2xhc3NcIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxuICAgICAgICAoY2hhbmdlKT1cIm9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFNlbFwiXG4gICAgICAgIFt2YWx1ZV09XCJzZXREYXRhTGlzdFZhbHVlKClcIlxuICAgICAgLz5cblxuICAgICAgPGRhdGFsaXN0IGlkPVwie3sgZGF0YWxpc3RJZCB9fVwiPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFsaXN0RGF0YTsgaW5kZXggYXMgaVwiIFt2YWx1ZV09XCJpdGVtLm5hbWVcIj5cbiAgICAgICAgICB7e2l0ZW0uaWRfY2FyZH19IHt7aXRlbS5uYW1lfX1cbiAgICAgICAgPC9vcHRpb24+XG4gICAgICA8L2RhdGFsaXN0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhbGlzdC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YWxpc3RDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGRhdGFsaXN0SWQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRhdGFsaXN0RGF0YSE6IGFueVtdO1xuICBASW5wdXQoKSBwbGFjZUhvbGRlciE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsaWRhdGVUZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSBpbml0YWxEYXRhITogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZFNlbDpib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGlzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIpIHtcbiAgfVxuXG4gIG9wdGlvbkNoYW5nZWQoZXZlbnQ6IGFueSkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQubmFtZSA9PSBldmVudC50YXJnZXQudmFsdWUpO1xuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5pc0NoYW5nZWQuZW1pdChzZWxlY3RPcHRpb24uY29kZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBzZXREYXRhTGlzdFZhbHVlKCkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgcmV0dXJuIHNlbGVjdE9wdGlvbi5uYW1lO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG59XG4iXX0=