myrta-ui 0.0.1

package/README.md

@@ -0,0 +1,18 @@
+# Команда создания модуля
+ng g m button --project=myrta-ui
+
+# Команда создания компонента
+ng g c button --project=myrta-ui
+
+# поднять ручками версию
+
+# сборку производить от директории myrta
+# Команда сборки проекта
+ng build myrta-ui
+
+# publish из dist директории проекта
+
+# Команда публикации проекта
+npm publish
+
+style-dictionary build

package/esm2020/lib/components/button/Button.enum.mjs

@@ -0,0 +1,29 @@
+export var ButtonTypesEnum;
+(function (ButtonTypesEnum) {
+    ButtonTypesEnum["primary"] = "mrx-btn-primary";
+    ButtonTypesEnum["secondary"] = "mrx-btn-secondary";
+    ButtonTypesEnum["tertiary"] = "mrx-btn-tertiary";
+})(ButtonTypesEnum || (ButtonTypesEnum = {}));
+export var ButtonSizesEnum;
+(function (ButtonSizesEnum) {
+    ButtonSizesEnum["small"] = "mrx-btn-sm";
+    ButtonSizesEnum["medium"] = "mrx-btn-md";
+    ButtonSizesEnum["large"] = "mrx-btn-lg";
+})(ButtonSizesEnum || (ButtonSizesEnum = {}));
+export var ButtonColorsEnum;
+(function (ButtonColorsEnum) {
+    ButtonColorsEnum["default"] = "";
+    ButtonColorsEnum["red"] = "red";
+    ButtonColorsEnum["yellow"] = "yellow";
+    ButtonColorsEnum["green"] = "green";
+    ButtonColorsEnum["attention"] = "color-attention";
+    ButtonColorsEnum["positive"] = "color-positive";
+    ButtonColorsEnum["negative"] = "color-negative";
+})(ButtonColorsEnum || (ButtonColorsEnum = {}));
+export var ButtonIconPositionEnum;
+(function (ButtonIconPositionEnum) {
+    ButtonIconPositionEnum["none"] = "";
+    ButtonIconPositionEnum["left"] = "icon-left";
+    ButtonIconPositionEnum["right"] = "icon-right";
+})(ButtonIconPositionEnum || (ButtonIconPositionEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGVBSVg7QUFKRCxXQUFZLGVBQWU7SUFDekIsOENBQTZCLENBQUE7SUFDN0Isa0RBQWlDLENBQUE7SUFDakMsZ0RBQStCLENBQUE7QUFDakMsQ0FBQyxFQUpXLGVBQWUsS0FBZixlQUFlLFFBSTFCO0FBSUQsTUFBTSxDQUFOLElBQVksZUFJWDtBQUpELFdBQVksZUFBZTtJQUN6Qix1Q0FBc0IsQ0FBQTtJQUN0Qix3Q0FBdUIsQ0FBQTtJQUN2Qix1Q0FBc0IsQ0FBQTtBQUN4QixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUI7QUFJRCxNQUFNLENBQU4sSUFBWSxnQkFRWDtBQVJELFdBQVksZ0JBQWdCO0lBQzFCLGdDQUFhLENBQUE7SUFDYiwrQkFBYSxDQUFBO0lBQ2IscUNBQW1CLENBQUE7SUFDbkIsbUNBQWlCLENBQUE7SUFDakIsaURBQStCLENBQUE7SUFDL0IsK0NBQTZCLENBQUE7SUFDN0IsK0NBQTZCLENBQUE7QUFDL0IsQ0FBQyxFQVJXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFRM0I7QUFJRCxNQUFNLENBQU4sSUFBWSxzQkFJWDtBQUpELFdBQVksc0JBQXNCO0lBQ2hDLG1DQUFVLENBQUE7SUFDViw0Q0FBb0IsQ0FBQTtJQUNwQiw4Q0FBc0IsQ0FBQTtBQUN4QixDQUFDLEVBSlcsc0JBQXNCLEtBQXRCLHNCQUFzQixRQUlqQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEJ1dHRvblR5cGVzRW51bSB7XHJcbiAgJ3ByaW1hcnknID0gJ21yeC1idG4tcHJpbWFyeScsXHJcbiAgJ3NlY29uZGFyeScgPSAnbXJ4LWJ0bi1zZWNvbmRhcnknLFxyXG4gICd0ZXJ0aWFyeScgPSAnbXJ4LWJ0bi10ZXJ0aWFyeScsXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJ1dHRvblR5cGVzID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknXHJcblxyXG5leHBvcnQgZW51bSBCdXR0b25TaXplc0VudW0ge1xyXG4gICdzbWFsbCcgPSAnbXJ4LWJ0bi1zbScsXHJcbiAgJ21lZGl1bScgPSAnbXJ4LWJ0bi1tZCcsXHJcbiAgJ2xhcmdlJyA9ICdtcngtYnRuLWxnJyxcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgQnV0dG9uU2l6ZXNUeXBlcyA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcclxuXHJcbmV4cG9ydCBlbnVtIEJ1dHRvbkNvbG9yc0VudW0ge1xyXG4gICdkZWZhdWx0Jz0gJycsXHJcbiAgJ3JlZCcgPSAncmVkJyxcclxuICAneWVsbG93JyA9ICd5ZWxsb3cnLFxyXG4gICdncmVlbicgPSAnZ3JlZW4nLFxyXG4gICdhdHRlbnRpb24nID0gJ2NvbG9yLWF0dGVudGlvbicsXHJcbiAgJ3Bvc2l0aXZlJyA9ICdjb2xvci1wb3NpdGl2ZScsXHJcbiAgJ25lZ2F0aXZlJyA9ICdjb2xvci1uZWdhdGl2ZScsXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJ1dHRvbkNvbG9yc1R5cGVzPSAncmVkJyB8ICdncmVlbicgfCAneWVsbG93JyB8ICdkZWZhdWx0JyB8ICdhdHRlbnRpb24nIHwgJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZSdcclxuXHJcbmV4cG9ydCBlbnVtIEJ1dHRvbkljb25Qb3NpdGlvbkVudW0ge1xyXG4gICdub25lJz0gJycsXHJcbiAgJ2xlZnQnID0gJ2ljb24tbGVmdCcsXHJcbiAgJ3JpZ2h0JyA9ICdpY29uLXJpZ2h0JyxcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgQnV0dG9uSWNvblBvc2l0aW9uVHlwZXM9ICdub25lJyB8ICdsZWZ0JyB8ICdyaWdodCdcclxuIl19

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

@@ -0,0 +1,99 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ButtonColorsEnum, ButtonIconPositionEnum, ButtonSizesEnum, ButtonTypesEnum } from './Button.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "../loader/loader.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../pipes/safe/safe.pipe";
+export class ButtonComponent {
+    constructor() {
+        this.size = 'large';
+        this.type = 'primary';
+        this.color = 'default';
+        this.iconPosition = 'left';
+        this.active = false;
+        this.disabled = false;
+        this.isLoading = false;
+        this.iconOnly = false;
+        this.customClasses = '';
+        this.label = '';
+        this.icon = '';
+        this.iconClass = '';
+        this.mrxClick = new EventEmitter();
+    }
+    get getLabel() {
+        return this.iconOnly ? null : this.label;
+    }
+    get isIcon() {
+        return this.iconPosition !== 'none';
+    }
+    get isIconLeft() {
+        return this.iconPosition === 'left';
+    }
+    get isIconRight() {
+        return this.iconPosition === 'right';
+    }
+    get getClasses() {
+        return `${ButtonSizesEnum[this.size]} ${ButtonTypesEnum[this.type]} ${ButtonColorsEnum[this.color]} ${this.customClasses} ${ButtonIconPositionEnum[this.iconPosition]}`;
+    }
+    get getLoaderColor() {
+        if (this.disabled) {
+            return 'black';
+        }
+        if (this.color === 'default') {
+            return this.type === 'primary' ? 'white' : 'brand';
+        }
+        else if (this.type === 'primary') {
+            return 'white';
+        }
+        else {
+            return this.color;
+        }
+    }
+    get getLoaderSize() {
+        return this.size === 'large' ? 'small' : this.size === 'medium' ? 'small' : 'extra-small';
+    }
+    get getReplacedIcon() {
+        return this.icon.replace(/"([^"]+)"/g, '\'$1\'');
+    }
+    buttonClick($event) {
+        if (!this.disabled) {
+            this.mrxClick.emit($event);
+        }
+        else {
+            $event.stopPropagation();
+        }
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ButtonComponent, selector: "mrx-button", inputs: { size: "size", type: "type", color: "color", iconPosition: "iconPosition", active: "active", disabled: "disabled", isLoading: "isLoading", iconOnly: "iconOnly", customClasses: "customClasses", label: "label", icon: "icon", iconClass: "iconClass" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n", components: [{ type: i1.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safe": i3.SafePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-button', template: "<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], iconOnly: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], mrxClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUNMLGdCQUFnQixFQUNHLHNCQUFzQixFQUV6QyxlQUFlLEVBR2YsZUFBZSxFQUNoQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPdkIsTUFBTSxPQUFPLGVBQWU7SUFKNUI7UUFLVyxTQUFJLEdBQXFCLE9BQU8sQ0FBQztRQUNqQyxTQUFJLEdBQWdCLFNBQVMsQ0FBQztRQUM5QixVQUFLLEdBQXNCLFNBQVMsQ0FBQztRQUNyQyxpQkFBWSxHQUE0QixNQUFNLENBQUM7UUFDL0MsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixrQkFBYSxHQUFXLEVBQUUsQ0FBQztRQUMzQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUV0QixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQWtEckQ7SUFoREMsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFBO0lBQzFDLENBQUM7SUFFRCxJQUFXLE1BQU07UUFDZixPQUFPLElBQUksQ0FBQyxZQUFZLEtBQUssTUFBTSxDQUFBO0lBQ3JDLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsWUFBWSxLQUFLLE1BQU0sQ0FBQTtJQUNyQyxDQUFDO0lBRUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUE7SUFDdEMsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLHNCQUFzQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO0lBQzFLLENBQUM7SUFFRCxJQUFXLGNBQWM7UUFDdkIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU8sT0FBTyxDQUFBO1NBQ2Y7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxFQUFFO1lBQzVCLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO1NBQ25EO2FBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUNsQyxPQUFPLE9BQU8sQ0FBQTtTQUNmO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUE7U0FDbEI7SUFDSCxDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFBO0lBQzNGLENBQUM7SUFFRCxJQUFXLGVBQWU7UUFDeEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLENBQUE7SUFDbEQsQ0FBQztJQUVNLFdBQVcsQ0FBQyxNQUFrQjtRQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtTQUMzQjthQUFNO1lBQ0wsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFBO1NBQ3pCO0lBQ0gsQ0FBQzs7NEdBL0RVLGVBQWU7Z0dBQWYsZUFBZSx1VkNoQjVCLHF5RkFtRkE7MkZEbkVhLGVBQWU7a0JBSjNCLFNBQVM7K0JBQ0UsWUFBWTs4QkFJYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBCdXR0b25Db2xvcnNFbnVtLFxyXG4gIEJ1dHRvbkNvbG9yc1R5cGVzLCBCdXR0b25JY29uUG9zaXRpb25FbnVtLFxyXG4gIEJ1dHRvbkljb25Qb3NpdGlvblR5cGVzLFxyXG4gIEJ1dHRvblNpemVzRW51bSxcclxuICBCdXR0b25TaXplc1R5cGVzLFxyXG4gIEJ1dHRvblR5cGVzLFxyXG4gIEJ1dHRvblR5cGVzRW51bVxyXG59IGZyb20gJy4vQnV0dG9uLmVudW0nO1xyXG5pbXBvcnQgeyBMb2FkZXJDb2xvclR5cGVzLCBMb2FkZXJTaXplc1R5cGVzIH0gZnJvbSAnLi4vbG9hZGVyL2xvYWRlci5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICdidXR0b24uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6IEJ1dHRvblNpemVzVHlwZXMgPSAnbGFyZ2UnO1xyXG4gIEBJbnB1dCgpIHR5cGU6IEJ1dHRvblR5cGVzID0gJ3ByaW1hcnknO1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBCdXR0b25Db2xvcnNUeXBlcyA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBpY29uUG9zaXRpb246IEJ1dHRvbkljb25Qb3NpdGlvblR5cGVzID0gJ2xlZnQnO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvbk9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaWNvbkNsYXNzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgQE91dHB1dCgpIG1yeENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldExhYmVsKCk6IG51bGwgfCBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuaWNvbk9ubHkgPyBudWxsIDogdGhpcy5sYWJlbFxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBpc0ljb24oKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5pY29uUG9zaXRpb24gIT09ICdub25lJ1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBpc0ljb25MZWZ0KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuaWNvblBvc2l0aW9uID09PSAnbGVmdCdcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgaXNJY29uUmlnaHQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5pY29uUG9zaXRpb24gPT09ICdyaWdodCdcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke0J1dHRvblNpemVzRW51bVt0aGlzLnNpemVdfSAke0J1dHRvblR5cGVzRW51bVt0aGlzLnR5cGVdfSAke0J1dHRvbkNvbG9yc0VudW1bdGhpcy5jb2xvcl19ICR7dGhpcy5jdXN0b21DbGFzc2VzfSAke0J1dHRvbkljb25Qb3NpdGlvbkVudW1bdGhpcy5pY29uUG9zaXRpb25dfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldExvYWRlckNvbG9yKCk6IExvYWRlckNvbG9yVHlwZXMge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgcmV0dXJuICdibGFjaydcclxuICAgIH1cclxuICAgIGlmICh0aGlzLmNvbG9yID09PSAnZGVmYXVsdCcpIHtcclxuICAgICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ3ByaW1hcnknID8gJ3doaXRlJyA6ICdicmFuZCdcclxuICAgIH0gZWxzZSBpZiAodGhpcy50eXBlID09PSAncHJpbWFyeScpIHtcclxuICAgICAgcmV0dXJuICd3aGl0ZSdcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmNvbG9yXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldExvYWRlclNpemUoKTogTG9hZGVyU2l6ZXNUeXBlcyB7XHJcbiAgICByZXR1cm4gdGhpcy5zaXplID09PSAnbGFyZ2UnID8gJ3NtYWxsJyA6IHRoaXMuc2l6ZSA9PT0gJ21lZGl1bScgPyAnc21hbGwnIDogJ2V4dHJhLXNtYWxsJ1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRSZXBsYWNlZEljb24oKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmljb24ucmVwbGFjZSgvXCIoW15cIl0rKVwiL2csICdcXCckMVxcJycpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYnV0dG9uQ2xpY2soJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy5tcnhDbGljay5lbWl0KCRldmVudClcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgICBjbGFzcz1cIm1yeC1idG5cIlxyXG4gICAgW2NsYXNzXT1cImdldENsYXNzZXNcIlxyXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxyXG4gICAgW2NsYXNzLmljb24tb25seV09XCJpY29uT25seVwiXHJcbiAgICBbY2xhc3MuaWNvbi1sb2FkaW5nXT1cImlzTG9hZGluZyAmJiAhZGlzYWJsZWRcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIChjbGljayk9XCJidXR0b25DbGljaygkZXZlbnQpXCJcclxuPlxyXG4gIDxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj5cclxuICAgIDxtcngtbG9hZGVyXHJcbiAgICAgICAgW2NvbG9yXT1cImdldExvYWRlckNvbG9yXCJcclxuICAgICAgICBbc2l6ZV09XCJnZXRMb2FkZXJTaXplXCJcclxuICAgID48L21yeC1sb2FkZXI+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzSWNvbkxlZnQgJiYgaXNMb2FkaW5nICYmICFkaXNhYmxlZFwiPlxyXG4gICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwiaWNvbi13cmFwcGVyXCJcclxuICAgICAgICBbY2xhc3MubXItMV09XCJzaXplID09PSAnc21hbGwnICYmICFpY29uT25seVwiXHJcbiAgICAgICAgW2NsYXNzLm1yLTJdPVwiKHNpemUgPT09ICdsYXJnZScgfHwgc2l6ZSA9PT0gJ21lZGl1bScpICYmICFpY29uT25seVwiXHJcbiAgICA+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzcGlubmVyXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPGRpdlxyXG4gICAgICBjbGFzcz1cImljb24td3JhcHBlclwiXHJcbiAgICAgIFtjbGFzcy5tci0xXT1cInNpemUgPT09ICdzbWFsbCcgJiYgIWljb25Pbmx5XCJcclxuICAgICAgW2NsYXNzLm1yLTJdPVwiKHNpemUgPT09ICdsYXJnZScgfHwgc2l6ZSA9PT0gJ21lZGl1bScpICYmICFpY29uT25seVwiXHJcbiAgICAgICpuZ0lmPVwiaWNvbiAmJiBpc0ljb25MZWZ0ICYmICFpc0xvYWRpbmdcIiBbaW5uZXJIVE1MXT1cImdldFJlcGxhY2VkSWNvbiB8IHNhZmVcIlxyXG4gID48L2Rpdj5cclxuXHJcbiAgPGRpdlxyXG4gICAgICBjbGFzcz1cImljb24td3JhcHBlclwiXHJcbiAgICAgIFtjbGFzcy5tci0xXT1cInNpemUgPT09ICdzbWFsbCcgJiYgIWljb25Pbmx5XCJcclxuICAgICAgW2NsYXNzLm1yLTJdPVwiKHNpemUgPT09ICdsYXJnZScgfHwgc2l6ZSA9PT0gJ21lZGl1bScpICYmICFpY29uT25seVwiXHJcbiAgICAgICpuZ0lmPVwiaWNvbkNsYXNzICYmIGlzSWNvbkxlZnQgJiYgIWlzTG9hZGluZ1wiXHJcbiAgPlxyXG4gICAgPHNwYW5cclxuICAgICAgICBjbGFzcz1cIm1yeC1pY29uXCJcclxuICAgICAgICBbY2xhc3NdPVwiaWNvbkNsYXNzXCJcclxuICAgICAgICBbY2xhc3MuaWNvbi1mb250LTI0XT1cInNpemUgPT09ICdsYXJnZScgfHwgc2l6ZSA9PT0gJ21lZGl1bSdcIlxyXG4gICAgICAgIFtjbGFzcy5pY29uLWZvbnQtMjBdPVwic2l6ZSA9PT0gJ3NtYWxsJ1wiXHJcbiAgICA+PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LWJ0bi1sYWJlbFwiPnt7IGdldExhYmVsIH19XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXZcclxuICAgICAgY2xhc3M9XCJpY29uLXdyYXBwZXJcIlxyXG4gICAgICBbY2xhc3MubWwtMV09XCJzaXplID09PSAnc21hbGwnICYmICFpY29uT25seVwiXHJcbiAgICAgIFtjbGFzcy5tbC0yXT1cIihzaXplID09PSAnbGFyZ2UnIHx8IHNpemUgPT09ICdtZWRpdW0nKSAmJiAhaWNvbk9ubHlcIlxyXG4gICAgICAqbmdJZj1cImljb25DbGFzcyAmJiBpc0ljb25SaWdodCAmJiAhaXNMb2FkaW5nXCJcclxuICA+XHJcbiAgICA8c3BhblxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb25cIlxyXG4gICAgICAgIFtjbGFzc109XCJpY29uQ2xhc3NcIlxyXG4gICAgICAgIFtjbGFzcy5pY29uLWZvbnQtMjRdPVwic2l6ZSA9PT0gJ2xhcmdlJyB8fCBzaXplID09PSAnbWVkaXVtJ1wiXHJcbiAgICAgICAgW2NsYXNzLmljb24tZm9udC0yMF09XCJzaXplID09PSAnc21hbGwnXCJcclxuICAgID48L3NwYW4+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXZcclxuICAgICAgY2xhc3M9XCJpY29uLXdyYXBwZXJcIlxyXG4gICAgICBbY2xhc3MubWwtMV09XCJzaXplID09PSAnc21hbGwnICYmICFpY29uT25seVwiXHJcbiAgICAgIFtjbGFzcy5tbC0yXT1cIihzaXplID09PSAnbGFyZ2UnIHx8IHNpemUgPT09ICdtZWRpdW0nKSAmJiAhaWNvbk9ubHlcIlxyXG4gICAgICAqbmdJZj1cImljb24gJiYgaXNJY29uUmlnaHQgJiYgIWlzTG9hZGluZ1wiIFtpbm5lckhUTUxdPVwiZ2V0UmVwbGFjZWRJY29uIHwgc2FmZVwiXHJcbiAgPjwvZGl2PlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNJY29uUmlnaHQgJiYgaXNMb2FkaW5nICYmICFkaXNhYmxlZFwiPlxyXG4gICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwiaWNvbi13cmFwcGVyXCJcclxuICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KClcIlxyXG4gICAgICAgIFtjbGFzcy5tbC0xXT1cInNpemUgPT09ICdzbWFsbCcgJiYgIWljb25Pbmx5XCJcclxuICAgICAgICBbY2xhc3MubWwtMl09XCIoc2l6ZSA9PT0gJ2xhcmdlJyB8fCBzaXplID09PSAnbWVkaXVtJykgJiYgIWljb25Pbmx5XCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNwaW5uZXJcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L2J1dHRvbj5cclxuIl19

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

@@ -0,0 +1,21 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ButtonComponent } from './button.component';
+import { SafeModule } from '../../pipes/safe/safe.module';
+import { LoaderModule } from '../loader/loader.module';
+import * as i0 from "@angular/core";
+export class ButtonModule {
+}
+ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, SafeModule, LoaderModule], exports: [ButtonComponent] });
+ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, imports: [[CommonModule, SafeModule, LoaderModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonComponent],
+                    imports: [CommonModule, SafeModule, LoaderModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [ButtonComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFRdkQsTUFBTSxPQUFPLFlBQVk7O3lHQUFaLFlBQVk7MEdBQVosWUFBWSxpQkFMUixlQUFlLGFBQ3BCLFlBQVksRUFBRSxVQUFVLEVBQUUsWUFBWSxhQUV0QyxlQUFlOzBHQUVkLFlBQVksWUFKZCxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsWUFBWSxDQUFDOzJGQUl0QyxZQUFZO2tCQU54QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxZQUFZLENBQUM7b0JBQ2pELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2FmZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3NhZmUvc2FmZS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBMb2FkZXJNb2R1bGUgfSBmcm9tICcuLi9sb2FkZXIvbG9hZGVyLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0J1dHRvbkNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU2FmZU1vZHVsZSwgTG9hZGVyTW9kdWxlXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgZXhwb3J0czogW0J1dHRvbkNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25Nb2R1bGUge31cclxuIl19

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

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import { LoaderColorEnum, LoaderSizesEnum } from './loader.enum';
+import * as i0 from "@angular/core";
+export class LoaderComponent {
+    constructor() {
+        this.size = 'small';
+        this.color = 'black';
+        this.customClasses = '';
+    }
+    get getClasses() {
+        return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQW9CLGVBQWUsRUFBb0IsTUFBTSxlQUFlLENBQUM7O0FBTXJHLE1BQU0sT0FBTyxlQUFlO0lBSjVCO1FBS1csU0FBSSxHQUFxQixPQUFPLENBQUE7UUFDaEMsVUFBSyxHQUFxQixPQUFPLENBQUE7UUFDakMsa0JBQWEsR0FBRyxFQUFFLENBQUM7S0FLN0I7SUFIQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDOUYsQ0FBQzs7NEdBUFUsZUFBZTtnR0FBZixlQUFlLDRIQ1A1QixvbkJBYUE7MkZETmEsZUFBZTtrQkFKM0IsU0FBUzsrQkFDRSxZQUFZOzhCQUliLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTG9hZGVyQ29sb3JFbnVtLCBMb2FkZXJDb2xvclR5cGVzLCBMb2FkZXJTaXplc0VudW0sIExvYWRlclNpemVzVHlwZXMgfSBmcm9tICcuL2xvYWRlci5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWxvYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6IExvYWRlclNpemVzVHlwZXMgPSAnc21hbGwnXHJcbiAgQElucHV0KCkgY29sb3I6IExvYWRlckNvbG9yVHlwZXMgPSAnYmxhY2snXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnO1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtMb2FkZXJTaXplc0VudW1bdGhpcy5zaXplXX0gJHtMb2FkZXJDb2xvckVudW1bdGhpcy5jb2xvcl19ICR7dGhpcy5jdXN0b21DbGFzc2VzfWA7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtbG9hZGVyXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cbiAgPHN2ZyB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgPGcgY2xpcC1wYXRoPVwidXJsKCNjbGlwMF8xNzYxMl8xNDE4MylcIj5cbiAgICAgIDxjaXJjbGUgY2xhc3M9XCJtcngtbG9hZGVyLS1jaXJjbGVcIiBjeD1cIjE2XCIgY3k9XCIxNlwiIHI9XCIxNC4xNzE0XCIgc3Ryb2tlLXdpZHRoPVwiM1wiLz5cbiAgICAgIDxwYXRoIGNsYXNzPVwibXJ4LWxvYWRlci0tbGluZVwiIGQ9XCJNMzAuMTcxNCAxNkMzMC4xNzE0IDguMTczMzQgMjMuODI2NyAxLjgyODU3IDE2IDEuODI4NTdcIiBzdHJva2Utd2lkdGg9XCIzXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxuICAgIDwvZz5cbiAgICA8ZGVmcz5cbiAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAwXzE3NjEyXzE0MTgzXCI+XG4gICAgICAgIDxyZWN0IHdpZHRoPVwiMzJcIiBoZWlnaHQ9XCIzMlwiIGZpbGw9XCJ3aGl0ZVwiLz5cbiAgICAgIDwvY2xpcFBhdGg+XG4gICAgPC9kZWZzPlxuICA8L3N2Zz5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/loader/loader.enum.mjs

@@ -0,0 +1,20 @@
+export var LoaderSizesEnum;
+(function (LoaderSizesEnum) {
+    LoaderSizesEnum["extra-small"] = "mrx-loader-extra-sm";
+    LoaderSizesEnum["small"] = "mrx-loader-sm";
+    LoaderSizesEnum["medium"] = "mrx-loader-md";
+    LoaderSizesEnum["large"] = "mrx-loader-lg";
+})(LoaderSizesEnum || (LoaderSizesEnum = {}));
+export var LoaderColorEnum;
+(function (LoaderColorEnum) {
+    LoaderColorEnum["black"] = "color-black";
+    LoaderColorEnum["white"] = "color-white";
+    LoaderColorEnum["brand"] = "color-brand";
+    LoaderColorEnum["negative"] = "color-negative";
+    LoaderColorEnum["positive"] = "color-positive";
+    LoaderColorEnum["attention"] = "color-attention";
+    LoaderColorEnum["red"] = "color-negative";
+    LoaderColorEnum["green"] = "color-positive";
+    LoaderColorEnum["yellow"] = "color-attention";
+})(LoaderColorEnum || (LoaderColorEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGVBS1g7QUFMRCxXQUFZLGVBQWU7SUFDekIsc0RBQXFDLENBQUE7SUFDckMsMENBQXlCLENBQUE7SUFDekIsMkNBQTBCLENBQUE7SUFDMUIsMENBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUxXLGVBQWUsS0FBZixlQUFlLFFBSzFCO0FBSUQsTUFBTSxDQUFOLElBQVksZUFVWDtBQVZELFdBQVksZUFBZTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3Q0FBdUIsQ0FBQTtJQUN2Qiw4Q0FBNkIsQ0FBQTtJQUM3Qiw4Q0FBNkIsQ0FBQTtJQUM3QixnREFBK0IsQ0FBQTtJQUMvQix5Q0FBd0IsQ0FBQTtJQUN4QiwyQ0FBMEIsQ0FBQTtJQUMxQiw2Q0FBNEIsQ0FBQTtBQUM5QixDQUFDLEVBVlcsZUFBZSxLQUFmLGVBQWUsUUFVMUIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBMb2FkZXJTaXplc0VudW0ge1xyXG4gICdleHRyYS1zbWFsbCcgPSAnbXJ4LWxvYWRlci1leHRyYS1zbScsXHJcbiAgJ3NtYWxsJyA9ICdtcngtbG9hZGVyLXNtJyxcclxuICAnbWVkaXVtJyA9ICdtcngtbG9hZGVyLW1kJyxcclxuICAnbGFyZ2UnID0gJ21yeC1sb2FkZXItbGcnLFxyXG59XHJcblxyXG5leHBvcnQgdHlwZSBMb2FkZXJTaXplc1R5cGVzID0gJ2V4dHJhLXNtYWxsJyB8ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcclxuXHJcbmV4cG9ydCBlbnVtIExvYWRlckNvbG9yRW51bSB7XHJcbiAgJ2JsYWNrJyA9ICdjb2xvci1ibGFjaycsXHJcbiAgJ3doaXRlJyA9ICdjb2xvci13aGl0ZScsXHJcbiAgJ2JyYW5kJyA9ICdjb2xvci1icmFuZCcsXHJcbiAgJ25lZ2F0aXZlJyA9ICdjb2xvci1uZWdhdGl2ZScsXHJcbiAgJ3Bvc2l0aXZlJyA9ICdjb2xvci1wb3NpdGl2ZScsXHJcbiAgJ2F0dGVudGlvbicgPSAnY29sb3ItYXR0ZW50aW9uJyxcclxuICAncmVkJyA9ICdjb2xvci1uZWdhdGl2ZScsXHJcbiAgJ2dyZWVuJyA9ICdjb2xvci1wb3NpdGl2ZScsXHJcbiAgJ3llbGxvdycgPSAnY29sb3ItYXR0ZW50aW9uJ1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBMb2FkZXJDb2xvclR5cGVzID0gJ2JsYWNrJyB8ICd3aGl0ZScgfCAnYnJhbmQnIHwgJ3JlZCcgfCAnZ3JlZW4nIHwgJ3llbGxvdycgfCAnYXR0ZW50aW9uJyB8ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnXHJcbiJdfQ==

package/esm2020/lib/components/loader/loader.module.mjs

@@ -0,0 +1,19 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LoaderComponent } from './loader.component';
+import * as i0 from "@angular/core";
+export class LoaderModule {
+}
+LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
+LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LoaderComponent],
+                    imports: [CommonModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [LoaderComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBUXJELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBTFIsZUFBZSxhQUNwQixZQUFZLGFBRVosZUFBZTswR0FFZCxZQUFZLFlBSmQsQ0FBQyxZQUFZLENBQUM7MkZBSVosWUFBWTtrQkFOeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IExvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vbG9hZGVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0xvYWRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIGV4cG9ydHM6IFtMb2FkZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlck1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/pipes/safe/safe.module.mjs

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SafePipe } from "./safe.pipe";
+import * as i0 from "@angular/core";
+export class SafeModule {
+}
+SafeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SafeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, declarations: [SafePipe], imports: [CommonModule], exports: [SafePipe] });
+SafeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SafePipe],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [SafePipe]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FmZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL3BpcGVzL3NhZmUvc2FmZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFXdkMsTUFBTSxPQUFPLFVBQVU7O3VHQUFWLFVBQVU7d0dBQVYsVUFBVSxpQkFOTixRQUFRLGFBRXJCLFlBQVksYUFFSixRQUFRO3dHQUVQLFVBQVUsWUFMWjtZQUNQLFlBQVk7U0FDYjsyRkFHVSxVQUFVO2tCQVB0QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLFFBQVEsQ0FBQztvQkFDeEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNhZmVQaXBlIH0gZnJvbSBcIi4vc2FmZS5waXBlXCI7XHJcblxyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbU2FmZVBpcGVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NhZmVQaXBlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2FmZU1vZHVsZSB7IH1cclxuIl19

package/esm2020/lib/pipes/safe/safe.pipe.mjs

@@ -0,0 +1,20 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export class SafePipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+SafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, name: "safe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safe'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FmZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9waXBlcy9zYWZlL3NhZmUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7O0FBTXBELE1BQU0sT0FBTyxRQUFRO0lBRW5CLFlBQW9CLFNBQXNCO1FBQXRCLGNBQVMsR0FBVCxTQUFTLENBQWE7SUFBRSxDQUFDO0lBRTdDLFNBQVMsQ0FBQyxJQUFTO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RCxDQUFDOztxR0FOVSxRQUFRO21HQUFSLFFBQVE7MkZBQVIsUUFBUTtrQkFIcEIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsTUFBTTtpQkFDYiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnc2FmZSdcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhZmVQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOkRvbVNhbml0aXplcil7fVxyXG5cclxuICB0cmFuc2Zvcm0oaHRtbDogYW55KSB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoaHRtbCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/myrta-ui.mjs

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

package/esm2020/public-api.mjs

@@ -0,0 +1,6 @@
+// COMPONENTS
+export * from './lib/components/button/button.module';
+export * from './lib/components/button/button.component';
+export * from './lib/components/loader/loader.module';
+export * from './lib/components/loader/loader.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGFBQWE7QUFDYixjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsMENBQTBDLENBQUM7QUFFekQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDBDQUEwQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ09NUE9ORU5UU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9sb2FkZXIvbG9hZGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xvYWRlci9sb2FkZXIuY29tcG9uZW50JztcbiJdfQ==

package/fesm2015/myrta-ui.mjs

@@ -0,0 +1,244 @@
+import * as i0 from '@angular/core';
+import { Component, Input, Pipe, EventEmitter, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/platform-browser';
+
+var ButtonTypesEnum;
+(function (ButtonTypesEnum) {
+    ButtonTypesEnum["primary"] = "mrx-btn-primary";
+    ButtonTypesEnum["secondary"] = "mrx-btn-secondary";
+    ButtonTypesEnum["tertiary"] = "mrx-btn-tertiary";
+})(ButtonTypesEnum || (ButtonTypesEnum = {}));
+var ButtonSizesEnum;
+(function (ButtonSizesEnum) {
+    ButtonSizesEnum["small"] = "mrx-btn-sm";
+    ButtonSizesEnum["medium"] = "mrx-btn-md";
+    ButtonSizesEnum["large"] = "mrx-btn-lg";
+})(ButtonSizesEnum || (ButtonSizesEnum = {}));
+var ButtonColorsEnum;
+(function (ButtonColorsEnum) {
+    ButtonColorsEnum["default"] = "";
+    ButtonColorsEnum["red"] = "red";
+    ButtonColorsEnum["yellow"] = "yellow";
+    ButtonColorsEnum["green"] = "green";
+    ButtonColorsEnum["attention"] = "color-attention";
+    ButtonColorsEnum["positive"] = "color-positive";
+    ButtonColorsEnum["negative"] = "color-negative";
+})(ButtonColorsEnum || (ButtonColorsEnum = {}));
+var ButtonIconPositionEnum;
+(function (ButtonIconPositionEnum) {
+    ButtonIconPositionEnum["none"] = "";
+    ButtonIconPositionEnum["left"] = "icon-left";
+    ButtonIconPositionEnum["right"] = "icon-right";
+})(ButtonIconPositionEnum || (ButtonIconPositionEnum = {}));
+
+var LoaderSizesEnum;
+(function (LoaderSizesEnum) {
+    LoaderSizesEnum["extra-small"] = "mrx-loader-extra-sm";
+    LoaderSizesEnum["small"] = "mrx-loader-sm";
+    LoaderSizesEnum["medium"] = "mrx-loader-md";
+    LoaderSizesEnum["large"] = "mrx-loader-lg";
+})(LoaderSizesEnum || (LoaderSizesEnum = {}));
+var LoaderColorEnum;
+(function (LoaderColorEnum) {
+    LoaderColorEnum["black"] = "color-black";
+    LoaderColorEnum["white"] = "color-white";
+    LoaderColorEnum["brand"] = "color-brand";
+    LoaderColorEnum["negative"] = "color-negative";
+    LoaderColorEnum["positive"] = "color-positive";
+    LoaderColorEnum["attention"] = "color-attention";
+    LoaderColorEnum["red"] = "color-negative";
+    LoaderColorEnum["green"] = "color-positive";
+    LoaderColorEnum["yellow"] = "color-attention";
+})(LoaderColorEnum || (LoaderColorEnum = {}));
+
+class LoaderComponent {
+    constructor() {
+        this.size = 'small';
+        this.color = 'black';
+        this.customClasses = '';
+    }
+    get getClasses() {
+        return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }] } });
+
+class SafePipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+SafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, name: "safe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safe'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
+class ButtonComponent {
+    constructor() {
+        this.size = 'large';
+        this.type = 'primary';
+        this.color = 'default';
+        this.iconPosition = 'left';
+        this.active = false;
+        this.disabled = false;
+        this.isLoading = false;
+        this.iconOnly = false;
+        this.customClasses = '';
+        this.label = '';
+        this.icon = '';
+        this.iconClass = '';
+        this.mrxClick = new EventEmitter();
+    }
+    get getLabel() {
+        return this.iconOnly ? null : this.label;
+    }
+    get isIcon() {
+        return this.iconPosition !== 'none';
+    }
+    get isIconLeft() {
+        return this.iconPosition === 'left';
+    }
+    get isIconRight() {
+        return this.iconPosition === 'right';
+    }
+    get getClasses() {
+        return `${ButtonSizesEnum[this.size]} ${ButtonTypesEnum[this.type]} ${ButtonColorsEnum[this.color]} ${this.customClasses} ${ButtonIconPositionEnum[this.iconPosition]}`;
+    }
+    get getLoaderColor() {
+        if (this.disabled) {
+            return 'black';
+        }
+        if (this.color === 'default') {
+            return this.type === 'primary' ? 'white' : 'brand';
+        }
+        else if (this.type === 'primary') {
+            return 'white';
+        }
+        else {
+            return this.color;
+        }
+    }
+    get getLoaderSize() {
+        return this.size === 'large' ? 'small' : this.size === 'medium' ? 'small' : 'extra-small';
+    }
+    get getReplacedIcon() {
+        return this.icon.replace(/"([^"]+)"/g, '\'$1\'');
+    }
+    buttonClick($event) {
+        if (!this.disabled) {
+            this.mrxClick.emit($event);
+        }
+        else {
+            $event.stopPropagation();
+        }
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ButtonComponent, selector: "mrx-button", inputs: { size: "size", type: "type", color: "color", iconPosition: "iconPosition", active: "active", disabled: "disabled", isLoading: "isLoading", iconOnly: "iconOnly", customClasses: "customClasses", label: "label", icon: "icon", iconClass: "iconClass" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n", components: [{ type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safe": SafePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-button', template: "<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], iconOnly: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], mrxClick: [{
+                type: Output
+            }] } });
+
+class SafeModule {
+}
+SafeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SafeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, declarations: [SafePipe], imports: [CommonModule], exports: [SafePipe] });
+SafeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SafePipe],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [SafePipe]
+                }]
+        }] });
+
+class LoaderModule {
+}
+LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
+LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LoaderComponent],
+                    imports: [CommonModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [LoaderComponent]
+                }]
+        }] });
+
+class ButtonModule {
+}
+ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, SafeModule, LoaderModule], exports: [ButtonComponent] });
+ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, imports: [[CommonModule, SafeModule, LoaderModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonComponent],
+                    imports: [CommonModule, SafeModule, LoaderModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [ButtonComponent],
+                }]
+        }] });
+
+// COMPONENTS
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, ButtonModule, LoaderComponent, LoaderModule };
+//# sourceMappingURL=myrta-ui.mjs.map

