@koobiq/components 17.0.0-rc.8 → 17.0.0

package/esm2022/tree-select/tree-select.module.mjs

@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                     providers: [KBQ_SELECT_SCROLL_STRATEGY_PROVIDER]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1zZWxlY3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90cmVlLXNlbGVjdC90cmVlLXNlbGVjdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDSCxtQ0FBbUMsRUFDbkMsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixnQkFBZ0IsRUFDaEIsZUFBZSxFQUNmLDBCQUEwQixFQUMxQixnQkFBZ0IsRUFDbkIsTUFBTSx5QkFBeUIsQ0FBQztBQUNqQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBNkJ4RCxNQUFNLE9BQU8sbUJBQW1CO2lJQUFuQixtQkFBbUI7a0lBQW5CLG1CQUFtQixpQkFIYixhQUFhLGFBckJ4QixZQUFZO1lBQ1osYUFBYTtZQUNiLGFBQWE7WUFDYixhQUFhO1lBQ2IsYUFBYTtZQUNiLHVCQUF1QjtZQUN2QixlQUFlO1lBQ2YsZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIsMEJBQTBCLGFBRzFCLGFBQWE7WUFDYixZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLDBCQUEwQjtrSUFLckIsbUJBQW1CLGFBRmpCLENBQUMsbUNBQW1DLENBQUMsWUF0QjVDLFlBQVk7WUFDWixhQUFhO1lBQ2IsYUFBYTtZQUNiLGFBQWE7WUFDYixhQUFhO1lBQ2IsdUJBQXVCLEVBU3ZCLFlBQVk7OzJGQVVQLG1CQUFtQjtrQkExQi9CLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYix1QkFBdUI7d0JBQ3ZCLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsMEJBQTBCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsYUFBYTt3QkFDYixZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsMEJBQTBCO3FCQUM3QjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQzdCLFNBQVMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDO2lCQUNuRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgS0JRX1NFTEVDVF9TQ1JPTExfU1RSQVRFR1lfUFJPVklERVIsXG4gICAgS2JxUHNldWRvQ2hlY2tib3hNb2R1bGUsXG4gICAgS2JxU2VsZWN0Rm9vdGVyLFxuICAgIEticVNlbGVjdE1hdGNoZXIsXG4gICAgS2JxU2VsZWN0U2VhcmNoLFxuICAgIEticVNlbGVjdFNlYXJjaEVtcHR5UmVzdWx0LFxuICAgIEticVNlbGVjdFRyaWdnZXJcbn0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticVRhZ3NNb2R1bGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdGFncyc7XG5pbXBvcnQgeyBLYnFUcmVlTW9kdWxlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL3RyZWUnO1xuXG5pbXBvcnQgeyBLYnFUcmVlU2VsZWN0IH0gZnJvbSAnLi90cmVlLXNlbGVjdC5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIE92ZXJsYXlNb2R1bGUsXG4gICAgICAgIEticVRyZWVNb2R1bGUsXG4gICAgICAgIEticUljb25Nb2R1bGUsXG4gICAgICAgIEticVRhZ3NNb2R1bGUsXG4gICAgICAgIEticVBzZXVkb0NoZWNrYm94TW9kdWxlLFxuICAgICAgICBLYnFTZWxlY3RTZWFyY2gsXG4gICAgICAgIEticVNlbGVjdEZvb3RlcixcbiAgICAgICAgS2JxU2VsZWN0TWF0Y2hlcixcbiAgICAgICAgS2JxU2VsZWN0VHJpZ2dlcixcbiAgICAgICAgS2JxU2VsZWN0U2VhcmNoRW1wdHlSZXN1bHRcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgS2JxVHJlZVNlbGVjdCxcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBLYnFTZWxlY3RTZWFyY2gsXG4gICAgICAgIEticVNlbGVjdEZvb3RlcixcbiAgICAgICAgS2JxU2VsZWN0TWF0Y2hlcixcbiAgICAgICAgS2JxU2VsZWN0VHJpZ2dlcixcbiAgICAgICAgS2JxU2VsZWN0U2VhcmNoRW1wdHlSZXN1bHRcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW0ticVRyZWVTZWxlY3RdLFxuICAgIHByb3ZpZGVyczogW0tCUV9TRUxFQ1RfU0NST0xMX1NUUkFURUdZX1BST1ZJREVSXVxufSlcbmV4cG9ydCBjbGFzcyBLYnFUcmVlU2VsZWN0TW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1zZWxlY3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90cmVlLXNlbGVjdC90cmVlLXNlbGVjdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDSCxtQ0FBbUMsRUFDbkMsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixnQkFBZ0IsRUFDaEIsZUFBZSxFQUNmLDBCQUEwQixFQUMxQixnQkFBZ0IsRUFDbkIsTUFBTSx5QkFBeUIsQ0FBQztBQUNqQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBNEJ4RCxNQUFNLE9BQU8sbUJBQW1CO2lJQUFuQixtQkFBbUI7a0lBQW5CLG1CQUFtQixpQkFIYixhQUFhLGFBckJ4QixZQUFZO1lBQ1osYUFBYTtZQUNiLGFBQWE7WUFDYixhQUFhO1lBQ2IsYUFBYTtZQUNiLHVCQUF1QjtZQUN2QixlQUFlO1lBQ2YsZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIsMEJBQTBCLGFBRzFCLGFBQWE7WUFDYixZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLDBCQUEwQjtrSUFLckIsbUJBQW1CLGFBRmpCLENBQUMsbUNBQW1DLENBQUMsWUF0QjVDLFlBQVk7WUFDWixhQUFhO1lBQ2IsYUFBYTtZQUNiLGFBQWE7WUFDYixhQUFhO1lBQ2IsdUJBQXVCLEVBU3ZCLFlBQVk7OzJGQVVQLG1CQUFtQjtrQkExQi9CLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYix1QkFBdUI7d0JBQ3ZCLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsMEJBQTBCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsYUFBYTt3QkFDYixZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsMEJBQTBCO3FCQUM3QjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQzdCLFNBQVMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDO2lCQUNuRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgS0JRX1NFTEVDVF9TQ1JPTExfU1RSQVRFR1lfUFJPVklERVIsXG4gICAgS2JxUHNldWRvQ2hlY2tib3hNb2R1bGUsXG4gICAgS2JxU2VsZWN0Rm9vdGVyLFxuICAgIEticVNlbGVjdE1hdGNoZXIsXG4gICAgS2JxU2VsZWN0U2VhcmNoLFxuICAgIEticVNlbGVjdFNlYXJjaEVtcHR5UmVzdWx0LFxuICAgIEticVNlbGVjdFRyaWdnZXJcbn0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxSWNvbk1vZHVsZSB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7IEticVRhZ3NNb2R1bGUgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdGFncyc7XG5pbXBvcnQgeyBLYnFUcmVlTW9kdWxlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL3RyZWUnO1xuaW1wb3J0IHsgS2JxVHJlZVNlbGVjdCB9IGZyb20gJy4vdHJlZS1zZWxlY3QuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgT3ZlcmxheU1vZHVsZSxcbiAgICAgICAgS2JxVHJlZU1vZHVsZSxcbiAgICAgICAgS2JxSWNvbk1vZHVsZSxcbiAgICAgICAgS2JxVGFnc01vZHVsZSxcbiAgICAgICAgS2JxUHNldWRvQ2hlY2tib3hNb2R1bGUsXG4gICAgICAgIEticVNlbGVjdFNlYXJjaCxcbiAgICAgICAgS2JxU2VsZWN0Rm9vdGVyLFxuICAgICAgICBLYnFTZWxlY3RNYXRjaGVyLFxuICAgICAgICBLYnFTZWxlY3RUcmlnZ2VyLFxuICAgICAgICBLYnFTZWxlY3RTZWFyY2hFbXB0eVJlc3VsdFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBLYnFUcmVlU2VsZWN0LFxuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEticVNlbGVjdFNlYXJjaCxcbiAgICAgICAgS2JxU2VsZWN0Rm9vdGVyLFxuICAgICAgICBLYnFTZWxlY3RNYXRjaGVyLFxuICAgICAgICBLYnFTZWxlY3RUcmlnZ2VyLFxuICAgICAgICBLYnFTZWxlY3RTZWFyY2hFbXB0eVJlc3VsdFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbS2JxVHJlZVNlbGVjdF0sXG4gICAgcHJvdmlkZXJzOiBbS0JRX1NFTEVDVF9TQ1JPTExfU1RSQVRFR1lfUFJPVklERVJdXG59KVxuZXhwb3J0IGNsYXNzIEticVRyZWVTZWxlY3RNb2R1bGUge31cbiJdfQ==

