18.0.0 (2024-12-18)
This release bumps minimum required versions to Angular 19.0.0
.
We have reviewed all components to make sure they are hydratable.
Please note that currently components using i18n
require the use of experimental withI18nSupport()
.
You can check more about the advantages of hydration in the Angular doc.
Bug Fixes
- accordion: respect
destroyOnHide
with OnPush
(5b64712)
- toast: added correct
ariaLive
values (fc6007e)
- accordion: fix hydration (3f3173a)
Features
BREAKING CHANGES
ngbAccordionBody
converted from a Directive into a Component
17.0.1 (2024-08-28)
Hopefully fixes that one datepicker bug with weekday labels.
Also replacing NgZone.onStable()
with afterRender()/afterNextRender()
internally and using esbuild with zoneless CD for the demo site.
Bug Fixes
- datepicker: generate weekday labels in correct order (04010d6)
- datepicker: config not inherited from datepicker-input (db14075), closes #3848
- datepicker: global config not applied (18919c9), closes #4697
17.0.0 (2024-06-13)
This release bumps minimum required versions to Angular 18.0.0
.
We do not officially support provideExperimentalZonelessChangeDetection()
yet, it will come in a future minor release. Please remember this an experimental API, follow #4709 and open new issues if you find any problems.
Signal support will come later, most likely in the next major release.
Bug Fixes
- datepicker: track weekdays by $index (#4712) (ca1028d)
- datepicker: track weekdays by index to avoid clashes (7c693d6)
- datepicker: type of ngAcceptInputType_weekdays (5ad11bb)
- pagination: track page by index since -1 can be there twice (1d190a8)
- timepicker: get period from angular formatDate (56b0368)
- typeahead track by index in NgbHighlight (#4707) (2085265), closes #4705
- typeahead: track results by index in NgbTypeahead (#4711) (fa8aba9), closes #4702
16.0.0 (2023-11-22)
This release bumps minimum required versions to Angular 17.0.0
and Bootstrap 5.3.2
.
Main features:
- dark mode support for all components and demo site.
- new stacked progressbar markup in Bootstrap
5.3
allowed us to do the long-standing stacked progressbar feature request.
- Ethiopian calendar for datepicker.
- old component-based accordion implementation is removed (it was deprecated in
14.1.0
in favor of directive-based implementation).
- we're using new control flow syntax internally and for all demos.
Please make sure to check the BREAKING CHANGES
section below.
Bug Fixes
- use
setInput
where possible for dynamic components (f29a7b5)
- datepicker: fix day hover color in dark mode (519bbc3)
- dropdown: add
show
class to dropdown toggle when dropdown is open (#4532) (6bf2ab0), closes #4531
- nav:
NgbNavLinkBase
matches multiple times (02ab48b), closes #4594
- schematics: use
getMainFilePath()
to get main project file (acd635a)
- tooltip: add offset to align with Bootstrap 5.3 (6fd04af), closes #4574
- datepicker:
startDate
type should accept dates with days (#4618) (81ec20a), closes #4616
- accordion: allow querying body template (#4625) (472d842), closes #4623
- dropdown: allow setting custom tabindex on items (#4626) (3d9f052), closes #4592
- nav: correct focus handing with keyboard (184b6bd)
Features
- bootstrap 5.3 and dark mode (99c2162), closes #4450
- add axe a11y tests of the demo site (#4588) (b573a2b)
- progressbar: add stacked progressbar (#4621) (1982133)
- datepicker: add ethiopian date picker (bf02fb0), closes #4499
- migrate to the new control flow syntax (6c3570b)
- accordion: remove
type
from configuration (ed7732a)
- accordion: remove component-based version (7aab9e3)
- dropdown: remove deprecated
NgbNavbar
directive (c2c8061)
BREAKING CHANGES
- minimum required versions are now Angular
17.0.0
, Bootstrap 5.3.2
and Popper 2.11.8
- accordion: removed component-based accordion. It was deprecated in
14.1.0
- accordion: removed
type
property from the NgbAccordionConfig
. It was deprecated in 14.1.0
.
- we use
inject
function internally more than before, so constructor signatures have changed for all components. If you extend our components (and you really shouldn't do it), you might need to update your code.
- nav:
NgbNavbar
directive is removed, as it is no longer required. It was deprecated in 14.2.0
.
- nav: default value for the
@Input() keyboard: boolean | 'changeWithArrows'
was changed from false
to true
, meaning that all navs are now keyboard accessible by default and focus between navs moves with arrow keys. Focusing behavior follows the WAI-ARIA tab recommendation as well as Bootstrap's nav implementation. To turn off keyboard support set keyboard
to false
either on the individual NgbNav
or via NgbNavConfig
15.1.2 (2023-10-24)
This release aligns tooltip closing behavior with Bootstrap (both desktop and mobile), fixes a long-standing bug with tooltip opening issues.
While we don't consider it a breaking change, some complex existing tooltips might behave differently.
Bug Fixes
- accordion: initialize
destroyOnHide
from configuration (a8b39be)
- rating: generate correct
aria-readonly/disabled
attributes (#4586) (f99bc96)
- tooltip: align closing behavior with Bootstrap (55f45fd), closes #3889
- tooltip: fixed closing on hover from arrow direction (4417ee6), closes #3997
- tooltip: remove padding for non-standard placements (c7c0978), closes #4369
15.1.1 (2023-08-07)
Bug Fixes
- accordion: override
destroyOnHide
correctly (#4545) (e0f15c6), closes #4541
- dropdown: fix arrow navigation inside shadow dom (#4548) (995d22d), closes #4540
- scrollspy: change active to '' (empty) after explicit stop (cec803d)
- scrollspy: recompute active when unobserving fragments (4dac691)
15.1.0 (2023-07-06)
This release introduces Scrollspy service and directives.
Features
- accordion: add 'show' and 'hide' events (#4537) (005290e), closes #4528
- popover/tooltip: allow specifying context via template (#4512) (56779ae)
- scrollspy: add scrollspy service and directives (a16430f), closes #5
15.0.1 (2023-06-06)
Bug Fixes
- dropdown: set
display
when inside a navbar and guarded by ngIf
(#4521) (05eafb2), closes #4520
- revert some inputs to optional (#4519) (decfe41), closes #4516 #4518
- schematics: don't use deprecated
--name
option (be75dcc)
- schematics: support apps created with
--standalone
flag (7f5f7b6), closes #4511
15.0.0 (2023-05-25)
This release bumps minimum supported version of Angular to 16.0.0
.
No new features are introduced since 14.x
, apart from some inputs becoming required.
Bug Fixes
- datepicker: remove navigation arrow
.right
class (#3922) (3735699)
Features
BREAKING CHANGES
- datepicker: Might be breaking, if datepicker arrows are customized.
Datepicker navigation arrow markup.
BEFORE:
<div class="ngb-dp-arrow">
<div class="ngb-dp-arrow right">
AFTER:
<div class="ngb-dp-arrow ngb-dp-arrow-prev">
<div class="ngb-dp-arrow ngb-dp-arrow-next">
14.2.0 (2023-05-23)
Bug Fixes
Features
- datepicker: add 'contentTemplate' to input datepicker (2bfc212), closes #4497
- datepicker: allow accessing i18n from the instance (0864688)
- dropdown: replace
NgbNavbar
usage by DOM call to closest()
(#4471) (c524384), closes #4462
- modal: allow update options of opened modal (e945442), closes #4281 #4396 #4446
- typeahead: add
selectOnExact
option (4eb6cc7), closes #4371
14.1.1 (2023-05-02)
Bug Fixes
- accordion: fix inconsistent
closeOthers
behavior (#4490) (77f667d)
- pagination: remove
.visually-hidden
spans (#4492) (c819b6c), closes #3870
- popover: avoid moving sibling elements on open (0c45ae8), closes #4494
- tooltip: avoid moving sibling elements on open (65c1db9), closes #4494
14.1.0 (2023-04-03)
This release improves navs accessibility and introduces a new accordion implementation based on directives. The new implementation is more flexible and allows for easier customization. Old accordion implementation is still available, but deprecated and will be removed in one of the future major releases.
See the documentation for more details.
Bug Fixes
- accordion: fix
OnPush
change detection strategy behavior (#4480) (d39d508)
- nav: add 'presentation' role to nav items (e88c5c5), closes #4398
Features
- accordion: export
NgbAccordionItem
directive to the template (#4479) (c0c6358)
- accordion: add
NgbAccordionButton
directive (f1eefe0)
- accordion: new accordion implemented with directives (#4437) (fd56d0e)
- nav: allow using
NgbNavLink
on a button element (7db38b8)
- rating: allow customizing
aria-textvalue
(#4453) (064fef3)
14.0.1 (2023-01-09)
Fixes a DI issue with modal dependencies in lazy-loaded modules introduced in 14.0.0
.
Bug Fixes
- modal: provide
NgbModal
at the correct level (#4464) (8ac01c2), closes #4447
- positioning: use
inject
for NgbRTL
dependency (7f2146d), closes #4403
- progressbar: add aria attributes in parent and
text-bg-color
class when no textType
(#4461) (54bf804)
- schematics: correct
'bootstrap/scss/bootstrap'
imports (#4465) (56b166b), closes #4463
14.0.0 (2022-12-07)
This release bumps minimum supported versions to Angular 15.0.0, Bootstrap 5.2.3 and Popper 2.11.6.
It also introduces support for standalone components, which means that you can now import ng-bootstrap inside your
standalone components in 3 ways:
imports: [NgbModule]
imports: [NgbNavModule]
imports: [NgbNav, NgbNavOutlet, etc... ]
The demo site, stackblitzes and documentation have been updated to reflect these changes.
Bug Fixes
- accordion: add missing
forwardRef
(9e01092)
- datepicker: add missing
forwardRef
(1e68c9b)
Features
- migrate all components and directives to standalone (5e6d11c)
13.1.1 (2022-11-17)
Bug Fixes
- toast: update toast transitions to match Bootstrap 5.2 (#4411) (f1c2a09)
- typeahead: remove aria-multiline attribute (#4409) (9bd749c), closes #4181
13.1.0 (2022-10-18)
This release adds several features, notably:
Bug Fixes
- collapse: restore previous transition logic (#4388) (ec372c3)
- collapse: solved running transition twice (#4374) (9c8bf98)
- datepicker: add
NgbDateStructAdapter
to export list (#4335) (a6e9f2e)
- positioning: generate correct RTL placements for popper (5379cd0)
- offcanvas: change animations to be like in Bootstrap 5.2.0 (#4366) (cb4406d)
- schematics: install
@angular/localize
to devDependencies
(5289e8a)
- timepicker: add
exportAs
property for ngbTimepicker (#3980) (94e7b35)
Features
- positioning: allow configuring Popper via
popperOptions
API (#4323) (a6f6803)
- collapse: add horizontal collapse (98f0527)
- offcanvas: add static backdrop option (#4367) (fe4c798)
- popover: allow specifying target for popover (711bfd3)
- progressbar: add aria-label (6a3ebaa), closes #4133
- rating: allow overriding
tabindex
with provided value (#4309) (9d80e66)
- tooltip: allow specifying target for tooltip (dc82372)
13.0.0 (2022-07-28)
This release adds Angular 14.1 and Bootstrap 5.2.0 support. It also removes deprecated checkboxes and radio buttons.
Bug Fixes
- datepicker: better display for a disabled datepicker (52ec5b5)
- datepicker: use
-bs-xxx
variables for colors (3012aaf)
- replace
ComponentFactory
with new createComponent
API (9a011f3), closes #4343
- use new
setInput()
API instead of setting inputs manually (eec4e43)
BREAKING CHANGES
- buttons: Checkbox and Radio buttons are no longer a part of ng-bootstrap, please use native Angular. They were deprecated in ng-bootstrap 12, see this page for more details.
12.1.2 (2022-05-17)
Bugfixes for popper positioning related to tooltip/popover arrow placement and overall performance.
Bug Fixes
- positioning: not all classnames are removed correctly after change detection (9775246), closes #4327
- pagination: allow for custom and null 'size' values (8df5f74), closes #3816
- datepicker: schedule positioning calculations correctly (745a64d)
- dropdown: schedule positioning calculations correctly (077047e)
- popover: schedule positioning calculations correctly (6b16b8d)
- tooltip: schedule positioning calculations correctly (662f2b6), closes #4321
- typeahead: schedule positioning calculations correctly (79454d1)
12.1.1 (2022-04-29)
Bug Fixes
- offcanvas: use correct rxjs import for the 'finalize' operator (#4317) (428d666)
12.1.0 (2022-04-28)
This release introduces a new Offcanvas component with the API similar to Modal.
Features
- offcanvas: add new Offcanvas component and service (e504c31)
- modal: add a 'fullscreen' option (6d6189b), closes #4298
12.0.2 (2022-04-07)
More bugfixes for the Bootstrap 5 release
Bug Fixes
- datepicker: add offset to match Bootstrap (47fc2fe)
- datepicker: do not scroll when opening with container='body' (#4294) (112b507), closes #4290
- datepicker: ensure popup is shown above modal (#4282) (029ac2a), closes #4278
- dropdown: add offset to match Bootstrap #4297 (9f2fe0d)
- dropdown: disable host button of disabled dropdown item (4f71568), closes #4301
- dropdown: ensure popup is shown above modal (0a41501)
- dropdown: set tabIndex to -1 on disabled dropdown items (1ab5d21), closes #4301
- modal: remove visual 'twitch' when closing (#4295) (15246f2), closes #4293
- popover: change offset to match Bootstrap (90b4715)
- rating: changing [max] doesn't update displayed number of stars (9b49136), closes #4132
- typeahead: add offset to match Bootstrap (7f636ed)
- typeahead: ensure popup is shown above modal (d10df5d)
11.0.1 (2022-04-07)
This release contains some bugfixes for those who still remain on Bootstrap 4
Bug Fixes
- accordion: accept ids that start with a digit (#4196) (ab87fc7), closes #4195
- dropdown: disable host button of disabled dropdown item (ba19329), closes #4301
- dropdown: set tabIndex to -1 on disabled dropdown items (9cdc0fc), closes #4301
- modal: allows to set an HTMLElement as container in NgbModalConfig (#4161) (fb01f15), closes #4160
- modal: remove visual 'twitch' when closing (#4295) (a29b445), closes #4293
- modal: scrollbar issue with stacked modals (#4256) (cf13227), closes #4255
- rating: changing [max] doesn't update displayed number of stars (9a66076), closes #4132
12.0.1 (2022-03-21)
This release contains a couple of bugfixes for the Bootstrap 5 release.
ng-bootstrap web site was updated with documentation for older releases (now there is a dropdown in the header to switch between versions).
Bug Fixes
- accordion: accept ids that start with a digit (#4196) (c2eef9a), closes #4195
- carousel: fix hidden carousel indicators (#4259) (bee2668), closes #4200 #4253
- datepicker: respond to autoClose changes dynamically (34e3d53)
- dropdown: respond to autoClose changes dynamically (1def999)
- modal: allows to set an HTMLElement as container in NgbModalConfig (#4161) (a93c439), closes #4160
- modal: scrollbar issue with stacked modals (#4256) (9da624d), closes #4255
12.0.0 (2022-02-14)
This release adds Bootstrap 5 support.
Features
- upgrade to bootstrap 5.0.0 (5f51908)
- carousel: rename left right classes for positioning (bebd9ab)
- datepicker: rename left right classes for positioning (a821d49)
- dropdown: rename left right classes for positioning (da5d6d1)
- popover: rename left right classes for positioning (23da190)
- positioning: rename left and right classes (486a929)
- tooltip: rename left right classes for positioning (e9bb545)
- typeahead: rename left right classes for positioning (4628503)
Bug Fixes
- .ml- and .mr- to .ms- and .me- (ca40910)
- .pl- and .pr- to .ps- and .pe- (ae3a3fe)
- .text-left .text-right to .text-start .text-end (65f8954)
- accordion: follow bootstrap 5 markup (29f61d5)
- accordion: update classes for the headers (7565054)
- alert: new css class for close button (#3976) (43bae41)
- button: button group (d598cb4)
- dropdown: manage static menu (65ba6c3)
- modal: adds overflow: hidden from code and fixes scrollbar measurement (5c58309), closes #4128
- modal: close button (4794632)
- modal: upgrade z-index for backdrop (fc84cb1)
- popover: fix positioning after the beta2 (e782244)
- positioning: use popper 2 for positioning (#4129) (5842eb5)
- tabset: radios on the tabset demo (2294275)
- toast: default delay and toasts container removal (ed5aca9)
- toast: new css class for btn-close (#3986) (7dcead9)
- add navbar containers when needed (9b0ade5)
- change custom-select by form-select (5ec43b6)
- e2e failed because of changed error message (e8a604a)
- e2e failed because of dependencies (ff66111)
- icon layout in input-group (e4ac56a)
- margins/layout issues (e5e8461)
- refactor form-inline and form-group (ddfde57)
- rename float-left float-right to float-start float-end (292e123)
- renamed .font-weight- utilities as .fw- (#3979) (1c2add3)
- renamed .sr-only to .visually-hidden (#3982) (09eb6b2)
small sidebar fixes (a6f4dac)
BREAKING CHANGES
positioning: ng-bootstrap adds "@popperjs/core": "^2.10.2"
as a peer dependency. All positioning logic for datepicker, dropdown, popover, tooltip and typeahead is outsourced to popper.js.
- NgbSlideEventDirection : LEFT and RIGHT have been renamed to START and END
Before:
NgbSlideEventDirection.LEFT
NgbSlideEventDirection.RIGHT
After:
NgbSlideEventDirection.START
NgbSlideEventDirection.END
11.0.0 (2021-12-16)
This release adds Angular 13 support.
Apologies for the version mixup with this release, please use this guide:
- ng-bootstrap 10 (stable) -> Angular 12 and Bootstrap 4
- ng-bootstrap 11 (stable) -> Angular 13 and Bootstrap 4
- ng-bootstrap 12 (beta) -> Angular 13 and Bootstrap 5
Bug Fixes
- remove 'entryComponents' from the code (a6fd72b)
- remove deprecated 'ComponentFactoryResolver' (60514a3)
- accordion: fix broken collapse animation (801093a)
- datepicker: fix header colors (c24880c)
This 4th beta release for Bootstrap 5 adds Angular 13 support and uses Popper.js for positioning. Schematics are not yet updated for this version.
Apologies for the version mixup with this release, please use this guide:
- ng-bootstrap 10 (stable) -> Angular 12 and Bootstrap 4
- ng-bootstrap 11 (rc) -> Angular 13 and Bootstrap 4
- ng-bootstrap 12 (beta) -> Angular 13 and Bootstrap 5
Features
BREAKING CHANGES
- positioning: ng-bootstrap adds
"@popperjs/core": "^2.10.2"
as a peer dependency. All positioning logic for datepicker, dropdown, popover, tooltip and typeahead is outsourced to popper.js.
This release adds Angular 13 support. No code library changes are planned after this, but still some internal CI tooling needs to be updated (see #4178 for details).
Apologies for the version mixup with this release, please use this guide:
- ng-bootstrap 10 (stable) -> Angular 12 and Bootstrap 4
- ng-bootstrap 11 (rc) -> Angular 13 and Bootstrap 4
- ng-bootstrap 12 (beta) -> Angular 13 and Bootstrap 5
Bug Fixes
- remove 'entryComponents' from the code (a6fd72b)
- remove deprecated 'ComponentFactoryResolver' (60514a3)
This release adds Angular 12 support for the Bootstrap 5 beta version along with a couple of bugfixes.
Bug Fixes
- accordion: fix broken collapse animation (801093a)
- datepicker: fix header colors (c24880c)
10.0.0 (2021-07-01)
This release adds Angular 12 support
BREAKING CHANGES
- datepicker: The deprecated datepicker
@Input() showWeekdays: boolean
is removed from NgbDatepicker
and NgbInputDatepicker
.
It was replaced by @Input() weekdays: TranslationWidth | boolean;
that also allows providing TranslationWidth
if necessary.
BEFORE:
<ngb-datepicker [showWeekdays]="true"></ngb-datepicker>
<input ngbDatepicker [showWeekdays]="true"></input>
constructor(config: NgbDatepickerConfig) {
config.showWeekdays = true;
}
AFTER:
<ngb-datepicker [weekdays]="true"></ngb-datepicker>
<input ngbDatepicker [weekdays]="true"></input>
constructor(config: NgbDatepickerConfig) {
config.weekdays = TranslationWidth.Short;
}
- datepicker: This change concerns you if you're creating custom datepicker calendars and i18ns.
The deprecated datepicker getWeekdayShortName(weekday: number): string;
is removed from NgbDatepickerI18n
.
It was replaced by getWeekdayLabel(weekday: number, width?: TranslationWidth): string;
to add TranslationWidth
option and align naming.
BEFORE:
@Injectable()
export class MyDatepickerI18n extends NgbDatepickerI18n {
getWeekdayShortName(weekday: number) { return 'your weekday short name'; }
}
AFTER:
@Injectable()
export class MyDatepickerI18n extends NgbDatepickerI18n {
getWeekdayLabel(weekday: number, width?: TranslationWidth) { return 'your weekday short name'; }
}
9.1.3 (2021-06-16)
Reverts
- Revert "fix(popover): enable pointer events only for popover content" (94282d2) to fix #4103
9.1.2 (2021-06-04)
Bug Fixes
This is the first beta version with Bootstrap 5 support. Please install with npm install @ng-bootstrap/ng-bootstrap@next
Known issues
- the schematics are broken in this version
- accordion animation seems to be broken
- datepicker header lost its color
- no support yet for the new Accordion, Offcanvas and Popper 2
Bug Fixes
- accordion: follow bootstrap 5 markup (29f61d5)
- button: button group (d598cb4)
- modal: close button (4794632)
- tabset: radios on the tabset demo (2294275)
- .ml- and .mr- to .ms- and .me- (ca40910)
- .pl- and .pr- to .ps- and .pe- (ae3a3fe)
- .text-left .text-right to .text-start .text-end (65f8954)
- add navbar containers when needed (9b0ade5)
- change custom-select by form-select (5ec43b6)
- icon layout in input-group (e4ac56a)
- margins/layout issues (e5e8461)
- refactor form-inline and form-group (ddfde57)
- accordion: update classes for the headers (7565054)
- popover: fix positioning after the beta2 (e782244)
- toast: default delay and toasts container removal (ed5aca9)
- rename float-left float-right to float-start float-end (292e123)
- small sidebar fixes (a6f4dac)
- toast: new css class for btn-close (#3986) (7dcead9)
- renamed .font-weight- utilities as .fw- (#3979) (1c2add3)
- renamed .sr-only to .visually-hidden (#3982) (09eb6b2)
- alert: new css class for close button (#3976) (43bae41)
Features
- upgrade to bootstrap 5.0.0 (5f51908)
- carousel: rename left right classes for positioning (bebd9ab)
- datepicker: rename left right classes for positioning (a821d49)
- dropdown: rename left right classes for positioning (da5d6d1)
- popover: rename left right classes for positioning (23da190)
- positioning: rename left and right classes (486a929)
- tooltip: rename left right classes for positioning (e9bb545)
- typeahead: rename left right classes for positioning (4628503)
BREAKING CHANGES
- NgbSlideEventDirection : LEFT and RIGHT have been renamed to START and END
Before:
NgbSlideEventDirection.LEFT
NgbSlideEventDirection.RIGHT
After:
NgbSlideEventDirection.START
NgbSlideEventDirection.END
9.1.1 (2021-05-12)
Bug Fixes
9.1.0 (2021-03-23)
Bug Fixes
- carousel: fix value of aria-activedescendant attribute (#4015) (35bb72a), closes #4014
- collapse: no animations in production mode (#4044) (5e25272), closes #3972
- datepicker: use readonly arrays in Buddhist calendar (67be4ab)
- typeahead: improve 'ngbTypeahead' typings (#4038) (81f2c59), closes #3907
Features
- datepicker: add Buddhist calendar (4880bdf)
- datepicker: add week number i18n label (8955a1b)
- datepicker: allow configuring weekday width (02cb126), closes #2516
- datepicker: allow overriding month label correctly (#4023) (921662a), closes #3863
- datepicker: allow setting custom popup class (#4039) (4741ffb), closes #2984
- dropdown: allow setting custom popup class (#4041) (71ca123), closes #3626
- modal: allow setting custom modal dialog class (#3826) (37c0331)
- pagination: add new pages templating options (c605ab7)
- typeahead: allow setting custom popup window class (#3947) (e7457f4)
- typeahead: add an option to configure accent sensitivity in highlight (1cf0c39)
9.0.2 (2021-01-25)
Bug Fixes
- accordion: fixes animation glitch when opening several panels (0ad50b5)
8.0.4 (2021-01-25)
Bug Fixes
- accordion: fixes animation glitch when opening several panels (06dcf09)
9.0.1 (2021-01-21)
Bug Fixes
8.0.3 (2021-01-21)
Bug Fixes
9.0.0 (2021-01-14)
This major release officially adds Angular 11 support.
BREAKING CHANGES
- for ng-bootstrap
9.0.0
minimal required version
of Angular is 11.0.0
. Please note that this version drops IE 10 support.
8.0.2 (2021-01-13)
Bug Fixes
- animations: delegate 'animation' flag to 'NgbConfig' (#3939) (c90c1c4), closes #3893
- carousel: update active class when the content changes (15ad374)
- datepicker: improve right arrow css selector (#3931) (6790a3e), closes #3872
- nav: avoid doing double reflow for fade in transition (#3936) (76e38ee), closes #3900
- nav: work corretly inside components with OnPush (#3934) (038e89a), closes #3930
8.0.1 (2021-01-05)
Bug Fixes
8.0.0 (2020-11-06)
This is a major release introducing animations to all standard Bootstrap components inside ng-bootstrap. Please read the animations documentation, you'll find some examples and how to opt-out if necessary.
Bug Fixes
- alert: add .fade class only with animations on (#3756) (5e941d7)
- animations: duration should be computed after 'startFn' execution (4efea05)
- animations: ignore all inner transitions in 'ngbRunTransition' (b50f4d9)
- animations: pass transition context with animations disabled (#3781) (0e2120e)
- animations: startFn called when no animation (a14c76d)
- animations: make collapsing transition work with SSR (#3864) (e6c70c0)
- popover: allow null and undefined as values for popover and title (681c1e3), closes #3845
- tooltip: allow null and undefined as values for tooltip (b713e38), closes #3845
Features
- accordion: add animations (#3766) (99de349)
- alert: add animations (ba7362e)
- alert: change API due to the introduction of animations (95f75cc)
- animations: always run the start function in ngbRunTransition (#3793) (99e7e8c)
- animations: introduce 'endFn' returned by 'startFn' (5ac913d)
- animations: introduce transition context (12d753b)
- animations: support 'runningTransaction: stop' (2373de3)
- carousel: accessibility (#3773) (6830d55)
- carousel: add animations (#3804) (61691d0)
- collapse: add missing
NgbCollapseConfig
(#3736) (8d5417a)
- collapse: add animations (9bffcab)
- datepicker: remove deprecated
(select)
output (#3887) (0662d4d)
- modal: add animations (86cbf06)
- modal: add scale animation when static backdrop is clicked (#3771) (2b1cc56)
- nav: add animations (d82a302)
- nav: nav config animations (262ac7d)
- popover: add animations (b7f12e6)
- progressbar: remove intermediate
div
element (#3841) (89ec4fe)
- toast: add animations (f8df46c)
- tooltip: add animations (cc55e6b)
- add global
NgbConfig
(#3715) (bf9b98d)
BREAKING CHANGES
- Animations are enabled by default an all standard Bootstrap components. See the documentation for more details.
NgbTabset
deprecated in 6.0.0
is now removed completely
- alert: closing API has changed due to the introduction of the imperative
.close()
method to trigger the 'fade out' animation
Before:
<ngb-alert (close)="..."></ngb-alert>
After:
<ngb-alert (closed)="..."></ngb-alert>
// component -> new method introduced for animations
alert.close();
The closed
event is emitted after the 'fade out' animation is finished.
The 'fade out' animation can be triggered either by clicking on the alert's 'cross button' or calling .close()
method.
- datepicker:
(select)
output deprecated in 6.0.0
is now removed completely
Before:
<ngb-datepicker (select)="inDateSelect($event)"></ngb-datepicker>
After:
<ngb-datepicker (dateSelect)="onDateSelect($event)"></ngb-datepicker>
- progressbar: markup generated by
<ngb-progressbar>
was simplified, there is no more intermediate <div>
element
Before:
<ngb-progressbar type="success">
<div class="progress">
<div role="progressbar"></div>
</div>
</ngb-progressbar>
After:
<ngb-progressbar type="success" class="progress">
<div role="progressbar"></div>
</ngb-progressbar>
- toast: events API has changed to stick with specs provided by Bootstrap
Before:
<ngb-toast (hide)="..."></ngb-toast>
After:
<ngb-toast (hidden)="..."></ngb-toast>
The hidden
event is emitted after the 'fade out' animation is finished.
7.0.0 (2020-07-09)
This major release officially adds Angular 10 support.
Bug Fixes
BREAKING CHANGES
- for ng-bootstrap
7.0.0
minimal required version
of Angular is 10.0.0
, and minimal required version of Bootstrap is 4.5.0
.
6.2.0 (2020-07-08)
Bug Fixes
Features
- modal: get all the open modal instances using the NgbModal service (#3650) (b45b39a), closes #3627
6.1.0 (2020-04-22)
This release brings schematics to the @ng-bootstrap/ng-bootstrap
package, so the library can be installed now with ng add @ng-bootstrap/ng-bootstrap
. See installation docs for more details.
Features
- modal: add 'aria-describedby' for modal window (#3695) (9a8e70d), closes #3678
- nav: keyboard support for switching between navs (#3612) (8c91ba5)
- schematics: add schematics to
@ng-bootstrap/ng-bootstrap
(#3669) (464080b)
6.0.3 (2020-04-17)
Bug Fixes
- datepicker: set min/max dates correctly with custom adapters (#3686) (644f71f), closes #3598
5.3.1 (2020-04-17)
Bug Fixes
- datepicker: set min/max dates correctly with custom adapters (586672b), closes #3598
6.0.2 (2020-03-23)
Reverts
6.0.1 (2020-03-20)
Mostly technical release that improves compatibility with 'strictTemplates' and 'strictNullChecks'
Bug Fixes
- support 'strictTemplates' flag for public API (#3623) (eef5422), closes #3619
- improve compatibility with 'strictNullChecks' (0b16754), closes #1544
- datepicker: disabled datepicker should not be clickable/focusable (51c940b), closes #3648
- dropdown: avoid adding vertical scrollbars (#3644) (05efeb7)
6.0.0 (2020-02-21)
This major release officially adds Angular 9 and ivy support.
Due to changes in the framework, you might need to add the @angular/localize
dependency. Check the i18n documentation and this issue for more info.
We're also deprecating NgbTabset
, so it is not supported anymore. Please use NgbNav
instead as a more flexible alternative.
Bug Fixes
BREAKING CHANGES
- ng-bootstrap now has the dependency on
@angular/localize
- datepicker: 'ngbDate' validator error messages were changed to be more explicit and aligned with Angular validators.
For example, for the following use-case
<ngb-datepicker [ngModel]="{year: 2019, month: 12, day: 31}"
[minDate]="{year: 2020, month: 1, day: 1}">
</ngb-datepicker>
form control errors are:
Before
ngbDate: {
requiredBefore: { year: 2020, month: 1, day: 1 }
}
After
ngbDate: {
minDate: {
minDate: { year: 2020, month: 1, day: 1 },
actual: { year: 2019, month: 12, day: 31 }
}
Same change is applied for requiredAfter
and maxDate
.
This is a technical release aligning all dependencies, configurations and deliveries to Angular 9.
There are no changes in the library code.
5.3.0 (2020-02-14)
Bug Fixes
- tooltip: prevent autoclose with default triggers on iPadOS 13 (#3593) (b8874ad), closes #3591
Features
- accordion: add custom css class at the card level (#3563) (8ea21bf), closes #2262
- datepicker: allow customizing month layout (3b82948)
- modal: pass an
HTMLElement
to modal container option (#3585) (3c65b21), closes #3584
5.2.3 (2020-02-13)
Bug Fixes
5.2.2 (2020-02-10)
Bug Fixes
- datepicker: handle clicks correctly inside the <label> (#3562) (0f626e1), closes #3557
- datepicker: handle multiple input changes once (#3565) (4ac0352), closes #3545
- datepicker: refine focus state checks (#3549) (035d399), closes #3494
- datepicker: update minDate and maxDate dynamically (#3507) (4f61496), closes #3506
- dropdown: execute user (click) handlers on Enter and Space (#3573) (f845951), closes #3570
- nav: allow having falsy values like 0 and 'false' for nav ids (#3571) (686fbd5), closes #3569
- nav: don't emit (navChange) when activeId is not set initially (#3567) (dd1c35d), closes #3564
5.2.1 (2020-01-22)
Bug Fixes
5.2.0 (2020-01-21)
This release introduces a set of NgbNav
directives to replace the NgbTabset
component
Bug Fixes
- datepicker: don't update public state on each CD (e284110)
Features
- add
ViewEncapsulation.None
to the rest of components (#3535) (5a5a8a7), closes #3479
- accordion: use readonly arrays for inputs (#3426) (16249f4)
- datepicker: add 'currentYear' to the day template (#3540) (bbd8b51), closes #2944
- datepicker: add 'restoreFocus' input (#3539) (31402a3), closes #3483
- datepicker: export NgbDatepickerKeyboardService (e5b3222)
- datepicker: input datepicker global config (a9ce83e), closes #3273
- datepicker: introduce 'dateSelect' event to replace 'select' (943295a), closes #3444
- datepicker: use readonly arrays for inputs (#3424) (2c3f96a)
- modal: allow any string as modal size option (24ea370), closes #3013
- nav: initial nav implementation (783d983)
- pagination: add 'aria-current' attribute (#3470) (c502341)
- pagination: add 'aria-disabled' attribute (#3471) (c0a2bda), closes #3470
- progressbar: allow to specify progressbar text type (#3394) (1057dbd)
- timepicker: input filter to accept only numbers (#3247) (25df51a), closes #2334
- typeahead: use readonly arrays for inputs (#3423) (36ce6fb)
5.1.5 (2020-01-07)
Bug Fixes
- datepicker: correct z-index of month/year selects (#3473) (2de1be3)
- datepicker: fix disappearing month/year select arrow icon in IE and Edge (3b9307a), closes #3526
- modal: fix scrollbar compensation in some scaling situations (#3498) (b235dbb), closes #3448
- modal: prevent modal from closing when using scrollbar (#3531) (fb8bb11), closes #3518
- modal: remove key/mouse handlers only when modal is destroyed (#3532) (01d508a), closes #3515
- pagination: don't focus links of disabled pagination (#3468) (38da258)
Reverts
5.1.4 (2019-11-08)
Bug Fixes
5.1.3 (2019-11-08)
Please use v5.1.4 instead
5.1.2 (2019-10-25)
Bug Fixes
- checkbox: remove autocomplete attribute (#3377) (39fea1f)
- datepicker: add role="row" in weekday header for a11y (#3361) (b16a0ca)
- datepicker: add role="columnheader" in weekday header for a11y (#3343) (8260198)
- datepicker: keep day/month when adding/removing month/year in ngb-calendar (#3355) (22a1cb6), closes #3398
- datepicker: performance issues when huge min/max dates (#3357) (22b4ca8), closes #3338
- datepicker: place active day above its siblings (#3314) (eb26beb)
- datepicker: remove hardcoded bg-light (#3351) (c7bc4d7)
- datepicker: restore focus correctly after closing popup (#3371) (d8812b9), closes #3317
- datepicker: retain focus on prev/next month navigation links (#3381) (7a584ad), closes #2780
- dropdown: export
NgbNavbar
correctly (#3432) (693bcb6)
- modal: add missing fields to
NgbModalConfig
(#3406) (7324083)
- modal: add typing for
modalRef.componentInstance
(#2815) (f450a7c), closes #2479
- modal: do no crash when accessing
componentInstance
(#3367) (c60a012), closes #3366
- modal: don't close popup on ESC when closing nested components (#3384) (75f0966), closes #3358
- pagination: don't hide single page number with ellipsis (#3419) (410f6ea), closes #1235
- popover: propagate 'popoverClass' change correctly (#3420) (51bfc72)
- tooltip: propagate 'tooltipClass' change correctly (48bdf62), closes #3335
- typeahead: clear the model on input change when editable=false (#3267) (176be06), closes #3262
4.2.2 (2019-09-03)
Bug Fixes
- tabset: remove aria-expanded and use aria-selected instead (d67bea2), closes #3292
5.1.1 (2019-09-03)
This is an internal release with no user-facing updates/fixes.
5.1.0 (2019-07-17)
Features
carousel: stay paused after calling pause() until cycle() is called (#3225) (2602154), closes #3188
In order for the user to also have more control, we also introduce 2 new properties on NgbSlideEvent:
- The "source" property allowing to know what triggered the event: "timer", "arrowLeft", "arrowRight" or "indicator".
- The "paused" boolean status.
Bug Fixes
- datepicker: ease the styling of datepicker (#3248) (dd86266), closes #3244
- datepicker: NgbCalendarIslamicUmalqura.fromGregorian with date in the afternoon (#3256) (cc29290), closes #3237
- demo: direct link to specific carousel sample not working (#3272) (a6d73d6)
- dropdown: allow template directive on the menu (#3263) (8f73899)
- dropdown: remove x-placement when display is static (#3270) (c6ad5b7)
- modal: cmpt based content was not scrollable (#3286) (ffbb4fd), closes #3281
- popover: apply arrow styles to direct descendant (#3288) (0b3ad65)
- stackblitz: fixed version for prismjs (#3282) (db72c7a)
- tabset: remove aria-expanded and use aria-selected instead (#3292) (5b6cc69)
- toast: proper handling of
autohide
toggling (#3283) (ffcdad4), closes #3280
5.0.0 (2019-07-09)
This major release is compatible with Angular ^8.0.0. We would like to emphasis that it is not yet fully compatible with Ivy renderer.
BREAKING CHANGES
- for ng-bootstrap
5.0.0
minimal required version
of Angular is 8.0.0
, and minimal required version of Bootstrap is 4.3.1
.
This release requires Angular version ^8.0.0, Bootstrap ^4.3.1 and is not yet Ivy compatible.
Bug Fixes
Features
- timepicker: use Angular locale data for AM and PM (#2830) (3ce8a4c)
This release requires Angular version ^8.0.0
, Bootstrap ^4.3.1
and is not yet Ivy compatible.
Bug Fixes
- all widgets: specify 'static' for ViewChild and ContentChild queries (b3010ab)
- demo: missing
Object.values()
polyfill for IE. (#3249) (0eff381)
- toast: adds
static: true
for Angular 8 query compatibility (#3250) (e682ee3)
Code Refactoring
Features
BREAKING CHANGES
- for ng-bootstrap
5.0.0-rc.0
minimal required version
of Angular is 8.0.0
, and minimal required version of Bootstrap is 4.3.1
.
- Importing any ng-bootstrap module via
.forRoot()
has now been completely removed.
The only supported way is the one documented in the getting started page.
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
...
imports: [NgbModule, ...],
...
})
export class YourAppModule {
}
4.2.1 (2019-06-03)
Reverts
- datepicker: expose validators minDate, maxDate, invalidDate (#3126) (509bba3), closes #3215
4.2.0 (2019-05-29)
Bug Fixes
- positioning: put the popup in a separate layer (#3206) (2bbaaee)
Features
- datepicker: add 'closed' event fired after datepicker window was closed (#3055) (e31895e)
- datepicker: add new 'positionTarget' input (#3119) (42cef4f)
- datepicker: expose validators minDate, maxDate, invalidDate (#3126) (509bba3)
- dropdown: new 'display' input and navbar management (#3098) (a07dbff), closes #3030
- highlight: highlight array of terms instead of just one term (#3154) (ec8a129), closes #2698
4.1.3 (2019-05-13)
Bug Fixes
- alert: project content before the closing button (#3176) (3e1dba9), closes #3171
- datepicker: 'startDate' change was preventing arrow navigation (#3179) (8bb6ddd), closes #3178
- datepicker: don't change month content if navigation is prevented (#3173) (c41da80)
- dropdown: close dropdown menu on Enter / Space (#3180) (5163d03), closes #3142
- dropdown: close dropdown only on dropdown elements click (fa8e45f), closes #3063 #3143
- timepicker: fix tab navigation & handling keyboard arrows (#2053) (7efa35c), closes #1836
4.1.2 (2019-04-30)
Bug Fixes
- datepicker: access view child from ngAfterViewInit (#3152) (0e54eef), closes #3150
- datepicker: export NgbDatepickerNavigateEvent correctly (#3161) (e287a74), closes #3160
- datepicker: z-index set when appended to body (00ee594), closes #3133
- dropdown: don't fail on keypress if there are no ngbDropdownItems (b4b0222), closes #3117
- dropdown: z-index set when appended to body (#3157) (ec73fc2)
- popover: open popover correctly from lifecycle hooks (b3f8010)
- tooltip: open tooltip correctly from lifecycle hooks (80beb3a), closes #3130
4.1.1 (2019-04-01)
Bug Fixes
4.1.0 (2019-03-05)
Features
- accordion: allow any content in the accordion card header (8ea4d81), closes #717
- datepicker: make 'navigate' event cancellable (#3044) (dce63ef), closes #2913
- datepicker: mark today's date with a custom class (#2940) (6029304), closes #1470
- dropdown: add keyboard navigation support (#2683) (6608487)
- dropdown: allow attaching to body (#2823) (3f65ac8), closes #1012
- pagination: allow customizing pagination links (a889d09), closes #899
- popover: add openDelay and closeDelay (4975529)
- positioning: accept placement values with a space separated string (#3034) (28ce374)
- positioning: position tooltip and popover automatically (#3019) (aeb39aa)
- timepicker: use arrow keys to increment/decrement values (#2912) (6ca79a5), closes #459
- tooltip: add openDelay and closeDelay (1b8abae), closes #1052
- tooltip: trigger with "focus" by default to enhance a11y (#3028) (be84733), closes #3022
4.0.5 (2019-03-05)
Bug Fixes
- positioning: wrong placement class applies in some cases (#3042) (5fdc3fa), closes #3040
4.0.4 (2019-02-21)
Bug Fixes
4.0.3 (2019-02-12)
Bug Fixes
4.0.2 (2019-01-28)
Bug Fixes
- accordion: remove 'h5' from the card header (88af5c8), closes #2915
- autoclose: use mouseup asynchronously instead of click (0c91b05), closes #2711
- autoclose: using each dropdown component inside OnPush component (1b7614c)
- datepicker: fix 'outsideDays' clicks for multiple months (c37a803), closes #2879
- datepicker: update model correctly with updateOn: 'blur' (#2982) (eddf188), closes #2976
- modal: add missing 'aria-modal' and 'aria-hidden' attributes (eee0afb), closes #2575 #2965
- timepicker: handle setting hour/minute/second step to 'undefined' (34baece), closes #2851 #2903
- timepicker: use ViewEncapsulation.None forgotten in 4.0.0 (1d01940), closes #2932
4.0.1 (2018-12-17)
Bug Fixes
- carousel: do change detection when slides change (a944d5d), closes #2908 #2900
- datepicker: focus handling performance regression (1d9a84e)
- datepicker: visual focus on arrows for ie (#2818) (b20355e)
- focustrap: discarding tabindex='-1' when finding element (#2888) (db7347b), closes #2884
- rating: don't hijack Tab key navigation (4b05da1), closes #2473 #2895
- typeahead: input value properly reset when hint/ngModel are used together (8d5397c), closes #2816 #2850
- typeahead: prevent dropdown to be reopened after an item selection (e0fe9f5), closes #2854 #2869
4.0.0 (2018-10-26)
This release is fully compatible with Angular ^7.0.0.
All widgets have view encapsulation set to NONE now and this should help with custom themes / CSS overrides.
Bug Fixes
- datepicker: display correct Hebrew numerals for numbers 11-19 (5a5c6da)
- datepicker: focus correct day when opening popup (838693a), closes #2136 #2796
- datepicker: use longer weekday format in Hebrew (107ea44)
Features
- datepicker: add Gregorian conversion methods to Hebrew calendar (565cfda)
- switch viewEncapsulation to NONE for all widgets (a25d5d2), closes #1875 #2564 #2784
3.3.1 (2018-10-19)
Bug Fixes
3.3.0 (2018-10-05)
Bug Fixes
Features
3.2.2 (2018-09-21)
Bug Fixes
- datepicker: fix 'util' import and use 'isInteger' (#2738) (e3fa911)
- datepicker: avoid updating the model twice (on input and on change) (b44c6d7), closes #2642 #2684
- datepicker: convert years 0-99 correctly with native adapters (#2732) (8ed7ce5), closes #2731
- datepicker: don't close on Escape if autoClose is false (83b49c2), closes #2704 #2713
- datepicker: mark year 0 as invalid in Gregorian calendar (#2733) (dd788a0), closes #2721
- datepicker: no longer trigger onChange when the value is equivalent (f8977be), closes #2668
- popover: unregister event listener functions only if present (#2699) (5dd4e1e), closes #2688
- timepicker: match chevron width and height (2d6a586), closes #2663 #2674
3.2.1 (2018-09-21)
WARNING! The 3.2.1 release is broken (incorrect import of the util package) and should not be used. Please use 3.2.2 instead.
Bug Fixes
- datepicker: avoid updating the model twice (on input and on change) (b44c6d7), closes #2642 #2684
- datepicker: convert years 0-99 correctly with native adapters (#2732) (8ed7ce5), closes #2731
- datepicker: don't close on Escape if autoClose is false (83b49c2), closes #2704 #2713
- datepicker: mark year 0 as invalid in Gregorian calendar (#2733) (dd788a0), closes #2721
- datepicker: no longer trigger onChange when the value is equivalent (f8977be), closes #2668
- popover: unregister event listener functions only if present (#2699) (5dd4e1e), closes #2688
- timepicker: match chevron width and height (2d6a586), closes #2663 #2674
3.2.0 (2018-08-30)
Bug Fixes
Features
- datepicker: add aria-labels and titles for navigation select elements (dcdb5fc), closes #2636 #2543
- datepicker: add hebrew i18n (2d68122), closes #2606
- datepicker: Hebrew calendar support (8404994)
- datepicker: Add NgbDateNativeUTCAdapter (f847791), closes #2631 #2659
- modal: add implicit context for template based modals (6e4f9e7), closes #2669
- modal: add support for stacked modals (2409572), closes #2640 #643
- tooltip: ability to add custom CSS classes to tooltip window (709d6b6), closes #2625 #1349
3.1.0 (2018-08-24)
Bug Fixes
Features
3.0.0 (2018-08-13)
ng-bootstrap 3.0.0 requires Angular version ^6.1.0
and is delivered in Angular Package Format (APF) v6.0 (https://goo.gl/jB3GVv) using @angular/cli 6.
Bug Fixes
- accordion: correct "collapsed" CSS class usage (25b5bee), closes #2553 #2555
- accordion: the markup should follow the bootstrap one (8ddc363), closes #2511
- carousel: make it work inside the 'OnPush' components (827dfcb), closes #2597 #2599
- datepicker: correctly override year numerals for multiple months (#2596) (bc540e9)
- demo: missing / in bootstrap href link (42b1470), closes #2584 #2586
- dropdown: close dropdown correctly inside the OnPush component (a2dea82), closes #2561 #2559
- dropdown: remove global document click listener (d80204c), closes #900 #2518
- modal: adjust modal background to avoid shifting (2871316), closes #641 #2508
- modal: use correct ComponentFactoryResolver (8d72f37), closes #2588
- typeahead: don't fail when user returns falsy results (de613ae), closes #2530 #2550
Chores
- bump minimal required version of Angular to 6.1 (335598c), closes #2548
Code Refactoring
Features
BREAKING CHANGES
- for ng-bootstrap 3.0.0 minimal required version of Angular is 6.1.0
- The library is now delivered in Angular Package Format (APF) v6.0 (https://goo.gl/jB3GVv) using @angular/cli 6.
One notable change is that delivered UMD bundle is now located in 'bundles/ng-bootstrap.umd.js' instead of 'bundles/ng-bootstrap.js'.
Also ES5 code is now delivered as a flat version by default, so 'module' in the 'package.json' is now pointing to 'fesm5/ng-bootstrap.js' and not 'index.js'.
You can still find all the ES5 code in the 'esm5' folder if necessary.
Please examine the contents of the delivered package, if you have a custom build configuration.
- alert: markup generated by
<ngb-alert>
was simplified, there is no more intermediate <div>
element
Before:
<ngb-alert>
<div role="alert" class="alert alert-warning">
Hello there
</div>
</ngb-alert>
After:
<ngb-alert role="alert" class="alert alert-warning">
Hello there
</ngb-alert>
2.2.2 (2018-08-03)
Bug Fixes
- dropdown: close dropdown correctly inside the OnPush component (75060ca), closes #2561 #2559
2.2.1 (2018-07-27)
Bug Fixes
Bug Fixes
Features
BREAKING CHANGES
- The library is now delivered in Angular Package Format (APF) v6.0 (https://goo.gl/jB3GVv) using @angular/cli 6.
One notable change is that delivered UMD bundle is now located in 'bundles/ng-bootstrap.umd.js' instead of 'bundles/ng-bootstrap.js'.
Also ES5 code is now delivered as a flat version by default, so 'module' in the 'package.json' is now pointing to 'fesm5/ng-bootstrap.js' and not 'index.js'.
You can still find all the ES5 code in the 'esm5' folder if necessary.
Please examine the contents of the delivered package, if you have a custom build configuration.
- datepicker: datepicker popup will now close on outside click by default.
Because of this datepicker will NOT open with (click)="d.open()"
and (click)="d.toggle()"
unless you mark the element with click handler with [ngbDatepickerToggle]="d"
BEFORE:
<input ngbDatepicker #d="ngbDatepicker" />
<button (click)="d.toggle()">...</button>
<button (click)="d.open()">...</button>
AFTER:
<input ngbDatepicker #d="ngbDatepicker" />
<button [ngbDatepickerToggle]="d" (click)="d.toggle()">...</button>
<button [ngbDatepickerToggle]="d" (click)="d.open()">...</button>
Also note that [autoClose]
input now accepts additional 'inside' and 'outside' values.
2.2.0 (2018-06-29)
Bug Fixes
- accordion: update generated markup to Bootstrap HTML / CSS (9b2b0bc), closes #2368
Features
- carousel: add flags controlling display of navigation arrows and indicators (ec4e939), closes #2274 #2275
- carousel: add input to control pause on mouseover (8d54cac), closes #1163 #2436
- modal: aria-labelledby attribute for modal window (3cc6fa7), closes #1477 #2049
- popover: ability to add custom CSS classes to popover window (483bd05), closes #1441 #2310
- timepicker: add custom time adapter support (7eaa7e7), closes #545 #2347
2.1.2 (2018-06-22)
Bug Fixes
- datepicker: fix ExpressionChangedAfterItHasBeenCheckedError when switching between months (b47f981), closes #2408 #2462
- timepicker: fix placeholder width issues on iOS (e65d5cf), closes #2460
2.1.1 (2018-06-15)
Bug Fixes
- datepicker: properly display month select box when 'displayMonths' > 1 (18acd62), closes #2377 #2452
- live: use a single DOM element for Live Announcer (31968ad), closes #2458
- positioning: add missing primary position checks (54168ea)
- positioning: add secondary positions to auto conversion (7208006), closes #1899
2.1.0 (2018-06-08)
Bug Fixes
Features
- add support for i18n of static text in component templates (65c232d), closes #2314 #2317
- datepicker: add aria attributes for navigation (cd01d32), closes #2345
- datepicker: add native js date adapter (cd14b96), closes #2305
- datepicker: close datepicker popup on ESC from anywhere (2666d8b), closes #2432
- modal: focus is now trapped inside any opened modal (cf48325), closes #642 #2441
- modal: support for promises in beforeDismiss hook (cca789f), closes #2340
- typeahead: add input reflecting the 'autocomplete' attribute (3a7ca58), closes #2194 #2366
2.0.0 (2018-05-04)
This is a major release of ng-bootstrap. It is fully compatible with Angular / RxJS 6.x.
Please pay attention to the breaking changes section when upgrading.
Bug Fixes
- accordion: add 'accordion' css class (d014d0e), closes #2304
- accordion: remove active class from open panel titles (f804649), closes #2307 #2221
- datepicker: allow weekday and week number css to be overridden (57bf8f8), closes #2296
- dropdown: correct dropup position with Bootstrap 4.1 (91c166d), closes #2297 #2313
- modal: don't use deprecated 'ReflectiveInjector' (0f8055f), closes #2285
- typeahead: reset active index when results change (46a4b3b), closes #2303 #2312
Features
BREAKING CHANGES
- datepicker: if you're using a custom
NgbDatepickerI18n
implementation, you'll have to implement an additional method: getDayAriaLabel(date: NgbDateStruct): string
. It returns the string that will be set for the aria-label
attribute for each displayed day. If you're not using the custom service, the aria-label
will default to the value returned by the angular DatePipe
with 'fullDate'
format.
- accordion: The "active" CSS class is no longer added to headers of an active panel.
This change assures that markup used by ng-bootstrap is in-line with the
markup described in:
https://getbootstrap.com/docs/4.0/components/collapse/#accordion-example
- popover: Popovers with an empty title and content are considered disabled and won't open by default.
- datepicker: The datepicker is no longer focusable as a whole component. Instead, the focus is allowed on each element inside the datepicker (navigation buttons, select boxes, focusable day) in the natural order. The datepicker
.focus()
method will now only focus one day and not the whole component.
- datepicker: if your application provides a LOCALE_ID other than
the default en-US, registers the locale data for this locale, and
doesn't use a custom NgbDatepickerI18n, then the days and months
of the datepicker won't be displayed in English anymore, but in the
language of the provided locale.
1.1.1 (2018-04-06)
Bug Fixes
- datepicker: emit 'selectEvent' when datepicker model changes (4a0ec89), closes #2278 #2281
1.1.0 (2018-03-30)
Bug Fixes
- accordion: don't crash for panels with no content (da96dec), closes #2250 #2251
- pagination: emit page change only when collection size is set (51a2a29), closes #1841 #2257
- tabset: don't crash for tabs with no content (3b3c979), closes #2252
Features
1.0.4 (2018-03-23)
This release contains the same code as 1.0.3 but we need to push another version due to npm errors while publishing 1.0.3
1.0.3 (2018-03-23)
Bug Fixes
- accordion: properly determine titles when using nested accordions (171a70d), closes #2240 #2247
- tabset: properly determine titles when using nested tabsets (4a2f65a), closes #2249
1.0.2 (2018-03-19)
Bug Fixes
1.0.1 (2018-03-09)
Bug Fixes
1.0.0 (2018-01-26)
This is the first, stable release of ng-bootstrap!
Bug Fixes
This release bumps up minimal Bootstrap CSS dependency to 4.0.0-beta.3.
Bug Fixes
- tooltip: fix arrow positioning in Bootstrap beta.3 (de56f10), closes #2067
Bug Fixes
Features
- datepicker: simplify css handling of the navigation system (9a27911), closes #1614
- typeahead: allow search on focus and click (96d073d), closes #698 #1990
This release bumps up minimal Angular dependency to 5.0.2.
This release depends on Bootstrap beta.2 CSS.
Bug Fixes
- accordion: hide panel when destroyOnHide set to false (9e2df7f), closes #1915
- buttons: mark the form control of a ngbRadioGroup as touched (9dde9c2), closes #1987 #1988
- datepicker: close date picker after selecting the same date (ea796de), closes #1783
- datepicker: date selection regression for non-visible dates (8e0ddb4), closes #1974
- datepicker: popup disabled state (a05727e)
- datepicker: remove border from 'btn-link' style (c6121b3), closes #1900 #1851
- datepicker: use class btn with btn-link (3648f46)
- dropdown: add "dropdown" class for placements other than "top" (ed88f72), closes #1847 #1852
- dropdown: adjust for better compatibility with universal (9ad8f43), closes #1883
- popover: added margin to arrow placement (2506ae4), closes #1845 #1855
- timepicker: remove border from 'btn-link' style (3f9b909), closes #1851 #1901
- timepicker: use class btn with btn-link (e6a93e0)
- typeahead: don't close dropdown on typeahead input click (fa9c080), closes #1853 #1989
Features
- datepicker: add Islamic Umalqura calendar (22a7210)
- datepicker: add support for the container option (6c7a31b), closes #1380 #1857
- datepicker: allow user to define his own date structure (a406e52), closes #1753
- progressbar: allow changing progressbar height (b329be9), closes #1904 #1908
- rating: add 'index' variable in template (2ed3632), closes #1922 #1931
- typeahead: add exportAs property for ngbTypeahead (c318045), closes #1559
Bug Fixes
Lot's of positioning updates in this release. Now you can use more positioning options and auto-positioning for
all widgets that open popups.
Bug Fixes
- positioning: check for secondary available placements (0f92c80), closes #1819
Features
Bug Fixes
Bug Fixes
Features
BREAKING CHANGES
- dropdown: The
up
input is no longer supported by you can use more flexible
placement
setting now.
Before:
<div ngbDropdown [up]="true">
After:
<div ngbDropdown placement="top-right">
ng-bootstrap goes BETA (and requires Bootstrap CSS 4.0.0-beta now)!
Bug Fixes
- dropdown: update for Bootstrap4.beta (877c696), closes #1745
- popover: account for margins when positioning popovers (5a7df43)
Features
BREAKING CHANGES
- ng-bootstrap now requires Bootstrap CSS 4.0.0-beta
- buttons: The
btn-group
CSS class needs to added explicitly for radio buttons.
Before:
<div ngbRadioGroup ...>
...
</div>
After:
<div class="btn-group" ngbRadioGroup ...>
...
</div>
- dropdown: Dropdown menu now requires usage of the new
ngbDropdownMenu
directive.
Before:
<div ngbDropdown>
<button ngbDropdownToggle>Toggle dropdown</button>
<div class="dropdown-menu">
<a class="dropdown-item">Action</a>
</div>
</div>
After (notice ngbDropdownMenu):
<div ngbDropdown>
<button ngbDropdownToggle>Toggle dropdown</button>
<div ngbDropdownMenu>
<a class="dropdown-item">Action</a>
</div>
</div>
This is the last alpha release of ng-bootstrap. Next stop - beta!
Bug Fixes
- typeahead: resubscribe for value changes on blur, esc, enter (47797d3), closes #723 #1244
Features
Bug Fixes
- buttons: set name on radio inputs to fix keyboard navigation (3bfd82d), closes #1704 #1706
- carousel: restart timer when interval changed (ae4e3e9), closes #1690 #1702
- datepicker: focus datepicker after opening it inside the popup (0dbe0cb), closes #1708 #1717
- datepicker: propagate model and validation state on 'input' event (38b8ffa), closes #1225 #1605
- datepicker: retain manually entered values even if invalid (4bd81c3), closes #1710 #1725
Features
Bug Fixes
Features
BREAKING CHANGES
- buttons: The
NgbButtonsModule
changed location (path) and content. This path
might need adjusting for people importing individual modules.
Before: import {NgbButtonsModule} from './buttons/radio.module'
After: import {NgbButtonsModule} from './buttons/buttons.module'
The NgbButtonsModule
now contains both checkbox and radio buttons.
- buttons: Selectors for radio buttons related directives were changed and now both label
and input require ng-bootstrap specific attributes as selectors.
Before:
<div [(ngModel)]="model" ngbRadioGroup>
<label class="btn">
<input type="radio" name="radio" [value]="values[0]"/> {{ values[0] }}
</label>
<label class="btn">
<input type="radio" name="radio" [value]="values[1]"/> {{ values[1] }}
</label>
</div>
After:
<div [(ngModel)]="model" ngbRadioGroup>
<label ngbButtonLabel>
<input ngbButton type="radio" name="radio" [value]="values[0]"/> {{ values[0] }}
</label>
<label ngbButtonLabel>
<input ngbButton type="radio" name="radio" [value]="values[1]"/> {{ values[1] }}
</label>
</div>
Notice new ngbButtonLabel
and ngbButton
attributes that act as new selectors.
Bug Fixes
- datepicker: use noon instead of midnight for date conversion (2fdd8f1), closes #1615 #1676
- timepicker: respect meridian setting when entering hours (62c5ae3), closes #1631 #1636
- typeahead: avoid unnecessary re-creation of DOM nodes (0c19153), closes #1659 #1674
Features
- datepicker: add keyboard navigation (bd94215)
BREAKING CHANGES
- datepicker: component uses
ChangeDetectionStrategy.OnPush
now for most of the internal implementation.
Things like the dynamic internationalization or calendar change might not work anymore as these are injected services. Any internal changes in these services in runtime will not trigger datepicker re-rendering.
Bug Fixes
- support closure-compiler in the library (5cfd9e4)
- datepicker: consider empty string inputs as valid (95d1668), closes #1588 #1637
- popover: popover not positioned properly (85fadb8), closes #1649
- positioning: top-right, right-bottom, bottom-right, left-bottom (4689b4b), closes #1561
- tooltip: properly position tooltips close to container edges (4a221c1), closes #1263 #1371 #1643
Features
Bug Fixes
- datepicker: prevent memory leak caused by ngZone subscription (c0c093b), closes #1534
- rating: properly propagate control's touched state (53aa678), closes #1514 #1532
Features
Features
BREAKING CHANGES
- ng-bootstrap requires a minimal version of Angular 4.0.3
Bug Fixes
- buttons: add
role="group"
to radio group (c847a92), closes #1503
- collapse: remove aria-expanded from target (a24b283), closes #1492
Features
- rating: set aria-disabled="true" when readonly (c89f2c4), closes #1489
- timepicker: replace table layout with flexbox (b94a126), closes #1498
Bug Fixes
- accordion: disabled links are announced and focusable (e836798), closes #1443
- accordion: remove aria-controls when panel is not in DOM (44acc44), closes #1482
- accordion: remove unneeded aria-selected (92ae3fd), closes #1159 #1438
- carousel: remove inappropriate role="listbox" from carousel (39e1df5), closes #1484
- datepicker: add stricter checks on dates validity (184f45a), closes #1230 #1442
- pagination: remove duplicate accessibility labels (4960533), closes #1429
- rating: correct aria attribute setting (4575573), closes #1479
- rating: properly support disabled control state (a29da45), closes #1432 #1435
- tabs: prevent focus of disabled tabs (7d1dd97), closes #1430
- tabs: remove aria-controls when content is destroyed (a2a8a74), closes #1485
- tabset: remove unneeded tabpanel role on container (5005384), closes #1409
- timepicker: improve accessibility (b2942d3), closes #1480
- timepicker: scale chevrons when size option is used (493d0b3), closes #1300 #1405
- typeahead: fix ARIA attributes (ba4f48f), closes #1454 #1454
Features
- datepicker: add validation (4cbea99), closes #1222 #1434
- pagination: improve accessibility (424c38f), closes #1294
- popover: add aria-describedby to popover triggering element (92e4804), closes #1412
- tooltip: add aria-describedby to tooltip triggering element (0883635), closes #1386
- typeahead: add accessibility support (e1fa7a4), closes #1321
BREAKING CHANGES
- datepicker: Datepickers in popups are much stricter about valid dates
now and won't try to auto-correct invalid dates any more.
For example 2017-99-99 was considered valid previously and
auto-corrected. This is not the case any more. Please check
control's validity to detect invalid dates entered by users.
- datepicker: Invalid dates entered by a user into datepicker input are
propagated to the model as-is. This is required to properly
support validation and is in-line with behaviour of all the
built-in Angular validators. From now on you need to check
control's validity to determine if the entered date is valid
or not.
This is a small release that contains peerDependencies adjustments needed to support Angular 4.x. This library
was tested with the latest Angular and now fully supports both 4.x and 2.x.
Bug Fixes
Bug Fixes
Features
BREAKING CHANGES
- model: The
ngbModalContainer
directive is no longer needed and was
removed from this project. Just remove any references to the
<template ngbModalContainer></template>
from your projects.
Bug Fixes
- alert: add missing alert-dismissible CSS class (e2691b9), closes #1267 #1270
- datepicker: mark dates without a day as invalid (c57f913), closes #1278 #1279
- datepicker: navigation arrows not responding on Firefox when navigation=="arrows" (e2410f9), closes #1254
- timepicker: correct input alligements (9649ab2), closes #1280
- typeahead: don't modify Observable prototype (ae6abb7), closes #1242 #1256
Features
This release comes with many improvements to the datepicker: better layout as well as look & feel.
We are also bumping up minimal Angular version to 2.3.1 - this is required so we can provide better APIs for modal.
Chores
Bug Fixes
- datepicker: account for undefined values in ngOnChanges (8803847), closes #1202 #1229
- dropdown: do not close dropdown on right button click (b6bb9e9), closes #1211
- pagination: fix unnecessary ellipsis between sibling page numbers (b607652), closes #1166 #1232 #1233
Features
- datepicker: add full month name versions to i18n (106fa82), closes #1217
- datepicker: improve default look and feel (d88c8b7), closes #706 #1061 #1205
- tabset: add an option for tabs horizontal alignment (00114f3), closes #1210
BREAKING CHANGES
getWeekdayName
to getWeekdayShortName
getMonthName
to getMonthShortName
- datepicker: switched to flex layout instead of table-based (drop IE9 support) and prefixed datepicker-related css classes with
ngb-dp-
This release adds full compatibility with Bootstrap CSS version 4.0.0-alpha.6!
Chores
- upgrade documentation to bootstrap-4.0.0-alpha.6 (4499927), closes #1192
Features
- carousel: upgrade carousel to v4-alpha.6 (e9f539a), closes #1190
- collapse: upgrade collapse to v4-alpha.6 (6cda8b3), closes #1183
- datepicker: upgrade datepicker to v4-alpha.6 (b60e2d7), closes #1187
- dropdown: upgrade to 4.0.0-alpha.6 (d8bfe37), closes #1180 #1182
- modal: upgrade modal to v4-alpha.6 (7ab022b), closes #1185
- popover: upgrade popover to v4-alpha.6 (60fd5d9), closes #1189
- timepicker: upgrade timepicker to v4-alpha.6 (4288e22), closes #1186
- tooltip: upgrade tooltip to v4-alpha.6 (0000aa3), closes #1188
BREAKING CHANGES
- This version is compatible with bootstrap-4.0.0-alpha.6, and is not backward-compatible with previous versions of bootstrap. If you choose to upgrade to this version of ng-bootstrap, you will thus also have to migrate to bootstrap-4.0.0-alpha.6.
This is a very small release that restores TypeScript 1.8 compatibility.
Additionally it and fixes plunks to work with Bootstrap version 4.0.0-alpha.5
(this is in preparation for full support of Bootstrap 4.0.0-alpha.6)
Bug Fixes
Bug Fixes
- buttons: properly manage disabled state of group interactions (e24f4c6), closes #1143 #1148
Features
Bug Fixes
Features
BREAKING CHANGES
- rating: event emitter behind the 'rateChange' output emits asynchronously now
Bug Fixes
Features
This is a very small release that fixes a problem in the generated Typescript definition files (#1027).
Bug Fixes
Bug Fixes
Features
- datepicker: add navigation notification with 'navigate' output (1639626), closes #986 #1002
- rating: add keyboard support (da0b6a0), closes #1015
Bug Fixes
- modal: restore backdrop: false functionality (0e2f386), closes #989 #990
- modal: use Injector of NgbModal for component content (5172884), closes #982 #983
- pagination: better protect against invalid inputs (a6ec937), closes #898 #979
- rating: restore compatibility with TypeScript 1.8 (951e538), closes #995 #996
Features
- datepicker: ability to display several months (a65cc30), closes #977
BREAKING CHANGES
- datepicker: datepicker navigation now must be hidden with
navigation='none'
and not [showNavigation]='false'
as previously
Bug Fixes
- restore AoT compatibility with 2.1.x (991c880), closes #953 #973
- restore TypeScript 1.8 compatibility (e077ccc), closes #940 #941
- accordion: remove unnecessary tabindex usage (a240bea), closes #942 #943
- modal: make it easier to use components from lazy-loaded modules (2fb72d8), closes #947 #974
- rating: improves rating accessibility (9b5f999), closes #962
Bug Fixes
- restore TypeScript 1.8 compatibility (1259d37), closes #904 #911
- buttons: properly handle focus on radio buttons (23d412b), closes #913
- datepicker: propagate "touched" property (deadb67), closes #918 #924
- popover: properly destroy popovers using container option (19bb887), closes #931
- timepicker: properly display chevrons in Safari on iOS (cbfa23b), closes #908 #909
- timepicker: properly display chevrons in older IEs (54cd30b), closes #935
- tooltip: properly destroy tooltips using container option (94a4d5c), closes #910 #912
Features
- datepicker: can easily hide days outside of current month (a92c0e7), closes #937
- modal: allow interactions with components passed as content (cc4ffb0), closes #861 #903
- modals: stack modals in opening order (20ad457), closes #902 #901
Bug Fixes
- build: properly reference rxjs from the UMD bundle (53115da), closes #884
- modal: don't error on dismiss without result handler (21de54c), closes #880 #885
- pagination: emits pageChange when collection size changes (84d555c), closes #800 #868
- radio: don't shadow checked attribute when not using buttons (de7d0e4), closes #840 #874
Features
- popover: add support for the 'container' option (d1a22c0), closes #852 #853
- tooltip: add support for the 'container' option (b8230e5), closes #621 #871
- typeahead: add support for the focusFirst option (e86277f), closes #748 #856
This release restores full AoT compatibility and has proper support for lazy-loaded NgbModule
. On top of this we are
shipping a lot of new features and bug fixes - details below.
Bug Fixes
- restore full AoT compatibility (2101a89), closes #796 #854
- buttons: use disabled state from a control (d9495db), closes #805 #828
- datepicker: replace not-allowed cursor with default one (807c7e7), closes #850
- datepicker: use ISO 8601 for month and weekday numbers (#797) (a173e40), closes #728
- dropdown: properly close dropdown on child elements click (fdf8d4b), closes #803 #810
- modal: support modals in lazy loaded modules (#799) (eca26cd), closes #784
- modal: properly destroy content views (3cdb0ff), closes #806 #826
- popover: properly cleanup content passed as TemplateRef (8246541), closes #827 #830
- rating: replace not-allowed cursor with default one (e888d67), closes #851
Features
- carousel: add support to turn off interval (c5625e8), closes #804
- datepicker: infer startDate from model value (4fc52c1), closes #843 #844
- datepicker: pass current month value to 'markDisabled' callback (afe6342), closes #849
- modal: add support for custom windowClass on modals (ff132d7), closes #818 #845
- modal: allow components as content (ecdd3a0), closes #680 #727 #846
- popover: add isOpen() and shown/hidden events (3bbf512), closes #841
- rating: allow custom star templates (29c44cd), closes #815
- rating: allow decimal numbers as rating values (964d8cf), closes #817
- tooltip: add isOpen() and show/hide events (91c6054), closes #842
BREAKING CHANGES
- The
NgbModule
module must now import using the forRoot() static method. Check the updated installation instructions for more details.
- datepicker: now datepicker uses ISO 8601 for month and weekday numbers with default calendar
Before:
0=Jan; 1=Feb; ... 11=Dec
0=Sun; 1=Mon; ... 6=Sat
After:
1=Jan; 2=Feb; ... 12=Dec
1=Mon; 2=Tue; ... 7=Sun
Bug Fixes
- accordion: rename change event to avoid conflicts (21eb610), closes #751 #756
- dropdown: support autoClose when several dropdowns exist (e2e7c1b), closes #687 #785
- popover: avoid shadowing of the native title property (2577efd), closes #736 #757
- popover: properly handle components using OnPush strategy (40bde5e), closes #781
- tabset: rename change event to avoid conflicts with native ones (9d2754f), closes #741 #747
- tooltip: hide, or avoid opening the tooltip if its value is falsy (31a035b), closes #737 #745
- tooltip: properly handle components using OnPush strategy (667833c), closes #772 #777
- typeahead: properly handle components using OnPush strategy (a2ba68a), closes #775
Features
- alert: remove self-closing alert component (79e393d), closes #758
- datepicker: allow parsing and formatting dates in a custom way (401fcfa), closes #755
- typeahead: add support for the "editable" option (cb91905), closes #788 #789
BREAKING CHANGES
- alert: the
NgbSelfClosingAlert
component has been removed.
Check the self-closing alert demo to know how to achieve the same thing with NgbAlert
.
- accordion: the
change
event on the accordion level was renamed to panelChange
.
Before:
<ngb-accordion (change)="...">
After:
<ngb-accordion (panelChange)="...">
- popover: the title property of the popover directive was renamed to popoverTitle.
Before:
<div ngbPopover="..." title="...">
After:
<div ngbPopover="..." popoverTitle="...">
- tabset: the
change
event on the tabset level was renamed to tabChange
.
Before:
<ngb-tabset (change)="...">
After:
<ngb-tabset (tabChange)="...">
This release brings support for datepicker in popups - we believe that there is a solid widget here!
Alpha.5 changes content of npm package to enable AoT compilation with tree-shaking.
There are also small features and bug fixes for the existing widgets - see the details below.
Bug Fixes
- popover: properly re-position popovers (a729ba9), closes #710
- tooltip: properly re-position tooltips (6748a78), closes #709
- typeahead: properly re-position typeahead window (2f59666), closes #707 #714
- typeahead: properly support disabled inputs (bf61640), closes #703
Features
- datepicker: add support for datepickers in popups (390935b), closes #715
- datepicker: add background color when hovering day (bc89510), closes #713
- datepicker: add support for disabled datepicker (64ec99c), closes #702
- timepicker: propagate second as 0 if seconds not displayed (c1c68b0), closes #711
- typeahead: add config service to provide default values (237b4d5), closes #518 #697
- typeahead: allow veto of an item selection (e793944), closes #699 #733
BREAKING CHANGES
- typeahead: payload of the typeahead's
selectItem
event was changed - now it is
an object implementing the NgbTypeaheadSelectItemEvent
. You can easily migrate your existing
code by changing:
<input [ngbTypeahead]="find" (selectItem)="onSelect($event)"/>
to
<input [ngbTypeahead]="find" (selectItem)="onSelect($event.item)"/>
- build: npm package: code in ESM (ES6 Modules) format is now published at the default location in the npm package with
package.json
's main
entry pointing to an UMD bundle (primarily for node and webpack 1 users).
If you are using SystemJS, you should adjust your configuration to point to the UMD bundle.
This release brings a new component - datepicker! Additionally all widgets now support global config through an injectable service.
There are also small features and bug fixes for the existing widgets - see the details below.
Bug Fixes
- dropdown: don't emit duplicate change events (2e529e3), closes #694 #695
- timepicker: spinners don't submit form anymore (f131990), closes #690 #691
- typeahead: navigation buttons don't submit form anymore (79f4597), closes #693
Features
- accordion: add config service to provide default values (1c290a2), closes #655
- alert: add config service to provide default values (e666c61), closes #661
- alert: self-closing alerts are non-dismissible by default (720c409), closes #660 #676
- carousel: add config service to provide default values (99d4386), closes #664
- datepicker: add config service to provide default values (42002d9), closes #677
- datepicker: initial version of datepicker component (#618) (9e8c5c0), closes #20
- dropdown: add config service to provide default values (e97d260), closes #688
- dropdown: add support for dropup (56b8dc5), closes #667
- pagination: add config service to provide default values (#665) (9405e0e)
- popover: add config service to provide default values (a58588c), closes #686
- progressbar: add config service to provide default values (f32f8c8)
- rating: add config service to provide default values (8b7047d), closes #671
- tabset: add config service to provide default values (609cbde), closes #673
- timepicker: add config service to provide default values (ca40f27), closes #674
- tooltip: add config service to provide default values (7107caf), closes #678
- typeahead: add support for the showHint option (5a0226d), closes #639 #640
This release adds support for the modal service. Cross-browser compatibility was reviewed and improved. We now support all the browsers supported by Angular 2 and Bootstrap, including IE9.
There are also small features and bug fixes for the existing widgets - see the details below.
Bug Fixes
- typeahead: cleans up subscription on component destroy (5dcecae), closes #620
- fix the error emitted by TS due to missing generic type (976ff34), closes #622
Features
- support IE9 (5514a97), closes #604
- modal: add initial version of the modal service (3ef99c5), closes #3
- typeahead: add support for the 'select' output (c0dd7b7), closes #606 #610
This release makes the code compatible with Angular 2.0.0-rc.5.
There are also small features and bug fixes for the existing widgets - see the details below.
Bug Fixes
- buttons: don't interfere with 'active' class (af4de2a), closes #557 #559
- progressbar: reorder 'value' and 'max' attribute bindings for IE (30e20f5), closes #543 #544
- timepicker: format input values on blur (d9ac911), closes #511 #517
- timepicker: propagate only valid model values (8c4144a), closes #513 #516
- typeahead: resolves window items excessive rendering (862fbc5), closes #526
- typeahead: specify any type for formatters argument (86c3644), closes #553 #554
- don't accept string as boolean input (190b7ec), closes #552
- don't accept string as number input (f49fb08), closes #560
Features
- timepicker: allow hiding the spinners (dc4962d), closes #510 #519
- typeahead: set autocomplete, autocapitalize and autocorrect off (46024c3), closes #520 #525
BREAKING CHANGES
- number inputs in pagination could previously be set as strings. The values passed were transformed to numbers if necessary and rounded to integers. This is not supported anymore. All number inputs should now consistently be set as number, using the syntax
[attr]="value"
(for example: <ngb-pagination [pageSize]="20" ...></ngb-pagination>
instead of <ngb-pagination pageSize="20" ...></ngb-pagination>
), and rounding is not applied anymore.
- boolean inputs in progressbar and pagination could be set by just adding the attribute
(for example:
<ngb-progressbar striped></ngb-progressbar>
). This is not supported anymore.
All boolean inputs must now consistently be set using the syntax [attr]="value"
(for example: <ngb-progressbar [striped]="true"></ngb-progressbar>
).
- you need to use
@NgModule
s to setup your application. Check https://ng-bootstrap.github.io/#/getting-started for more details.
This release adds support for 2 new directives (timepicker and typeahead) and updates Bootstrap support to 4.0.0-alpha.3.
There are also small features and bug fixes for the existing widgets - see the details below.
Bug Fixes
- dropdown: use button elements instead of links (aeeee01), closes #490
- pagination: display proper cursor on each page (dca96fd), closes #492
- progressbar: don't add bogus CSS classes (56ea4c5), closes #496
- rating: set cursor on stars of rating component (#411) (bcba259)
Features
- accordion: add panels type option (b5ad117), closes #420 #431
- timepicker: add timepicker widget
- typeahead: add typeahead widget
BREAKING CHANGES
- accordion: accordion implementation was overhauled to use cards instead of deprecated panels. Refer to the API docs and demo page for more details.
- pager: support for the pager widget was removed as the result of its removal from Bootstrap's CSS.
Features
Initial release with the following directives:
- accordion
- alert
- buttons
- carousel
- collapse
- dropdown
- pager
- pagination
- popover
- progressbar
- rating
- tabset
- tooltip