4.1.0 (2019-06-14)
- layout: set top position on fixed header (#1604) (6b89f73)
- select: transparent gap between options (#1563) (714c45e)
- sidebar: prevent translation to the top when overlay opened (#1607) (c2a11fb)
- checkbox: don't emit on
value
input change, deprecatevalue
, addchecked
(#1585) (72cc999) - dev docs: specify correct lts tag (#1593) (f7a8be4)
- docs: correct mention of date-fns (#1572) (bad91ec)
- docs: fix incorrect eva-icons/bootstrap readme (#1611) (73c5d36)
- docs: fixed small errors (#1574) (03a8085)
- docs: remove concave line and update dark example background (#1562) (21a40ee)
- docs: use primary color for highlight (#1583) (e9381c2)
3.6.1 (2019-06-14)
- layout: set top position on fixed header (#1605) (ed780dd)
- sidebar: prevent translation to the top when overlay opened (#1608) (993c325)
- theme: deprecation warning of dart sass 2.0.0 (#1603) (46ed014)
3.6.0 LTS (2019-06-07)
- overlay: set context on component portals before first cd run (#1395) (36aa416)
- select: allow select to work with empty values in nb-option (#1282) (059af4b)
- select: emit array when resetting multiple select (#1399) (fbda1d2)
- tabset: prevent select call if no active tab found (#1444) (c0d27ad)
- docs: prefix root css urls with base path (#1453) (a9120cf)
- add missing components exports to public api (#1487) (256e21e)
- add missing public api entries (#1545) (b9f7b86)
- angular package format (#1474) (647089e)
- enable ci for 3.6.0 branch (#1580) (d77254c)
- remove Nebular 4 theme breaking notice (#1426) (37808be)
- Angular 8+ now required
- select: Only
null
andundefined
option values now considered as reset.false
and falsy values such as0
,''
,NaN
don't reset select value anymore.
4.0.0 (2019-06-03)
Nebular 4.0 is a significant improvement and rework of the previous versions. We believe these changes bring Nebular to the new level of quality and feature-richness with:
- Updated look&feel with Eva Design System;
- New convenient and flexible Theming system;
- Custom CSS properties support in theming;
- Unified component interfaces (
@Input
's and@Output
's); - New Dark theme;
- Support of SVG Eva Icons.
To achieve all of this and allow Nebular to grow faster and better, we had to refactor a lot of internal implementations, as well as public APIs. We hope that next Nebular versions won't receive such significant upgrades and the amount of breaking changes will be kept as low as possible.
Migration Guide is available. We would appreciate hearing your feedback on the update steps, quality of the guide and if you have any questions or complications - please post a comment here akveo#1524.
- accordion: fix incorrect accordion mapping (#1535) (3a0382c)
- bootstrap: button group, modal and input (#1540) (2a177c0)
- add missing public api entries (#1545) (fe56655)
- docs: change features section background (#1556) (c33442b)
- docs: disable custom outline as it breaks Eva components (#1537) (c48caaf)
- docs: example row helper (#1548) (c0d404f)
- docs: fix component styles table (#1543) (ab166fd)
- docs: fix transparent background color (#1536) (0aed7b6)
- docs: update changed component theme vars link (#1550) (ae73257)
- radio: prevent circles distraction (#1549) (abb50df)
- add missing components exports to public api (#1487) (2f551aa)
- move auth examples to base component without layout (#1479) (30e6942)
- checkbox: fix inactive background color (#1502) (48966b8)
- checkbox: fix value output (#1505) (0ea3167)
- docs: docs fixes, minimize icons, remove unused fonts (#1491) (9334d3e)
- spinner: ability to set spinner message (#1508) (64f94c1)
- theme: finalize themes with design system (#1481) (5673e98), closes #40dc7 #ebeef2 #3b5998 #55 #dd4b39 #0177b5 #6b6b6 #2f96e8 #f26798 #0093
- themes: fix get-value not working in component context (#1493) (30bc29f)
- theming: fix nb-theme not working in component mode without nb-i… (#1503) (0bc9f07)
- docs: 4.0 fixes (#1465) (46a022c)
- docs: use new popover trigger input name (#1462) (8cf7edb)
- docs: prefix root css urls with base path (#1453) (d42c896)
- docs: trigger change detection if tab updated (#1445) (9679e3a)
- docs: update examples after Eva migration (#1448) (bc2ee49)
- docs: use current tab component property (#1447) (122585a)
- schematics: fix eva-icons schematic (#1380) (0c809da)
- tabset: prevent select call if no active tab found (#1444) (f738f9d)
- checkbox: rename variables according to property where it used (#1372) (2c02daf)
- menu: add RTL chevron menu icon (#1042) (3f6ca4f)
- option group: propagate disabled state to child options (#1416) (54da610)
- add missing modules in examples (#1424) (1139848)
- remove empty component file (#1352) (e0cc301)
- overlay: set context on component portals before first cd run (#1395) (4ff3816)
- select: allow select to work with empty values in nb-option (#1282) (ca4a1ff)
- select: emit array when resetting multiple select (#1399) (526cd0e)
- select: prevent navigation to disabled option from keyboard (#1427) (657d8ae)
- icons: new
nb-icon
component, icons library, and @nebular/eva-icons package (#1319) (621f461) - theme: css variables support (#1257) (da136da), closes #46
- accordion: Eva styles (#1362) (98a159c)
- actions: Eva style (#1397) (6399fab)
- alert: Eva theme (#1406) (8c6c677)
- badge: Eva theme (#1407) (c5799df)
- button: Eva style (#1359) (1dbddda)
- calendar: Eva style (#1365) (c5f7ead)
- calendar: use nb-icon in navigation buttons (#1388) (ab52c0c)
- card: Eva style (#1346) (cd4972c)
- chat: Eva style (#1408) (3433164)
- checkbox: Eva style 💅 (#1311) (75498aa)
- context menu: Eva style (#1423) (ddfb2ee)
- datepicker: Eva style (#1366) (d0c28a0)
- docs: Eva update (#1433) (e4fb525)
- docs: new landing (#1412) (34166a4)
- icon: Eva theme (#1404) (16f2d19)
- icons: new
nb-icon
component, icons library, and @nebular/eva-icons package (#1319) (621f461) - input: Eva style (#1343) (c9c288b)
- layout: Eva style (#1368) (c373cfc)
- list: Eva style (#1363) (b280112)
- menu: Eva style (#1421) (0e032b6)
- popover: Eva style (#1349) (6d11c95)
- progress: Eva style (#1361) (06fccf7)
- radio: Eva style (#1344) (3c9eaa2)
- search: Eva theme (#1419) (a7e582f)
- select: Eva style (#1391) (53fb3a6)
- select: keyboard support (#1417) (f8a5c9c)
- sidebar: Eva theme (#1367) (8c16fc4)
- spinner: Eva style (#1351) (da6cfee)
- stepper: Eva theme (#1405) (2d841d0)
- tabset: Eva style (#1348) (25f30c5)
- theme: cosmic update (#1420) (ee07fbc)
- theme: css variables support (#1257) (da136da), closes #46
- remove fields scheduled to be removed in 4.0 (#1439) (28778f7)
- remove Nebular 4 theme breaking notice (#1426) (be5665e)
- toastr: Eva style (#1411) (e10ab2f)
- tooltip: Eva style (#1345) (85945ac)
- tree-grid: Eva style (#1409) (5fac736)
- typography: Eva style (#1425) (66b02e6)
- user: Eva style (#1354) (2d05714)
- specify next version in install instructions (#1435) (99ca0c9)
- update corporate theme (#1434) (d564454)
- docs: add Eva section (#1552) (1209d65)
- docs: add routing loader (#1533) (dd33a22)
- schematics: add dark theme (#1534) (c5d15c6)
- typography: specify body, paragraph and list styles (#1546) (310127b)
- select: more border and icon theme properties (#1468) (9e1c604)
- bootstrap: update nebular/bootstrap to Eva (#1507) (2ff1171)
- select, input: add max width theme property (#1480) (5a6d506)
- angular package format (#1474) (bbed8c1)
- themes: add new Dark theme! (#1472) (3b5ad6c)
- Angular 8+ now required
- bootstrap: Bootstrap checkbox and radio are removed now, use Nebular Checkbox and Nebular Radio with better theming support.
- theme: The following sass mixins are removed:
nb-radial-gradient
,nb-right-gradient
. - theme: Theme variables are refactored
- themes: - remove
disabled
status for card
- auth now uses
giant
size buttons and inputs
- themes: -
nb-theme
function now throws an error if an unused variable is accessed
- custom auth variables are removed and replaced with @nebular/theme variables
nb-install
function moved into@nebular/theme/styles/theming
- auth components now use
nb-icon
instead of icon css class - everything not mentioned in packages
public_api.ts
now private so direct imports from@nebular/theme/*
will stop working. - Properties changed in Nebular 4.0.0
- Theme variables change in Nebular 4.0.0
- Components variables changes in Nebular 4.0.0
- icons: Starting from version 4.0, Nebular introduces new
nb-icon
component andNbIconLibraries
service to host SVG and Font icon packs. As a breaking change, Nebular moves fromnebular-icons
package to much more popular Eva Icons pack consisting of 480+ beautiful SVG icons. We believe this will bring more quality and variety to interfaces based on Nebular.
Now all Nebular components internally use <nb-icon></nb-icon>
component utilizing Eva Icons SVG icons. More details on nb-icon component.
There are two ways to upgrade: Migrate to Eva Icons (recommended):
- install Eva Icons Nebular package
npm i @nebular/eva-icons
- register
NbEvaIconsModule
in theapp.module.ts
import { NbEvaIconsModule } from '@nebular/eva-icons';
@NgModule({
imports: [
// ...
NbEvaIconsModule,
],
})
-
Search for all usages of
<span icon="nb-*"
or<i icon="nb-*"
and replace with<nb-icon icon="icon-name"></nb-icon>
. Full icons list https://akveo.github.io/eva-icons/. -
Search for
icon: 'nb-*'
references in properties for such components as Menu, Actions, Tabs, etc. Replace those withicon: 'icon-name'
. Please note, there is no need to specify any icon prefix (such aseva-
ornb-
) since prefix is specified when the icon package is registered in Nebular. -
Update styles if necessary.
-
if you have
nebular-icons
installed, remove the package and all references.
Continue using nebular-icons
This option is also possible, but please note, Nebular Component will still use Eva Icons pack for internal component icons, such as close
, arrow-down
, arrow-up
, etc.
- Register nebular-icons as a pack for Nebular in your
app.component.ts
import { NbIconLibraries } from '@nebular/theme';
constructor(private iconLibraries: NbIconLibraries) {
this.iconLibraries.registerFontPack('nebular', { iconClassPrefix: 'nb' });
this.iconLibraries.setDefaultPack('nebular');
}
-
Search for all usages of
<span icon="nb-*"
or<i icon="nb-*"
and replace with<nb-icon icon="icon-name"></nb-icon>
without thenb-
prefix since prefix is specified when the icon package is registered in Nebular. -
Search for
icon: 'nb-*'
references in properties for such components as Menu, Actions, Tabs, etc. Replace those withicon: 'icon-name'
withoutnb-
prefix since it is unnecessary and covered under the hood.
Please open an issue if you have any questions or having difficulties to migrate.
- theme: - calendar - use primary button in cosmic theme
- checkbox -
opacity
instead oflightning
- context-menu, popover, datepicker -
calc
instead ofround
and scss calculations - input -
opacity
for placeholder instead oflightning
- tabs - remove gradient for tab bottom separator in cosmic theme
- toastr - use
background-color
instead of the gradient in cosmic theme - text colors are now used from success/primary/warning/etc colors
- themes: make map processing lazy, add variable existence check (#1471) (48d8f03)
- tabset: remove shadow (#1461) (2c11768)
- datepicker: remove primary border (#1466) (f722a48)
- overlay: use full css property name (#1403) (4133058)
- theme: remove use of scss functions (#1256) (fa8d87f), closes #1228
3.5.0 (2019-04-12)
- remove scss debug calls (#1339) (b9bd521)
- calendar: fix native date service addMonth date overflow (#1347) (ffd386c)
- cdk: fix scroll blocker for custom
withScroll
mode (#1364) (34193cc), closes #1158 #1259 - month picker: prevent duplicates (#1377) (47aff73)
- option: emit selection change when selection is changed (#1334) (788a6d4)
- select: prevent dispose call on uninitialized properties (#1340) (a7a158d)
3.4.2 (2019-03-31)
Fixed regressing in all overlay components failing to open after host component being destroyed and re-created.
- cdk: destroy overlay triggers manually (#1316) (77b737), closes #1292, #1290, #1273, #1289
- docs: keep nb-fs-icon in tree-grid showcase only (#1330) (0e1f432)
- menu: highlight when active anchors (#1034) (c14215a), closes #875
- select: prevent change detection of destroyed option (#1329) (9e2245f)
3.4.1 (2019-03-18)
- context-menu: updated context menu arrow left position calculation (#1268) (0db8c2c), closes #973
- date service: prevent format calls if date isn't passed (#1291) (a3d6035)
- datepicker: start from date typed in input (#1300) (dfc75f0)
- docs: add search container class (#1270) (e1a84f4)
- select: update selected after cd run is finished (#1299) (2a1f113)
- window: Fixed window.component.ts creating incorrect context (#1266) (30f4a5d)
- playground: add without-styles folder for bootstrap like use-cases (#1271) (8e852ca)
- smoke: include packages-smoke update into release (#1258) (8db4b29)
3.4.0 (2019-02-25)
- datepicker: make it valid in case of empty input (#1247) (799b8b8), closes #1182
- docs: fix password strategy link (#1245) (c71d9fd)
- route-tabset: configurable routerLinkActiveOptions (#1239) (3cf29d8)
- tree-grid: allow specify getters for node properties (#1254) (a263a2e)
3.3.0 (2019-02-18)
New Tree Grid component is here! 🌴
- auth: allow empty logout endpoint (#1211) (564138d)
- datepicker: date fns date format (#1172) (257eb9a)
- dialog: accept partial of component in NbDialogService open context (#1175) (9a5f4d9), closes #1173
- docs: footer email link (#1206) (2e44bbc)
- layout: typo in basic usage example (#1213) (6b21fe3), closes #1212
- menu: correct example property usage (#1216) (87ecccf)
- security: make config work with strict ts mode (#1215) (7c78d6c), closes #1166
- toastr: recreate container if it's not attached to dom (#1224) (3343136), closes #1099
- context-menu: add dynamic inputs (#1221) (9f8d659), closes #1101 #1073
- docs: @docs-private support (#1231) (dc33127)
- theme: multiple values for nb-(except-)for-theme (#1218) (6c9e11c)
- theme: add new TreeGrid component (#1226) (6c9e11c)
3.2.1 (2019-01-31)
3.2.0 (2019-01-31)
Popover and Tooltip components can accept dynamic 🚀 content through bindings or code.
- docs: prevent scrolling when user scroll (#982) (bc2ab1d), closes #810
- layout: set document dir directly (#1164) (37eaea7)
- popover: fix template context not being passed, update cdk to 7.2.1 (#1153) (c83188c), closes #1084 #848
- router-tabset: navigate using router link (#1146) (cb1c21e), closes #188
- search: emit activate and deactivate events (#1162) (67c5718)
- tooltip: fix tooltip not being hide + tests (#1123) (9360a4b)
- action: provide new attributes for link and title (#1046) (30bd394), closes #814
- context-menu: add
nbContextMenuTrigger
parameter (#1139) (27b291e), closes #1112 - overlay: add noop trigger strategy (#1133) (1e43929)
- popover: add ability for dynamic input (#1149) (d427e59), closes #953 #1142
- stepper: add disable step navigation setting (#1155) (e1503cc), closes #902
- stepper: add linear mode (#1151) (db5d214), closes #1040
- tabs: add
disabled
property (#1141) (ea7b209), closes #387 - tooltip: add new
nbTooltipTrigger
parameter (#1138) (113d3b0) - tooltip: dynamic inputs support (#1184) (9ce7019), closes #1052 #1159
3.1.0 (2018-12-31) 🎄
Happy New Year!
- datepicker: fix datepicker format not available error (#1117) (83cda23), closes #1088
- docs: add missed backtick (#1069) (3324fd5)
- docs: remove rc version mention (#1068) (ba1983c)
- layout: prevent dom api calls on server (#1107) (7511bb0), closes #1060
- oauth2: body requests in x-www-form-urlencoded (#1066) (3ee11f2)
- popover: null check the ref before disposing (#1086) (b3f7d39)
- select: options text selection disabled (#1033) (fef2a9a)
- theme: check ref before detaching (#1116) (af58d3f)
- theme: fix normalize import to not include file type extension (#1114) (40fa356)
- menu: add an option to set skipLocationChange (#1043) (3d3ee03), closes #1028
- playground: components list (#1106) (4ab7508), closes #1077
- toastr: show method now returns toast reference (#1058) (aeeedf1)
3.0.1 (2018-12-13)
- button: return text color on focus (#1030) (230c83e)
- popover: inner triangle size (#1020) (fe078c7)
- select: disable layout scrolling (#1012) (1bd8214), closes #992
- select: resubscribe on options changes (#1009) (949b050)
- window: reattach overlay after window expand (#1022) (4b9c648)
3.0.0 (2018-11-15)
- overlay: hover trigger stop fire show if container already exists (#947) (2988a4b)
- select: add type button, stop form submitting (#945) (255fca9)
- sidebar: expand if not compacted or collapsed (#984) (33a0990)
- theme: provide component factory resolver in tooltip (#981) (57777f8), closes #979
- toastr: animations in firefox and edge (#944) (27e4a6a), closes #865
- datepicker: throw error when setting format for native date (#986) (3e9df5d)
- docs: add eva icons link in the footer (#963) (c230986)
- theme: ng-add schematic (#942) (5d5a874)
- Angular 7+ now required.
2.0.2 (2018-10-23)
- auth: don't import child routes as it will rewrite the app routes (#920) (d054a73)
- auth: don't import http module (#919) (995de58), closes #631
- calendar: show day in today's date (#899) (e023aa3)
- checkbox: hide check mark when unchecked and disabled (#863) (c7205d4), closes #862
- docs: fix dead links and code examples (#905) (d8307c9)
- form controls: mark as touched (#864) (e06d3a7)
- nbButton: set disabled DOM property (#871) (23a709d)
- oauth2: grant_type now sends credentials in x-www-form-urlencoded form (#832) (57fda28), closes #716
- overlay: fix click trigger (#912) (08c2eb6), closes #907
- select: run change detection after setting initial value (#898) (5cf94f2)
- theme: fix sidebar shadow styles for Safari (#909) (031b1e6), closes #562
- theme: remove a fixed content height (#882) (a85eaf2), closes #836
- tabset: add style incapsulation for tabset components (#911) (33162af), closes #561
2.0.1 (2018-10-03)
- datepicker: fix datepicker spec (#850) (a69e681)
- playground: use nebular buttons in examples (#849) (b8c3148)
- theme: fix overlay components providers import (#858) (843a6c6)
- theme: inline cdk styles (#857) (e218df4), closes #856
2.0.0 (2018-10-02)
Nebular 2.0 is stable now! After 10 release candidates and a year of work we finally made it with a great help of Nebular community and we cannot be more grateful for all of your contributions! 🎉
- auth: fix OAuth2 strategy grant_type password to send username, not email (#659) (3a708dd), closes #653
- auth: fix
isAuthenticatedOrRefresh
to not refresh token with no value (#708) (b29418f) - button: fix outline button (0bcad95)
- calendar: use nbButton in calendar navigation (#837) (f460f85), closes #827
- checkbox, radio: check mark positioning in IE (#830) (ac52315), closes #743
- docs: fix warning
Invalid value for $grid-breakpoints..
(#736) (23e7804) - docs: add radio icon (#748) (9110266)
- docs: fix mention of angular-cli.json file to
angular.json
(#701) (3211c54) - e2e: add redundance note in protractor.conf.ci.js (#839) (a7ed638)
- infinite-list: fix example file path (60d0d1e)
- login: take into account remember me setting (#644) (d35b65b), closes #330
- menu: height calculation (#621) (7542d5e), closes #620 #369 #532 #307 #444 #392 akveo/ngx-admin#1703 akveo/ngx-admin#1819
- modal: rtl modal header (#632) (0370abe), closes #419
- overlay: z-index (#735) (9c22a52)
- popover: fix popover component example (#711) (9980664), closes #618 #619
- radio: radio group ngModel doesn't setup initial value (#842) (92b6f6b)
- radio: radio group now has bigger priority when setting value and disabled (#841) (99acd25)
- scripts: add moment and date-fns bundles (#818) (c78ae5f)
- tabset: removes bold emphasize for hovered tab (#651) (22e39eb), closes #540
- theme: add nebular-icons as peer dependency (#749) (3e3fe1d), closes #195
- theme: use existing variable for bootstrap (#807) (e91f557), closes #739
- auth: rejects malformed tokens (#597) (127b5d2), closes #517
- menu: emit itemClick event after clicking on item with link (#728) (94342e0), closes #423
- menu: replace item click ReplaySubject with plain Subject (#724) (eb6e74b), closes #695
- theme: refactor popover, context-menu and search components to use overlays (#684) (d3ba6ab), closes #683 #664 #668
- theme: remove angular2-toaster styling (#721) (026974e)
- theme: separate bootstrap styles into @nebular/bootstrap (#707) (a25f615), closes #230
- auth: add new
isAuthenticatedOrRefresh
method, updateNbAuthJWTInterceptor
to refresh the token (#649) (c8e8964) - auth: remove bootstrap, use custom styles (#738) (b585490)
- calendar: add capability to hide header (#838) (df9b21c), closes #828
- checkbox: add outline on focus (#731) (cc892d5)
- docs: add groups to components list (#646) (73cf1b4)
- docs: add installation guides (#740) (d08c4d5)
- docs: add star & download badges into the hero section (#813) (c3c755a)
- docs: fix typo in security docs (#717) (fc3b2d4)
- docs: update akveo logo (#674) (5d79c2a)
- icons: add new icons (#722) (be06906)
- playground: automatic refresh token (#658) (b4fc624)
- sidebar: add ability fix sidebar container (#642) (7939344)
- sidebar: add ability fix sidebar container on low resolutions (#645) (efa16ef)
- tabset: update background fot tabset selected (#643) (ff8e9b6)
- theme: add cdk (#679) (b9283d3), closes #661 #660
- theme: add new DatePicker component (#732) (c00cc23)
- theme: add new Dialog component (#688) (2edd9b3), closes #666 #665
- theme: add new Radio component (#746) (9e04681)
- theme: add new Select component (#698) (d6a211f), closes #671
- theme: add new Toastr component (#692) (29e4fef), closes #667
- theme: add new Tooltip component (#703) (0e05034), closes #663
- theme: add new Window component (#713) (60a65cb), closes #669
This release has introduced a number of changes which may required some manual update steps, depending on your setup:
- In case if you use Nebular overrides of bootstrap styles - you need to manually install new
@nebular/bootstrap
package. To do that:
- install Nebular Bootstrap
npm i @nebular/bootstrap
- then add it into your
styles.scss
@import '~@nebular/bootstrap/styles/globals';
// ...
@include nb-install() {
// ...
@include nb-bootstrap-global();
}
- if you import
~@nebular/theme/styles/global/bootstrap/breakpoints
in your code, replace it with~@nebular/theme/styles/global/breakpoints
- if you import
~@nebular/theme/styles/global/bootstrap/*.scss
somewhere in your code, replace it with~@nebular/bootstrap/styles/*.scss
- Nebular 2.0 introduced a new peer dependency - @angular/cdk. A lot of out of the box functionality provided by @angular team gives our components a solid foundation. To do that:
- install @angular/cdk
npm i @angular/cdk
Here's a list of other possibly breaking changes that you may need to take into account:
- menu:
NbMenuComponent
andNbContextMenuDirective
now fire itemClick even if item withrouterLink
was clicked. - menu: The
NbMenuService
not reply the last click event. To update: if you use the knowledge that the last click event is replied you can wraponItemClick
stream in the custom stream based onReplaySubject
. - theme: angular2-toaster styles were removed from Nebular.
Instead, we suggest using our new
NbToastrService
. To update: addNbToastrModule
into imports of yourapp.module
. InjectNbToastrService
into the required component. callNbToastrService.show(...)
to render toasts. For more information check toastr documentation. - theme: All bootstrap override styles were moved from the @nebular/theme package to the new @nebular/bootstrap package. If you don't need bootstrap support you can simply no use this package.
@nebular/theme package introduced a dependency of normalize.css. To update:
- install Nebular Bootstrap
npm i @nebular/bootstrap
- then add it into your
styles.scss
@import '~@nebular/bootstrap/styles/globals'; // ... @include nb-install() { // ... @include nb-bootstrap-global(); }
- install Nebular Bootstrap
- theme:
appendToLayoutTop
andclearLayoutTop
methods was removed fromNbThemeService
. Instead of this methods, you have to useNbOverlayService
. It's the extension of @angular/cdk overlays, so, check documentation first of all. Basic usage of overlays may look like this:constructor(protected overlay: NbOverlayService) { } const overlayRef = overlay.create(); const overlayComponentPortal = new ComponentPortal(MyOverlayComponent); overlayRef.attach(overlayComponentPortal);
- tabset: Possibly a breaking change since tabs won't be bold in hover state.
- auth: According to RFC6749 section 4.3.2, the OAuth2 token request body with grant-type='password' must provide
username
to the auth server and notemail
. - auth:
NbAuthJWTInterceptor
now always tries to refresh the token. Urls for token sending can be filtered using a filter function:
{ provide: NB_AUTH_TOKEN_INTERCEPTOR_FILTER, useValue: (req) => filter(req)},
- auth:
failWhenNoToken
has been removed from password strategy as it was still not released and becoming redundant
2.0.0-rc.10 (2018-08-08)
- Bunch of new components: Button, Input, Calendar, Chat UI, List, Infinite List, Spinner, Stepper
- New Auth
NbAuthOAuth2JWTToken
- Icons in tabs,
subheader
header option, and other cool stuff!
- accordion: fix accordion border-radius and shadow (#584) (22ba6ef)
- auth: fix token parceler suppressing
getClassByName
errors (#548) (ac41765), closes #528 - checkbox: fix disable state with reactive forms (#599) (7d8beea), closes #296
- docs: add a note about new theme (#504) (872645c)
- docs: delay first calculation of examples' height (#586) (9a74fc1)
- docs: fix auth md article formatting (ac0f668)
- docs: fix popover examples (#503) (83061ef)
- fix peer dependency rxjs version (#546) (402bca2), closes #514
- docs: fix widget margin (ba5def0)
- docs: live example height on theme change (57aae1a)
- docs: update analytics tracking to exclude duplicated events (#502) (36e2611)
- docs: update articles copy (f76ce1f)
- docs: update concept-theme-system.md (#602) (95fbe74)
- docs: update copy (#587) (d8e8881)
- flipcard: fix flip card back view in Safari and IE (0ccb4ab)
- menu: update url-matching helper to include
;
(#475) (c67ec11) - tabset: fix exception, when renders conditionally with *ngIf directive (#501) (946e68c)
- alert: add outline alerts (#590) (a7b8ff4)
- auth: add a back link to the strategy name in the token (#571) (1c89636)
- auth: add a new grant type
password
to OAuth2 Strategy (d8a66a8) - auth: add back button (#556) (36fc953)
- auth: add new NbAuthOAuth2JWTToken (#583) (aed2099)
- auth: NbOAuth2AuthStrategy add basic authentication scheme against token endpoints (#582) (4360a18), closes /tools.ietf.org/html/rfc6749#section-2 #581
- auth: use existing refreshToken if it is not repeated by the backend refresh endpoint (#593) (dffbd59)
- button: add
fullWidth
mode (#591) (13014d4) - docs: add example change animation (#531) (e7bb266)
- docs: enable analytics for documentation (37f2fe0)
- docs: set title per tab (09d71c9)
- header: add
subheader
mode when header is placed on a side of sidebar (#555) (4715b04), closes #554 - icons: add e-commerce icon (#609) (2ca41cf)
- icons: add expand, collapse icons, fix angle double right (#542) (82a5c93)
- layout: add scroll & ruler services (043050a)
- playground: update examples to use the new
nbButton
(#559) (657147b) - security: add ability to assign multiple roles to a user (#549) (c3402a6), closes #222
- tabs: ability to assign an icon (#607) (b78b8d3), closes #288
- theme: add Accordion component (3a94f9c)
- theme: add new Button component (#341) (89d429d)
- theme: add new Calendar component & Calendar Kit module (#598) (8547527)
- theme: add new Chat UI components set (ebfcd0e)
- theme: add new Input directive (#569) (42c588e)
- theme: add new List and Infinite List components (#530) (a07c78c)
- theme: add Spinner component (8ef7412)
- theme: add Stepper component (d474598)
- theme: override default bootstrap style for row css class for small screens (#608) (9be2fcb)
- theme: update card border color for corporate theme (#594) (ff0985e)
- auth: possibly a breaking change since we don't use bootstrap inputs and buttons anymore and use Nebular components instead also OnPush added to the components
- auth:
nbAuthCreateToken
(token.ts) function now takes a third parameter, which is theownerStrategyName
. SincenbAuthCreateToken
is a part of public API this could potentially introduce a breaking change. - theme: bootstrap button class
.btn-tn
renamed tobtn-xs
2.0.0-rc.9 (2018-06-19) 🚀
- New design theme Corporate
- New components: Progress Bar, Alert
- OAuth2 Strategy with Google Auth example
- New documentation website with live examples
- Auth module refactoring
- context-menu: hide on menu item click (#431) (a5bcd3c)
- docs: add missing operator (#455) (1cb4993)
- docs: add progress-bar icon (#476) (98562f5)
- docs: fix auth install article Closes #273 (180d8f1)
- docs: update mobile styles (#487) (6af2694)
- docs: update styles (#486) (9e44fb8)
- footer: use correct footer color variable (#454) (c2e310d)
- layout: fix layout height when header is not fixed (#437) (084391b)
- popover: hide when host was removed (#430) (a07496d)
- reveal-card: fix second card being visible on small screens (#438) (cad2246)
- rtl: reset bootstrap default styles (#414) (7634df5)
- search: resolve search field component factory (#439) (15cf18d)
- theme: add new variable(btn-outline-focus-fg) for focused outline buttons (#471) (df31a4c)
- theme: remove layout-padding for corporate theme, remove unnecessary color from icon (#496) (49abbb9)
- auth: provider -> strategy,
setup
method, multiple tokens (3428ec3)
- auth: add OAuth2 example with google auth (fd95095)
- auth: add OAuth2 strategy (2f28cbc)
- card: option to hide toggle button in reveal/flip cards (#448) (ef5ebbb)
- docs: update docs design, add playground examples (f40e78f)
- docs: update urls to include baseUrl (#489) (f7fb11a)
- docs: use path-location instead of hash (61d4139)
- menu: add collapseAll function (#478) (2942bfd)
- sidebar: breakpoints configuration for compacted states (#457) (56411db)
- theme: add alert component (ee27fda)
- theme: add progress-bar component (#459) (3693494)
- theme: corporate - new theme (#479) (c75eaf7)
Multiple breaking changes introduced to auth module to improve code readability, follow better naming conventions and for better extensibility in future releases. More details and update steps: https://github.com/akveo/nebular/blob/master/src/framework/auth/UPGRADE.md#200-rc8-200-rc9
2.0.0-rc.8 (2018-05-10)
- auth: add support for refresh tokens (#390) (dc57c85)
- theme: add RTL support (#343) (0326c1c)
- update to angular 6 (#408) (16314e8)
2.0.0-rc.7 (2018-04-21)
- auth: fix full-name validation error showing password validation text (d12397b)
- auth: fix jwt interceptor to set Authorization header only if token is valid (#294) (1e99ff3)
- buttons: indicate focus state of outline button just with border-color (e68a1ea), closes #295
- docs: add context-menu item click handler example (#371) (96ec81b)
- docs: fix incorrect component mention (#375) (3fcbb61), closes #286
- docs: fix typo in auth-guard docs (#277) (682314d)
- docs: return missed section anchors (#370) (3895c81)
- layout: fix flexbug, same as in bcbfcc0 but works in IE11 too (#148) (#355) (a432e82)
- menu: apply default values for menuItems (#344) (674eef5)
- add polyfills for IE (es7 array & object) (#361) (3f91898), closes #272
- provide browser globals with injection tokens (#358) (63f4bb8)
- menu: avoid DOM elements creation for hidden menu items (#312) (0c10917), closes #270
- menu: trigger change detection after setting max-height (#349) (8c10372), closes #263
- outline-btn-group: reduce specificity of transparent background (#313) (eb18ebe), closes #295
- popover: run markForCheck to detect changes if nb-layout has onPush (#267) (7af0f62), closes #266
- search: prevent search from crashing when no layout (#332) (36dc9dd)
- styles: get rid of nested mixins as sass doesn't support this for the time being (#331) (157b69d), closes #316
- theme: fix window and document providers to work in AOT (#345) (0aa898b)
- docs: add capability to use playground module in the docs application (#310) (7676095)
- docs: add tabs to docs (12b18c4)
- menu: add support for query parameters (#283) (#324) (bbd86aa)
- menu: URL fragment no longer affects menu items selection.
Now we only find matches between path part of the URL and
link
property of menu-item.
2.0.0-rc.6 (2018-02-22)
- DEV_DOCS: add missed line in development on the latest Nebular sources (#182) (3b84981)
- docs: update font spacing (#193) (7e2a41a)
- docs: update menu component to react to expand (add a relevant class) (#206) (18ccdf6), closes #180
- docs: use correct tag in usage example (#186) (b2333a9)
- menu: don't collapse menu which has a selected item (#225) (5c489f3)
- menu: fix items not being prepared when passed through input (#181) (2e9d14a)
- search: fix search not un-subscribing from events (#185) (691e100)
- auth: move token storage out of token service (c8273da)
- theme: remove user context menu (#231) (959bd4a)
- security: add new security module with acl implementation (#187) (86b2784), closes #164
- auth: ability to configure social link (#205) (86b2784), closes #171
- bootstrap: update bootstrap to 4.0.0 release (including ng-bootstrap, angular) (#226) (f047f14), closes #160 #223 #224
- checkbox: expand checkbox variables for easier customization (6b93924), closes #143
- context-menu: add context menu component (13799a5)
- popover: add new awesome
popover
component (7dbefd6) - popover: add popover-border-radius theme var (#254) (baf1a61)
- ssr: add server-side rendering support (c826187)
- tabset: add
lazyLoad
property tonb-tab
so that it loads content before it is actually shown (#227) (270995d), closes #144 - theme: add capability append component to the layout top by its factory (#253) (515636c)
- user: allow use base64 images for user picture (#238) (28338a7)
- theme: NbUserComponent no longer has context menu. We've completely moved context menu in the separate component. So, to migrate from the previous version you have to remove user menu items
<nb-user [menu]="items"></nb-user>
and use NbContextMenuDirective:
<nb-user [nbContextMenu]="items"></nb-user>
- auth:
-
NB_AUTH_TOKEN_WRAPPER_CLASS
renamed toNB_AUTH_TOKEN_CLASS
and you should useuseValue
instead ofuseClass
when providing a token:{ provide: NB_AUTH_TOKEN_WRAPPER_TOKEN, useClass: NbAuthJWTToken },
to{ provide: NB_AUTH_TOKEN_CLASS, useValue: NbAuthJWTToken },
-
setValue
method removed fromNbAuthSimpleToken
,NbAuthJWTToken
, tokens only accept read-only value when created through constructor now. -
Token Storage moved out from
NbTokenService
into a separateNbTokenStorage
. If you need to change the storage behavior or provide your own - just extend your class from basicNbTokenStorage
orNbTokenLocalStorage
and provide in yourapp.module
:
{ provide: NbTokenStorage, useClass: NbTokenCustomStorage },
- checkbox: Checkbox check mark color variable (radio-fg) is expanded. There are three variables instead to set a color depending a the checkbox state:
- checkbox-checkmark - base color
- checkbox-checked-checkmark - color when checkbox checked
- checkbox-disabled-checkmark - color when checkbox is disabled
2.0.0-rc.5 (2018-01-31)
- docs: remove comma between shorthand properties in themes table (#130) (#133) (b36a409)
- docs: update marked version (#124) (f4c970e)
- header: fix layout header test (#153) (b97ee8f)
- menu: remove hardcoded max-height (#122) (a753bee), closes #65
- menu: stop sidebar adding display: none to collapsed item span t… (#155) (4c10d2a)
- search: fix tests some time not passing on search (#176) (254ddd3)
- sidebar: only expand sidebar when item has children elements (#158) (3a47dbf), closes #23
- travis: fix karma config for browserstack (#156) (d5a4873)
- travis: remove git depth to allow commits comparison (#150) (4704d9e)
- travis: stop randomly failing builds (#126) (3740e08)
- auth: warn about empty token, return falsy result (ad8afb0)
- badge: add new badge component (#111) (a9324b4)
- cards: new card types (f15470a), closes #139
- search: add input to be able to customize info label (#147) (12a55dc), closes #21
- auth: now if login/register returns no value for token, unsuccessful NbAuthResult is returned
2.0.0-rc.4 (2017-12-31) 🎄
This release features an update to angular 5+, rxjs 5.5+. Make sure to update these dependencies in your project.
- auth: fix scrollbar cutoff issue with auth (#87) (893d56a)
- auth: fix typo in request password sub-title (#105) (336b05e)
- theme: fix an issue when scrollbar didn't reset after a route change (#91) (9c77dad)
- theme: remove stock bootstrap box-shadow (#72) (7d7b3ab)
- theme: scrollbars color in IE (#66) (b5b500c)
- logout: let logout.component use form configs (#78) (41d0f78)
- dependencies: update dependencies (angular 5+, rxjs, bootstrap, smart-table) (#108)
- dependencies: since angular and rxjs are updated please make sure to look through the corresponding changelogs for the details
2.0.0-rc.3 (2017-10-26)
- auth: fix auth service isAuthenticated, onAuthenticationChange not returning a boolean, fix #15 (30a1d47)
- buttons: remove transition from buttons (7e3f56d)
- js-theme: fix defaut font, fix e2e & unit tests (cff8561)
- layout: prevent layout expansion when some child with overflow:hidden has an element with width larger than layout width (82e4dfc)
- user: fix user component context menu showing an icon not correctly, fix #25 (f723e54)
- dependencies: update bootstrap & angular, accompanying fixes (angular cli kept as previous due to build issues) (3660f9a), closes #42
- font: update default font value (5b93759)
- theme: support hidden property (#31) (f26922a)
- dependencies: since bootstrap is updated please look through the bootstrap release notes (https://github.com/twbs/bootstrap/releases) for proper steps to update your styles