package/fesm2022/koobiq-components-alert.mjs

@@ -1,10 +1,11 @@
-import { A11yModule } from '@angular/cdk/a11y';
-import { PlatformModule } from '@angular/cdk/platform';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Directive, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, Input, NgModule } from '@angular/core';
+import { KbqButton } from '@koobiq/components/button';
 import { KbqIconItem, KbqIcon } from '@koobiq/components/icon';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { A11yModule } from '@angular/cdk/a11y';
+import { PlatformModule } from '@angular/cdk/platform';
 
 var KbqAlertStyles;
 (function (KbqAlertStyles) {
@@ -80,7 +81,7 @@ class KbqAlert {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\" *ngIf=\"iconItem || icon\">\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__button-stack\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div\n    *ngIf=\"iconItem || icon\"\n    class=\"kbq-alert__icon\"\n    [class.kbq-alert__icon_title]=\"title\"\n>\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    <div\n        *ngIf=\"control\"\n        class=\"kbq-alert__button-stack\"\n        [class.kbq-alert__button-stack_has-button]=\"button\"\n    >\n        <ng-content select=\"[kbq-alert-control]\" />\n    </div>\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, decorators: [{
             type: Component,
@@ -92,13 +93,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         '[class.kbq-alert_default]': '!isColored',
                         '[class.kbq-alert_colored]': 'isColored',
                         '[class.kbq-alert_dismissible]': 'closeButton'
-                    }, template: "<div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\" *ngIf=\"iconItem || icon\">\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__button-stack\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"] }]
+                    }, template: "<div\n    *ngIf=\"iconItem || icon\"\n    class=\"kbq-alert__icon\"\n    [class.kbq-alert__icon_title]=\"title\"\n>\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    <div\n        *ngIf=\"control\"\n        class=\"kbq-alert__button-stack\"\n        [class.kbq-alert__button-stack_has-button]=\"button\"\n    >\n        <ng-content select=\"[kbq-alert-control]\" />\n    </div>\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"] }]
         }], propDecorators: { iconItem: [{
                 type: ContentChild,
                 args: [KbqIconItem]
             }], icon: [{
                 type: ContentChild,
                 args: [KbqIcon]
+            }], button: [{
+                type: ContentChild,
+                args: [KbqButton]
             }], title: [{
                 type: ContentChild,
                 args: [KbqAlertTitle]

package/fesm2022/koobiq-components-alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-alert.mjs","sources":["../../../packages/components/alert/alert.component.ts","../../../packages/components/alert/alert.component.html","../../../packages/components/alert/alert.module.ts","../../../packages/components/alert/koobiq-components-alert.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive,\n    Input,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqIcon, KbqIconItem } from '@koobiq/components/icon';\n\n\nexport enum KbqAlertStyles {\n    Default = 'default',\n    Colored = 'colored'\n}\n\nexport enum KbqAlertColors {\n    Contrast = 'contrast',\n    Error = 'error',\n    Warning = 'warning',\n    Success = 'success',\n    Theme = 'theme'\n}\n\n@Directive({\n    selector: '[kbq-alert-title]',\n    host: {\n        class: 'kbq-alert__title'\n    }\n})\nexport class KbqAlertTitle {}\n\n@Directive({\n    selector: '[kbq-alert-close-button]',\n    host: {\n        class: 'kbq-alert-close-button'\n    }\n})\nexport class KbqAlertCloseButton {}\n\n@Directive({\n    selector: '[kbq-alert-control]',\n    host: {\n        class: 'kbq-alert-control'\n    }\n})\nexport class KbqAlertControl {}\n\n@Component({\n    selector: 'kbq-alert',\n    templateUrl: './alert.component.html',\n    styleUrls: ['alert.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-alert',\n        '[class]': 'alertColor',\n        '[class.kbq-alert_normal]': '!compact',\n        '[class.kbq-alert_compact]': 'compact',\n        '[class.kbq-alert_default]': '!isColored',\n        '[class.kbq-alert_colored]': 'isColored',\n        '[class.kbq-alert_dismissible]': 'closeButton'\n    }\n})\nexport class KbqAlert implements AfterContentInit {\n    @ContentChild(KbqIconItem) iconItem: KbqIconItem;\n    @ContentChild(KbqIcon) icon: KbqIcon;\n    @ContentChild(KbqAlertTitle) title: KbqAlertTitle;\n    @ContentChild(KbqAlertControl) control: KbqAlertControl;\n    @ContentChild(KbqAlertCloseButton) closeButton: KbqAlertCloseButton;\n\n    @Input() compact: boolean = false;\n    @Input() alertStyle: KbqAlertStyles | string = KbqAlertStyles.Default;\n\n    @Input()\n    get alertColor(): string {\n        return `kbq-alert_${this._alertColor}`;\n    }\n\n    set alertColor(value: string | KbqAlertColors) {\n        this._alertColor = value || KbqAlertColors.Contrast;\n    }\n\n    private _alertColor: string | KbqAlertColors = KbqAlertColors.Contrast;\n\n    get isColored(): boolean {\n        return this.alertStyle === KbqAlertStyles.Colored\n    }\n\n    ngAfterContentInit(): void {\n        const icon = this.icon || this.iconItem;\n\n        if (icon) {\n            icon.color = this._alertColor;\n        }\n    }\n}\n\n","<div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\" *ngIf=\"iconItem || icon\">\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__button-stack\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n    KbqAlert,\n    KbqAlertCloseButton,\n    KbqAlertControl,\n    KbqAlertTitle\n} from './alert.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        A11yModule,\n        PlatformModule\n    ],\n    exports: [\n        KbqAlert,\n        KbqAlertTitle,\n        KbqAlertCloseButton,\n        KbqAlertControl\n    ],\n    declarations: [\n        KbqAlert,\n        KbqAlertTitle,\n        KbqAlertCloseButton,\n        KbqAlertControl\n    ]\n})\nexport class KbqAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-alert.mjs","sources":["../../../packages/components/alert/alert.component.ts","../../../packages/components/alert/alert.component.html","../../../packages/components/alert/alert.module.ts","../../../packages/components/alert/koobiq-components-alert.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive,\n    Input,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqButton } from '@koobiq/components/button';\nimport { KbqIcon, KbqIconItem } from '@koobiq/components/icon';\n\nexport enum KbqAlertStyles {\n    Default = 'default',\n    Colored = 'colored'\n}\n\nexport enum KbqAlertColors {\n    Contrast = 'contrast',\n    Error = 'error',\n    Warning = 'warning',\n    Success = 'success',\n    Theme = 'theme'\n}\n\n@Directive({\n    selector: '[kbq-alert-title]',\n    host: {\n        class: 'kbq-alert__title'\n    }\n})\nexport class KbqAlertTitle {}\n\n@Directive({\n    selector: '[kbq-alert-close-button]',\n    host: {\n        class: 'kbq-alert-close-button'\n    }\n})\nexport class KbqAlertCloseButton {}\n\n@Directive({\n    selector: '[kbq-alert-control]',\n    host: {\n        class: 'kbq-alert-control'\n    }\n})\nexport class KbqAlertControl {}\n\n@Component({\n    selector: 'kbq-alert',\n    templateUrl: './alert.component.html',\n    styleUrls: ['alert.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-alert',\n        '[class]': 'alertColor',\n        '[class.kbq-alert_normal]': '!compact',\n        '[class.kbq-alert_compact]': 'compact',\n        '[class.kbq-alert_default]': '!isColored',\n        '[class.kbq-alert_colored]': 'isColored',\n        '[class.kbq-alert_dismissible]': 'closeButton'\n    }\n})\nexport class KbqAlert implements AfterContentInit {\n    @ContentChild(KbqIconItem) iconItem: KbqIconItem;\n    @ContentChild(KbqIcon) icon: KbqIcon;\n    @ContentChild(KbqButton) button: KbqButton;\n    @ContentChild(KbqAlertTitle) title: KbqAlertTitle;\n    @ContentChild(KbqAlertControl) control: KbqAlertControl;\n    @ContentChild(KbqAlertCloseButton) closeButton: KbqAlertCloseButton;\n\n    @Input() compact: boolean = false;\n    @Input() alertStyle: KbqAlertStyles | string = KbqAlertStyles.Default;\n\n    @Input()\n    get alertColor(): string {\n        return `kbq-alert_${this._alertColor}`;\n    }\n\n    set alertColor(value: string | KbqAlertColors) {\n        this._alertColor = value || KbqAlertColors.Contrast;\n    }\n\n    private _alertColor: string | KbqAlertColors = KbqAlertColors.Contrast;\n\n    get isColored(): boolean {\n        return this.alertStyle === KbqAlertStyles.Colored;\n    }\n\n    ngAfterContentInit(): void {\n        const icon = this.icon || this.iconItem;\n\n        if (icon) {\n            icon.color = this._alertColor;\n        }\n    }\n}\n","<div\n    *ngIf=\"iconItem || icon\"\n    class=\"kbq-alert__icon\"\n    [class.kbq-alert__icon_title]=\"title\"\n>\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    <div\n        *ngIf=\"control\"\n        class=\"kbq-alert__button-stack\"\n        [class.kbq-alert__button-stack_has-button]=\"button\"\n    >\n        <ng-content select=\"[kbq-alert-control]\" />\n    </div>\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqAlert, KbqAlertCloseButton, KbqAlertControl, KbqAlertTitle } from './alert.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        A11yModule,\n        PlatformModule\n    ],\n    exports: [\n        KbqAlert,\n        KbqAlertTitle,\n        KbqAlertCloseButton,\n        KbqAlertControl\n    ],\n    declarations: [\n        KbqAlert,\n        KbqAlertTitle,\n        KbqAlertCloseButton,\n        KbqAlertControl\n    ]\n})\nexport class KbqAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-autocomplete.mjs

@@ -1,20 +1,39 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, Optional, Host, NgModule } from '@angular/core';
-import { ActiveDescendantKeyManager } from '@koobiq/cdk/a11y';
-import { KBQ_OPTION_PARENT_COMPONENT, KbqOption, KbqOptgroup, KbqOptionSelectionChange, KbqOptionModule, KbqCommonModule } from '@koobiq/components/core';
-import * as i1 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
+import { Directive, InjectionToken, EventEmitter, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChild, ContentChildren, Input, Output, forwardRef, Optional, Host, NgModule } from '@angular/core';
+import * as i2 from '@angular/cdk/bidi';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1$1 from '@angular/cdk/overlay';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import * as i2 from '@angular/cdk/bidi';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i4 from '@angular/cdk/scrolling';
+import * as i1 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ESCAPE, ENTER, TAB, DOWN_ARROW, UP_ARROW } from '@koobiq/cdk/keycodes';
+import { KBQ_OPTION_PARENT_COMPONENT, KbqOption, KbqOptgroup, KbqOptionSelectionChange, KbqOptionModule, KbqCommonModule } from '@koobiq/components/core';
 import * as i3 from '@koobiq/components/form-field';
 import { defer, merge, Subscription, Subject, of, fromEvent } from 'rxjs';
 import { take, switchMap, filter, map, tap, delay } from 'rxjs/operators';
+import { ActiveDescendantKeyManager } from '@koobiq/cdk/a11y';
+
+/**
+ * Directive applied to an element to make it usable
+ * as a connection point for an autocomplete panel.
+ */
+class KbqAutocompleteOrigin {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAutocompleteOrigin, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbqAutocompleteOrigin]',
+                    exportAs: 'kbqAutocompleteOrigin'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 /**
  * Autocomplete IDs need to be unique across components, so this counter exists outside of
@@ -45,8 +64,7 @@ class KbqAutocomplete {
     }
     set classList(value) {
         if (value && value.length) {
-            value.split(' ')
-                .forEach((className) => this._classList[className.trim()] = true);
+            value.split(' ').forEach((className) => (this._classList[className.trim()] = true));
             this.elementRef.nativeElement.className = '';
         }
     }
@@ -118,17 +136,23 @@ class KbqAutocomplete {
         this.keyManager.onKeydown(event);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocomplete, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: KBQ_AUTOCOMPLETE_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAutocomplete, selector: "kbq-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "kbq-autocomplete" }, providers: [{
-                provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqAutocomplete
-            }], queries: [{ propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["kbqAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div class=\"kbq-autocomplete-panel kbq-scrollbar\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height, 256px);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);padding:var(--kbq-autocomplete-size-panel-padding, 4px 0)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px) var(--kbq-autocomplete-size-panel-border-radius, 8px) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAutocomplete, selector: "kbq-autocomplete", inputs: { displayWith: "displayWith", panelWidth: "panelWidth", classList: ["class", "classList"], autoActiveFirstOption: "autoActiveFirstOption", openOnFocus: "openOnFocus" }, outputs: { optionSelected: "optionSelected", opened: "opened", closed: "closed" }, host: { classAttribute: "kbq-autocomplete" }, providers: [
+            {
+                provide: KBQ_OPTION_PARENT_COMPONENT,
+                useExisting: KbqAutocomplete
+            }
+        ], queries: [{ propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["kbqAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div\n        #panel\n        role=\"listbox\"\n        class=\"kbq-autocomplete-panel kbq-scrollbar\"\n        [id]=\"id\"\n        [ngClass]=\"classList\"\n    >\n        <ng-content />\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height, 256px);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);padding:var(--kbq-autocomplete-size-panel-padding, 4px 0)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px) var(--kbq-autocomplete-size-panel-border-radius, 8px) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocomplete, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-autocomplete', exportAs: 'kbqAutocomplete', host: {
                         class: 'kbq-autocomplete'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
-                            provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqAutocomplete
-                        }], template: "<ng-template>\n    <div class=\"kbq-autocomplete-panel kbq-scrollbar\" role=\"listbox\" [id]=\"id\" [ngClass]=\"classList\" #panel>\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height, 256px);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);padding:var(--kbq-autocomplete-size-panel-padding, 4px 0)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px) var(--kbq-autocomplete-size-panel-border-radius, 8px) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: KBQ_OPTION_PARENT_COMPONENT,
+                            useExisting: KbqAutocomplete
+                        }
+                    ], template: "<ng-template>\n    <div\n        #panel\n        role=\"listbox\"\n        class=\"kbq-autocomplete-panel kbq-scrollbar\"\n        [id]=\"id\"\n        [ngClass]=\"classList\"\n    >\n        <ng-content />\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height, 256px);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);padding:var(--kbq-autocomplete-size-panel-padding, 4px 0)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px) var(--kbq-autocomplete-size-panel-border-radius, 8px) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [KBQ_AUTOCOMPLETE_DEFAULT_OPTIONS]
@@ -163,25 +187,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                 type: Input
             }] } });
 
-/**
- * Directive applied to an element to make it usable
- * as a connection point for an autocomplete panel.
- */
-class KbqAutocompleteOrigin {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAutocompleteOrigin, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kbqAutocompleteOrigin]',
-                    exportAs: 'kbqAutocompleteOrigin'
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-
 /**
  * The following style constants are necessary to save here in order
  * to properly calculate the scrollTop of the panel. Because we are not
@@ -216,7 +221,7 @@ const MAT_AUTOCOMPLETE_VALUE_ACCESSOR = {
 function getKbqAutocompleteMissingPanelError() {
     return Error('Attempting to open an undefined instance of `kbq-autocomplete`. ' +
         'Make sure that the id passed to the `kbqAutocomplete` is correct and that ' +
-        'you\'re attempting to open it after the ngAfterContentInit hook.');
+        "you're attempting to open it after the ngAfterContentInit hook.");
 }
 class KbqAutocompleteTrigger {
     /** The currently active option, coerced to MatOption type. */
@@ -248,16 +253,13 @@ class KbqAutocompleteTrigger {
         this.formField = formField;
         this.document = document;
         this.viewportRuler = viewportRuler;
-        // @ts-ignore
         this.optionSelections = defer(() => {
             if (this.autocomplete && this.autocomplete.options) {
                 return merge(...this.autocomplete.options.map((option) => option.onSelectionChange));
             }
             // If there are any subscribers before `ngAfterViewInit`, the `autocomplete` will be undefined.
             // Return a stream that we'll replace with the real one once everything is in place.
-            return this.zone.onStable
-                .asObservable()
-                .pipe(take(1), switchMap(() => this.optionSelections));
+            return this.zone.onStable.asObservable().pipe(take(1), switchMap(() => this.optionSelections));
         });
         /**
          * `autocomplete` attribute to be set on the input element.
@@ -287,10 +289,8 @@ class KbqAutocompleteTrigger {
         /** Stream of keyboard events that can close the panel. */
         this.closeKeyEventStream = new Subject();
         /** `View -> model callback called when value changes` */
-        // tslint:disable-next-line no-empty
         this.onChange = () => { };
         /** `View -> model callback called when autocomplete has been touched` */
-        // tslint:disable-next-line no-empty
         this.onTouched = () => { };
         /**
          * Event handler for when the window is blurred. Needs to be an
@@ -302,7 +302,6 @@ class KbqAutocompleteTrigger {
             // pane was closed, in order to avoid reopening it unintentionally.
             this.canOpenOnNextFocus = this.document.activeElement !== this.elementRef.nativeElement || this.panelOpen;
         };
-        // tslint:disable-next-line no-typeof-undefined
         if (typeof window !== 'undefined') {
             zone.runOutsideAngular(() => {
                 window.addEventListener('blur', this.windowBlurHandler);
@@ -312,8 +311,7 @@ class KbqAutocompleteTrigger {
     }
     ngAfterViewInit() {
         if (this.autocomplete) {
-            this.autocomplete.keyManager?.change
-                .subscribe(() => {
+            this.autocomplete.keyManager?.change.subscribe(() => {
                 if (this.panelOpen) {
                     this.scrollActiveOptionIntoView();
                     this.elementRef.nativeElement.focus();
@@ -325,7 +323,6 @@ class KbqAutocompleteTrigger {
         }
     }
     ngOnDestroy() {
-        // tslint:disable-next-line no-typeof-undefined
         if (typeof window !== 'undefined') {
             window.removeEventListener('blur', this.windowBlurHandler);
         }
@@ -374,22 +371,21 @@ class KbqAutocompleteTrigger {
      * when an option is selected, on blur, and when TAB is pressed.
      */
     get panelClosingActions() {
-        return merge(this.optionSelections, this.autocomplete.keyManager.tabOut.pipe(filter(() => this.overlayAttached)), this.closeKeyEventStream, this.getOutsideClickStream(), this.overlayRef ?
-            this.overlayRef.detachments().pipe(filter(() => this.overlayAttached)) :
-            of()).pipe(
+        return merge(this.optionSelections, this.autocomplete.keyManager.tabOut.pipe(filter(() => this.overlayAttached)), this.closeKeyEventStream, this.getOutsideClickStream(), this.overlayRef ? this.overlayRef.detachments().pipe(filter(() => this.overlayAttached)) : of()).pipe(
         // Normalize the output so we return a consistent type.
-        map((event) => event instanceof KbqOptionSelectionChange ? event : null));
+        map((event) => (event instanceof KbqOptionSelectionChange ? event : null)));
     }
     // Implemented as part of ControlValueAccessor.
     writeValue(value) {
-        Promise.resolve(null)
-            .then(() => this.setTriggerValue(value));
+        Promise.resolve(null).then(() => this.setTriggerValue(value));
     }
     // Implemented as part of ControlValueAccessor.
+    // eslint-disable-next-line @typescript-eslint/ban-types
     registerOnChange(fn) {
         this.onChange = fn;
     }
     // Implemented as part of ControlValueAccessor.
+    // eslint-disable-next-line @typescript-eslint/ban-types
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
@@ -398,7 +394,6 @@ class KbqAutocompleteTrigger {
         this.elementRef.nativeElement.disabled = isDisabled;
     }
     handleKeydown(event) {
-        // tslint:disable-next-line deprecation
         const keyCode = event.keyCode;
         // Prevent the default action on all escape key presses. This is here primarily to bring IE
         // in line with other browsers. By default, pressing escape on IE will cause it to revert
@@ -465,20 +460,16 @@ class KbqAutocompleteTrigger {
     }
     /** Stream of clicks outside of the autocomplete panel. */
     getOutsideClickStream() {
-        return merge(
-        // tslint:disable-next-line: no-unnecessary-type-assertion
-        fromEvent(this.document, 'click'), 
-        // tslint:disable-next-line: no-unnecessary-type-assertion
-        fromEvent(this.document, 'touchend'))
-            .pipe(filter((event) => {
+        return merge(fromEvent(this.document, 'click'), fromEvent(this.document, 'touchend')).pipe(filter((event) => {
             const clickTarget = event.target;
             const formField = this.formField ? this.formField.elementRef.nativeElement : null;
             const customOrigin = this.connectedTo ? this.connectedTo.elementRef.nativeElement : null;
-            return this.overlayAttached &&
+            return (this.overlayAttached &&
                 clickTarget !== this.elementRef.nativeElement &&
                 (!formField || !formField.contains(clickTarget)) &&
                 (!customOrigin || !customOrigin.contains(clickTarget)) &&
-                (!!this.overlayRef && !this.overlayRef.overlayElement.contains(clickTarget));
+                !!this.overlayRef &&
+                !this.overlayRef.overlayElement.contains(clickTarget));
         }));
     }
     /**
@@ -486,15 +477,13 @@ class KbqAutocompleteTrigger {
      * stream every time the option list changes.
      */
     subscribeToClosingActions() {
-        const firstStable = this.zone.onStable.asObservable()
-            .pipe(take(1));
-        const optionChanges = this.autocomplete.options.changes
-            .pipe(tap(() => this.positionStrategy.reapplyLastPosition()), 
+        const firstStable = this.zone.onStable.asObservable().pipe(take(1));
+        const optionChanges = this.autocomplete.options.changes.pipe(tap(() => this.positionStrategy.reapplyLastPosition()), 
         // Defer emitting to the stream until the next tick, because changing
         // bindings in here will cause "changed after checked" errors.
         delay(0));
         // When the zone is stable initially, and when the option list changes...
-        return merge(firstStable, optionChanges)
+        return (merge(firstStable, optionChanges)
             .pipe(
         // create a new stream of panelClosingActions, replacing any previous streams
         // that were created, and flatten it so our stream only emits closing events...
@@ -517,7 +506,7 @@ class KbqAutocompleteTrigger {
         // when the first closing event occurs...
         take(1))
             // set the value, close the panel, and complete.
-            .subscribe((event) => this.setValueAndClose(event));
+            .subscribe((event) => this.setValueAndClose(event)));
     }
     /** Destroys the autocomplete suggestion panel. */
     destroyPanel() {
@@ -528,9 +517,7 @@ class KbqAutocompleteTrigger {
         }
     }
     setTriggerValue(value) {
-        const toDisplay = this.autocomplete && this.autocomplete.displayWith ?
-            this.autocomplete.displayWith(value) :
-            value;
+        const toDisplay = this.autocomplete && this.autocomplete.displayWith ? this.autocomplete.displayWith(value) : value;
         // Simply falling back to an empty string if the display value is falsy does not work properly.
         // The display value can also be the number zero and shouldn't fall back to an empty string.
         const inputValue = toDisplay != null ? toDisplay : '';
@@ -580,7 +567,6 @@ class KbqAutocompleteTrigger {
             overlayRef.keydownEvents().subscribe((event) => {
                 // Close when pressing ESCAPE or ALT + UP_ARROW, based on the a11y guidelines.
                 // See: https://www.w3.org/TR/wai-aria-practices-1.1/#textbox-keyboard-interaction
-                // tslint:disable-next-line deprecation
                 if (event.keyCode === ESCAPE || (event.keyCode === UP_ARROW && event.altKey)) {
                     this.resetActiveItem();
                     this.closeKeyEventStream.next();
@@ -612,7 +598,8 @@ class KbqAutocompleteTrigger {
         if (this.panelOpen && wasOpen !== this.panelOpen) {
             this.autocomplete.opened.emit();
         }
-        this.zone.onStable.asObservable()
+        this.zone.onStable
+            .asObservable()
             .pipe(take(1))
             .subscribe(() => this.resetActiveItem());
     }
@@ -625,7 +612,8 @@ class KbqAutocompleteTrigger {
         });
     }
     getOverlayPosition() {
-        this.positionStrategy = this.overlay.position()
+        this.positionStrategy = this.overlay
+            .position()
             .flexibleConnectedTo(this.getConnectedElement())
             .withFlexibleDimensions(false)
             .withPush(false)