import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ngbracket/ngx-layout/extended";
import * as i2 from "@angular/material/tooltip";
import * as i3 from "@angular/material/button";
export class TranslationSystemPickerButtonComponent {
    active;
    isRecentSystemList;
    isDomainList;
    tooltip;
    onClick = new EventEmitter();
    clicked(event) {
        // stop propagation necessary so that click outside directive works as intended otherwise click event goes up through parents and click outside gets called and closes dropdown.
        event.stopPropagation();
        this.onClick.emit();
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TranslationSystemPickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: { active: "active", isRecentSystemList: "isRecentSystemList", isDomainList: "isDomainList", tooltip: "tooltip" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button [ngClass.lt-sm]=\"'system-picker-button-mobile'\" [class.domain]=\"isDomainList\" [class.recent-system]=\"isRecentSystemList\" mat-button [class.active]=\"active\" class=\"system-picker-button\" (click)=\"clicked($event)\"\r\n  [matTooltip]=\"tooltip ? tooltip : ''\">\r\n  <ng-content></ng-content>\r\n</button>\r\n", styles: ["button{font-size:1rem;font-weight:400}.active{color:var(--accent)}.system-picker-button{text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.system-picker-button:not(.recent-system,.domain){max-width:193px}.system-picker-button-mobile:not(.recent-system,.domain){max-width:220px!important}@media (max-width: 600px){.system-picker-button-mobile:not(.recent-system,.domain){max-width:300px!important}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TranslationSystemPickerButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'translation-system-picker-button', template: "<button [ngClass.lt-sm]=\"'system-picker-button-mobile'\" [class.domain]=\"isDomainList\" [class.recent-system]=\"isRecentSystemList\" mat-button [class.active]=\"active\" class=\"system-picker-button\" (click)=\"clicked($event)\"\r\n  [matTooltip]=\"tooltip ? tooltip : ''\">\r\n  <ng-content></ng-content>\r\n</button>\r\n", styles: ["button{font-size:1rem;font-weight:400}.active{color:var(--accent)}.system-picker-button{text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.system-picker-button:not(.recent-system,.domain){max-width:193px}.system-picker-button-mobile:not(.recent-system,.domain){max-width:220px!important}@media (max-width: 600px){.system-picker-button-mobile:not(.recent-system,.domain){max-width:300px!important}}\n"] }]
        }], propDecorators: { active: [{
                type: Input
            }], isRecentSystemList: [{
                type: Input
            }], isDomainList: [{
                type: Input
            }], tooltip: [{
                type: Input
            }], onClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb24tc3lzdGVtLXBpY2tlci1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGxkLXRyYW5zbGF0ZS9zcmMvbGliL21vZHVsZXMvdGxkLXRvb2x0aXAvdHJhbnNsYXRpb24tc3lzdGVtLXBpY2tlci9zeXN0ZW0tcGlja2VyLWJ1dHRvbi90cmFuc2xhdGlvbi1zeXN0ZW0tcGlja2VyLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90bGQtdHJhbnNsYXRlL3NyYy9saWIvbW9kdWxlcy90bGQtdG9vbHRpcC90cmFuc2xhdGlvbi1zeXN0ZW0tcGlja2VyL3N5c3RlbS1waWNrZXItYnV0dG9uL3RyYW5zbGF0aW9uLXN5c3RlbS1waWNrZXItYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3ZFLE1BQU0sT0FBTyxzQ0FBc0M7SUFFeEMsTUFBTSxDQUFVO0lBQ2hCLGtCQUFrQixDQUFVO0lBQzVCLFlBQVksQ0FBVTtJQUN0QixPQUFPLENBQVM7SUFDZixPQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFM0QsT0FBTyxDQUFDLEtBQWlCO1FBQ3ZCLGdMQUFnTDtRQUNoTCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO3dHQVpVLHNDQUFzQzs0RkFBdEMsc0NBQXNDLG1PQ1BuRCxzVUFJQTs7NEZER2Esc0NBQXNDO2tCQUxsRCxTQUFTOytCQUNFLGtDQUFrQzs4QkFNbkMsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHJhbnNsYXRpb24tc3lzdGVtLXBpY2tlci1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90cmFuc2xhdGlvbi1zeXN0ZW0tcGlja2VyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdHJhbnNsYXRpb24tc3lzdGVtLXBpY2tlci1idXR0b24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHJhbnNsYXRpb25TeXN0ZW1QaWNrZXJCdXR0b25Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaXNSZWNlbnRTeXN0ZW1MaXN0OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGlzRG9tYWluTGlzdDogYm9vbGVhbjtcclxuICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY2xpY2tlZChldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgLy8gc3RvcCBwcm9wYWdhdGlvbiBuZWNlc3Nhcnkgc28gdGhhdCBjbGljayBvdXRzaWRlIGRpcmVjdGl2ZSB3b3JrcyBhcyBpbnRlbmRlZCBvdGhlcndpc2UgY2xpY2sgZXZlbnQgZ29lcyB1cCB0aHJvdWdoIHBhcmVudHMgYW5kIGNsaWNrIG91dHNpZGUgZ2V0cyBjYWxsZWQgYW5kIGNsb3NlcyBkcm9wZG93bi5cclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gW25nQ2xhc3MubHQtc21dPVwiJ3N5c3RlbS1waWNrZXItYnV0dG9uLW1vYmlsZSdcIiBbY2xhc3MuZG9tYWluXT1cImlzRG9tYWluTGlzdFwiIFtjbGFzcy5yZWNlbnQtc3lzdGVtXT1cImlzUmVjZW50U3lzdGVtTGlzdFwiIG1hdC1idXR0b24gW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIiBjbGFzcz1cInN5c3RlbS1waWNrZXItYnV0dG9uXCIgKGNsaWNrKT1cImNsaWNrZWQoJGV2ZW50KVwiXHJcbiAgW21hdFRvb2x0aXBdPVwidG9vbHRpcCA/IHRvb2x0aXAgOiAnJ1wiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9idXR0b24+XHJcbiJdfQ==