package/fesm2015/myrta-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"myrta-ui.mjs","sources":["../../../projects/myrta-ui/src/lib/components/button/Button.enum.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.enum.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.component.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.component.html","../../../projects/myrta-ui/src/lib/pipes/safe/safe.pipe.ts","../../../projects/myrta-ui/src/lib/components/button/button.component.ts","../../../projects/myrta-ui/src/lib/components/button/button.component.html","../../../projects/myrta-ui/src/lib/pipes/safe/safe.module.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.module.ts","../../../projects/myrta-ui/src/lib/components/button/button.module.ts","../../../projects/myrta-ui/src/public-api.ts","../../../projects/myrta-ui/src/myrta-ui.ts"],"sourcesContent":["export enum ButtonTypesEnum {\r\n  'primary' = 'mrx-btn-primary',\r\n  'secondary' = 'mrx-btn-secondary',\r\n  'tertiary' = 'mrx-btn-tertiary',\r\n}\r\n\r\nexport type ButtonTypes = 'primary' | 'secondary' | 'tertiary'\r\n\r\nexport enum ButtonSizesEnum {\r\n  'small' = 'mrx-btn-sm',\r\n  'medium' = 'mrx-btn-md',\r\n  'large' = 'mrx-btn-lg',\r\n}\r\n\r\nexport type ButtonSizesTypes = 'small' | 'medium' | 'large'\r\n\r\nexport enum ButtonColorsEnum {\r\n  'default'= '',\r\n  'red' = 'red',\r\n  'yellow' = 'yellow',\r\n  'green' = 'green',\r\n  'attention' = 'color-attention',\r\n  'positive' = 'color-positive',\r\n  'negative' = 'color-negative',\r\n}\r\n\r\nexport type ButtonColorsTypes= 'red' | 'green' | 'yellow' | 'default' | 'attention' | 'positive' | 'negative'\r\n\r\nexport enum ButtonIconPositionEnum {\r\n  'none'= '',\r\n  'left' = 'icon-left',\r\n  'right' = 'icon-right',\r\n}\r\n\r\nexport type ButtonIconPositionTypes= 'none' | 'left' | 'right'\r\n","export enum LoaderSizesEnum {\r\n  'extra-small' = 'mrx-loader-extra-sm',\r\n  'small' = 'mrx-loader-sm',\r\n  'medium' = 'mrx-loader-md',\r\n  'large' = 'mrx-loader-lg',\r\n}\r\n\r\nexport type LoaderSizesTypes = 'extra-small' | 'small' | 'medium' | 'large'\r\n\r\nexport enum LoaderColorEnum {\r\n  'black' = 'color-black',\r\n  'white' = 'color-white',\r\n  'brand' = 'color-brand',\r\n  'negative' = 'color-negative',\r\n  'positive' = 'color-positive',\r\n  'attention' = 'color-attention',\r\n  'red' = 'color-negative',\r\n  'green' = 'color-positive',\r\n  'yellow' = 'color-attention'\r\n}\r\n\r\nexport type LoaderColorTypes = 'black' | 'white' | 'brand' | 'red' | 'green' | 'yellow' | 'attention' | 'positive' | 'negative'\r\n","import { Component, Input } from '@angular/core';\r\nimport { LoaderColorEnum, LoaderColorTypes, LoaderSizesEnum, LoaderSizesTypes } from './loader.enum';\r\n\r\n@Component({\r\n  selector: 'mrx-loader',\r\n  templateUrl: './loader.component.html',\r\n})\r\nexport class LoaderComponent {\r\n  @Input() size: LoaderSizesTypes = 'small'\r\n  @Input() color: LoaderColorTypes = 'black'\r\n  @Input() customClasses = '';\r\n\r\n  public get getClasses(): string {\r\n    return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;\r\n  }\r\n}\r\n","<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer } from \"@angular/platform-browser\";\r\n\r\n@Pipe({\r\n  name: 'safe'\r\n})\r\nexport class SafePipe implements PipeTransform {\r\n\r\n  constructor(private sanitizer:DomSanitizer){}\r\n\r\n  transform(html: any) {\r\n    return this.sanitizer.bypassSecurityTrustHtml(html);\r\n  }\r\n}\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport {\r\n  ButtonColorsEnum,\r\n  ButtonColorsTypes, ButtonIconPositionEnum,\r\n  ButtonIconPositionTypes,\r\n  ButtonSizesEnum,\r\n  ButtonSizesTypes,\r\n  ButtonTypes,\r\n  ButtonTypesEnum\r\n} from './Button.enum';\r\nimport { LoaderColorTypes, LoaderSizesTypes } from '../loader/loader.enum';\r\n\r\n@Component({\r\n  selector: 'mrx-button',\r\n  templateUrl: 'button.component.html'\r\n})\r\nexport class ButtonComponent {\r\n  @Input() size: ButtonSizesTypes = 'large';\r\n  @Input() type: ButtonTypes = 'primary';\r\n  @Input() color: ButtonColorsTypes = 'default';\r\n  @Input() iconPosition: ButtonIconPositionTypes = 'left';\r\n  @Input() active: boolean = false;\r\n  @Input() disabled: boolean = false;\r\n  @Input() isLoading: boolean = false;\r\n  @Input() iconOnly: boolean = false;\r\n  @Input() customClasses: string = '';\r\n  @Input() label: string = '';\r\n  @Input() icon: string = '';\r\n  @Input() iconClass: string = '';\r\n\r\n  @Output() mrxClick = new EventEmitter<MouseEvent>();\r\n\r\n  public get getLabel(): null | string {\r\n    return this.iconOnly ? null : this.label\r\n  }\r\n\r\n  public get isIcon(): boolean {\r\n    return this.iconPosition !== 'none'\r\n  }\r\n\r\n  public get isIconLeft(): boolean {\r\n    return this.iconPosition === 'left'\r\n  }\r\n\r\n  public get isIconRight(): boolean {\r\n    return this.iconPosition === 'right'\r\n  }\r\n\r\n  public get getClasses(): string {\r\n    return `${ButtonSizesEnum[this.size]} ${ButtonTypesEnum[this.type]} ${ButtonColorsEnum[this.color]} ${this.customClasses} ${ButtonIconPositionEnum[this.iconPosition]}`;\r\n  }\r\n\r\n  public get getLoaderColor(): LoaderColorTypes {\r\n    if (this.disabled) {\r\n      return 'black'\r\n    }\r\n    if (this.color === 'default') {\r\n      return this.type === 'primary' ? 'white' : 'brand'\r\n    } else if (this.type === 'primary') {\r\n      return 'white'\r\n    } else {\r\n      return this.color\r\n    }\r\n  }\r\n\r\n  public get getLoaderSize(): LoaderSizesTypes {\r\n    return this.size === 'large' ? 'small' : this.size === 'medium' ? 'small' : 'extra-small'\r\n  }\r\n\r\n  public get getReplacedIcon(): string {\r\n    return this.icon.replace(/\"([^\"]+)\"/g, '\\'$1\\'')\r\n  }\r\n\r\n  public buttonClick($event: MouseEvent): void {\r\n    if (!this.disabled) {\r\n      this.mrxClick.emit($event)\r\n    } else {\r\n      $event.stopPropagation()\r\n    }\r\n  }\r\n}\r\n","<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SafePipe } from \"./safe.pipe\";\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [SafePipe],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [SafePipe]\r\n})\r\nexport class SafeModule { }\r\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LoaderComponent } from './loader.component';\n\n@NgModule({\n  declarations: [LoaderComponent],\n  imports: [CommonModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  exports: [LoaderComponent]\n})\nexport class LoaderModule { }\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ButtonComponent } from './button.component';\r\nimport { SafeModule } from '../../pipes/safe/safe.module';\r\nimport { LoaderModule } from '../loader/loader.module';\r\n\r\n@NgModule({\r\n  declarations: [ButtonComponent],\r\n  imports: [CommonModule, SafeModule, LoaderModule],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n  exports: [ButtonComponent],\r\n})\r\nexport class ButtonModule {}\r\n","// COMPONENTS\nexport * from './lib/components/button/button.module';\nexport * from './lib/components/button/button.component';\n\nexport * from './lib/components/loader/loader.module';\nexport * from './lib/components/loader/loader.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.LoaderComponent","i3.SafePipe"],"mappings":"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"}

