ngx-bootstrap 5.6.1 → 6.2.0

package/alert/fesm2015/ngx-bootstrap-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-bootstrap-alert.js","sources":["ng://ngx-bootstrap/alert/alert.config.ts","ng://ngx-bootstrap/alert/alert.component.ts","ng://ngx-bootstrap/alert/alert.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class AlertConfig {\n  /** default alert type */\n  type = 'warning';\n\n  /** is alerts are dismissible by default */\n  dismissible = false;\n\n  /** default time before alert will dismiss */\n  dismissOnTimeout?: number = undefined;\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output\n} from '@angular/core';\nimport { AlertConfig } from './alert.config';\nimport { OnChange } from 'ngx-bootstrap/utils';\n\n@Component({\n  selector: 'alert,bs-alert',\n  templateUrl: './alert.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertComponent implements OnInit {\n  /** Alert type.\n   * Provides one of four bootstrap supported contextual classes:\n   * `success`, `info`, `warning` and `danger`\n   */\n  @Input() type = 'warning';\n  /** If set, displays an inline \"Close\" button */\n  @OnChange()   @Input()   dismissible = false;\n  /** Number in milliseconds, after which alert will be closed */\n  @Input() dismissOnTimeout: number | string;\n\n  /** Is alert visible */\n  @Input() isOpen = true;\n\n  /** This event fires immediately after close instance method is called,\n   * $event is an instance of Alert component.\n   */\n  @Output() onClose = new EventEmitter<AlertComponent>();\n  /** This event fires when alert closed, $event is an instance of Alert component */\n  @Output() onClosed = new EventEmitter<AlertComponent>();\n\n\n  classes = '';\n  dismissibleChange = new EventEmitter<boolean>();\n\n  constructor(_config: AlertConfig, private changeDetection: ChangeDetectorRef) {\n    Object.assign(this, _config);\n    this.dismissibleChange.subscribe((dismissible: boolean) => {\n      this.classes = this.dismissible ? 'alert-dismissible' : '';\n      this.changeDetection.markForCheck();\n    });\n  }\n\n  ngOnInit(): void {\n    if (this.dismissOnTimeout) {\n      // if dismissOnTimeout used as attr without binding, it will be a string\n      setTimeout(\n        () => this.close(),\n        parseInt(this.dismissOnTimeout as string, 10)\n      );\n    }\n  }\n\n  // todo: animation ` If the .fade and .in classes are present on the element,\n  // the alert will fade out before it is removed`\n  /**\n   * Closes an alert by removing it from the DOM.\n   */\n  close(): void {\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.onClose.emit(this);\n    this.isOpen = false;\n    this.changeDetection.markForCheck();\n    this.onClosed.emit(this);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\nimport { AlertComponent } from './alert.component';\nimport { AlertConfig } from './alert.config';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [AlertComponent],\n  exports: [AlertComponent],\n  entryComponents: [AlertComponent]\n})\nexport class AlertModule {\n  static forRoot(): ModuleWithProviders {\n    return { ngModule: AlertModule, providers: [AlertConfig] };\n  }\n}\n"],"names":["tslib_1.__decorate"],"mappings":";;;;;;;;;MAGa,WAAW;IADxB;;;;QAGE,SAAI,GAAG,SAAS,CAAC;;;;QAGjB,gBAAW,GAAG,KAAK,CAAC;;;;QAGpB,qBAAgB,GAAY,SAAS,CAAC;KACvC;;;YAVA,UAAU;;;;;;;IAGT,2BAAiB;;;;;IAGjB,kCAAoB;;;;;IAGpB,uCAAsC;;;;;;;MCM3B,cAAc;;;;;IAyBzB,YAAY,OAAoB,EAAU,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;;;;;;QApBnE,SAAI,GAAG,SAAS,CAAC;;;;QAED,gBAAW,GAAG,KAAK,CAAC;;;;QAKpC,WAAM,GAAG,IAAI,CAAC;;;;;QAKb,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;;;;QAE7C,aAAQ,GAAG,IAAI,YAAY,EAAkB,CAAC;QAGxD,YAAO,GAAG,EAAE,CAAC;QACb,sBAAiB,GAAG,IAAI,YAAY,EAAW,CAAC;QAG9C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7B,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;;QAAC,CAAC,WAAoB;YACpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,mBAAmB,GAAG,EAAE,CAAC;YAC3D,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;SACrC,EAAC,CAAC;KACJ;;;;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,gBAAgB,EAAE;;YAEzB,UAAU;;;YACR,MAAM,IAAI,CAAC,KAAK,EAAE,GAClB,QAAQ,oBAAC,IAAI,CAAC,gBAAgB,IAAY,EAAE,CAAC,CAC9C,CAAC;SACH;KACF;;;;;;;IAOD,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1B;;;YA9DF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,+bAAqC;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;YAPQ,WAAW;YAPlB,iBAAiB;;;mBAoBhB,KAAK;0BAES,KAAK;+BAEnB,KAAK;qBAGL,KAAK;sBAKL,MAAM;uBAEN,MAAM;;AAZkBA;IAAxB,QAAQ,EAAE;;mDAAkC;;;;;;;;IAF7C,8BAA0B;;;;;IAE1B,qCAA6C;;;;;IAE7C,0CAA2C;;;;;IAG3C,gCAAuB;;;;;;IAKvB,iCAAuD;;;;;IAEvD,kCAAwD;;IAGxD,iCAAa;;IACb,2CAAgD;;;;;IAEd,yCAA0C;;;;;;;AC1C9E,MAWa,WAAW;;;;IACtB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;KAC5D;;;YATF,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,YAAY,EAAE,CAAC,cAAc,CAAC;gBAC9B,OAAO,EAAE,CAAC,cAAc,CAAC;gBACzB,eAAe,EAAE,CAAC,cAAc,CAAC;aAClC;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ngx-bootstrap-alert.js","sources":["ng://ngx-bootstrap/alert/alert.config.ts","ng://ngx-bootstrap/alert/alert.component.ts","ng://ngx-bootstrap/alert/alert.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AlertConfig {\n  /** default alert type */\n  type = 'warning';\n\n  /** is alerts are dismissible by default */\n  dismissible = false;\n\n  /** default time before alert will dismiss */\n  dismissOnTimeout?: number = undefined;\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output\n} from '@angular/core';\nimport { AlertConfig } from './alert.config';\nimport { OnChange } from 'ngx-bootstrap/utils';\n\n@Component({\n  selector: 'alert,bs-alert',\n  templateUrl: './alert.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertComponent implements OnInit {\n  /** Alert type.\n   * Provides one of four bootstrap supported contextual classes:\n   * `success`, `info`, `warning` and `danger`\n   */\n  @Input() type = 'warning';\n  /** If set, displays an inline \"Close\" button */\n  @OnChange()   @Input()   dismissible = false;\n  /** Number in milliseconds, after which alert will be closed */\n  @Input() dismissOnTimeout: number | string;\n\n  /** Is alert visible */\n  @Input() isOpen = true;\n\n  /** This event fires immediately after close instance method is called,\n   * $event is an instance of Alert component.\n   */\n  @Output() onClose = new EventEmitter<AlertComponent>();\n  /** This event fires when alert closed, $event is an instance of Alert component */\n  @Output() onClosed = new EventEmitter<AlertComponent>();\n\n\n  classes = '';\n  dismissibleChange = new EventEmitter<boolean>();\n\n  constructor(_config: AlertConfig, private changeDetection: ChangeDetectorRef) {\n    Object.assign(this, _config);\n    this.dismissibleChange.subscribe((dismissible: boolean) => {\n      this.classes = this.dismissible ? 'alert-dismissible' : '';\n      this.changeDetection.markForCheck();\n    });\n  }\n\n  ngOnInit(): void {\n    if (this.dismissOnTimeout) {\n      // if dismissOnTimeout used as attr without binding, it will be a string\n      setTimeout(\n        () => this.close(),\n        parseInt(this.dismissOnTimeout as string, 10)\n      );\n    }\n  }\n\n  // todo: animation ` If the .fade and .in classes are present on the element,\n  // the alert will fade out before it is removed`\n  /**\n   * Closes an alert by removing it from the DOM.\n   */\n  close(): void {\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.onClose.emit(this);\n    this.isOpen = false;\n    this.changeDetection.markForCheck();\n    this.onClosed.emit(this);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\nimport { AlertComponent } from './alert.component';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [AlertComponent],\n  exports: [AlertComponent],\n  entryComponents: [AlertComponent]\n})\nexport class AlertModule {\n  static forRoot(): ModuleWithProviders<AlertModule> {\n    return { ngModule: AlertModule, providers: [] };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;MAKa,WAAW;IAHxB;;;;QAKE,SAAI,GAAG,SAAS,CAAC;;;;QAGjB,gBAAW,GAAG,KAAK,CAAC;;;;QAGpB,qBAAgB,GAAY,SAAS,CAAC;KACvC;;;YAZA,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;;;;;;;IAGC,2BAAiB;;;;;IAGjB,kCAAoB;;;;;IAGpB,uCAAsC;;;;;;;MCI3B,cAAc;;;;;IAyBzB,YAAY,OAAoB,EAAU,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;;;;;;QApBnE,SAAI,GAAG,SAAS,CAAC;;;;QAED,gBAAW,GAAG,KAAK,CAAC;;;;QAKpC,WAAM,GAAG,IAAI,CAAC;;;;;QAKb,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;;;;QAE7C,aAAQ,GAAG,IAAI,YAAY,EAAkB,CAAC;QAGxD,YAAO,GAAG,EAAE,CAAC;QACb,sBAAiB,GAAG,IAAI,YAAY,EAAW,CAAC;QAG9C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7B,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;;QAAC,CAAC,WAAoB;YACpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,mBAAmB,GAAG,EAAE,CAAC;YAC3D,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;SACrC,EAAC,CAAC;KACJ;;;;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,gBAAgB,EAAE;;YAEzB,UAAU;;;YACR,MAAM,IAAI,CAAC,KAAK,EAAE,GAClB,QAAQ,oBAAC,IAAI,CAAC,gBAAgB,IAAY,EAAE,CAAC,CAC9C,CAAC;SACH;KACF;;;;;;;IAOD,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1B;;;YA9DF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,+bAAqC;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;YAPQ,WAAW;YAPlB,iBAAiB;;;mBAoBhB,KAAK;0BAES,KAAK;+BAEnB,KAAK;qBAGL,KAAK;sBAKL,MAAM;uBAEN,MAAM;;AAZkB;IAAxB,QAAQ,EAAE;;mDAAkC;;;;;;;;IAF7C,8BAA0B;;;;;IAE1B,qCAA6C;;;;;IAE7C,0CAA2C;;;;;IAG3C,gCAAuB;;;;;;IAKvB,iCAAuD;;;;;IAEvD,kCAAwD;;IAGxD,iCAAa;;IACb,2CAAgD;;;;;IAEd,yCAA0C;;;;;;;AC1C9E,MAUa,WAAW;;;;IACtB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACjD;;;YATF,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,YAAY,EAAE,CAAC,cAAc,CAAC;gBAC9B,OAAO,EAAE,CAAC,cAAc,CAAC;gBACzB,eAAe,EAAE,CAAC,cAAc,CAAC;aAClC;;;;;;;;;;;;;;;"}

