iptdevs-design-system 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# DesignSystem
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project design-system` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project design-system`.
+> Note: Don't forget to add `--project design-system` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build design-system` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build design-system`, go to the dist folder `cd dist/design-system` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test design-system` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/design-system-ipt.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="design-system-ipt" />
+export * from './public-api';

package/esm2020/design-system-ipt.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduLXN5c3RlbS1pcHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL3NyYy9kZXNpZ24tc3lzdGVtLWlwdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

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

@@ -0,0 +1,56 @@
+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", type: "type", url: "url", textColor: "textColor", 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 [ngStyle]="{'color': textColor}">{{ text }}</p>
+      </a>
+
+      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p [ngStyle]="{'color': textColor}">{{ 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}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}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"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+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 [ngStyle]="{'color': textColor}">{{ text }}</p>
+      </a>
+
+      <a *ngSwitchCase="1" class="flex-item-menu__link flex-item-active" (click)="clickAction()">
+        <img src="{{ icon }}" alt="icon_url" />
+        <p [ngStyle]="{'color': textColor}">{{ 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}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}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
+            }], type: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], buttonActive: [{
+                type: Input
+            }], isClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2FzaWRlLWJ1dHRvbi9hc2lkZS1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CdkUsTUFBTSxPQUFPLG9CQUFvQjtJQWxCakM7UUF5QlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FPbkQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBWlUsb0JBQW9CO3FHQUFwQixvQkFBb0IscU5BaEJyQjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBSVUsb0JBQW9CO2tCQWxCaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7OztHQVlUOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWFzaWRlLWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbbmdTd2l0Y2hdPVwiYnV0dG9uQWN0aXZlXCI+XG4gICAgICA8YSAqbmdTd2l0Y2hDYXNlPVwiMFwiIGNsYXNzPVwiZmxleC1pdGVtLW1lbnVfX2xpbmtcIiAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiPlxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XG4gICAgICAgIDxwIFtuZ1N0eWxlXT1cInsnY29sb3InOiB0ZXh0Q29sb3J9XCI+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvYT5cblxuICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIjFcIiBjbGFzcz1cImZsZXgtaXRlbS1tZW51X19saW5rIGZsZXgtaXRlbS1hY3RpdmVcIiAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiPlxuICAgICAgICA8aW1nIHNyYz1cInt7IGljb24gfX1cIiBhbHQ9XCJpY29uX3VybFwiIC8+XG4gICAgICAgIDxwIFtuZ1N0eWxlXT1cInsnY29sb3InOiB0ZXh0Q29sb3J9XCI+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYXNpZGUtYnV0dG9uLmNzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgQXNpZGVCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBpY29uITogc3RyaW5nO1xuICBASW5wdXQoKSB0ZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSB0eXBlITogc3RyaW5nO1xuICBASW5wdXQoKSB1cmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRDb2xvciE6IHN0cmluZ1xuICBASW5wdXQoKSBidXR0b25BY3RpdmU/OiBib29sZWFuO1xuICBAT3V0cHV0KCkgaXNDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG5cbiAgY2xpY2tBY3Rpb24oKSB7XG4gICAgdGhpcy5pc0NsaWNrZWQuZW1pdCh0cnVlKTtcbiAgfVxuXG59XG4iXX0=

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