package/fesm2020/myrta-ui.mjs

@@ -0,0 +1,244 @@
+import * as i0 from '@angular/core';
+import { Component, Input, Pipe, EventEmitter, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/platform-browser';
+
+var ButtonTypesEnum;
+(function (ButtonTypesEnum) {
+    ButtonTypesEnum["primary"] = "mrx-btn-primary";
+    ButtonTypesEnum["secondary"] = "mrx-btn-secondary";
+    ButtonTypesEnum["tertiary"] = "mrx-btn-tertiary";
+})(ButtonTypesEnum || (ButtonTypesEnum = {}));
+var ButtonSizesEnum;
+(function (ButtonSizesEnum) {
+    ButtonSizesEnum["small"] = "mrx-btn-sm";
+    ButtonSizesEnum["medium"] = "mrx-btn-md";
+    ButtonSizesEnum["large"] = "mrx-btn-lg";
+})(ButtonSizesEnum || (ButtonSizesEnum = {}));
+var ButtonColorsEnum;
+(function (ButtonColorsEnum) {
+    ButtonColorsEnum["default"] = "";
+    ButtonColorsEnum["red"] = "red";
+    ButtonColorsEnum["yellow"] = "yellow";
+    ButtonColorsEnum["green"] = "green";
+    ButtonColorsEnum["attention"] = "color-attention";
+    ButtonColorsEnum["positive"] = "color-positive";
+    ButtonColorsEnum["negative"] = "color-negative";
+})(ButtonColorsEnum || (ButtonColorsEnum = {}));
+var ButtonIconPositionEnum;
+(function (ButtonIconPositionEnum) {
+    ButtonIconPositionEnum["none"] = "";
+    ButtonIconPositionEnum["left"] = "icon-left";
+    ButtonIconPositionEnum["right"] = "icon-right";
+})(ButtonIconPositionEnum || (ButtonIconPositionEnum = {}));
+
+var LoaderSizesEnum;
+(function (LoaderSizesEnum) {
+    LoaderSizesEnum["extra-small"] = "mrx-loader-extra-sm";
+    LoaderSizesEnum["small"] = "mrx-loader-sm";
+    LoaderSizesEnum["medium"] = "mrx-loader-md";
+    LoaderSizesEnum["large"] = "mrx-loader-lg";
+})(LoaderSizesEnum || (LoaderSizesEnum = {}));
+var LoaderColorEnum;
+(function (LoaderColorEnum) {
+    LoaderColorEnum["black"] = "color-black";
+    LoaderColorEnum["white"] = "color-white";
+    LoaderColorEnum["brand"] = "color-brand";
+    LoaderColorEnum["negative"] = "color-negative";
+    LoaderColorEnum["positive"] = "color-positive";
+    LoaderColorEnum["attention"] = "color-attention";
+    LoaderColorEnum["red"] = "color-negative";
+    LoaderColorEnum["green"] = "color-positive";
+    LoaderColorEnum["yellow"] = "color-attention";
+})(LoaderColorEnum || (LoaderColorEnum = {}));
+
+class LoaderComponent {
+    constructor() {
+        this.size = 'small';
+        this.color = 'black';
+        this.customClasses = '';
+    }
+    get getClasses() {
+        return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LoaderComponent, selector: "mrx-loader", inputs: { size: "size", color: "color", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-loader', template: "<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }] } });
+
+class SafePipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+SafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, name: "safe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safe'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
+class ButtonComponent {
+    constructor() {
+        this.size = 'large';
+        this.type = 'primary';
+        this.color = 'default';
+        this.iconPosition = 'left';
+        this.active = false;
+        this.disabled = false;
+        this.isLoading = false;
+        this.iconOnly = false;
+        this.customClasses = '';
+        this.label = '';
+        this.icon = '';
+        this.iconClass = '';
+        this.mrxClick = new EventEmitter();
+    }
+    get getLabel() {
+        return this.iconOnly ? null : this.label;
+    }
+    get isIcon() {
+        return this.iconPosition !== 'none';
+    }
+    get isIconLeft() {
+        return this.iconPosition === 'left';
+    }
+    get isIconRight() {
+        return this.iconPosition === 'right';
+    }
+    get getClasses() {
+        return `${ButtonSizesEnum[this.size]} ${ButtonTypesEnum[this.type]} ${ButtonColorsEnum[this.color]} ${this.customClasses} ${ButtonIconPositionEnum[this.iconPosition]}`;
+    }
+    get getLoaderColor() {
+        if (this.disabled) {
+            return 'black';
+        }
+        if (this.color === 'default') {
+            return this.type === 'primary' ? 'white' : 'brand';
+        }
+        else if (this.type === 'primary') {
+            return 'white';
+        }
+        else {
+            return this.color;
+        }
+    }
+    get getLoaderSize() {
+        return this.size === 'large' ? 'small' : this.size === 'medium' ? 'small' : 'extra-small';
+    }
+    get getReplacedIcon() {
+        return this.icon.replace(/"([^"]+)"/g, '\'$1\'');
+    }
+    buttonClick($event) {
+        if (!this.disabled) {
+            this.mrxClick.emit($event);
+        }
+        else {
+            $event.stopPropagation();
+        }
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ButtonComponent, selector: "mrx-button", inputs: { size: "size", type: "type", color: "color", iconPosition: "iconPosition", active: "active", disabled: "disabled", isLoading: "isLoading", iconOnly: "iconOnly", customClasses: "customClasses", label: "label", icon: "icon", iconClass: "iconClass" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n", components: [{ type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safe": SafePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-button', template: "<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], iconOnly: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], mrxClick: [{
+                type: Output
+            }] } });
+
+class SafeModule {
+}
+SafeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SafeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, declarations: [SafePipe], imports: [CommonModule], exports: [SafePipe] });
+SafeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SafePipe],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [SafePipe]
+                }]
+        }] });
+
+class LoaderModule {
+}
+LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
+LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LoaderComponent],
+                    imports: [CommonModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [LoaderComponent]
+                }]
+        }] });
+
+class ButtonModule {
+}
+ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, SafeModule, LoaderModule], exports: [ButtonComponent] });
+ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, imports: [[CommonModule, SafeModule, LoaderModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonComponent],
+                    imports: [CommonModule, SafeModule, LoaderModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [ButtonComponent],
+                }]
+        }] });
+
+// COMPONENTS
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, ButtonModule, LoaderComponent, LoaderModule };
+//# sourceMappingURL=myrta-ui.mjs.map

