import { Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/icon";
/**
 * Component to display an icon
 */
export class IconComponent {
    constructor() {
        this.class = 'mic-icon';
    }
    ngOnChanges() {
        if (typeof this.icon === 'string') {
            this.key = this.icon;
            this.type = 'material';
        }
        if (typeof this.icon === 'object') {
            this.key = this.icon?.key;
            this.type = this.icon?.type;
            this.fontSet = this.icon?.fontSet;
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: IconComponent, selector: "mic-icon", inputs: { icon: "icon", fontSet: "fontSet", ariaLabel: "ariaLabel", decorative: "decorative" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "@if (type === 'svg') {\n<mat-icon [svgIcon]=\"key\" [fontSet]=\"fontSet\" role=\"img\" [attr.aria-label]=\"key\" aria-hidden=\"false\"></mat-icon>\n} @if (type === 'material') {\n<mat-icon [fontIcon]=\"key\" [fontSet]=\"fontSet\" role=\"img\" [attr.aria-label]=\"key\" aria-hidden=\"false\"></mat-icon>\n}\n", styles: [".mat-icon.mic-icon-link{vertical-align:sub;font-size:18px;width:auto;height:auto}:host{display:flex}:host.xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}@media (max-width: 5000px){:host.xl-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.xl-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.xl-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.xl-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.xl-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.xl-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.xl-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.xl-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 1919px){:host.lg-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.lg-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.lg-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.lg-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.lg-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.lg-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.lg-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.lg-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 1279px){:host.md-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.md-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.md-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.md-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.md-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.md-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.md-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.md-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 959px){:host.sm-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.sm-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.sm-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.sm-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.sm-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.sm-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.sm-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.sm-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 599px){:host.xs-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.xs-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.xs-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.xs-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.xs-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.xs-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.xs-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.xs-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mic-icon', template: "@if (type === 'svg') {\n<mat-icon [svgIcon]=\"key\" [fontSet]=\"fontSet\" role=\"img\" [attr.aria-label]=\"key\" aria-hidden=\"false\"></mat-icon>\n} @if (type === 'material') {\n<mat-icon [fontIcon]=\"key\" [fontSet]=\"fontSet\" role=\"img\" [attr.aria-label]=\"key\" aria-hidden=\"false\"></mat-icon>\n}\n", styles: [".mat-icon.mic-icon-link{vertical-align:sub;font-size:18px;width:auto;height:auto}:host{display:flex}:host.xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}@media (max-width: 5000px){:host.xl-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.xl-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.xl-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.xl-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.xl-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.xl-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.xl-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.xl-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 1919px){:host.lg-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.lg-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.lg-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.lg-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.lg-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.lg-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.lg-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.lg-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 1279px){:host.md-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.md-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.md-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.md-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.md-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.md-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.md-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.md-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 959px){:host.sm-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.sm-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.sm-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.sm-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.sm-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.sm-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.sm-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.sm-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}@media (max-width: 599px){:host.xs-xs .mat-icon{font-size:12px;height:12px;width:12px;line-height:12px}:host.xs-s .mat-icon{font-size:16px;height:16px;width:16px;line-height:16px}:host.xs-sm .mat-icon{font-size:20px;height:20px;width:20px;line-height:20px}:host.xs-m .mat-icon{font-size:32px;height:32px;width:32px;line-height:32px}:host.xs-l .mat-icon{font-size:40px;height:40px;width:40px;line-height:40px}:host.xs-xl .mat-icon{font-size:48px;height:48px;width:48px;line-height:48px}:host.xs-xxl .mat-icon{font-size:56px;height:56px;width:56px;line-height:56px}:host.xs-xxxl .mat-icon{font-size:64px;height:64px;width:64px;line-height:64px}}\n"] }]
        }], propDecorators: { class: [{
                type: HostBinding,
                args: ['class']
            }], icon: [{
                type: Input
            }], fontSet: [{
                type: Input
            }], ariaLabel: [{
                type: Input
            }], decorative: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy90aGVtZS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy90aGVtZS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7OztBQUd6RTs7R0FFRztBQU1ILE1BQU0sT0FBTyxhQUFhO0lBTDFCO1FBTXdCLFVBQUssR0FBRyxVQUFVLENBQUM7S0E2QzFDO0lBWEMsV0FBVztRQUNULElBQUksT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztZQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUN6QixDQUFDO1FBQ0QsSUFBSSxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDbEMsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQztZQUMxQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDO1lBQzVCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDcEMsQ0FBQztJQUNILENBQUM7K0dBN0NVLGFBQWE7bUdBQWIsYUFBYSxzTkNYMUIscVRBS0E7OzRGRE1hLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTs4QkFLRSxLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBTVgsSUFBSTtzQkFBWixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uLm1vZGVsJztcblxuLyoqXG4gKiBDb21wb25lbnQgdG8gZGlzcGxheSBhbiBpY29uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21pYy1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICdtaWMtaWNvbic7XG4gIC8qKlxuICAgKiBJY29uIHRvIGRpc3BsYXlcbiAgICpcbiAgICogU2VlIEljb24gbW9kZWxcbiAgICovXG4gIEBJbnB1dCgpIGljb24hOiBzdHJpbmcgfCBJY29uO1xuXG4gIC8qKlxuICAgKiBJY29uIGZvbnQgc2V0XG4gICAqXG4gICAqIEZvciBtYXRlcmlhbCA6IGZpbGxlZCwgcm91bmQsIG91dGxpbmVkLCBzaGFycCwgdHdvdG9uZVxuICAgKi9cbiAgQElucHV0KCkgZm9udFNldD86IHN0cmluZztcblxuICAvKipcbiAgICogSWNvbiBsYWJlbFxuICAgKi9cbiAgQElucHV0KCkgYXJpYUxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWNvcmF0aXZlIGljb25cbiAgICovXG4gIEBJbnB1dCgpIGRlY29yYXRpdmU/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJY29uIGtleVxuICAgKi9cbiAga2V5ITogc3RyaW5nO1xuICAvKipcbiAgICogSWNvbiB0eXBlXG4gICAqL1xuICB0eXBlITogc3RyaW5nO1xuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIGlmICh0eXBlb2YgdGhpcy5pY29uID09PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5rZXkgPSB0aGlzLmljb247XG4gICAgICB0aGlzLnR5cGUgPSAnbWF0ZXJpYWwnO1xuICAgIH1cbiAgICBpZiAodHlwZW9mIHRoaXMuaWNvbiA9PT0gJ29iamVjdCcpIHtcbiAgICAgIHRoaXMua2V5ID0gdGhpcy5pY29uPy5rZXk7XG4gICAgICB0aGlzLnR5cGUgPSB0aGlzLmljb24/LnR5cGU7XG4gICAgICB0aGlzLmZvbnRTZXQgPSB0aGlzLmljb24/LmZvbnRTZXQ7XG4gICAgfVxuICB9XG59XG4iLCJAaWYgKHR5cGUgPT09ICdzdmcnKSB7XG48bWF0LWljb24gW3N2Z0ljb25dPVwia2V5XCIgW2ZvbnRTZXRdPVwiZm9udFNldFwiIHJvbGU9XCJpbWdcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImtleVwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIj48L21hdC1pY29uPlxufSBAaWYgKHR5cGUgPT09ICdtYXRlcmlhbCcpIHtcbjxtYXQtaWNvbiBbZm9udEljb25dPVwia2V5XCIgW2ZvbnRTZXRdPVwiZm9udFNldFwiIHJvbGU9XCJpbWdcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImtleVwiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIj48L21hdC1pY29uPlxufVxuIl19