import { Component, Input } from '@angular/core';
import { BadgeCircleSize, BadgesType } from './models/qms-badges.model';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/icon";
export class QmsBadgesComponent {
    constructor() {
        this.typeBadges = BadgesType;
        this.sizeCircleBadges = BadgeCircleSize;
        this.type = '' || BadgesType.circle;
        this.size = '' || BadgeCircleSize.small;
    }
    ngOnInit() {
        if (this.type === BadgesType.circle) {
            this.contents = new Number(this.contents);
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBadgesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsBadgesComponent, selector: "qms-badges", inputs: { type: "type", color: "color", contents: "contents", size: "size", icon: "icon", itemIconPath: "itemIconPath", itemIconSvg: "itemIconSvg", fontIconGG: "fontIconGG" }, ngImport: i0, template: "<div\n  class=\"qms-badges-container badges-container-{{ color }} text-color-{{\n    color\n  }} font-size-14 line-height-22 qms-badges-default\"\n  *ngIf=\"type === typeBadges.default\"\n>\n  <mat-icon class=\"font-size-16\" *ngIf=\"icon && !fontIconGG\">{{\n    icon\n  }}</mat-icon>\n  <mat-icon\n    *ngIf=\"itemIconSvg\"\n    class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\n    [svgIcon]=\"itemIconSvg\"\n  ></mat-icon>\n  <img *ngIf=\"itemIconPath\" [src]=\"itemIconPath\" />\n  <span *ngIf=\"icon && fontIconGG\" class=\"{{ fontIconGG }}\">{{ icon }}</span>\n  <span *ngIf=\"contents\">{{ contents }}</span>\n</div>\n\n<div\n  *ngIf=\"type === typeBadges.circle\"\n  class=\"qms-badges-circle-{{ size }} badges-container-circle-{{\n    color\n  }} text-color-white\"\n>\n  <span\n    *ngIf=\"contents > 99 && size !== sizeCircleBadges.small\"\n    class=\"font-size-8\"\n  >\n    {{ \"99\" }}+\n  </span>\n  <span\n    *ngIf=\"contents < 100 && size !== sizeCircleBadges.small\"\n    class=\"font-size-12\"\n  >\n    {{ contents }}\n  </span>\n</div>\n\n<div\n  class=\"qms-badges-container badges-container-icon-{{\n    color\n  }} font-size-12 line-height-22 qms-badges-default\"\n  *ngIf=\"type === typeBadges.icon\"\n>\n  <mat-icon class=\"font-size-16 text-color-white\" *ngIf=\"icon && !fontIconGG\">{{\n    icon\n  }}</mat-icon>\n  <mat-icon\n    *ngIf=\"itemIconSvg\"\n    class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\n    [svgIcon]=\"itemIconSvg\"\n  ></mat-icon>\n  <img *ngIf=\"itemIconPath\" [src]=\"itemIconPath\" />\n  <span *ngIf=\"fontIconGG\" class=\"text-color-white {{ fontIconGG }}\">\n    {{ icon }}</span\n  >\n</div>\n", styles: [".badges-container-primary{background-color:#b7daf8}.badges-container-yellow{background-color:#e4cf534d}.badges-container-green{background-color:#00804c1a;border:#005935}.badges-container-red{background-color:#f4e9e6}.badges-container-orange{background-color:#faede8}.badges-container-grey{background-color:#e5e5e5}.badges-container-brown{background-color:#f0eae7}.badges-container-icon-primary{background-color:#00324e}.badges-container-icon-green{background-color:#005935}.badges-container-icon-red,.badges-container-icon-orange{background-color:#9e360f}.badges-container-icon-brown{background-color:#59280b}.badges-container-icon-yellow{background-color:#e4cf534d}.badges-container-circle-primary{background-color:#00324e}.badges-container-circle-orange{background-color:#9e360f}.text-color-primary{color:#00324e}.text-color-red{color:#74280b}.text-color-green{color:#005935}.text-color-yellow{color:#726729}.text-color-grey{color:#525252}.text-color-brown{color:#59280b}.text-color-orange{color:#9e360f}.text-color-white{color:#fff}.qms-badges-container{display:flex;align-items:center;width:100%;height:100%;font-family:Open Sans;font-style:normal;font-weight:600;font-size:12px;line-height:16px}.qms-badges-container-text{margin-top:10px;margin-bottom:10px}.qms-badges-container .margin-horizontal-17{margin-left:17px;margin-right:17px;padding-right:20px}.qms-badges-container .qms-badges-button{margin-left:auto;margin-right:8px}.qms-badges-circle-large{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qms-badges-circle-medium{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qms-badges-circle-small{width:10px;height:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qms-badges-default{height:24px;padding:0 6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.qms-badges-default .mat-icon{width:auto;height:auto}.font-bold{font-weight:700}.font-size-14{font-size:14px}.font-size-16{font-size:16px}.font-size-12{font-size:12px}.font-size-8{font-size:8px}.line-height-22{line-height:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsBadgesComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-badges', template: "<div\n  class=\"qms-badges-container badges-container-{{ color }} text-color-{{\n    color\n  }} font-size-14 line-height-22 qms-badges-default\"\n  *ngIf=\"type === typeBadges.default\"\n>\n  <mat-icon class=\"font-size-16\" *ngIf=\"icon && !fontIconGG\">{{\n    icon\n  }}</mat-icon>\n  <mat-icon\n    *ngIf=\"itemIconSvg\"\n    class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\n    [svgIcon]=\"itemIconSvg\"\n  ></mat-icon>\n  <img *ngIf=\"itemIconPath\" [src]=\"itemIconPath\" />\n  <span *ngIf=\"icon && fontIconGG\" class=\"{{ fontIconGG }}\">{{ icon }}</span>\n  <span *ngIf=\"contents\">{{ contents }}</span>\n</div>\n\n<div\n  *ngIf=\"type === typeBadges.circle\"\n  class=\"qms-badges-circle-{{ size }} badges-container-circle-{{\n    color\n  }} text-color-white\"\n>\n  <span\n    *ngIf=\"contents > 99 && size !== sizeCircleBadges.small\"\n    class=\"font-size-8\"\n  >\n    {{ \"99\" }}+\n  </span>\n  <span\n    *ngIf=\"contents < 100 && size !== sizeCircleBadges.small\"\n    class=\"font-size-12\"\n  >\n    {{ contents }}\n  </span>\n</div>\n\n<div\n  class=\"qms-badges-container badges-container-icon-{{\n    color\n  }} font-size-12 line-height-22 qms-badges-default\"\n  *ngIf=\"type === typeBadges.icon\"\n>\n  <mat-icon class=\"font-size-16 text-color-white\" *ngIf=\"icon && !fontIconGG\">{{\n    icon\n  }}</mat-icon>\n  <mat-icon\n    *ngIf=\"itemIconSvg\"\n    class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\n    [svgIcon]=\"itemIconSvg\"\n  ></mat-icon>\n  <img *ngIf=\"itemIconPath\" [src]=\"itemIconPath\" />\n  <span *ngIf=\"fontIconGG\" class=\"text-color-white {{ fontIconGG }}\">\n    {{ icon }}</span\n  >\n</div>\n", styles: [".badges-container-primary{background-color:#b7daf8}.badges-container-yellow{background-color:#e4cf534d}.badges-container-green{background-color:#00804c1a;border:#005935}.badges-container-red{background-color:#f4e9e6}.badges-container-orange{background-color:#faede8}.badges-container-grey{background-color:#e5e5e5}.badges-container-brown{background-color:#f0eae7}.badges-container-icon-primary{background-color:#00324e}.badges-container-icon-green{background-color:#005935}.badges-container-icon-red,.badges-container-icon-orange{background-color:#9e360f}.badges-container-icon-brown{background-color:#59280b}.badges-container-icon-yellow{background-color:#e4cf534d}.badges-container-circle-primary{background-color:#00324e}.badges-container-circle-orange{background-color:#9e360f}.text-color-primary{color:#00324e}.text-color-red{color:#74280b}.text-color-green{color:#005935}.text-color-yellow{color:#726729}.text-color-grey{color:#525252}.text-color-brown{color:#59280b}.text-color-orange{color:#9e360f}.text-color-white{color:#fff}.qms-badges-container{display:flex;align-items:center;width:100%;height:100%;font-family:Open Sans;font-style:normal;font-weight:600;font-size:12px;line-height:16px}.qms-badges-container-text{margin-top:10px;margin-bottom:10px}.qms-badges-container .margin-horizontal-17{margin-left:17px;margin-right:17px;padding-right:20px}.qms-badges-container .qms-badges-button{margin-left:auto;margin-right:8px}.qms-badges-circle-large{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qms-badges-circle-medium{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qms-badges-circle-small{width:10px;height:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qms-badges-default{height:24px;padding:0 6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.qms-badges-default .mat-icon{width:auto;height:auto}.font-bold{font-weight:700}.font-size-14{font-size:14px}.font-size-16{font-size:16px}.font-size-12{font-size:12px}.font-size-8{font-size:8px}.line-height-22{line-height:22px}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }], color: [{
                type: Input
            }], contents: [{
                type: Input
            }], size: [{
                type: Input
            }], icon: [{
                type: Input
            }], itemIconPath: [{
                type: Input
            }], itemIconSvg: [{
                type: Input
            }], fontIconGG: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 