package/fesm2020/myrta-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"myrta-ui.mjs","sources":["../../../projects/myrta-ui/src/lib/components/button/Button.enum.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.enum.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.component.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.component.html","../../../projects/myrta-ui/src/lib/pipes/safe/safe.pipe.ts","../../../projects/myrta-ui/src/lib/components/button/button.component.ts","../../../projects/myrta-ui/src/lib/components/button/button.component.html","../../../projects/myrta-ui/src/lib/pipes/safe/safe.module.ts","../../../projects/myrta-ui/src/lib/components/loader/loader.module.ts","../../../projects/myrta-ui/src/lib/components/button/button.module.ts","../../../projects/myrta-ui/src/public-api.ts","../../../projects/myrta-ui/src/myrta-ui.ts"],"sourcesContent":["export enum ButtonTypesEnum {\r\n  'primary' = 'mrx-btn-primary',\r\n  'secondary' = 'mrx-btn-secondary',\r\n  'tertiary' = 'mrx-btn-tertiary',\r\n}\r\n\r\nexport type ButtonTypes = 'primary' | 'secondary' | 'tertiary'\r\n\r\nexport enum ButtonSizesEnum {\r\n  'small' = 'mrx-btn-sm',\r\n  'medium' = 'mrx-btn-md',\r\n  'large' = 'mrx-btn-lg',\r\n}\r\n\r\nexport type ButtonSizesTypes = 'small' | 'medium' | 'large'\r\n\r\nexport enum ButtonColorsEnum {\r\n  'default'= '',\r\n  'red' = 'red',\r\n  'yellow' = 'yellow',\r\n  'green' = 'green',\r\n  'attention' = 'color-attention',\r\n  'positive' = 'color-positive',\r\n  'negative' = 'color-negative',\r\n}\r\n\r\nexport type ButtonColorsTypes= 'red' | 'green' | 'yellow' | 'default' | 'attention' | 'positive' | 'negative'\r\n\r\nexport enum ButtonIconPositionEnum {\r\n  'none'= '',\r\n  'left' = 'icon-left',\r\n  'right' = 'icon-right',\r\n}\r\n\r\nexport type ButtonIconPositionTypes= 'none' | 'left' | 'right'\r\n","export enum LoaderSizesEnum {\r\n  'extra-small' = 'mrx-loader-extra-sm',\r\n  'small' = 'mrx-loader-sm',\r\n  'medium' = 'mrx-loader-md',\r\n  'large' = 'mrx-loader-lg',\r\n}\r\n\r\nexport type LoaderSizesTypes = 'extra-small' | 'small' | 'medium' | 'large'\r\n\r\nexport enum LoaderColorEnum {\r\n  'black' = 'color-black',\r\n  'white' = 'color-white',\r\n  'brand' = 'color-brand',\r\n  'negative' = 'color-negative',\r\n  'positive' = 'color-positive',\r\n  'attention' = 'color-attention',\r\n  'red' = 'color-negative',\r\n  'green' = 'color-positive',\r\n  'yellow' = 'color-attention'\r\n}\r\n\r\nexport type LoaderColorTypes = 'black' | 'white' | 'brand' | 'red' | 'green' | 'yellow' | 'attention' | 'positive' | 'negative'\r\n","import { Component, Input } from '@angular/core';\r\nimport { LoaderColorEnum, LoaderColorTypes, LoaderSizesEnum, LoaderSizesTypes } from './loader.enum';\r\n\r\n@Component({\r\n  selector: 'mrx-loader',\r\n  templateUrl: './loader.component.html',\r\n})\r\nexport class LoaderComponent {\r\n  @Input() size: LoaderSizesTypes = 'small'\r\n  @Input() color: LoaderColorTypes = 'black'\r\n  @Input() customClasses = '';\r\n\r\n  public get getClasses(): string {\r\n    return `${LoaderSizesEnum[this.size]} ${LoaderColorEnum[this.color]} ${this.customClasses}`;\r\n  }\r\n}\r\n","<div class=\"mrx-loader\" [class]=\"getClasses\">\n  <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_17612_14183)\">\n      <circle class=\"mrx-loader--circle\" cx=\"16\" cy=\"16\" r=\"14.1714\" stroke-width=\"3\"/>\n      <path class=\"mrx-loader--line\" d=\"M30.1714 16C30.1714 8.17334 23.8267 1.82857 16 1.82857\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_17612_14183\">\n        <rect width=\"32\" height=\"32\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer } from \"@angular/platform-browser\";\r\n\r\n@Pipe({\r\n  name: 'safe'\r\n})\r\nexport class SafePipe implements PipeTransform {\r\n\r\n  constructor(private sanitizer:DomSanitizer){}\r\n\r\n  transform(html: any) {\r\n    return this.sanitizer.bypassSecurityTrustHtml(html);\r\n  }\r\n}\r\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport {\r\n  ButtonColorsEnum,\r\n  ButtonColorsTypes, ButtonIconPositionEnum,\r\n  ButtonIconPositionTypes,\r\n  ButtonSizesEnum,\r\n  ButtonSizesTypes,\r\n  ButtonTypes,\r\n  ButtonTypesEnum\r\n} from './Button.enum';\r\nimport { LoaderColorTypes, LoaderSizesTypes } from '../loader/loader.enum';\r\n\r\n@Component({\r\n  selector: 'mrx-button',\r\n  templateUrl: 'button.component.html'\r\n})\r\nexport class ButtonComponent {\r\n  @Input() size: ButtonSizesTypes = 'large';\r\n  @Input() type: ButtonTypes = 'primary';\r\n  @Input() color: ButtonColorsTypes = 'default';\r\n  @Input() iconPosition: ButtonIconPositionTypes = 'left';\r\n  @Input() active: boolean = false;\r\n  @Input() disabled: boolean = false;\r\n  @Input() isLoading: boolean = false;\r\n  @Input() iconOnly: boolean = false;\r\n  @Input() customClasses: string = '';\r\n  @Input() label: string = '';\r\n  @Input() icon: string = '';\r\n  @Input() iconClass: string = '';\r\n\r\n  @Output() mrxClick = new EventEmitter<MouseEvent>();\r\n\r\n  public get getLabel(): null | string {\r\n    return this.iconOnly ? null : this.label\r\n  }\r\n\r\n  public get isIcon(): boolean {\r\n    return this.iconPosition !== 'none'\r\n  }\r\n\r\n  public get isIconLeft(): boolean {\r\n    return this.iconPosition === 'left'\r\n  }\r\n\r\n  public get isIconRight(): boolean {\r\n    return this.iconPosition === 'right'\r\n  }\r\n\r\n  public get getClasses(): string {\r\n    return `${ButtonSizesEnum[this.size]} ${ButtonTypesEnum[this.type]} ${ButtonColorsEnum[this.color]} ${this.customClasses} ${ButtonIconPositionEnum[this.iconPosition]}`;\r\n  }\r\n\r\n  public get getLoaderColor(): LoaderColorTypes {\r\n    if (this.disabled) {\r\n      return 'black'\r\n    }\r\n    if (this.color === 'default') {\r\n      return this.type === 'primary' ? 'white' : 'brand'\r\n    } else if (this.type === 'primary') {\r\n      return 'white'\r\n    } else {\r\n      return this.color\r\n    }\r\n  }\r\n\r\n  public get getLoaderSize(): LoaderSizesTypes {\r\n    return this.size === 'large' ? 'small' : this.size === 'medium' ? 'small' : 'extra-small'\r\n  }\r\n\r\n  public get getReplacedIcon(): string {\r\n    return this.icon.replace(/\"([^\"]+)\"/g, '\\'$1\\'')\r\n  }\r\n\r\n  public buttonClick($event: MouseEvent): void {\r\n    if (!this.disabled) {\r\n      this.mrxClick.emit($event)\r\n    } else {\r\n      $event.stopPropagation()\r\n    }\r\n  }\r\n}\r\n","<button\r\n    class=\"mrx-btn\"\r\n    [class]=\"getClasses\"\r\n    [class.active]=\"active\"\r\n    [class.icon-only]=\"iconOnly\"\r\n    [class.icon-loading]=\"isLoading && !disabled\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"buttonClick($event)\"\r\n>\r\n  <ng-template #spinner>\r\n    <mrx-loader\r\n        [color]=\"getLoaderColor\"\r\n        [size]=\"getLoaderSize\"\r\n    ></mrx-loader>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"isIconLeft && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n        [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconLeft && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.mr-1]=\"size === 'small' && !iconOnly\"\r\n      [class.mr-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconLeft && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-btn-label\">{{ getLabel }}\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"iconClass && isIconRight && !isLoading\"\r\n  >\r\n    <span\r\n        class=\"mrx-icon\"\r\n        [class]=\"iconClass\"\r\n        [class.icon-font-24]=\"size === 'large' || size === 'medium'\"\r\n        [class.icon-font-20]=\"size === 'small'\"\r\n    ></span>\r\n  </div>\r\n\r\n  <div\r\n      class=\"icon-wrapper\"\r\n      [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n      [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n      *ngIf=\"icon && isIconRight && !isLoading\" [innerHTML]=\"getReplacedIcon | safe\"\r\n  ></div>\r\n\r\n  <ng-container *ngIf=\"isIconRight && isLoading && !disabled\">\r\n    <div\r\n        class=\"icon-wrapper\"\r\n        (click)=\"$event.preventDefault()\"\r\n        [class.ml-1]=\"size === 'small' && !iconOnly\"\r\n        [class.ml-2]=\"(size === 'large' || size === 'medium') && !iconOnly\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SafePipe } from \"./safe.pipe\";\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [SafePipe],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [SafePipe]\r\n})\r\nexport class SafeModule { }\r\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LoaderComponent } from './loader.component';\n\n@NgModule({\n  declarations: [LoaderComponent],\n  imports: [CommonModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  exports: [LoaderComponent]\n})\nexport class LoaderModule { }\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ButtonComponent } from './button.component';\r\nimport { SafeModule } from '../../pipes/safe/safe.module';\r\nimport { LoaderModule } from '../loader/loader.module';\r\n\r\n@NgModule({\r\n  declarations: [ButtonComponent],\r\n  imports: [CommonModule, SafeModule, LoaderModule],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n  exports: [ButtonComponent],\r\n})\r\nexport class ButtonModule {}\r\n","// COMPONENTS\nexport * from './lib/components/button/button.module';\nexport * from './lib/components/button/button.component';\n\nexport * from './lib/components/loader/loader.module';\nexport * from './lib/components/loader/loader.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.LoaderComponent","i3.SafePipe"],"mappings":"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"}