@@ -0,0 +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", isEnabled: "isEnabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `<button *ngIf="isEnabled"
+    type="button"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>
+
+  <button *ngIf="!isEnabled"
+    type="button"
+    (click)="onClick.emit($event)"
+    [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}.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="button"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+  >
+    {{ label }}
+  </button>
+
+  <button *ngIf="!isEnabled"
+    type="button"
+    (click)="onClick.emit($event)"
+    [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}.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
+            }], isEnabled: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXFCdkUsTUFBTSxPQUFPLGVBQWU7SUFuQjVCO1FBcUJXLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDOUMsVUFBSyxHQUFXLFFBQVEsQ0FBQztRQUN6QixjQUFTLEdBQVksSUFBSSxDQUFDO1FBRXpCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBVS9DO0lBUkMsSUFBVyxPQUFPO1FBQ2hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJO1lBQ2xELENBQUMsQ0FBQyxxQkFBcUI7WUFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyw4QkFBOEI7Z0JBQzNELENBQUMsQ0FBQyx1QkFBdUIsQ0FBQztRQUU1QixPQUFPLENBQUMsWUFBWSxFQUFFLGVBQWUsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzFELENBQUM7OzRHQWhCVSxlQUFlO2dHQUFmLGVBQWUseUtBakJoQjs7Ozs7Ozs7Ozs7Ozs7WUFjQTsyRkFHQyxlQUFlO2tCQW5CM0IsU0FBUzsrQkFDRSxZQUFZLFlBQ1o7Ozs7Ozs7Ozs7Ozs7O1lBY0E7OEJBS0QsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgPGJ1dHRvbiAqbmdJZj1cImlzRW5hYmxlZFwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICBbbmdDbGFzc109XCJjbGFzc2VzXCJcbiAgPlxuICAgIHt7IGxhYmVsIH19XG4gIDwvYnV0dG9uPlxuXG4gIDxidXR0b24gKm5nSWY9XCIhaXNFbmFibGVkXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAoY2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxuICAgIFtuZ0NsYXNzXT1cImNsYXNzZXNcIlxuICA+XG4gICAge3sgbGFiZWwgfX1cbiAgPC9idXR0b24+YCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHByaW1hcnk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJ0J1dHRvbic7XG4gIEBJbnB1dCgpIGlzRW5hYmxlZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgbW9kZSA9IHRoaXMucHJpbWFyeSAmJiB0aGlzLmlzRW5hYmxlZCA9PT0gdHJ1ZVxuICAgICAgPyAnaXB0LWJ1dHRvbi0tcHJpbWFyeSdcbiAgICAgIDogdGhpcy5pc0VuYWJsZWQgPT09IGZhbHNlID8gJ2lwdC1idXR0b24tLXByaW1hcnktZGlzYWJsZWQnXG4gICAgICA6ICdpcHQtYnV0dG9uLS1zZWNvbmRhcnknO1xuXG4gICAgcmV0dXJuIFsnaXB0LWJ1dHRvbicsIGBpcHQtYnV0dG9uLS0ke3RoaXMuc2l6ZX1gLCBtb2RlXTtcbiAgfVxufVxuIl19

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

@@ -0,0 +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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGlCQUFpQjtJQWhCOUI7UUFrQlcsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFPL0IsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FJakQ7SUFWQyxJQUFhLE9BQU8sQ0FBQyxLQUFzQjtRQUN6QyxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBb0IsQ0FBQztTQUN6QztJQUNILENBQUM7OzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDJKQWRsQjs7Ozs7Ozs7OztHQVVUOzJGQUlVLGlCQUFpQjtrQkFoQjdCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7O0dBVVQ7OEJBTVEsY0FBYztzQkFBdEIsS0FBSztnQkFDTyxPQUFPO3NCQUFuQixLQUFLO2dCQU1JLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1Db250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1jaGVja2JveCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGxhYmVsIGNsYXNzPVwiY29udFwiPlxuICAgICAgPGlucHV0XG4gICAgICAgIGNsYXNzPVwiY2hlY2tib3hcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBbY2hlY2tlZF09XCJjaGVja2JveE9wdGlvblwiXG4gICAgICAgIChjbGljayk9XCJvbkNoZWNrZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCI+XG4gICAgICA8c3Bhbj48L3NwYW4+XG4gICAgPC9sYWJlbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgY2hlY2tib3hPcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xuICAgIH1cbiAgfVxuXG4gIEBPdXRwdXQoKSBvbkNoZWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,90 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Validators } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+export class DatalistComponent {
+    constructor(fb) {
+        this.isChanged = new EventEmitter();
+        this.clicked = false;
+        this.formControl = fb.group({
+            dataListControl: ['', [Validators.required]],
+        });
+    }
+    ngOnInit() {
+        if (this.initalData != null) {
+            this.formControl.controls['dataListControl'].setValue(this.initalData);
+        }
+    }
+    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');
+            this.formControl.controls['dataListControl'].setValue(null);
+        }
+    }
+    click(value) {
+        this.clicked = value.isTrusted;
+    }
+    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" }, outputs: { isChanged: "isChanged" }, ngImport: i0, template: `
+    <div class="input-container">
+      <label [ngClass]="labelClass">{{ placeHolder }}</label>
+      <input
+        type="text"
+        class="input"
+        placeholder="{{ placeHolder }}"
+        (click)="click($event)"
+        [attr.list]="datalistId"
+        (change)="optionChanged($event)"
+      />
+
+      <datalist id="{{ datalistId }}">
+        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
+          {{item.name}} {{item.last_name}}
+        </option>
+      </datalist>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:15px -5px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background:transparent}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:5px;top:-20px;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:5px;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"
+        placeholder="{{ placeHolder }}"
+        (click)="click($event)"
+        [attr.list]="datalistId"
+        (change)="optionChanged($event)"
+      />
+
+      <datalist id="{{ datalistId }}">
+        <option *ngFor="let item of datalistData; index as i" [value]="item.name">
+          {{item.name}} {{item.last_name}}
+        </option>
+      </datalist>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}.input-container{position:relative}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;border:none;outline:none;display:block;transition:.2s;font-weight:300;margin:15px -5px -30px;width:-webkit-fill-available;width:-moz-available;height:28px;padding-left:10px;background:transparent}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:5px;top:-20px;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:5px;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
+            }], isChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFnRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQXlCMUcsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixZQUFZLEVBQWU7UUFMakIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHakQsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUd2QixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDMUIsZUFBZSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzdDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRixRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksRUFBRTtZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDeEU7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBRSxPQUFPLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFMUYsSUFBSSxPQUFNLENBQUMsWUFBWSxDQUFDLElBQUksV0FBVyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN4QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDN0Q7SUFDSCxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQTFDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpUEFyQmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQ7MkZBR1UsaUJBQWlCO2tCQXZCN0IsU0FBUzsrQkFDRSxjQUFjLFlBQ2Q7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCVDtrR0FLUSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCI+XG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cInt7IHBsYWNlSG9sZGVyIH19XCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIlxuICAgICAgICBbYXR0ci5saXN0XT1cImRhdGFsaXN0SWRcIlxuICAgICAgICAoY2hhbmdlKT1cIm9wdGlvbkNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAvPlxuXG4gICAgICA8ZGF0YWxpc3QgaWQ9XCJ7eyBkYXRhbGlzdElkIH19XCI+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxuICAgICAgICAgIHt7aXRlbS5uYW1lfX0ge3tpdGVtLmxhc3RfbmFtZX19XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgPC9kYXRhbGlzdD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YWxpc3QuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERhdGFsaXN0Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBkYXRhbGlzdElkITogc3RyaW5nO1xuICBASW5wdXQoKSBkYXRhbGlzdERhdGEhOiBhbnlbXTtcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dCE6IHN0cmluZztcbiAgQElucHV0KCkgaW5pdGFsRGF0YSE6IHN0cmluZztcblxuICBAT3V0cHV0KCkgaXNDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgZm9ybUNvbnRyb2whOiBGb3JtR3JvdXA7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIpIHtcbiAgICB0aGlzLmZvcm1Db250cm9sID0gZmIuZ3JvdXAoe1xuICAgICAgZGF0YUxpc3RDb250cm9sOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgfSk7XG4gICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYodGhpcy5pbml0YWxEYXRhICE9IG51bGwpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wuY29udHJvbHNbJ2RhdGFMaXN0Q29udHJvbCddLnNldFZhbHVlKHRoaXMuaW5pdGFsRGF0YSk7XG4gICAgfVxuICB9XG5cbiAgb3B0aW9uQ2hhbmdlZChldmVudDogYW55KSB7XG4gICAgbGV0IHNlbGVjdE9wdGlvbiA9IHRoaXMuZGF0YWxpc3REYXRhLmZpbmQoZWxlbWVudCA9PiAgZWxlbWVudC5uYW1lID09IGV2ZW50LnRhcmdldC52YWx1ZSk7XG5cbiAgICBpZiAodHlwZW9mKHNlbGVjdE9wdGlvbikgIT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoc2VsZWN0T3B0aW9uLmNvZGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KCctMScpO1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5jb250cm9sc1snZGF0YUxpc3RDb250cm9sJ10uc2V0VmFsdWUobnVsbCk7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGxhYmVsQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jbGlja2VkID09PSBmYWxzZSA/ICdsYWJlbCcgOiAnbGFiZWxVcCc7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/components/input/input.component.mjs

