iptdevs-design-system 2.7.26 → 2.7.28

package/esm2020/lib/components/atoms/level-button/level-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 LevelButtonComponent {
-    constructor() {
-        this.isClicked = new EventEmitter();
-    }
-    clickAction() {
-        this.isClicked.emit(true);
-    }
-}
-LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelButtonComponent, selector: "ipt-level-button", inputs: { level: "level", buttonActive: "buttonActive", idColor: "idColor" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
-    <div [ngSwitch]="buttonActive">
-      <button
-        *ngSwitchCase="0"
-        (click)="clickAction()"
-        id="level"
-        class="courses"
-      >
-      <p class="p-level">{{ level }}</p>
-      </button>
-
-      <button
-        *ngSwitchCase="1"
-        (click)="clickAction()"
-        id="{{ idColor }}"
-        class="courses">
-      <p class="p-level p-level-active">{{ level }}</p>
-      </button>
-    </div>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\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: LevelButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-level-button', template: `
-    <div [ngSwitch]="buttonActive">
-      <button
-        *ngSwitchCase="0"
-        (click)="clickAction()"
-        id="level"
-        class="courses"
-      >
-      <p class="p-level">{{ level }}</p>
-      </button>
-
-      <button
-        *ngSwitchCase="1"
-        (click)="clickAction()"
-        id="{{ idColor }}"
-        class="courses">
-      <p class="p-level p-level-active">{{ level }}</p>
-      </button>
-    </div>
-  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"] }]
-        }], propDecorators: { level: [{
-                type: Input
-            }], buttonActive: [{
-                type: Input
-            }], idColor: [{
-                type: Input
-            }], isClicked: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xldmVsLWJ1dHRvbi9sZXZlbC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQTJCdkUsTUFBTSxPQUFPLG9CQUFvQjtJQXpCakM7UUE4QlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FNbkQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBVFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsMktBdkJyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDsyRkFJVSxvQkFBb0I7a0JBekJoQyxTQUFTOytCQUNFLGtCQUFrQixZQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lwdC1sZXZlbC1idXR0b24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgW25nU3dpdGNoXT1cImJ1dHRvbkFjdGl2ZVwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiMFwiXG4gICAgICAgIChjbGljayk9XCJjbGlja0FjdGlvbigpXCJcbiAgICAgICAgaWQ9XCJsZXZlbFwiXG4gICAgICAgIGNsYXNzPVwiY291cnNlc1wiXG4gICAgICA+XG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWxcIj57eyBsZXZlbCB9fTwvcD5cbiAgICAgIDwvYnV0dG9uPlxuXG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCIxXCJcbiAgICAgICAgKGNsaWNrKT1cImNsaWNrQWN0aW9uKClcIlxuICAgICAgICBpZD1cInt7IGlkQ29sb3IgfX1cIlxuICAgICAgICBjbGFzcz1cImNvdXJzZXNcIj5cbiAgICAgIDxwIGNsYXNzPVwicC1sZXZlbCBwLWxldmVsLWFjdGl2ZVwiPnt7IGxldmVsIH19PC9wPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2xldmVsLWJ1dHRvbi5jc3MnXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBMZXZlbEJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbGV2ZWwhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJ1dHRvbkFjdGl2ZSE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlkQ29sb3IhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBpc0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgY2xpY2tBY3Rpb24oKSB7XG4gICAgdGhpcy5pc0NsaWNrZWQuZW1pdCh0cnVlKTtcbiAgfVxuXG59XG4iXX0=
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class LevelButtonComponent {
+    constructor() {
+        this.isClicked = new EventEmitter();
+    }
+    clickAction() {
+        this.isClicked.emit(true);
+    }
+}
+LevelButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LevelButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelButtonComponent, selector: "ipt-level-button", inputs: { level: "level", buttonActive: "buttonActive", idColor: "idColor" }, outputs: { isClicked: "isClicked" }, ngImport: i0, template: `
+    <div [ngSwitch]="buttonActive">
+      <button
+        *ngSwitchCase="0"
+        (click)="clickAction()"
+        id="level"
+        class="courses"
+      >
+      <p class="p-level">{{ level }}</p>
+      </button>
+
+      <button
+        *ngSwitchCase="1"
+        (click)="clickAction()"
+        id="{{ idColor }}"
+        class="courses">
+      <p class="p-level p-level-active">{{ level }}</p>
+      </button>
+    </div>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\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: LevelButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-level-button', template: `
+    <div [ngSwitch]="buttonActive">
+      <button
+        *ngSwitchCase="0"
+        (click)="clickAction()"
+        id="level"
+        class="courses"
+      >
+      <p class="p-level">{{ level }}</p>
+      </button>
+
+      <button
+        *ngSwitchCase="1"
+        (click)="clickAction()"
+        id="{{ idColor }}"
+        class="courses">
+      <p class="p-level p-level-active">{{ level }}</p>
+      </button>
+    </div>
+  `, styles: ["*{font-family:Poppins,sans-serif}@media (min-width: 320px){.courses{cursor:pointer;text-decoration:none;display:flex;border-radius:6px;width:100%;height:30px;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset;border:none;outline:none;align-items:center;background-color:transparent;color:#1c77f7}.p-level{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}#level-1{background-color:#02eed8}#level-2{background-color:#61acff}#level-3{background-color:#f168f4}#level-4{background-color:#ff3737}#level-5{background-color:#004dfa}#level-6{background-color:#14c25a}#level-7{background-color:#a052da}#level-8{background-color:#f2583d}#level-9{background-color:#291d26}#level-10{background-color:#1c77f7}.p-level-active{color:#fff}}@media (min-width: 375px){.courses{height:40px}.p-level{font-size:18px}}@media (min-width: 425px){.courses{height:30px}}@media (min-width: 768px){.courses{height:40px}}@media (min-width: 1024px){.courses{transition:.6s}.courses:active{transform:scale(1.05);box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.p-level{font-weight:700}}@media (min-width: 1440px){.p-level{font-weight:600}}\n"] }]
+        }], propDecorators: { level: [{
+                type: Input
+            }], buttonActive: [{
+                type: Input
+            }], idColor: [{
+                type: Input
+            }], isClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xldmVsLWJ1dHRvbi9sZXZlbC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQTJCdkUsTUFBTSxPQUFPLG9CQUFvQjtJQXpCakM7UUE4QlksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FNbkQ7SUFKQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7aUhBVFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsMktBdkJyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDsyRkFJVSxvQkFBb0I7a0JBekJoQyxTQUFTOytCQUNFLGtCQUFrQixZQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lwdC1sZXZlbC1idXR0b24nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IFtuZ1N3aXRjaF09XCJidXR0b25BY3RpdmVcIj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCIwXCJcclxuICAgICAgICAoY2xpY2spPVwiY2xpY2tBY3Rpb24oKVwiXHJcbiAgICAgICAgaWQ9XCJsZXZlbFwiXHJcbiAgICAgICAgY2xhc3M9XCJjb3Vyc2VzXCJcclxuICAgICAgPlxyXG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWxcIj57eyBsZXZlbCB9fTwvcD5cclxuICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIjFcIlxyXG4gICAgICAgIChjbGljayk9XCJjbGlja0FjdGlvbigpXCJcclxuICAgICAgICBpZD1cInt7IGlkQ29sb3IgfX1cIlxyXG4gICAgICAgIGNsYXNzPVwiY291cnNlc1wiPlxyXG4gICAgICA8cCBjbGFzcz1cInAtbGV2ZWwgcC1sZXZlbC1hY3RpdmVcIj57eyBsZXZlbCB9fTwvcD5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLWJ1dHRvbi5jc3MnXSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBMZXZlbEJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGxldmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkFjdGl2ZSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaWRDb2xvciE6IHN0cmluZztcclxuICBAT3V0cHV0KCkgaXNDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjbGlja0FjdGlvbigpIHtcclxuICAgIHRoaXMuaXNDbGlja2VkLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2020/lib/components/atoms/level-text/level-text.component.mjs

@@ -1,19 +1,19 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class LevelTextComponent {
-}
-LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
-    <p class="p-table-course">{{ level }}: {{ total }}</p>
-  `, isInline: true, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-level-button', template: `
-    <p class="p-table-course">{{ level }}: {{ total }}</p>
-  `, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] }]
-        }], propDecorators: { level: [{
-                type: Input
-            }], total: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF3QixNQUFNLGVBQWUsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9HQU5uQjs7R0FFVDsyRkFJVSxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0Usa0JBQWtCLFlBQ2xCOztHQUVUOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpcHQtbGV2ZWwtYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8cCBjbGFzcz1cInAtdGFibGUtY291cnNlXCI+e3sgbGV2ZWwgfX06IHt7IHRvdGFsIH19PC9wPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9sZXZlbC10ZXh0LmNzcyddLFxufSlcblxuZXhwb3J0IGNsYXNzIExldmVsVGV4dENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbGV2ZWwhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRvdGFsITogc3RyaW5nO1xuXG59XG4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LevelTextComponent {
+}
+LevelTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LevelTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LevelTextComponent, selector: "ipt-level-button", inputs: { level: "level", total: "total" }, ngImport: i0, template: `
+    <p class="p-table-course">{{ level }}: {{ total }}</p>
+  `, isInline: true, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LevelTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-level-button', template: `
+    <p class="p-table-course">{{ level }}: {{ total }}</p>
+  `, styles: ["@media (min-width: 320px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 375px){.p-table-course{background-color:#4b4a4a;color:#fff;font-size:14px;font-weight:700;padding:5px;width:100%;text-align:center}}@media (min-width: 425px){.p-table-course{font-size:18px}}@media (min-width: 1024px){.p-table-course{font-size:20px}}\n"] }]
+        }], propDecorators: { level: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV2ZWwtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9sZXZlbC10ZXh0L2xldmVsLXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF3QixNQUFNLGVBQWUsQ0FBQzs7QUFVdkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9HQU5uQjs7R0FFVDsyRkFJVSxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0Usa0JBQWtCLFlBQ2xCOztHQUVUOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtbGV2ZWwtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHAgY2xhc3M9XCJwLXRhYmxlLWNvdXJzZVwiPnt7IGxldmVsIH19OiB7eyB0b3RhbCB9fTwvcD5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL2xldmVsLXRleHQuY3NzJ10sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTGV2ZWxUZXh0Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgbGV2ZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG90YWwhOiBzdHJpbmc7XHJcblxyXG59XHJcbiJdfQ==

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

@@ -1,48 +1,48 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class LoaderComponent {
-    constructor() {
-        this.message = '';
-        this.isDialog = false;
-    }
-}
-LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LoaderComponent, selector: "ipt-loader", inputs: { message: "message", isDialog: "isDialog" }, ngImport: i0, template: `
-  <div [ngClass]="{'dialog': isDialog}">
-    <div [ngClass]="{'loader_container' : isDialog}">
-      <span>{{ message }}</span>
-      <div class="container">
-        <div class="spinner">
-          <div class="dot"></div>
-          <div class="dot"></div>
-          <div class="dot"></div>
-          <div class="dot"></div>
-          <div class="dot"></div>
-        </div>
-      </div>
-    </div>
-  </div>`, isInline: true, styles: [".dialog{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s;z-index:9999}.loader_container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:6px;padding:1rem;z-index:9999}span{display:flex;justify-content:center;color:#1c77f7;font:bold;margin-bottom:1rem}.container{display:flex;justify-content:center}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:\"\";width:7px;height:7px;border-radius:50%;background-color:#1c77f7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-loader', template: `
-  <div [ngClass]="{'dialog': isDialog}">
-    <div [ngClass]="{'loader_container' : isDialog}">
-      <span>{{ message }}</span>
-      <div class="container">
-        <div class="spinner">
-          <div class="dot"></div>
-          <div class="dot"></div>
-          <div class="dot"></div>
-          <div class="dot"></div>
-          <div class="dot"></div>
-        </div>
-      </div>
-    </div>
-  </div>`, styles: [".dialog{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s;z-index:9999}.loader_container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#fff;border-radius:6px;padding:1rem;z-index:9999}span{display:flex;justify-content:center;color:#1c77f7;font:bold;margin-bottom:1rem}.container{display:flex;justify-content:center}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:\"\";width:7px;height:7px;border-radius:50%;background-color:#1c77f7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}\n"] }]
-        }], propDecorators: { message: [{
-                type: Input
-            }], isDialog: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFxQmpELE1BQU0sT0FBTyxlQUFlO0lBbkI1QjtRQW9CVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FDcEM7OzRHQUhZLGVBQWU7Z0dBQWYsZUFBZSx3R0FqQmhCOzs7Ozs7Ozs7Ozs7OztTQWNIOzJGQUdJLGVBQWU7a0JBbkIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7Ozs7U0FjSDs4QkFJRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWxvYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgW25nQ2xhc3NdPVwieydkaWFsb2cnOiBpc0RpYWxvZ31cIj5cbiAgICA8ZGl2IFtuZ0NsYXNzXT1cInsnbG9hZGVyX2NvbnRhaW5lcicgOiBpc0RpYWxvZ31cIj5cbiAgICAgIDxzcGFuPnt7IG1lc3NhZ2UgfX08L3NwYW4+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRvdFwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRvdFwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+YCxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpc0RpYWxvZzogYm9vbGVhbiA9IGZhbHNlO1xufVxuXG4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class LoaderComponent {
+    constructor() {
+        this.message = '';
+        this.isDialog = false;
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: LoaderComponent, selector: "ipt-loader", inputs: { message: "message", isDialog: "isDialog" }, ngImport: i0, template: `
+  <div [ngClass]="{'dialog': isDialog}">
+    <div [ngClass]="{'loader_container' : isDialog}">
+      <span>{{ message }}</span>
+      <div class="container">
+        <div class="spinner">
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+        </div>
+      </div>
+    </div>
+  </div>`, isInline: true, styles: [".dialog{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s;z-index:9999}.loader_container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:6px;padding:1rem;z-index:9999}span{display:flex;justify-content:center;color:#1c77f7;font:bold;margin-bottom:1rem}.container{display:flex;justify-content:center}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:\"\";width:7px;height:7px;border-radius:50%;background-color:#1c77f7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-loader', template: `
+  <div [ngClass]="{'dialog': isDialog}">
+    <div [ngClass]="{'loader_container' : isDialog}">
+      <span>{{ message }}</span>
+      <div class="container">
+        <div class="spinner">
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+        </div>
+      </div>
+    </div>
+  </div>`, styles: [".dialog{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s;z-index:9999}.loader_container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:6px;padding:1rem;z-index:9999}span{display:flex;justify-content:center;color:#1c77f7;font:bold;margin-bottom:1rem}.container{display:flex;justify-content:center}.spinner{width:60px;height:60px;position:relative}.spinner .dot{position:absolute;inset:0;display:flex;justify-content:center}.spinner .dot:after{content:\"\";width:7px;height:7px;border-radius:50%;background-color:#1c77f7}@keyframes spin{to{transform:rotate(360deg)}}.spinner .dot{animation:spin 2s infinite}.spinner .dot:nth-child(2){animation-delay:.1s}.spinner .dot:nth-child(3){animation-delay:.2s}.spinner .dot:nth-child(4){animation-delay:.3s}.spinner .dot:nth-child(5){animation-delay:.4s}\n"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], isDialog: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFxQmpELE1BQU0sT0FBTyxlQUFlO0lBbkI1QjtRQW9CVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FDcEM7OzRHQUhZLGVBQWU7Z0dBQWYsZUFBZSx3R0FqQmhCOzs7Ozs7Ozs7Ozs7OztTQWNIOzJGQUdJLGVBQWU7a0JBbkIzQixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7Ozs7Ozs7U0FjSDs4QkFJRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXB0LWxvYWRlcicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICA8ZGl2IFtuZ0NsYXNzXT1cInsnZGlhbG9nJzogaXNEaWFsb2d9XCI+XHJcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cInsnbG9hZGVyX2NvbnRhaW5lcicgOiBpc0RpYWxvZ31cIj5cclxuICAgICAgPHNwYW4+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9sb2FkZXIuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaXNEaWFsb2c6IGJvb2xlYW4gPSBmYWxzZTtcclxufVxyXG5cclxuIl19

package/esm2020/lib/components/atoms/radio/radio.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 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGNBQWM7SUFoQjNCO1FBa0JXLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBTzVCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBSWxEO0lBVkMsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDOzsyR0FQVSxjQUFjOytGQUFkLGNBQWMsb0pBZGY7Ozs7Ozs7Ozs7R0FVVDsyRkFJVSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7R0FVVDs4QkFNUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LXJhZGlvJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bGFiZWwgY2xhc3M9XCJjb250XCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY2xhc3M9XCJyYWRpb1wiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFtjaGVja2VkXT1cInJhZGlvT3B0aW9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0ZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgdHlwZT1cInJhZGlvXCI+XG4gICAgICA8c3Bhbj48L3NwYW4+XG4gICAgPC9sYWJlbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8uY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcmFkaW9PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2V0IGNvbnRyb2wodmFsdWU6IEFic3RyYWN0Q29udHJvbCkge1xuICAgIGlmICh0aGlzLmZvcm1Db250cm9sICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xuICAgIH1cbiAgfVxuXG4gIEBPdXRwdXQoKSBvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xuXG59XG4iXX0=
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1CdkUsTUFBTSxPQUFPLGNBQWM7SUFoQjNCO1FBa0JXLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBTzVCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBSWxEO0lBVkMsSUFBYSxPQUFPLENBQUMsS0FBc0I7UUFDekMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLEtBQUssRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQW9CLENBQUM7U0FDekM7SUFDSCxDQUFDOzsyR0FQVSxjQUFjOytGQUFkLGNBQWMsb0pBZGY7Ozs7Ozs7Ozs7R0FVVDsyRkFJVSxjQUFjO2tCQWhCMUIsU0FBUzsrQkFDRSxXQUFXLFlBQ1g7Ozs7Ozs7Ozs7R0FVVDs4QkFNUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNPLE9BQU87c0JBQW5CLEtBQUs7Z0JBTUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBGb3JtQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpcHQtcmFkaW8nLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bGFiZWwgY2xhc3M9XCJjb250XCI+XHJcbiAgICAgIDxpbnB1dFxyXG4gICAgICAgIGNsYXNzPVwicmFkaW9cIlxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgW2NoZWNrZWRdPVwicmFkaW9PcHRpb25cIlxyXG4gICAgICAgIChjbGljayk9XCJvblNlbGVjdGVkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgdHlwZT1cInJhZGlvXCI+XHJcbiAgICAgIDxzcGFuPjwvc3Bhbj5cclxuICAgIDwvbGFiZWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9yYWRpby5jc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFJhZGlvQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcmFkaW9PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogQWJzdHJhY3RDb250cm9sKSB7XHJcbiAgICBpZiAodGhpcy5mb3JtQ29udHJvbCAhPT0gdmFsdWUpIHtcclxuICAgICAgdGhpcy5mb3JtQ29udHJvbCA9IHZhbHVlIGFzIEZvcm1Db250cm9sO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xyXG5cclxuICBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xyXG5cclxufVxyXG4iXX0=