package/lib/components/button/Button.enum.d.ts

@@ -0,0 +1,28 @@
+export declare enum ButtonTypesEnum {
+    'primary' = "mrx-btn-primary",
+    'secondary' = "mrx-btn-secondary",
+    'tertiary' = "mrx-btn-tertiary"
+}
+export declare type ButtonTypes = 'primary' | 'secondary' | 'tertiary';
+export declare enum ButtonSizesEnum {
+    'small' = "mrx-btn-sm",
+    'medium' = "mrx-btn-md",
+    'large' = "mrx-btn-lg"
+}
+export declare type ButtonSizesTypes = 'small' | 'medium' | 'large';
+export declare enum ButtonColorsEnum {
+    'default' = "",
+    'red' = "red",
+    'yellow' = "yellow",
+    'green' = "green",
+    'attention' = "color-attention",
+    'positive' = "color-positive",
+    'negative' = "color-negative"
+}
+export declare type ButtonColorsTypes = 'red' | 'green' | 'yellow' | 'default' | 'attention' | 'positive' | 'negative';
+export declare enum ButtonIconPositionEnum {
+    'none' = "",
+    'left' = "icon-left",
+    'right' = "icon-right"
+}
+export declare type ButtonIconPositionTypes = 'none' | 'left' | 'right';