package/alert/fesm5/ngx-bootstrap-alert.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from 'tslib';
-import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, NgModule } from '@angular/core';
+import { Injectable, ɵɵdefineInjectable, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, NgModule } from '@angular/core';
 import { OnChange } from 'ngx-bootstrap/utils';
 import { CommonModule } from '@angular/common';
 
@@ -23,8 +23,11 @@ var AlertConfig = /** @class */ (function () {
         this.dismissOnTimeout = undefined;
     }
     AlertConfig.decorators = [
-        { type: Injectable }
+        { type: Injectable, args: [{
+                    providedIn: 'root'
+                },] }
     ];
+    /** @nocollapse */ AlertConfig.ɵprov = ɵɵdefineInjectable({ factory: function AlertConfig_Factory() { return new AlertConfig(); }, token: AlertConfig, providedIn: "root" });
     return AlertConfig;
 }());
 if (false) {
@@ -216,7 +219,7 @@ var AlertModule = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        return { ngModule: AlertModule, providers: [AlertConfig] };
+        return { ngModule: AlertModule, providers: [] };
     };
     AlertModule.decorators = [
         { type: NgModule, args: [{

package/alert/fesm5/ngx-bootstrap-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-bootstrap-alert.js","sources":["ng://ngx-bootstrap/alert/alert.config.ts","ng://ngx-bootstrap/alert/alert.component.ts","ng://ngx-bootstrap/alert/alert.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class AlertConfig {\n  /** default alert type */\n  type = 'warning';\n\n  /** is alerts are dismissible by default */\n  dismissible = false;\n\n  /** default time before alert will dismiss */\n  dismissOnTimeout?: number = undefined;\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output\n} from '@angular/core';\nimport { AlertConfig } from './alert.config';\nimport { OnChange } from 'ngx-bootstrap/utils';\n\n@Component({\n  selector: 'alert,bs-alert',\n  templateUrl: './alert.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertComponent implements OnInit {\n  /** Alert type.\n   * Provides one of four bootstrap supported contextual classes:\n   * `success`, `info`, `warning` and `danger`\n   */\n  @Input() type = 'warning';\n  /** If set, displays an inline \"Close\" button */\n  @OnChange()   @Input()   dismissible = false;\n  /** Number in milliseconds, after which alert will be closed */\n  @Input() dismissOnTimeout: number | string;\n\n  /** Is alert visible */\n  @Input() isOpen = true;\n\n  /** This event fires immediately after close instance method is called,\n   * $event is an instance of Alert component.\n   */\n  @Output() onClose = new EventEmitter<AlertComponent>();\n  /** This event fires when alert closed, $event is an instance of Alert component */\n  @Output() onClosed = new EventEmitter<AlertComponent>();\n\n\n  classes = '';\n  dismissibleChange = new EventEmitter<boolean>();\n\n  constructor(_config: AlertConfig, private changeDetection: ChangeDetectorRef) {\n    Object.assign(this, _config);\n    this.dismissibleChange.subscribe((dismissible: boolean) => {\n      this.classes = this.dismissible ? 'alert-dismissible' : '';\n      this.changeDetection.markForCheck();\n    });\n  }\n\n  ngOnInit(): void {\n    if (this.dismissOnTimeout) {\n      // if dismissOnTimeout used as attr without binding, it will be a string\n      setTimeout(\n        () => this.close(),\n        parseInt(this.dismissOnTimeout as string, 10)\n      );\n    }\n  }\n\n  // todo: animation ` If the .fade and .in classes are present on the element,\n  // the alert will fade out before it is removed`\n  /**\n   * Closes an alert by removing it from the DOM.\n   */\n  close(): void {\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.onClose.emit(this);\n    this.isOpen = false;\n    this.changeDetection.markForCheck();\n    this.onClosed.emit(this);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\nimport { AlertComponent } from './alert.component';\nimport { AlertConfig } from './alert.config';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [AlertComponent],\n  exports: [AlertComponent],\n  entryComponents: [AlertComponent]\n})\nexport class AlertModule {\n  static forRoot(): ModuleWithProviders {\n    return { ngModule: AlertModule, providers: [AlertConfig] };\n  }\n}\n"],"names":["tslib_1.__decorate"],"mappings":";;;;;;;;;;IAEA;;;;QAGE,SAAI,GAAG,SAAS,CAAC;;;;QAGjB,gBAAW,GAAG,KAAK,CAAC;;;;QAGpB,qBAAgB,GAAY,SAAS,CAAC;KACvC;;gBAVA,UAAU;;IAUX,kBAAC;CAVD,IAUC;;;;;;IAPC,2BAAiB;;;;;IAGjB,kCAAoB;;;;;IAGpB,uCAAsC;;;;;;;;IC+BtC,wBAAY,OAAoB,EAAU,eAAkC;QAA5E,iBAMC;QANyC,oBAAe,GAAf,eAAe,CAAmB;;;;;;QApBnE,SAAI,GAAG,SAAS,CAAC;;;;QAED,gBAAW,GAAG,KAAK,CAAC;;;;QAKpC,WAAM,GAAG,IAAI,CAAC;;;;;QAKb,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;;;;QAE7C,aAAQ,GAAG,IAAI,YAAY,EAAkB,CAAC;QAGxD,YAAO,GAAG,EAAE,CAAC;QACb,sBAAiB,GAAG,IAAI,YAAY,EAAW,CAAC;QAG9C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7B,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;;QAAC,UAAC,WAAoB;YACpD,KAAI,CAAC,OAAO,GAAG,KAAI,CAAC,WAAW,GAAG,mBAAmB,GAAG,EAAE,CAAC;YAC3D,KAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;SACrC,EAAC,CAAC;KACJ;;;;IAED,iCAAQ;;;IAAR;QAAA,iBAQC;QAPC,IAAI,IAAI,CAAC,gBAAgB,EAAE;;YAEzB,UAAU;;;YACR,cAAM,OAAA,KAAI,CAAC,KAAK,EAAE,GAAA,GAClB,QAAQ,oBAAC,IAAI,CAAC,gBAAgB,IAAY,EAAE,CAAC,CAC9C,CAAC;SACH;KACF;;;;;;;;;;;;IAOD,8BAAK;;;;;;;IAAL;QACE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1B;;gBA9DF,SAAS,SAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,+bAAqC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;;gBAPQ,WAAW;gBAPlB,iBAAiB;;;uBAoBhB,KAAK;8BAES,KAAK;mCAEnB,KAAK;yBAGL,KAAK;0BAKL,MAAM;2BAEN,MAAM;;IAZkBA;QAAxB,QAAQ,EAAE;;uDAAkC;IAmD/C,qBAAC;CA/DD,IA+DC;;;;;;;;IArDC,8BAA0B;;;;;IAE1B,qCAA6C;;;;;IAE7C,0CAA2C;;;;;IAG3C,gCAAuB;;;;;;IAKvB,iCAAuD;;;;;IAEvD,kCAAwD;;IAGxD,iCAAa;;IACb,2CAAgD;;;;;IAEd,yCAA0C;;;;;;;AC1C9E;IAKA;KAUC;;;;IAHQ,mBAAO;;;IAAd;QACE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;KAC5D;;gBATF,QAAQ,SAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,cAAc,CAAC;oBAC9B,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,CAAC,cAAc,CAAC;iBAClC;;IAKD,kBAAC;CAVD;;;;;;;;;;;;;;"}
+{"version":3,"file":"ngx-bootstrap-alert.js","sources":["ng://ngx-bootstrap/alert/alert.config.ts","ng://ngx-bootstrap/alert/alert.component.ts","ng://ngx-bootstrap/alert/alert.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AlertConfig {\n  /** default alert type */\n  type = 'warning';\n\n  /** is alerts are dismissible by default */\n  dismissible = false;\n\n  /** default time before alert will dismiss */\n  dismissOnTimeout?: number = undefined;\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output\n} from '@angular/core';\nimport { AlertConfig } from './alert.config';\nimport { OnChange } from 'ngx-bootstrap/utils';\n\n@Component({\n  selector: 'alert,bs-alert',\n  templateUrl: './alert.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertComponent implements OnInit {\n  /** Alert type.\n   * Provides one of four bootstrap supported contextual classes:\n   * `success`, `info`, `warning` and `danger`\n   */\n  @Input() type = 'warning';\n  /** If set, displays an inline \"Close\" button */\n  @OnChange()   @Input()   dismissible = false;\n  /** Number in milliseconds, after which alert will be closed */\n  @Input() dismissOnTimeout: number | string;\n\n  /** Is alert visible */\n  @Input() isOpen = true;\n\n  /** This event fires immediately after close instance method is called,\n   * $event is an instance of Alert component.\n   */\n  @Output() onClose = new EventEmitter<AlertComponent>();\n  /** This event fires when alert closed, $event is an instance of Alert component */\n  @Output() onClosed = new EventEmitter<AlertComponent>();\n\n\n  classes = '';\n  dismissibleChange = new EventEmitter<boolean>();\n\n  constructor(_config: AlertConfig, private changeDetection: ChangeDetectorRef) {\n    Object.assign(this, _config);\n    this.dismissibleChange.subscribe((dismissible: boolean) => {\n      this.classes = this.dismissible ? 'alert-dismissible' : '';\n      this.changeDetection.markForCheck();\n    });\n  }\n\n  ngOnInit(): void {\n    if (this.dismissOnTimeout) {\n      // if dismissOnTimeout used as attr without binding, it will be a string\n      setTimeout(\n        () => this.close(),\n        parseInt(this.dismissOnTimeout as string, 10)\n      );\n    }\n  }\n\n  // todo: animation ` If the .fade and .in classes are present on the element,\n  // the alert will fade out before it is removed`\n  /**\n   * Closes an alert by removing it from the DOM.\n   */\n  close(): void {\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.onClose.emit(this);\n    this.isOpen = false;\n    this.changeDetection.markForCheck();\n    this.onClosed.emit(this);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\nimport { AlertComponent } from './alert.component';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [AlertComponent],\n  exports: [AlertComponent],\n  entryComponents: [AlertComponent]\n})\nexport class AlertModule {\n  static forRoot(): ModuleWithProviders<AlertModule> {\n    return { ngModule: AlertModule, providers: [] };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;IAEA;;;;QAKE,SAAI,GAAG,SAAS,CAAC;;;;QAGjB,gBAAW,GAAG,KAAK,CAAC;;;;QAGpB,qBAAgB,GAAY,SAAS,CAAC;KACvC;;gBAZA,UAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;sBAJD;CAEA,IAYC;;;;;;IAPC,2BAAiB;;;;;IAGjB,kCAAoB;;;;;IAGpB,uCAAsC;;;;;;;;IC6BtC,wBAAY,OAAoB,EAAU,eAAkC;QAA5E,iBAMC;QANyC,oBAAe,GAAf,eAAe,CAAmB;;;;;;QApBnE,SAAI,GAAG,SAAS,CAAC;;;;QAED,gBAAW,GAAG,KAAK,CAAC;;;;QAKpC,WAAM,GAAG,IAAI,CAAC;;;;;QAKb,YAAO,GAAG,IAAI,YAAY,EAAkB,CAAC;;;;QAE7C,aAAQ,GAAG,IAAI,YAAY,EAAkB,CAAC;QAGxD,YAAO,GAAG,EAAE,CAAC;QACb,sBAAiB,GAAG,IAAI,YAAY,EAAW,CAAC;QAG9C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC7B,IAAI,CAAC,iBAAiB,CAAC,SAAS;;;;QAAC,UAAC,WAAoB;YACpD,KAAI,CAAC,OAAO,GAAG,KAAI,CAAC,WAAW,GAAG,mBAAmB,GAAG,EAAE,CAAC;YAC3D,KAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;SACrC,EAAC,CAAC;KACJ;;;;IAED,iCAAQ;;;IAAR;QAAA,iBAQC;QAPC,IAAI,IAAI,CAAC,gBAAgB,EAAE;;YAEzB,UAAU;;;YACR,cAAM,OAAA,KAAI,CAAC,KAAK,EAAE,GAAA,GAClB,QAAQ,oBAAC,IAAI,CAAC,gBAAgB,IAAY,EAAE,CAAC,CAC9C,CAAC;SACH;KACF;;;;;;;;;;;;IAOD,8BAAK;;;;;;;IAAL;QACE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1B;;gBA9DF,SAAS,SAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,+bAAqC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;;gBAPQ,WAAW;gBAPlB,iBAAiB;;;uBAoBhB,KAAK;8BAES,KAAK;mCAEnB,KAAK;yBAGL,KAAK;0BAKL,MAAM;2BAEN,MAAM;;IAZkB;QAAxB,QAAQ,EAAE;;uDAAkC;IAmD/C,qBAAC;CA/DD,IA+DC;;;;;;;;IArDC,8BAA0B;;;;;IAE1B,qCAA6C;;;;;IAE7C,0CAA2C;;;;;IAG3C,gCAAuB;;;;;;IAKvB,iCAAuD;;;;;IAEvD,kCAAwD;;IAGxD,iCAAa;;IACb,2CAAgD;;;;;IAEd,yCAA0C;;;;;;;AC1C9E;IAIA;KAUC;;;;IAHQ,mBAAO;;;IAAd;QACE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACjD;;gBATF,QAAQ,SAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,cAAc,CAAC;oBAC9B,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,CAAC,cAAc,CAAC;iBAClC;;IAKD,kBAAC;CAVD;;;;;;;;;;;;;;"}

package/alert/ngx-bootstrap-alert.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"AlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"alert,bs-alert","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<ng-template [ngIf]=\"isOpen\">\n  <div [class]=\"'alert alert-' + type\" role=\"alert\" [ngClass]=\"classes\">\n    <ng-template [ngIf]=\"dismissible\">\n      <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"close()\">\n        <span aria-hidden=\"true\">&times;</span>\n        <span class=\"sr-only\">Close</span>\n      </button>\n    </ng-template>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ngx-bootstrap/utils","name":"OnChange","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":17}}]}],"dismissOnTimeout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"onClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AlertConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"AlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"AlertComponent"}],"exports":[{"__symbolic":"reference","name":"AlertComponent"}],"entryComponents":[{"__symbolic":"reference","name":"AlertComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AlertModule"},"providers":[{"__symbolic":"reference","name":"AlertConfig"}]}}}},"AlertConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{}}},"origins":{"AlertComponent":"./alert.component","AlertModule":"./alert.module","AlertConfig":"./alert.config"},"importAs":"ngx-bootstrap/alert"}
+{"__symbolic":"module","version":4,"metadata":{"AlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"alert,bs-alert","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<ng-template [ngIf]=\"isOpen\">\n  <div [class]=\"'alert alert-' + type\" role=\"alert\" [ngClass]=\"classes\">\n    <ng-template [ngIf]=\"dismissible\">\n      <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"close()\">\n        <span aria-hidden=\"true\">&times;</span>\n        <span class=\"sr-only\">Close</span>\n      </button>\n    </ng-template>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ngx-bootstrap/utils","name":"OnChange","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":17}}]}],"dismissOnTimeout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"onClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AlertConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"AlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":12}],"declarations":[{"__symbolic":"reference","name":"AlertComponent"}],"exports":[{"__symbolic":"reference","name":"AlertComponent"}],"entryComponents":[{"__symbolic":"reference","name":"AlertComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"AlertModule"},"providers":[]}}}},"AlertConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}}},"origins":{"AlertComponent":"./alert.component","AlertModule":"./alert.module","AlertConfig":"./alert.config"},"importAs":"ngx-bootstrap/alert"}

