import { CommonModule } from '@angular/common';
import { Component, HostBinding, Input } from '@angular/core';
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSelectModule } from '@angular/material/select';
import { HelperPipesModule } from '@aztrix/helpers';
import { SearchAgreementsRepresentation } from '@aztrix/sdk';
import { TranslatePipe } from '@aztrix/translate';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/material/form-field";
import * as i4 from "@aztrix/helpers";
import * as i5 from "@angular/material/select";
import * as i6 from "@angular/material/core";
export class AgreementStateSelectComponent {
    constructor() {
        this.multiple = false;
        this.hasVerification = false;
        this.outline = false;
        this.AgreementConfirmation = SearchAgreementsRepresentation.AgreementConfirmationEnum;
        this.AgreementStatus = SearchAgreementsRepresentation.AgreementStatusEnum;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AgreementStateSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AgreementStateSelectComponent, isStandalone: true, selector: "ax-agreement-state-select", inputs: { confirmationForm: "confirmationForm", statusForm: "statusForm", verificationForm: "verificationForm", multiple: "multiple", hasVerification: "hasVerification", outline: "outline" }, host: { properties: { "class.outline": "this.outline" } }, ngImport: i0, template: "<mat-form-field class=\"c-input remove-subtext\" [appearance]=\"outline ? 'outline' : 'fill'\">\n  <mat-select\n    [formControl]=\"confirmationForm\"\n    [multiple]=\"multiple\"\n    [placeholder]=\"'agreement.status.confirmation' | translate\"\n    [disableRipple]=\"true\"\n  >\n    <mat-option *ngIf=\"!multiple\" [value]=\"undefined\">\n      {{ 'label.all' | translate }}\n    </mat-option>\n    <mat-option [value]=\"AgreementConfirmation.CONFIRMED\">\n      {{ AgreementConfirmation.CONFIRMED | agreementConfirmationLabel }}\n    </mat-option>\n    <mat-option [value]=\"AgreementConfirmation.UNCONFIRMED\">\n      {{ AgreementConfirmation.UNCONFIRMED | agreementConfirmationLabel }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n\n<mat-form-field class=\"c-input remove-subtext\" [appearance]=\"outline ? 'outline' : 'fill'\">\n  <mat-select\n    [formControl]=\"statusForm\"\n    [multiple]=\"multiple\"\n    [placeholder]=\"'agreement.status' | translate\"\n    [disableRipple]=\"true\"\n  >\n    <mat-option *ngIf=\"!multiple\" [value]=\"undefined\">\n      {{ 'label.all' | translate }}\n    </mat-option>\n    <mat-option [value]=\"AgreementStatus.ACTIVE\">\n      {{ AgreementStatus.ACTIVE | agreementStatusLabel }}\n    </mat-option>\n    <mat-option [value]=\"AgreementStatus.EXPIRED\">\n      {{ AgreementStatus.EXPIRED | agreementStatusLabel }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n\n<mat-form-field\n  class=\"c-input remove-subtext\"\n  [appearance]=\"outline ? 'outline' : 'fill'\"\n  *ngIf=\"hasVerification\"\n>\n  <mat-select\n    [formControl]=\"verificationForm\"\n    [placeholder]=\"'agreement.verification' | translate\"\n    [disableRipple]=\"true\"\n  >\n    <mat-option *ngFor=\"let option of [undefined, 'UNVERIFIED', 'VERIFIED']\" [value]=\"option\">{{\n      option ? (option | agreementVerificationStateLabel) : ('label.all' | translate)\n    }}</mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{gap:.5rem}:host:not(.outline){--mat-form-field-container-vertical-padding: 6px;--mdc-filled-text-field-container-color: transparent;--mat-form-field-container-height: 36px;--mdc-filled-text-field-active-indicator-height: 0;--mdc-filled-text-field-focus-active-indicator-height: 0}:host:not(.outline) mat-form-field{border:1px solid #bdc3c9;border-radius:20px;overflow:hidden}:host:not(.outline) ::ng-deep .c-input{margin:0}:host:not(.outline) ::ng-deep .c-input .mat-mdc-form-field-subscript-wrapper{padding-top:0}.select-filter{width:100%}@media only screen and (min-width: 600px){.select-filter{margin-right:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: HelperPipesModule }, { kind: "pipe", type: i4.AgreementStatusLabelPipe, name: "agreementStatusLabel" }, { kind: "pipe", type: i4.agreementConfirmationLabelPipe, name: "agreementConfirmationLabel" }, { kind: "pipe", type: i4.AgreementVerificationStateLabelPipe, name: "agreementVerificationStateLabel" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AgreementStateSelectComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-agreement-state-select', standalone: true, imports: [
                        CommonModule,
                        FormsModule,
                        ReactiveFormsModule,
                        TranslatePipe,
                        MatFormFieldModule,
                        HelperPipesModule,
                        MatSelectModule,
                    ], template: "<mat-form-field class=\"c-input remove-subtext\" [appearance]=\"outline ? 'outline' : 'fill'\">\n  <mat-select\n    [formControl]=\"confirmationForm\"\n    [multiple]=\"multiple\"\n    [placeholder]=\"'agreement.status.confirmation' | translate\"\n    [disableRipple]=\"true\"\n  >\n    <mat-option *ngIf=\"!multiple\" [value]=\"undefined\">\n      {{ 'label.all' | translate }}\n    </mat-option>\n    <mat-option [value]=\"AgreementConfirmation.CONFIRMED\">\n      {{ AgreementConfirmation.CONFIRMED | agreementConfirmationLabel }}\n    </mat-option>\n    <mat-option [value]=\"AgreementConfirmation.UNCONFIRMED\">\n      {{ AgreementConfirmation.UNCONFIRMED | agreementConfirmationLabel }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n\n<mat-form-field class=\"c-input remove-subtext\" [appearance]=\"outline ? 'outline' : 'fill'\">\n  <mat-select\n    [formControl]=\"statusForm\"\n    [multiple]=\"multiple\"\n    [placeholder]=\"'agreement.status' | translate\"\n    [disableRipple]=\"true\"\n  >\n    <mat-option *ngIf=\"!multiple\" [value]=\"undefined\">\n      {{ 'label.all' | translate }}\n    </mat-option>\n    <mat-option [value]=\"AgreementStatus.ACTIVE\">\n      {{ AgreementStatus.ACTIVE | agreementStatusLabel }}\n    </mat-option>\n    <mat-option [value]=\"AgreementStatus.EXPIRED\">\n      {{ AgreementStatus.EXPIRED | agreementStatusLabel }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n\n<mat-form-field\n  class=\"c-input remove-subtext\"\n  [appearance]=\"outline ? 'outline' : 'fill'\"\n  *ngIf=\"hasVerification\"\n>\n  <mat-select\n    [formControl]=\"verificationForm\"\n    [placeholder]=\"'agreement.verification' | translate\"\n    [disableRipple]=\"true\"\n  >\n    <mat-option *ngFor=\"let option of [undefined, 'UNVERIFIED', 'VERIFIED']\" [value]=\"option\">{{\n      option ? (option | agreementVerificationStateLabel) : ('label.all' | translate)\n    }}</mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{gap:.5rem}:host:not(.outline){--mat-form-field-container-vertical-padding: 6px;--mdc-filled-text-field-container-color: transparent;--mat-form-field-container-height: 36px;--mdc-filled-text-field-active-indicator-height: 0;--mdc-filled-text-field-focus-active-indicator-height: 0}:host:not(.outline) mat-form-field{border:1px solid #bdc3c9;border-radius:20px;overflow:hidden}:host:not(.outline) ::ng-deep .c-input{margin:0}:host:not(.outline) ::ng-deep .c-input .mat-mdc-form-field-subscript-wrapper{padding-top:0}.select-filter{width:100%}@media only screen and (min-width: 600px){.select-filter{margin-right:1rem}}\n"] }]
        }], propDecorators: { confirmationForm: [{
                type: Input
            }], statusForm: [{
                type: Input
            }], verificationForm: [{
                type: Input
            }], multiple: [{
                type: Input
            }], hasVerification: [{
                type: Input
            }], outline: [{
                type: HostBinding,
                args: ['class.outline']
            }, {
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 