package/lib/components/button/button.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { ButtonColorsTypes, ButtonIconPositionTypes, ButtonSizesTypes, ButtonTypes } from './Button.enum';
+import { LoaderColorTypes, LoaderSizesTypes } from '../loader/loader.enum';
+import * as i0 from "@angular/core";
+export declare class ButtonComponent {
+    size: ButtonSizesTypes;
+    type: ButtonTypes;
+    color: ButtonColorsTypes;
+    iconPosition: ButtonIconPositionTypes;
+    active: boolean;
+    disabled: boolean;
+    isLoading: boolean;
+    iconOnly: boolean;
+    customClasses: string;
+    label: string;
+    icon: string;
+    iconClass: string;
+    mrxClick: EventEmitter<MouseEvent>;
+    get getLabel(): null | string;
+    get isIcon(): boolean;
+    get isIconLeft(): boolean;
+    get isIconRight(): boolean;
+    get getClasses(): string;
+    get getLoaderColor(): LoaderColorTypes;
+    get getLoaderSize(): LoaderSizesTypes;
+    get getReplacedIcon(): string;
+    buttonClick($event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "mrx-button", never, { "size": "size"; "type": "type"; "color": "color"; "iconPosition": "iconPosition"; "active": "active"; "disabled": "disabled"; "isLoading": "isLoading"; "iconOnly": "iconOnly"; "customClasses": "customClasses"; "label": "label"; "icon": "icon"; "iconClass": "iconClass"; }, { "mrxClick": "mrxClick"; }, never, ["*"]>;
+}

package/lib/components/button/button.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../pipes/safe/safe.module";
+import * as i4 from "../loader/loader.module";
+export declare class ButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonComponent], [typeof i2.CommonModule, typeof i3.SafeModule, typeof i4.LoaderModule], [typeof i1.ButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
+}

