// Copyright (c) Laserfiche.
// Licensed under the MIT License. See LICENSE in the project root for license information.
import { Component, Input, EventEmitter, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/checkbox";
import * as i3 from "@angular/forms";
export class OptionsComponent {
    constructor() {
        this.options = [];
        this.optionsChanged = new EventEmitter();
    }
    onOptionCheckboxChanged() {
        this.optionsChanged.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: OptionsComponent, selector: "lf-options-component", inputs: { options: "options" }, outputs: { optionsChanged: "optionsChanged" }, ngImport: i0, template: "<!--Copyright (c) Laserfiche.\r\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\r\n\r\n<div id=\"lf-checklist-option-container\" class=\"lf-checklist-option-container\">\r\n    <div id=\"lf-checklist-option\" class=\"lf-checklist-option\" *ngFor=\"let option of options\">\r\n        <mat-checkbox color=\"primary\" ngDefaultControl [(ngModel)]=\"option.checked\" [disabled]=\"option.disabled\"\r\n            (change)=\"onOptionCheckboxChanged()\" title=\"{{option.name}}\" class=\"lf-checkbox full-width-checkbox\">{{option.name}}</mat-checkbox>\r\n    </div>\r\n</div>\r\n", styles: [".lf-checklist-option-container{padding:5px 0 5px 45px}::ng-deep .lf-checklist-option-container .lf-checkbox.mat-mdc-checkbox .mdc-label{text-overflow:ellipsis;overflow:hidden}.lf-checklist-option{margin-bottom:5px}\n", ".lf-checklist-name-container{padding:15px 0 5px;white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden}.lf-checklist-button-container{padding-top:10px;display:flex;justify-content:flex-end}::ng-deep .checklist-expansion-panel .mat-expansion-panel-header.mat-expanded{height:48px}::ng-deep .checklist-expansion-panel.mat-expansion-panel{position:static;border-radius:0;box-shadow:none;padding:0}::ng-deep .checklist-expansion-panel mat-expansion-panel-header{padding-left:0;padding-right:10px}::ng-deep .checklist-expansion-panel div.mat-expansion-panel-body{padding:0}mat-checkbox.lf-checkbox.full-width-checkbox{width:100%}::ng-deep .lf-checklist-field>.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#fff}::ng-deep .lf-checklist-field .mat-mdc-form-field-flex{height:inherit}::ng-deep .lf-checklist-field .mat-mdc-form-field-infix{height:inherit;padding:0}::ng-deep .lf-checklist-option .mat-mdc-checkbox-touch-target{height:20px;width:20px}::ng-deep .lf-checklist-option .mdc-checkbox__native-control{top:10px;left:10px;right:10px;width:20px;height:20px}.lf-checklist-option>.lf-checkbox{height:25px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OptionsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lf-options-component', template: "<!--Copyright (c) Laserfiche.\r\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\r\n\r\n<div id=\"lf-checklist-option-container\" class=\"lf-checklist-option-container\">\r\n    <div id=\"lf-checklist-option\" class=\"lf-checklist-option\" *ngFor=\"let option of options\">\r\n        <mat-checkbox color=\"primary\" ngDefaultControl [(ngModel)]=\"option.checked\" [disabled]=\"option.disabled\"\r\n            (change)=\"onOptionCheckboxChanged()\" title=\"{{option.name}}\" class=\"lf-checkbox full-width-checkbox\">{{option.name}}</mat-checkbox>\r\n    </div>\r\n</div>\r\n", styles: [".lf-checklist-option-container{padding:5px 0 5px 45px}::ng-deep .lf-checklist-option-container .lf-checkbox.mat-mdc-checkbox .mdc-label{text-overflow:ellipsis;overflow:hidden}.lf-checklist-option{margin-bottom:5px}\n", ".lf-checklist-name-container{padding:15px 0 5px;white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden}.lf-checklist-button-container{padding-top:10px;display:flex;justify-content:flex-end}::ng-deep .checklist-expansion-panel .mat-expansion-panel-header.mat-expanded{height:48px}::ng-deep .checklist-expansion-panel.mat-expansion-panel{position:static;border-radius:0;box-shadow:none;padding:0}::ng-deep .checklist-expansion-panel mat-expansion-panel-header{padding-left:0;padding-right:10px}::ng-deep .checklist-expansion-panel div.mat-expansion-panel-body{padding:0}mat-checkbox.lf-checkbox.full-width-checkbox{width:100%}::ng-deep .lf-checklist-field>.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#fff}::ng-deep .lf-checklist-field .mat-mdc-form-field-flex{height:inherit}::ng-deep .lf-checklist-field .mat-mdc-form-field-infix{height:inherit;padding:0}::ng-deep .lf-checklist-option .mat-mdc-checkbox-touch-target{height:20px;width:20px}::ng-deep .lf-checklist-option .mdc-checkbox__native-control{top:10px;left:10px;right:10px;width:20px;height:20px}.lf-checklist-option>.lf-checkbox{height:25px}\n"] }]
        }], ctorParameters: () => [], propDecorators: { options: [{
                type: Input
            }], optionsChanged: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21wb25lbnRzL2xmLWNoZWNrbGlzdC9vcHRpb25zL29wdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tcG9uZW50cy9sZi1jaGVja2xpc3Qvb3B0aW9ucy9vcHRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUE0QjtBQUM1QiwyRkFBMkY7QUFFM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkUsTUFBTSxPQUFPLGdCQUFnQjtJQUszQjtRQUhTLFlBQU8sR0FBc0IsRUFBRSxDQUFDO1FBQy9CLG1CQUFjLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFeEQsQ0FBQztJQUVqQix1QkFBdUI7UUFDckIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOytHQVRVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDJJQ1g3Qiw4bUJBU0E7OzRGREVhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxzQkFBc0I7d0RBTXZCLE9BQU87c0JBQWYsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSBMYXNlcmZpY2hlLlxyXG4vLyBMaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSBMSUNFTlNFIGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGxpY2Vuc2UgaW5mb3JtYXRpb24uXHJcblxyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaGVja2xpc3RPcHRpb24gfSBmcm9tICcuL2NoZWNrbGlzdC1vcHRpb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsZi1vcHRpb25zLWNvbXBvbmVudCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL29wdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL29wdGlvbnMuY29tcG9uZW50LmNzcycsICcuLy4uL2xmLWNoZWNrbGlzdC9sZi1jaGVja2xpc3QuY29tcG9uZW50LmNzcyddLCAgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPcHRpb25zQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgb3B0aW9uczogQ2hlY2tsaXN0T3B0aW9uW10gPSBbXTtcclxuICBAT3V0cHV0KCkgb3B0aW9uc0NoYW5nZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgb25PcHRpb25DaGVja2JveENoYW5nZWQoKSB7XHJcbiAgICB0aGlzLm9wdGlvbnNDaGFuZ2VkLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPCEtLUNvcHlyaWdodCAoYykgTGFzZXJmaWNoZS5cclxuTGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgTElDRU5TRSBpbiB0aGUgcHJvamVjdCByb290IGZvciBsaWNlbnNlIGluZm9ybWF0aW9uLi0tPlxyXG5cclxuPGRpdiBpZD1cImxmLWNoZWNrbGlzdC1vcHRpb24tY29udGFpbmVyXCIgY2xhc3M9XCJsZi1jaGVja2xpc3Qtb3B0aW9uLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBpZD1cImxmLWNoZWNrbGlzdC1vcHRpb25cIiBjbGFzcz1cImxmLWNoZWNrbGlzdC1vcHRpb25cIiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIj5cclxuICAgICAgICA8bWF0LWNoZWNrYm94IGNvbG9yPVwicHJpbWFyeVwiIG5nRGVmYXVsdENvbnRyb2wgWyhuZ01vZGVsKV09XCJvcHRpb24uY2hlY2tlZFwiIFtkaXNhYmxlZF09XCJvcHRpb24uZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAoY2hhbmdlKT1cIm9uT3B0aW9uQ2hlY2tib3hDaGFuZ2VkKClcIiB0aXRsZT1cInt7b3B0aW9uLm5hbWV9fVwiIGNsYXNzPVwibGYtY2hlY2tib3ggZnVsbC13aWR0aC1jaGVja2JveFwiPnt7b3B0aW9uLm5hbWV9fTwvbWF0LWNoZWNrYm94PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=