import { Component, Input, TemplateRef } from '@angular/core';
import { FormControl } from '@angular/forms';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/material/legacy-radio";
import * as i4 from "@angular/material/legacy-checkbox";
export class SelectionButtonsComponent {
    constructor() {
        this.form = new FormControl();
        this.multiple = false;
        this.fullWidth = false;
    }
}
SelectionButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SelectionButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
SelectionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SelectionButtonsComponent, selector: "ax-selection-buttons", inputs: { form: "form", options: "options", multiple: "multiple", selectionTemplate: "selectionTemplate", fullWidth: "fullWidth" }, ngImport: i0, template: "<mat-radio-group\n  class=\"selection-group\"\n  [ngClass]=\"{'full-width': fullWidth}\"\n  *ngIf=\"!multiple\"\n  [formControl]=\"form\"\n>\n  <mat-radio-button class=\"selection-button\" *ngFor=\"let option of options\" [value]=\"option\">\n    <ng-container\n      *ngTemplateOutlet=\"selectionTemplate; context: {$implicit: option}\"\n    ></ng-container>\n  </mat-radio-button>\n</mat-radio-group>\n\n<section\n  class=\"selection-group\"\n  [ngClass]=\"{'full-width': fullWidth}\"\n  *ngIf=\"multiple\"\n  [formGroup]=\"form\"\n>\n  <mat-checkbox class=\"selection-button\" *ngFor=\"let option of options\" value>\n    <ng-container\n      *ngTemplateOutlet=\"selectionTemplate; context: {$implicit: option}\"\n    ></ng-container>\n  </mat-checkbox>\n</section>\n", styles: [":host ::ng-deep .mat-radio-outer-circle{border-width:1px}:host ::ng-deep .selection-button{border:1px solid var(--primary-color-500-contrast, inherit);border-radius:.6rem;transition:border-color .4s ease-in-out,background-color .4s ease-in-out}:host ::ng-deep .selection-button.mat-radio-checked{border:1px solid var(--primary-color-500, inherit);background-color:var(--primary-color-500, inherit)}:host ::ng-deep .selection-button.mat-radio-checked .mat-radio-outer-circle{border-color:var(--font-color, inherit)}:host ::ng-deep .selection-button.mat-radio-checked .mat-radio-inner-circle{background-color:var(--font-color, inherit)}:host ::ng-deep .selection-button.mat-checkbox-checked{border:1px solid var(--primary-color-500, inherit);background-color:var(--primary-color-500, inherit)}:host ::ng-deep .selection-button.mat-checkbox-checked .mat-checkbox-background{background-color:var(--primary-color-500, inherit);border-radius:0}:host ::ng-deep .selection-button label{padding:.5rem;align-items:center}.selection-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem 0}.selection-group.full-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatLegacyRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatLegacyRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i4.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SelectionButtonsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-selection-buttons', template: "<mat-radio-group\n  class=\"selection-group\"\n  [ngClass]=\"{'full-width': fullWidth}\"\n  *ngIf=\"!multiple\"\n  [formControl]=\"form\"\n>\n  <mat-radio-button class=\"selection-button\" *ngFor=\"let option of options\" [value]=\"option\">\n    <ng-container\n      *ngTemplateOutlet=\"selectionTemplate; context: {$implicit: option}\"\n    ></ng-container>\n  </mat-radio-button>\n</mat-radio-group>\n\n<section\n  class=\"selection-group\"\n  [ngClass]=\"{'full-width': fullWidth}\"\n  *ngIf=\"multiple\"\n  [formGroup]=\"form\"\n>\n  <mat-checkbox class=\"selection-button\" *ngFor=\"let option of options\" value>\n    <ng-container\n      *ngTemplateOutlet=\"selectionTemplate; context: {$implicit: option}\"\n    ></ng-container>\n  </mat-checkbox>\n</section>\n", styles: [":host ::ng-deep .mat-radio-outer-circle{border-width:1px}:host ::ng-deep .selection-button{border:1px solid var(--primary-color-500-contrast, inherit);border-radius:.6rem;transition:border-color .4s ease-in-out,background-color .4s ease-in-out}:host ::ng-deep .selection-button.mat-radio-checked{border:1px solid var(--primary-color-500, inherit);background-color:var(--primary-color-500, inherit)}:host ::ng-deep .selection-button.mat-radio-checked .mat-radio-outer-circle{border-color:var(--font-color, inherit)}:host ::ng-deep .selection-button.mat-radio-checked .mat-radio-inner-circle{background-color:var(--font-color, inherit)}:host ::ng-deep .selection-button.mat-checkbox-checked{border:1px solid var(--primary-color-500, inherit);background-color:var(--primary-color-500, inherit)}:host ::ng-deep .selection-button.mat-checkbox-checked .mat-checkbox-background{background-color:var(--primary-color-500, inherit);border-radius:0}:host ::ng-deep .selection-button label{padding:.5rem;align-items:center}.selection-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem 0}.selection-group.full-width{width:100%}\n"] }]
        }], propDecorators: { form: [{
                type: Input
            }], options: [{
                type: Input
            }], multiple: [{
                type: Input
            }], selectionTemplate: [{
                type: Input
            }], fullWidth: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NlbGVjdGlvbi1idXR0b25zL3NlbGVjdGlvbi1idXR0b25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zZWxlY3Rpb24tYnV0dG9ucy9zZWxlY3Rpb24tYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPM0MsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU1XLFNBQUksR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBRXpCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsY0FBUyxHQUFHLEtBQUssQ0FBQztLQUM1Qjs7c0hBTlkseUJBQXlCOzBHQUF6Qix5QkFBeUIsZ01DUnRDLG93QkF5QkE7MkZEakJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3JtQ29udHJvbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1zZWxlY3Rpb24tYnV0dG9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3Rpb24tYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdGlvbi1idXR0b25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdGlvbkJ1dHRvbnNDb21wb25lbnQge1xuICBASW5wdXQoKSBmb3JtID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIEBJbnB1dCgpIG9wdGlvbnM6IHN0cmluZ1tdO1xuICBASW5wdXQoKSBtdWx0aXBsZSA9IGZhbHNlO1xuICBASW5wdXQoKSBzZWxlY3Rpb25UZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIEBJbnB1dCgpIGZ1bGxXaWR0aCA9IGZhbHNlO1xufVxuIiwiPG1hdC1yYWRpby1ncm91cFxuICBjbGFzcz1cInNlbGVjdGlvbi1ncm91cFwiXG4gIFtuZ0NsYXNzXT1cInsnZnVsbC13aWR0aCc6IGZ1bGxXaWR0aH1cIlxuICAqbmdJZj1cIiFtdWx0aXBsZVwiXG4gIFtmb3JtQ29udHJvbF09XCJmb3JtXCJcbj5cbiAgPG1hdC1yYWRpby1idXR0b24gY2xhc3M9XCJzZWxlY3Rpb24tYnV0dG9uXCIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvblwiPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwic2VsZWN0aW9uVGVtcGxhdGU7IGNvbnRleHQ6IHskaW1wbGljaXQ6IG9wdGlvbn1cIlxuICAgID48L25nLWNvbnRhaW5lcj5cbiAgPC9tYXQtcmFkaW8tYnV0dG9uPlxuPC9tYXQtcmFkaW8tZ3JvdXA+XG5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2VsZWN0aW9uLWdyb3VwXCJcbiAgW25nQ2xhc3NdPVwieydmdWxsLXdpZHRoJzogZnVsbFdpZHRofVwiXG4gICpuZ0lmPVwibXVsdGlwbGVcIlxuICBbZm9ybUdyb3VwXT1cImZvcm1cIlxuPlxuICA8bWF0LWNoZWNrYm94IGNsYXNzPVwic2VsZWN0aW9uLWJ1dHRvblwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIHZhbHVlPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwic2VsZWN0aW9uVGVtcGxhdGU7IGNvbnRleHQ6IHskaW1wbGljaXQ6IG9wdGlvbn1cIlxuICAgID48L25nLWNvbnRhaW5lcj5cbiAgPC9tYXQtY2hlY2tib3g+XG48L3NlY3Rpb24+XG4iXX0=