package/lib/components/loader/loader.component.d.ts

@@ -0,0 +1,10 @@
+import { LoaderColorTypes, LoaderSizesTypes } from './loader.enum';
+import * as i0 from "@angular/core";
+export declare class LoaderComponent {
+    size: LoaderSizesTypes;
+    color: LoaderColorTypes;
+    customClasses: string;
+    get getClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "mrx-loader", never, { "size": "size"; "color": "color"; "customClasses": "customClasses"; }, {}, never, never>;
+}

package/lib/components/loader/loader.enum.d.ts

@@ -0,0 +1,19 @@
+export declare enum LoaderSizesEnum {
+    'extra-small' = "mrx-loader-extra-sm",
+    'small' = "mrx-loader-sm",
+    'medium' = "mrx-loader-md",
+    'large' = "mrx-loader-lg"
+}
+export declare type LoaderSizesTypes = 'extra-small' | 'small' | 'medium' | 'large';
+export declare enum LoaderColorEnum {
+    'black' = "color-black",
+    'white' = "color-white",
+    'brand' = "color-brand",
+    'negative' = "color-negative",
+    'positive' = "color-positive",
+    'attention' = "color-attention",
+    'red' = "color-negative",
+    'green' = "color-positive",
+    'yellow' = "color-attention"
+}
+export declare type LoaderColorTypes = 'black' | 'white' | 'brand' | 'red' | 'green' | 'yellow' | 'attention' | 'positive' | 'negative';

