import { Component, Input } from '@angular/core';
import { AbstractControl } from '@angular/forms';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class FontSelectComponent {
    constructor() {
        this.fonts = [
            { value: 'lato', label: 'Lato', type: 'LATO' },
            { value: 'arial', label: 'Arial', type: 'ARIAL' },
            { value: '"courier new"', label: 'Courier New', type: 'COURIER_NEW' },
            { value: '"Times New Roman"', label: 'Times New Roman', type: 'TIMES_NEW_ROMAN' },
        ];
    }
}
FontSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FontSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
FontSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: FontSelectComponent, selector: "ax-font-select", inputs: { form: "form" }, ngImport: i0, template: "<div class=\"font\" *ngFor=\"let font of fonts\" (click)=\"form.setValue(font.value)\">\n  <input\n    class=\"input\"\n    type=\"radio\"\n    [id]=\"'font-' + font.type\"\n    [value]=\"'font-' + font.type\"\n    [checked]=\"font.value === form?.value\"\n  />\n  <label class=\"font-label\" [for]=\"'font-' + font.type\" [ngStyle]=\"{'font-family': font.value}\">\n    <span>Aa</span>\n  </label>\n  <span class=\"option-label\">{{ font.label }}</span>\n</div>\n", styles: [":host{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}:host .font{width:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;text-align:center}:host .input{position:absolute;visibility:hidden;opacity:0}:host .input+label{position:relative;display:inline-block;width:100%;height:70px;overflow:hidden;background-color:#efefef;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}:host .input+label.bg-color-label{background-color:#363f48}:host .input+label .ax-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host input[type=radio]:checked+label{background-color:var(--primary-color-500)}.font-label span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}.option-label{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FontSelectComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-font-select', template: "<div class=\"font\" *ngFor=\"let font of fonts\" (click)=\"form.setValue(font.value)\">\n  <input\n    class=\"input\"\n    type=\"radio\"\n    [id]=\"'font-' + font.type\"\n    [value]=\"'font-' + font.type\"\n    [checked]=\"font.value === form?.value\"\n  />\n  <label class=\"font-label\" [for]=\"'font-' + font.type\" [ngStyle]=\"{'font-family': font.value}\">\n    <span>Aa</span>\n  </label>\n  <span class=\"option-label\">{{ font.label }}</span>\n</div>\n", styles: [":host{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}:host .font{width:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;text-align:center}:host .input{position:absolute;visibility:hidden;opacity:0}:host .input+label{position:relative;display:inline-block;width:100%;height:70px;overflow:hidden;background-color:#efefef;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}:host .input+label.bg-color-label{background-color:#363f48}:host .input+label .ax-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host input[type=radio]:checked+label{background-color:var(--primary-color-500)}.font-label span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}.option-label{margin-top:.5rem}\n"] }]
        }], propDecorators: { form: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2ZvbnQtc2VsZWN0L2ZvbnQtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mb250LXNlbGVjdC9mb250LXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBUUUsVUFBSyxHQUFHO1lBQ04sRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBQztZQUM1QyxFQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFDO1lBQy9DLEVBQUMsS0FBSyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUM7WUFDbkUsRUFBQyxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxpQkFBaUIsRUFBQztTQUNoRixDQUFDO0tBQ0g7O2dIQVRZLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdGQ1JoQyxrZEFhQTsyRkRMYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUtqQixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdENvbnRyb2x9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtZm9udC1zZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJ2ZvbnQtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2ZvbnQtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZvbnRTZWxlY3RDb21wb25lbnQge1xuICBASW5wdXQoKSBmb3JtOiBBYnN0cmFjdENvbnRyb2w7XG5cbiAgZm9udHMgPSBbXG4gICAge3ZhbHVlOiAnbGF0bycsIGxhYmVsOiAnTGF0bycsIHR5cGU6ICdMQVRPJ30sXG4gICAge3ZhbHVlOiAnYXJpYWwnLCBsYWJlbDogJ0FyaWFsJywgdHlwZTogJ0FSSUFMJ30sXG4gICAge3ZhbHVlOiAnXCJjb3VyaWVyIG5ld1wiJywgbGFiZWw6ICdDb3VyaWVyIE5ldycsIHR5cGU6ICdDT1VSSUVSX05FVyd9LFxuICAgIHt2YWx1ZTogJ1wiVGltZXMgTmV3IFJvbWFuXCInLCBsYWJlbDogJ1RpbWVzIE5ldyBSb21hbicsIHR5cGU6ICdUSU1FU19ORVdfUk9NQU4nfSxcbiAgXTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJmb250XCIgKm5nRm9yPVwibGV0IGZvbnQgb2YgZm9udHNcIiAoY2xpY2spPVwiZm9ybS5zZXRWYWx1ZShmb250LnZhbHVlKVwiPlxuICA8aW5wdXRcbiAgICBjbGFzcz1cImlucHV0XCJcbiAgICB0eXBlPVwicmFkaW9cIlxuICAgIFtpZF09XCInZm9udC0nICsgZm9udC50eXBlXCJcbiAgICBbdmFsdWVdPVwiJ2ZvbnQtJyArIGZvbnQudHlwZVwiXG4gICAgW2NoZWNrZWRdPVwiZm9udC52YWx1ZSA9PT0gZm9ybT8udmFsdWVcIlxuICAvPlxuICA8bGFiZWwgY2xhc3M9XCJmb250LWxhYmVsXCIgW2Zvcl09XCInZm9udC0nICsgZm9udC50eXBlXCIgW25nU3R5bGVdPVwieydmb250LWZhbWlseSc6IGZvbnQudmFsdWV9XCI+XG4gICAgPHNwYW4+QWE8L3NwYW4+XG4gIDwvbGFiZWw+XG4gIDxzcGFuIGNsYXNzPVwib3B0aW9uLWxhYmVsXCI+e3sgZm9udC5sYWJlbCB9fTwvc3Bhbj5cbjwvZGl2PlxuIl19