package/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/alert",
-  "version": "5.6.1",
+  "version": "6.2.0",
   "description": "Native Angular Bootstrap Components",
   "private": true,
   "main": "bundles/ngx-bootstrap-alert.umd.js",
@@ -14,6 +14,6 @@
   "metadata": "ngx-bootstrap-alert.metadata.json",
   "sideEffects": false,
   "peerDependencies": {
-    "tslib": "^1.9.0"
+    "tslib": "^1.10.0"
   }
 }

package/buttons/bundles/ngx-bootstrap-buttons.umd.js

@@ -220,13 +220,15 @@
      * A value of a selected button is bound to a variable specified via ngModel.
      */
     var ButtonRadioDirective = /** @class */ (function () {
-        function ButtonRadioDirective(el, cdr, group, renderer) {
+        function ButtonRadioDirective(el, cdr, renderer, group) {
             this.el = el;
             this.cdr = cdr;
-            this.group = group;
             this.renderer = renderer;
+            this.group = group;
             this.onChange = Function.prototype;
             this.onTouched = Function.prototype;
+            this.role = 'radio';
+            this._hasFocus = false;
         }
         Object.defineProperty(ButtonRadioDirective.prototype, "value", {
             /** Current value of radio component or group */
@@ -265,12 +267,33 @@
              * @return {?}
              */
             function (disabled) {
-                this._disabled = disabled;
                 this.setDisabledState(disabled);
             },
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(ButtonRadioDirective.prototype, "controlOrGroupDisabled", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.disabled || (this.group && this.group.disabled) ? true : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ButtonRadioDirective.prototype, "hasDisabledClass", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                // Although the radio is disabled the active radio should still stand out.
+                // The disabled class will prevent this so don't add it on the active radio
+                return this.controlOrGroupDisabled && !this.isActive;
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(ButtonRadioDirective.prototype, "isActive", {
             get: /**
              * @return {?}
@@ -281,27 +304,77 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(ButtonRadioDirective.prototype, "tabindex", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                if (this.controlOrGroupDisabled) {
+                    // Disabled radio buttons should not receive focus
+                    return undefined;
+                }
+                else if (this.isActive || this.group == null) {
+                    return 0;
+                }
+                else {
+                    return -1;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ButtonRadioDirective.prototype, "hasFocus", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._hasFocus;
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @return {?}
          */
-        ButtonRadioDirective.prototype.onClick = /**
+        ButtonRadioDirective.prototype.toggleIfAllowed = /**
          * @return {?}
          */
         function () {
-            if (this.el.nativeElement.attributes.disabled || !this.uncheckable && this.btnRadio === this.value) {
+            if (!this.canToggle()) {
                 return;
             }
             this.value = this.uncheckable && this.btnRadio === this.value ? undefined : this.btnRadio;
             this._onChange(this.value);
         };
         /**
+         * @param {?} event
          * @return {?}
          */
-        ButtonRadioDirective.prototype.ngOnInit = /**
+        ButtonRadioDirective.prototype.onSpacePressed = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            this.toggleIfAllowed();
+            event.preventDefault();
+        };
+        /**
+         * @return {?}
+         */
+        ButtonRadioDirective.prototype.focus = /**
          * @return {?}
          */
         function () {
-            this.uncheckable = typeof this.uncheckable !== 'undefined';
+            this.el.nativeElement.focus();
+        };
+        /**
+         * @return {?}
+         */
+        ButtonRadioDirective.prototype.onFocus = /**
+         * @return {?}
+         */
+        function () {
+            this._hasFocus = true;
         };
         /**
          * @return {?}
@@ -310,8 +383,27 @@
          * @return {?}
          */
         function () {
+            this._hasFocus = false;
             this.onTouched();
         };
+        /**
+         * @return {?}
+         */
+        ButtonRadioDirective.prototype.canToggle = /**
+         * @return {?}
+         */
+        function () {
+            return !this.controlOrGroupDisabled && (this.uncheckable || this.btnRadio !== this.value);
+        };
+        /**
+         * @return {?}
+         */
+        ButtonRadioDirective.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.uncheckable = typeof this.uncheckable !== 'undefined';
+        };
         /**
          * @param {?} value
          * @return {?}
@@ -322,8 +414,7 @@
          */
         function (value) {
             if (this.group) {
-                this.group.onTouched();
-                this.group.onChange(value);
+                this.group.value = value;
                 return;
             }
             this.onTouched();
@@ -379,6 +470,7 @@
          * @return {?}
          */
         function (disabled) {
+            this._disabled = disabled;
             if (disabled) {
                 this.renderer.setAttribute(this.el.nativeElement, 'disabled', 'disabled');
                 return;
@@ -395,16 +487,26 @@
         ButtonRadioDirective.ctorParameters = function () { return [
             { type: core.ElementRef },
             { type: core.ChangeDetectorRef },
-            { type: ButtonRadioGroupDirective, decorators: [{ type: core.Optional }] },
-            { type: core.Renderer2 }
+            { type: core.Renderer2 },
+            { type: ButtonRadioGroupDirective, decorators: [{ type: core.Optional }, { type: core.Inject, args: [core.forwardRef((/**
+                             * @return {?}
+                             */
+                            function () { return ButtonRadioGroupDirective; })),] }] }
         ]; };
         ButtonRadioDirective.propDecorators = {
             btnRadio: [{ type: core.Input }],
             uncheckable: [{ type: core.Input }],
             value: [{ type: core.Input }],
             disabled: [{ type: core.Input }],
-            isActive: [{ type: core.HostBinding, args: ['class.active',] }, { type: core.HostBinding, args: ['attr.aria-pressed',] }],
-            onClick: [{ type: core.HostListener, args: ['click',] }]
+            controlOrGroupDisabled: [{ type: core.HostBinding, args: ['attr.aria-disabled',] }],
+            hasDisabledClass: [{ type: core.HostBinding, args: ['class.disabled',] }],
+            isActive: [{ type: core.HostBinding, args: ['class.active',] }, { type: core.HostBinding, args: ['attr.aria-checked',] }],
+            role: [{ type: core.HostBinding, args: ['attr.role',] }],
+            tabindex: [{ type: core.HostBinding, args: ['attr.tabindex',] }],
+            toggleIfAllowed: [{ type: core.HostListener, args: ['click',] }],
+            onSpacePressed: [{ type: core.HostListener, args: ['keydown.space', ['$event'],] }],
+            onFocus: [{ type: core.HostListener, args: ['focus',] }],
+            onBlur: [{ type: core.HostListener, args: ['blur',] }]
         };
         return ButtonRadioDirective;
     }());
@@ -423,6 +525,8 @@
          * @type {?}
          */
         ButtonRadioDirective.prototype.uncheckable;
+        /** @type {?} */
+        ButtonRadioDirective.prototype.role;
         /**
          * @type {?}
          * @private
@@ -433,6 +537,11 @@
          * @private
          */
         ButtonRadioDirective.prototype._disabled;
+        /**
+         * @type {?}
+         * @private
+         */
+        ButtonRadioDirective.prototype._hasFocus;
         /**
          * @type {?}
          * @private
@@ -447,12 +556,12 @@
          * @type {?}
          * @private
          */
-        ButtonRadioDirective.prototype.group;
+        ButtonRadioDirective.prototype.renderer;
         /**
          * @type {?}
          * @private
          */
-        ButtonRadioDirective.prototype.renderer;
+        ButtonRadioDirective.prototype.group;
     }
 
     /**
@@ -478,6 +587,7 @@
             this.cdr = cdr;
             this.onChange = Function.prototype;
             this.onTouched = Function.prototype;
+            this.role = 'radiogroup';
         }
         Object.defineProperty(ButtonRadioGroupDirective.prototype, "value", {
             get: /**
@@ -492,6 +602,22 @@
              */
             function (value) {
                 this._value = value;
+                this.onChange(value);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ButtonRadioGroupDirective.prototype, "tabindex", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                if (this._disabled) {
+                    return null;
+                }
+                else {
+                    return 0;
+                }
             },
             enumerable: true,
             configurable: true
@@ -540,6 +666,7 @@
          */
         function (disabled) {
             if (this.radioButtons) {
+                this._disabled = disabled;
                 this.radioButtons.forEach((/**
                  * @param {?} buttons
                  * @return {?}
@@ -547,8 +674,145 @@
                 function (buttons) {
                     buttons.setDisabledState(disabled);
                 }));
+                this.cdr.markForCheck();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        ButtonRadioGroupDirective.prototype.onFocus = /**
+         * @return {?}
+         */
+        function () {
+            if (this._disabled) {
+                return;
+            }
+            /** @type {?} */
+            var activeRadio = this.getActiveOrFocusedRadio();
+            if (activeRadio) {
+                activeRadio.focus();
+            }
+            else {
+                /** @type {?} */
+                var firstEnabled = this.radioButtons.find((/**
+                 * @param {?} r
+                 * @return {?}
+                 */
+                function (r) { return !r.disabled; }));
+                if (firstEnabled) {
+                    firstEnabled.focus();
+                }
+            }
+        };
+        /**
+         * @return {?}
+         */
+        ButtonRadioGroupDirective.prototype.onBlur = /**
+         * @return {?}
+         */
+        function () {
+            if (this.onTouched) {
+                this.onTouched();
+            }
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        ButtonRadioGroupDirective.prototype.selectNext = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            this.selectInDirection('next');
+            event.preventDefault();
+        };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        ButtonRadioGroupDirective.prototype.selectPrevious = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            this.selectInDirection('previous');
+            event.preventDefault();
+        };
+        Object.defineProperty(ButtonRadioGroupDirective.prototype, "disabled", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._disabled;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @private
+         * @param {?} direction
+         * @return {?}
+         */
+        ButtonRadioGroupDirective.prototype.selectInDirection = /**
+         * @private
+         * @param {?} direction
+         * @return {?}
+         */
+        function (direction) {
+            if (this._disabled) {
+                return;
+            }
+            /**
+             * @param {?} currentIndex
+             * @param {?} buttonRadioDirectives
+             * @return {?}
+             */
+            function nextIndex(currentIndex, buttonRadioDirectives) {
+                /** @type {?} */
+                var step = direction === 'next' ? 1 : -1;
+                /** @type {?} */
+                var calcIndex = (currentIndex + step) % buttonRadioDirectives.length;
+                if (calcIndex < 0) {
+                    calcIndex = buttonRadioDirectives.length - 1;
+                }
+                return calcIndex;
+            }
+            /** @type {?} */
+            var activeRadio = this.getActiveOrFocusedRadio();
+            if (activeRadio) {
+                /** @type {?} */
+                var buttonRadioDirectives = this.radioButtons.toArray();
+                /** @type {?} */
+                var currentActiveIndex = buttonRadioDirectives.indexOf(activeRadio);
+                for (var i = nextIndex(currentActiveIndex, buttonRadioDirectives); i !== currentActiveIndex; i = nextIndex(i, buttonRadioDirectives)) {
+                    if (buttonRadioDirectives[i].canToggle()) {
+                        buttonRadioDirectives[i].toggleIfAllowed();
+                        buttonRadioDirectives[i].focus();
+                        break;
+                    }
+                }
             }
         };
+        /**
+         * @private
+         * @return {?}
+         */
+        ButtonRadioGroupDirective.prototype.getActiveOrFocusedRadio = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            return this.radioButtons.find((/**
+             * @param {?} button
+             * @return {?}
+             */
+            function (button) { return button.isActive; })) || this.radioButtons.find((/**
+             * @param {?} button
+             * @return {?}
+             */
+            function (button) { return button.hasFocus; }));
+        };
         ButtonRadioGroupDirective.decorators = [
             { type: core.Directive, args: [{
                         selector: '[btnRadioGroup]',
@@ -560,10 +824,16 @@
             { type: core.ChangeDetectorRef }
         ]; };
         ButtonRadioGroupDirective.propDecorators = {
+            role: [{ type: core.HostBinding, args: ['attr.role',] }],
             radioButtons: [{ type: core.ContentChildren, args: [core.forwardRef((/**
                          * @return {?}
                          */
-                        function () { return ButtonRadioDirective; })),] }]
+                        function () { return ButtonRadioDirective; })),] }],
+            tabindex: [{ type: core.HostBinding, args: ['attr.tabindex',] }],
+            onFocus: [{ type: core.HostListener, args: ['focus',] }],
+            onBlur: [{ type: core.HostListener, args: ['blur',] }],
+            selectNext: [{ type: core.HostListener, args: ['keydown.ArrowRight', ['$event'],] }, { type: core.HostListener, args: ['keydown.ArrowDown', ['$event'],] }],
+            selectPrevious: [{ type: core.HostListener, args: ['keydown.ArrowLeft', ['$event'],] }, { type: core.HostListener, args: ['keydown.ArrowUp', ['$event'],] }]
         };
         return ButtonRadioGroupDirective;
     }());
@@ -573,12 +843,19 @@
         /** @type {?} */
         ButtonRadioGroupDirective.prototype.onTouched;
         /** @type {?} */
+        ButtonRadioGroupDirective.prototype.role;
+        /** @type {?} */
         ButtonRadioGroupDirective.prototype.radioButtons;
         /**
          * @type {?}
          * @private
          */
         ButtonRadioGroupDirective.prototype._value;
+        /**
+         * @type {?}
+         * @private
+         */
+        ButtonRadioGroupDirective.prototype._disabled;
         /**
          * @type {?}
          * @private