package/lib/components/loader/loader.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./loader.component";
+import * as i2 from "@angular/common";
+export declare class LoaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoaderModule, [typeof i1.LoaderComponent], [typeof i2.CommonModule], [typeof i1.LoaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoaderModule>;
+}

package/lib/pipes/safe/safe.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./safe.pipe";
+import * as i2 from "@angular/common";
+export declare class SafeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SafeModule, [typeof i1.SafePipe], [typeof i2.CommonModule], [typeof i1.SafePipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SafeModule>;
+}

package/lib/pipes/safe/safe.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer } from "@angular/platform-browser";
+import * as i0 from "@angular/core";
+export declare class SafePipe implements PipeTransform {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(html: any): import("@angular/platform-browser").SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SafePipe, "safe">;
+}

package/myrta-ui.d.ts

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

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "myrta-ui",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^13.3.0",
+    "@angular/core": "^13.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/myrta-ui.mjs",
+  "es2020": "fesm2020/myrta-ui.mjs",
+  "esm2020": "esm2020/myrta-ui.mjs",
+  "fesm2020": "fesm2020/myrta-ui.mjs",
+  "fesm2015": "fesm2015/myrta-ui.mjs",
+  "typings": "myrta-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./myrta-ui.d.ts",
+      "esm2020": "./esm2020/myrta-ui.mjs",
+      "es2020": "./fesm2020/myrta-ui.mjs",
+      "es2015": "./fesm2015/myrta-ui.mjs",
+      "node": "./fesm2015/myrta-ui.mjs",
+      "default": "./fesm2020/myrta-ui.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/components/button/button.module';
+export * from './lib/components/button/button.component';
+export * from './lib/components/loader/loader.module';
+export * from './lib/components/loader/loader.component';