@@ -0,0 +1,147 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export class InputComponent {
+    constructor() {
+        this.data = [];
+        this.clicked = false;
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+    click(value) {
+        this.clicked = value.isTrusted;
+    }
+}
+InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: InputComponent, selector: "ipt-input", inputs: { inputType: "inputType", placeHolder: "placeHolder", validateText: "validateText", list: "list", iconUrl: "iconUrl", control: "control" }, ngImport: i0, template: `
+    <div class="input-container">
+      <input *ngIf="inputType === 'date'"
+        placeholder="{{ placeHolder }}"
+        class="input"
+        type="{{ inputType ? 'text' : 'date' }}"
+        [formControl]="formControl"
+        onfocus="this.type='date';"
+        onblur="javascript: if( !this.value ) this.type='text';"
+        uib-datepicker-popup="dd/MM/yyyy"
+        ng-model="inputType"/>
+
+      <input *ngIf="inputType !== 'date' && inputType !== 'time'"
+        placeholder="{{ placeHolder }}"
+        class="input"
+        [ngStyle]="{
+          'box-shadow':
+          formControl.value === ''
+          ? 'box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;'
+          : formControl.valid
+          ? '1px 1px 7.5px #1b5e20'
+          : '1px 1px 7.5px #b71c1c'
+        }"
+        class="input"
+        type="{{ inputType }}"
+        [formControl]="formControl"
+        [attr.list]="list"/>
+
+        <input *ngIf="inputType === 'time'"
+          class="input"
+          type="time"
+          [formControl]="formControl"
+          [min]="'06:00:00'"
+          max="22:00:00"
+          step="900"
+          autocomplete="on"
+          value="08:00:00"
+          (click)="click($event)"
+
+          [ngStyle]="{
+            'box-shadow':
+              formControl.value === ''
+                ? 'box-shadow: rgba(100, 100, 111, 0.2);'
+                : formControl.valid
+                ? '1px 1px 7.5px #1b5e20'
+                : '1px 1px 7.5px #b71c1c'
+          }"
+        />
+
+      <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
+
+      <p *ngIf="!formControl.valid && formControl.value !== '' && formControl.touched">
+        {{ validateText }}
+      </p>
+    </div>
+    `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px;margin-top:35px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:14px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:16px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;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:transparent;-webkit-appearance:none}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}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-input', template: `
+    <div class="input-container">
+      <input *ngIf="inputType === 'date'"
+        placeholder="{{ placeHolder }}"
+        class="input"
+        type="{{ inputType ? 'text' : 'date' }}"
+        [formControl]="formControl"
+        onfocus="this.type='date';"
+        onblur="javascript: if( !this.value ) this.type='text';"
+        uib-datepicker-popup="dd/MM/yyyy"
+        ng-model="inputType"/>
+
+      <input *ngIf="inputType !== 'date' && inputType !== 'time'"
+        placeholder="{{ placeHolder }}"
+        class="input"
+        [ngStyle]="{
+          'box-shadow':
+          formControl.value === ''
+          ? 'box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;'
+          : formControl.valid
+          ? '1px 1px 7.5px #1b5e20'
+          : '1px 1px 7.5px #b71c1c'
+        }"
+        class="input"
+        type="{{ inputType }}"
+        [formControl]="formControl"
+        [attr.list]="list"/>
+
+        <input *ngIf="inputType === 'time'"
+          class="input"
+          type="time"
+          [formControl]="formControl"
+          [min]="'06:00:00'"
+          max="22:00:00"
+          step="900"
+          autocomplete="on"
+          value="08:00:00"
+          (click)="click($event)"
+
+          [ngStyle]="{
+            'box-shadow':
+              formControl.value === ''
+                ? 'box-shadow: rgba(100, 100, 111, 0.2);'
+                : formControl.valid
+                ? '1px 1px 7.5px #1b5e20'
+                : '1px 1px 7.5px #b71c1c'
+          }"
+        />
+
+      <label [ngClass]="{'labelUp': formControl.value !== ''}">{{ placeHolder }}</label>
+
+      <p *ngIf="!formControl.valid && formControl.value !== '' && formControl.touched">
+        {{ validateText }}
+      </p>
+    </div>
+    `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){p{color:#c73a3a;font-size:12px;padding-left:15px;margin-top:35px}}@media screen and (min-width: 768px){p{color:#c73a3a;font-size:14px;padding-left:15px}}@media screen and (min-width: 1024px){p{color:#c73a3a;font-size:16px;padding-left:15px}}.input-container{position:relative;margin-top:30px}input{box-shadow:#64646f33 0 7px 29px;border-radius:10px;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:transparent;-webkit-appearance:none}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}.input:focus~label,.input:invalid~label{top:-20px;font-size:15px;color:#1c77f7}.labelUp{color:#999;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"] }]
+        }], propDecorators: { inputType: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], validateText: [{
+                type: Input
+            }], list: [{
+                type: Input
+            }], iconUrl: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFtQyxNQUFNLGVBQWUsQ0FBQzs7OztBQStEbEYsTUFBTSxPQUFPLGNBQWM7SUE1RDNCO1FBK0RFLFNBQUksR0FBVSxFQUFFLENBQUM7UUFFakIsWUFBTyxHQUFZLEtBQUssQ0FBQztLQWlCMUI7SUFWQyxJQUFhLE9BQU8sQ0FBQyxLQUErQjtRQUNsRCxJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBb0IsQ0FBQztTQUN6QztJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7OzJHQXBCVSxjQUFjOytGQUFkLGNBQWMscU1BMURmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBdURQOzJGQUdRLGNBQWM7a0JBNUQxQixTQUFTOytCQUNFLFdBQVcsWUFDWDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVEUDs4QkFVTSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBOZ0Zvcm0sIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1pbnB1dCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxuICAgICAgPGlucHV0ICpuZ0lmPVwiaW5wdXRUeXBlID09PSAnZGF0ZSdcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cInt7IHBsYWNlSG9sZGVyIH19XCJcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIHR5cGU9XCJ7eyBpbnB1dFR5cGUgPyAndGV4dCcgOiAnZGF0ZScgfX1cIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICBvbmZvY3VzPVwidGhpcy50eXBlPSdkYXRlJztcIlxuICAgICAgICBvbmJsdXI9XCJqYXZhc2NyaXB0OiBpZiggIXRoaXMudmFsdWUgKSB0aGlzLnR5cGU9J3RleHQnO1wiXG4gICAgICAgIHVpYi1kYXRlcGlja2VyLXBvcHVwPVwiZGQvTU0veXl5eVwiXG4gICAgICAgIG5nLW1vZGVsPVwiaW5wdXRUeXBlXCIvPlxuXG4gICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgIT09ICdkYXRlJyAmJiBpbnB1dFR5cGUgIT09ICd0aW1lJ1wiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwie3sgcGxhY2VIb2xkZXIgfX1cIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICdib3gtc2hhZG93JzpcbiAgICAgICAgICBmb3JtQ29udHJvbC52YWx1ZSA9PT0gJydcbiAgICAgICAgICA/ICdib3gtc2hhZG93OiByZ2JhKDEwMCwgMTAwLCAxMTEsIDAuMikgMHB4IDdweCAyOXB4IDBweDsnXG4gICAgICAgICAgOiBmb3JtQ29udHJvbC52YWxpZFxuICAgICAgICAgID8gJzFweCAxcHggNy41cHggIzFiNWUyMCdcbiAgICAgICAgICA6ICcxcHggMXB4IDcuNXB4ICNiNzFjMWMnXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgICAgdHlwZT1cInt7IGlucHV0VHlwZSB9fVwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwibGlzdFwiLz5cblxuICAgICAgICA8aW5wdXQgKm5nSWY9XCJpbnB1dFR5cGUgPT09ICd0aW1lJ1wiXG4gICAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgICAgdHlwZT1cInRpbWVcIlxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgW21pbl09XCInMDY6MDA6MDAnXCJcbiAgICAgICAgICBtYXg9XCIyMjowMDowMFwiXG4gICAgICAgICAgc3RlcD1cIjkwMFwiXG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib25cIlxuICAgICAgICAgIHZhbHVlPVwiMDg6MDA6MDBcIlxuICAgICAgICAgIChjbGljayk9XCJjbGljaygkZXZlbnQpXCJcblxuICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICdib3gtc2hhZG93JzpcbiAgICAgICAgICAgICAgZm9ybUNvbnRyb2wudmFsdWUgPT09ICcnXG4gICAgICAgICAgICAgICAgPyAnYm94LXNoYWRvdzogcmdiYSgxMDAsIDEwMCwgMTExLCAwLjIpOydcbiAgICAgICAgICAgICAgICA6IGZvcm1Db250cm9sLnZhbGlkXG4gICAgICAgICAgICAgICAgPyAnMXB4IDFweCA3LjVweCAjMWI1ZTIwJ1xuICAgICAgICAgICAgICAgIDogJzFweCAxcHggNy41cHggI2I3MWMxYydcbiAgICAgICAgICB9XCJcbiAgICAgICAgLz5cblxuICAgICAgPGxhYmVsIFtuZ0NsYXNzXT1cInsnbGFiZWxVcCc6IGZvcm1Db250cm9sLnZhbHVlICE9PSAnJ31cIj57eyBwbGFjZUhvbGRlciB9fTwvbGFiZWw+XG5cbiAgICAgIDxwICpuZ0lmPVwiIWZvcm1Db250cm9sLnZhbGlkICYmIGZvcm1Db250cm9sLnZhbHVlICE9PSAnJyAmJiBmb3JtQ29udHJvbC50b3VjaGVkXCI+XG4gICAgICAgIHt7IHZhbGlkYXRlVGV4dCB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICAgIGAsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dENvbXBvbmVudCB7XG5cbiAgcHVibGljIGNvZGVWYWx1ZSE6IHN0cmluZztcbiAgZGF0YTogYW55W10gPSBbXTtcbiAgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlucHV0VHlwZSE6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2VIb2xkZXIhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbGlkYXRlVGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgbGlzdD86IHN0cmluZzsgLy9QYXJhIGVsIGRhdGFsaXN0XG4gIEBJbnB1dCgpIGljb25Vcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNldCBjb250cm9sKHZhbHVlOiBBYnN0cmFjdENvbnRyb2wgfCBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wgPSB2YWx1ZSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG4gIH1cblxuICBjbGljayh2YWx1ZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xpY2tlZCA9IHZhbHVlLmlzVHJ1c3RlZDtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/components/radio/radio.component.mjs

@@ -0,0 +1,47 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class RadioComponent {
+    constructor() {
+        this.radioOption = false;
+        this.onSelected = new EventEmitter();
+    }
+    set control(value) {
+        if (this.formControl !== value) {
+            this.formControl = value;
+        }
+    }
+}
+RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: RadioComponent, selector: "ipt-radio", inputs: { radioOption: "radioOption", control: "control" }, outputs: { onSelected: "onSelected" }, ngImport: i0, template: `
+    <label class="cont">
+      <input
+        class="radio"
+        [formControl]="formControl"
+        [checked]="radioOption"
+        (click)="onSelected.emit($event)"
+        type="radio">
+      <span></span>
+    </label>
+  `, isInline: true, styles: [""], directives: [{ type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: RadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-radio', template: `
+    <label class="cont">
+      <input
+        class="radio"
+        [formControl]="formControl"
+        [checked]="radioOption"
+        (click)="onSelected.emit($event)"
+        type="radio">
+      <span></span>
+    </label>
+  `, styles: [""] }]
+        }], propDecorators: { radioOption: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], onSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGNBQWM7SUFoQjNCO1FBa0JXLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBTzVCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBSWxEO0lBVkMsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDOzsyR0FQVSxjQUFjOytGQUFkLGNBQWMsb0pBZGY7Ozs7Ozs7Ozs7R0FVVDsyRkFJVSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7R0FVVDs4QkFNUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXJhZGlvJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bGFiZWwgY2xhc3M9XCJjb250XCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY2xhc3M9XCJyYWRpb1wiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFtjaGVja2VkXT1cInJhZGlvT3B0aW9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0ZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgdHlwZT1cInJhZGlvXCI+XG4gICAgICA8c3Bhbj48L3NwYW4+XG4gICAgPC9sYWJlbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8uY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcmFkaW9PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xuICAgIH1cbiAgfVxuXG4gIEBPdXRwdXQoKSBvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xuXG59XG4iXX0=