12.0.0 (2023-11-09)
11.0.1 (2023-09-06)
11.0.0 (2023-03-29)
- autocomplete: fix show options for the autocomplete (#3152) (a693caf)
- docs: remove bootstrap from docs (#3164) (b711f1d)
10.0.0 (2022-12-02)
- bootstrap: remove
bootstrap
,ng-bootstrap
packages, removebootstrap
fromplayground/without-styles/bootstrap
.ng-bootstrap
doesn't support Angular v14.2.x (#3146) (f3f05ce)
- Minimal required Angular version is
14.2.x
9.1.0-rc.8 (2022-11-17)
- menu component: improve accessibility (#3136) (7ce24c0)
- timepicker: add disabled state (#3127) (7af5a8d)
9.1.0-rc.7 (2022-10-10)
9.1.0-rc.6 (2022-09-22)
9.1.0-rc.5 (2022-09-15)
9.1.0-rc.4 (2022-09-09)
9.1.0-rc.3 (2022-09-08)
9.1.0-rc.2 (2022-08-31)
9.1.0-rc.1 (2022-08-04)
9.0.3 (2022-05-26)
9.0.2 (2022-04-07)
9.0.1 (2022-01-31)
9.0.0 (2021-12-01)
CSS custom properties mode for theming is enabled by default since Angular dropped support for Internet Explorer and also removed the ability to use node-sass
to compile sass. Read details and how to opt-out here.
This change doesn't affect users who use prebuilt Nebular themes. For prebult themes users we also ship prebuilt themes with custom properties. See usage guide here.
@nebular/theme/styles/_components.scss
file removed. Replace imports from this files with:@import '@nebular/theme/styles/theming'; @import '@nebular/theme/styles/themes';
layout-window-mode-max-width
,tabset-tab-text-hide-breakpoint
,route-tabset-tab-text-hide-breakpoint
theme properties removed. Migration guide.- overlay trigger:
NbTriggerStrategyBase
'sisNotOnHostOrContainer
,isOnHostOrContainer
,isOnHost
,isOnContainer
methods now expectElement
instead ofEvent
as the first parameter. Passevent.target as Element
instead ofevent
. - sidebar:
NbSidebarComponent.toggleResponsive
method removed. Change method call tosidebar.responsive = !sidebar.responsive
.STATE_EXPANDED
,STATE_COLLAPSED
,STATE_COMPACTED
static properties removed. UseNbSidebarState
type values ('expanded'
,'collapsed'
,'compacted'
).RESPONSIVE_STATE_MOBILE
,RESPONSIVE_STATE_TABLET
,RESPONSIVE_STATE_PC
static properties removed. UseNbSidebarResponsiveState
type values ('mobile'
,'tablet'
,'pc'
).
- router tabset:
NbRouteTabsetComponent.tabs
property type changed fromany
toNbRouteTab
.NbRouteTabsetComponent.changeTab
property type changed fromEventEmitter<any>
toEventEmitter<NbRouteTab>
.tab
parameter type of theNbRouteTabsetComponent.selectTab
method changed fromany
toNbRouteTab
.
- infinite list:
NbScrollableContainerDimentions
class renamed toNbScrollableContainerDimensions
. Use updated class name. - auth:
NbOAuth2AuthStrategy.buildAuthHeader
return type changed fromany
toHttpHeaders | undefined
. If the method is overridden in a derived class, update its return type as well. - autocomplete:
focusInputOnValueChange
property removed fromNbAutocompleteDirective
class. Now autocomplete focuses input only when value is selected by option click or via keyboard. - range-picker:
NbRangepickerComponent
'smin
,max
properties are expectingDate
(ormoment
if using moment adapter) type.filter
function parameter also corrected toDate
.NbDatepicker
now a has second genericD
to use formin
,max
, andfilter
arguments. It should be set toDate
ormoment
type.
- context menu: Context menu won't close on menu item click if trigger strategy is set to
noop
(nbContextMenuTrigger="noop"
).
- Minimal required Angular version is
13
- auth: ability to add additional request headers (#2825) (3959848)
- chat: ability to provide template as chat title (#2920) (9ccec64)
- date-time picker: ability to remove now button (#2848) (a2c9d10)
- date-time picker: add
dateTimeChange
output (#2816) (73a6b5a) - datepicker: allow to change adjustment (#2806) (a3b5ae5)
- icon: add support for ligature icons (#2951) (b89339d)
- infinite list: threshold emissions throttling (#2948) (718dd0a)
- layout: add nbLtr and nbRtl directives (#2927) (35a7ad1)
- layout: added error message if layout not provided (#2778) (7c12874)
- router tabset: ability to configure
routerLinkActiveOptions
per tab (#2907) (276d610) - select, autocomplete: ability to override options width (#2874) (e30e00c)
- stepper: add step change event (#2779) (1b871f4)
- tabset: ability to provide template as tab label (#2829) (d56a492)
- theme: enable CSS custom properties mode by default (#2965) (3a88e9b)
- theme: add prebuilt themes with custom properties (#2977) (ff0b034)
- toastr: add onclick, onclose events (#2821) (3795905)
- tooltip, popover: add disabled property (#2841) (b7fe861)
- window: ability to hide close button (#2952) (ad64fe2)
- window: add component instance property to window ref (#2858) (fcf1a08)
- window: template as window title (#2915) (8eaf460)
- window: window may return result (#2869) (95247a4)
- update to Angular 13 (#2944) (ed8cd04)
- autocomplete: handle null and undefined values (#2814) (7753027)
- autocomplete: input focus behavior on value change (#2852) (a86da11)
- button: prevent expression changed error on icon button (#2846) (baee608)
- button group: prevent unpress in single mode button group (#2860) (4b8a430)
- chat: file drop in firefox (#2776) (07db7f5)
- checkbox: don't style user icons in checkbox (#2857) (a94a867)
- context menu: don't close on item click with noop strategy (#2875) (a76fccf)
- context menu: prevent close on expand icon click (#2923) (2b7f60c)
- datapicker: input update issue with reactive forms (#2945) (07527f8)
- flip card: prevent extra whitespace (#2854) (e8fa95b)
- focus trigger strategy: detect click out via activeElement (#2865) (1f8e0cb)
- focus trigger strategy clickout: consider click target (#2885) (a5f695a)
- moment date service: use locale format by default (#2856) (491c696)
- range-picker: correct type for min, max, filter properties (#2877) (73cdec0)
- route tabset: support icon config object (#2810) (ff00a16)
- scroll service: listen position requests right after layout created (#2949) (74d64cf)
- select: add ellipsis on selection view (#2809) (9b525f4)
- select: correctly handle reset value when multiple is on (#2815) (37a0bc2)
- select: scroll into selected option on open (#2859) (1c02e15)
- select, autocomplete: don't open overlay without options (#2930) (fca5cd1)
- tabset: lazy loading (#2827) (a51513c)
- tag list: prevent initialisation error in Universal (#2937) (e6a8ba0)
- theme: correct custom properties subtraction (#2932) (4e63abc)
- theme: set scrollbars corner color (#2943) (1447b15)
- tooltip, popover, context menu: correct physical positions in RTL (#2819) (0959935)
- overlay trigger: accept element instead event (#2974) (2137969)
- sidebar: remove deprecated properties (#2973) (0ba32cd)
8.0.0 (2021-06-27)
- Minimal required Angular version to
12
. - Minimal required
tslib
version is2.1.0
. NbTable
andNbTreeGridComponent
:_viewRepeater
,_coalescedStyleScheduler
constructor parameters are now required.- New parameters (
_viewportRuler
,_stickyPositioningListener
) added to the constructor.
- chat:
NbChatMessageComponent
constructor now has a second parameter (NbCustomMessageService
).
- button: styling for disabled anchor (#2649) (19a5b43)
- chat: double image preview (#2766) (1b3c809)
- context menu: emit destroy when component got destroyed (#2767) (5036b89)
- radio: add setDisabledState hook (#2717) (db9e556)
- scroll dispatcher: emit scroll events from cdkScrollable directive (#2714) (f715e97)
- sidebar: sidebar state observable (#2729) (dd0c88e)
- sidebar: update state when responsive setting change (#2654) (bf7e2a3)
- tag list: prevent autofocus on initial load (#2734) (8d60faf)
- timepicker: save lastInputValue when changed via form api (#2718) (74096d0)
- update to Angular 12 (#2769) (5e74916)
- button group: add valueChange output (#2722) (39c610c)
- chat: add support for custom message template (#2750) (d84497c)
- chat form: add output for input change (#2735) (1bb0dfb)
- route tabset: add support for NavigationExtras options (#2753) (bcf7b65)
- tabset: add a tabId data attribute to the tab button (#2738) (5aaab17)
- timepicker: add localization config (#2719) (b9c77ce)
- window: add window buttons configuration (#2762) (9dcd40e)
7.0.0 (2021-01-18)
- autocomplete: update input element disabled state (#2555) (23e59ba)
- radio, select: prevent updates of destroyed component (#2617) (1ead242)
- sidebar: emit state change (#2645) (8a35e85)
- toggle: alignment of toggle switches (#2561) (09a7ba1)
- sidebar: use OnPush change detection strategy (#2646) (59daeea)
- auth: remove redundant _all.scss theme file (#2623) (09c5e91)
- autocomplete: make renderer constructor parameter required (#2621) (2cd2c78)
- overlay: add missing component class suffix (#2622) (3e20fe4)
- update to Angular 11 (#2611) (847bc99)
- tag component (#2565) (bcdfcd8)
- button group component (#2473) (72bb1b3)
- deps: migrate to firebase 8 (#2584) (b7a2c6e)
- select, autocomplete: ability to change scroll strategy (#2567) (d10275b)
- autocomplete, datepicker, select, tooltip: add ability to customize overlay offset (#2628) (c1aafb9)
- checkbox: remove deprecated value input (#2618) (0380050)
- select: add custom comparator input (#2590) (1f8a57b)
- select, autocomplete: add input to set options list class (#2560) (92083e8)
- sidebar: add the ability to determine state and responsiveState (#1893) (bac0edc)
- theme: ability to add custom statuses (#2625) (3b2e903)
- toastr: remove deprecated iconPack property (#2620) (77a3519)
- tooltip, popover: remove ability to use falsy adjustment (#2619) (32ab00e)
-
deps:
- Bump Angular version to 11+.
@nebular/fire
requires@angular/fire
6.1.0+ andfirebase
8.0.0+.
-
sidebar: Added change detector ref constructor parameter.
-
checkbox:
NbCheckboxComponent.value
andNbCheckboxComponent.valueChange
properties removed. Usechecked
andcheckedChange
accordingly. -
autocomplete:
renderer
constructor parameter is now required. -
toastr:
NbToastrConfig.iconPack
property removed. You can set icon pack viaicon
property:const toastrConfig = { // ... icon: { icon: 'star', pack: 'eva' }, }
NbToastComponent.iconPack
andNbToastComponent.iconConfig
properties removed. Useicon
property instead. -
tooltip, popover: Falsy adjustment values no longer become converted to
NbAdjustment.NOOP
, passNbAdjustment.NOOP
instead. -
theme: The document parameter in the NbViewportRulerAdapter and NbScrollDispatcherAdapter constructors is now required.
-
theme: Empty string won't be converted to
basic
status anymore. If you used to setstatus
properties to''
change it to'basic'
. -
theme:
NbPositionedContainer
renamed toNbPositionedContainerComponent
. -
auth:
~@nebular/auth/styles/all
file removed. Replace~@nebular/auth/styles/all
imports with~@nebular/auth/styles/globals
. -
theme::
NbComponentStatus
type replaced withNbComponentOrCustomStatus
in following properties:NbActionComponent.badgeStatus
,NbBadge.status
,NbBadgeComponent.status
,NbButtonComponent.status
,NbAlertComponent.status
,NbCardComponent.status
,NbChatFormComponent.status
,NbChatComponent.status
,NbCheckboxComponent.status
,NbFormFieldControl.status$
,NbFormControlState.status
,NbInputDirective.status
,NbInputDirective.status%
,NbSelectComponent.status
,NbSelectComponent.status$
,NbIconConfig.status
,NbIconComponent.status
,NbProgressBarComponent.status
,NbRadioComponent.status
,NbRadioGroupComponent.status
,NbSpinnerDirective.spinnerStatus
,NbSpinnerComponent.status
,NbTabComponent.badgeStatus
,NbToastrConfig.status
,NbToggleComponent.status
,NbTooltipDirective.status
,NbTooltipComponent.context.status
,NbUserComponent.badgeStatus
. If you extended listed components replaceNbComponentStatus
in the property type withNbComponentOrCustomStatus
.NbBadgeComponent
,NbButtonComponent
,NbAlertComponent
,NbCardComponent
,NbChatComponent
,NbCheckboxComponent
,NbInputDirective
,NbSelectComponent
,NbIconComponent
,NbProgressBarComponent
,NbRadioComponent
,NbSpinnerComponent
,NbToastComponent
,NbToggleComponent
,NbTooltipComponent
constructors now requireNbStatusService
as a constructor parameter. If you extended listed components, injectNbStatusService
and pass it to the base class.
6.2.1 (2020-10-01)
- accordion: extract inner elements styles outside accordion (#2536) (9089690)
- calendar range cells: handle unset date or selectedValue (#2537) (0f20b9c)
6.2.0 (2020-09-25)
- build: provide ES5 code in UMD bundles (#2520) (e64bac0)
- timepicker: remove duplicate providers (#2529) (7e5e489)
- datepicker: export calendar with time component (#2528) (f378492)
- add support for TypeScript 4.0 (#2523) (7b7f0a4)
Please note required @angular/cdk
package version changed to 10.2.1
+.
6.1.0 (2020-09-17)
- auth: add client_id to the refresh request (#2350) (10b01fa)
- radio: add value reset with undefined (#2511) (9ac12c7)
- rangepicker: avoid setting month cell to null (#2330) (a577b26)
- badge: dot mode (#2479) (afe02b7)
- menu: support more navigation extras (#2420) (03aabfa)
- timepicker: add timepicker component (#2402) (70ee391)
6.0.1 (2020-08-31)
6.0.0 (2020-07-31)
- datepicker: background and border theming (#2418) (381eb00)
- form field: addon alignment (#2460) (dc154ab)
- nbButton: allow specifying custom tabindex (#2452) (e9f84be)
- nb-icon:
NbIconLibraries.getSvgIcon
andNbIconLibraries.getIcon
could return null if icon wasn't found and won't throw. As methods don't throw now, you need to handle possiblenull
return value. - Angular: Nebular packages now require Angular 10+. Nebular packages no longer include ESM5 and FESM5 bundles as per Angular Package Format 10.
- NbBasePicker: Angular lifecycle methods moved to
NbBasePickerComponent
. If you useNbBasePicker
as a base class of your custom picker change it toNbBasePickerComponent
.
5.1.0 (2020-06-03)
- auth: set correct theme for auth (#2287) (c12873d)
- popover, tooltip: template check hint for adjustment (#2278) (a77863d)
- readme: fix browser support table (#2304) (23dc3be)
5.0.0 (2020-03-09)
- button link: remove text decoration (#2190) (0495259)
- cdk: fix cdk mappings duplicates (#2068) (8179a02)
- focus trigger: prevent stream destroy on focus out (#2189) (42ff4ee)
- form field: make form control container take all space (#2241) (2e11ec9)
- input: use correct status property name (#2248) (737ffe2)
- layout: access view child property after view init (#2249) (5bb21a7)
- menu: prevent color override in css vars mode (#2201) (ac50dae)
- route tabset: tab icon margin (#2154) (f7210b2)
- theme: prevent transition to initial status (#2256) (8e52fc0)
- trigger: prevent stream destroy on mouse leave (#2141) (7c79d1d)
- typography: concat anchor selector with color class (#2161) (8c9ed86)
- typography: use text theme vars for text color classes (#2192) (af2e674)
- add scroll strategy options to public api (#2129) (79ab083)
- provide Nebular scroll services adapters (#2140) (0e0d11c)
- support strict template check (#2273) (9b4ff5b)
- avoid to declare and export NbTable component (#2126) (dbf5192)
- auth: require valid token by default (#2259) (bc68d11)
- unsubscribe on destroy (#2112) (0cab4fc)
- select: update option state colors (#2110) (1dbddd5)
- use basic as default status (#2136) (cc9b47e)
- mapping unify state color mapping (#2075) (028883a)
- context menu extract text alignment to theme property (#2148) (011edd1)
- move focus inset shadow to theme (#2143) (ecafd16)
- update to Angular 9 (#2236) (899815f)
- calendar: Eva 1.3 (#2120) (0f03fb5)
- select: Eva style (#2106) (7355d65)
- theme: autocomplete component (#1947) (d67dd6b)
- theme: form field component (#2238) (aee71a7)
- date fns: update date-fns to latest version (#2045) (1c5323d)
- typography: add anchor text decoration theme property (#2169) (be80661)
- chat: date format for messages and support for change placeholders (#2227) (b63f004)
- auth:
requireValidToken
set to true by default. Now if response contains invalid tokenNbAuthIllegalTokenError
is thrown. To enable old behavior, setrequireValidToken: false
in the auth strategy method config, e.g.:
NbPasswordAuthStrategy.setup({
// ...
login: {
// ...
requireValidToken: false,
},
});
or
NbOAuth2AuthStrategy.setup({
// ...
authorize: {
// ...
requireValidToken: false,
},
});
-
Badge, button, progress bar, toastr components now use basic status as a default.
-
calendar:
-
NbCalendarHeaderComponent
removed. Along with thatshowHeader
property removed from following components: -
NbBaseCalendarComponent
-
NbCalendarRangeComponent
-
NbCalendarComponent
-
NbBasePicker
-
NbBasePickerComponent
-
medium
andsize-medium
css classes were removed along withmedium
/isMedium
properties from the following classes:NbCalendarDayPickerComponent
NbCalendarMonthPickerComponent
NbCalendarYearPickerComponent
NbBaseCalendarComponent
NbCalendarWeekNumberComponent
-
Properties
date
,changeMode
,isRtl
removed fromNbCalendarPageableNavigationComponent
-
File
nb-calendar-week-number.component
renamed tocalendar-week-number.component
-
YEARS_IN_VIEW, YEARS_IN_ROW
constants removed. UseNbCalendarYearModelService
sgetYearsInView
andgetRowInView
methods. -
NbCalendarNavigationComponent
replaced withNbCalendarViewModeComponent
. -
initYears
method removed fromNbCalendarYearPickerComponent
. -
calendar-range-cells.ts
file split intocalendar-range-day-cell.component.ts
,calendar-range-month-cell.component.ts
andcalendar-range-year-cell.component.ts
. -
Following theme properties were removed:
calendar-body-height
calendar-header-text-color
calendar-header-text-font-family
calendar-header-title-text-font-size
calendar-header-title-text-font-weight
calendar-header-title-text-line-height
calendar-header-sub-title-text-font-size
calendar-header-sub-title-text-font-weight
calendar-header-sub-title-text-line-height
calendar-navigation-button-width
calendar-large-body-height
calendar-cell-in-range-background-color
calendar-cell-disabled-background-color
datepicker-text-color
datepicker-arrow-size
-
-
cdk: NbPlatform and NbScrollStrategyOptions from theme/components/cdk/overlay/mapping.ts removed. Use NbPlatform from theme/components/cdk/platform/platform-service.ts and NbScrollStrategyOptions from theme/components/cdk/adapter/block-scroll-strategy-adapter.ts. NbPlatformModule removed.
-
select:
select-option-*
theme properties renamed tooption-
.nb-option
andnb-option-group
components moved to ownoptions
directory. -
select: Generic value type removed from NbSelectComponent.
-
Angular: Nebular packages now require Angular 9+.
-
tslib: We no longer have a direct dependency on tslib. Instead it is now listed a peerDependency. This matches Angular framework. Users not using the Angular CLI will need to manually install tslib via:
yarn add tslib
# or
npm install tslib --save
4.6.0 (2019-11-26)
- auth: use basic status instead deprecated empty string (#2063) (a202468)
- docs: update links inside install guide page (#2079) (cd8cd9d)
- hover trigger strategy: prevent resubscription after destroy (#2058) (1e1a293)
- nbIsGranted: prevent subscription memory leak (#2087) (2084356)
- overlay: set position when content or context update (#2081) (e85830f)
- radio: reverse order of elements in RTL (#2093) (2e61d8d)
- select: set value from queue when options change (#2082) (c934329)
- toastr: move toastr overlay in front of other overlays (#2078) (906d3c0)
- toggle: animation in IE11 (#2062) (1d52a20)
- toggle: set correct ARIA role (#2097) (dd5f2b6)
- universal: update dependencies to support universal enviro… (#2057) (0b22c40)
- accordion: toggle via keyboard (#2085) (f8a1b32)
- add custom css class on overlays (#2067) (147ec2e)
- Ivy compatibility (#2074) (d84e76b)
4.5.0 (2019-10-31)
Highlights
Nebular 4.5 introduces a new basic and control component statuses. Please note, some theme properties were changed. If you use Nebular Theming or have custom themes, check out updated variables list.
- actions: icon button alignment (#1895) (04d7e33)
- datepicker: check trigger strategy is defined before destroying (#2011) (a678e60)
- scroll bar theming (#1890) (e6b19a5)
- datepicker, radio: always call touched callback (#2026) (d3a8e44)
- icon: fix NULL content render in MS Edge (#2043) (f37223a)
- list: vertically center list item content (#1894) (7a179bc)
- popover, tooltip: convert falsy values for adjustments to noop (#1905) (3ec69e7)
- sidebar: emit expand event when expanded because of menu c… (#1897) (a07487d)
- toastr: dispose no longer used overlay container (#1873) (4114ad1)
- tooltip: add angular positions classes (#2048) (a15c81d)
4.4.0 (2019-10-07)
Nebular 4.4.0 features synchronization with Eva 1.1 adding transparent colors.
- add angular adjustments (#1996) (d8689c1)
- sync with Eva 1.1 (#1995) (67d5689)
- popover, tooltip: add shown state api (#1998) (6dbce1d)
- sidebar service: add compact method (#1997) (3c34805)
4.3.1 (2019-09-20)
4.3.0 (2019-09-20)
4.2.2 (2019-09-11)
4.2.1 (2019-08-29)
- ci: prevent travis from killing deploy docs job (#1928) (0b969cb)
- datepicker: add missing show header input (#1889) (d265991)
- schematics: use cli version for schematics/angular package (#1937) (4589726)
- select: allow initial falsy values (#1936) (02080fb)
- select: mark touched on hide trigger only when select is open (#1878) (8295c32)
- toastr: call contains on body (#1872) (a01ec7a)
- tree grid: assert node children is defined before spreading (#1898) (26ad5d2)
- window: create new window container when overlay container change (#1867) (edb6b16)
- accept icon config in components which use nb-icon (#1935) (c9b9d32)
- auth: add backend api endpoints article (#1931) (905029f)
4.2.0 (2019-08-22)
- dynamic overlay: recreate overlay when overlay container change (#1913) (258b75b)
- packages smoke: update webdriver-manager (#1881) (e6c4966)
- popover: add missing start and end positions to positions mapping (#1904) (64777a4)
- packages smoke: add Eva icons package (#1903) (8c0683b)
- toggle: add toggle component (#1304) (d86edce)
4.1.3 (2019-07-29)
- accordion: prevent styling of projected icons (#1836) (a7b55da)
- card: make two smaller cards same height as one large (#1821) (88eb8f7)
- checkbox: prevent second click event from input (#1835) (115ce08)
- dialog: stop listening for close events when dialog closes (#1860) (7ddbfbd)
- docs: custom theme link (#1832) (b17f6b4)
- layout: set header background color on host element (#1823) (34cb370)
- menu: clear typing for NbMenuItem pathMatch property (#1627) (49bea48)
- select: prevent opening of disabled select when clicking on toggle (#1865) (0542371)
- select: remove max width from options list in full width s… (#1837) (272cbd3)
- typography: declare text color classes at the bottom (#1862) (1072754)
4.1.2 (2019-07-12)
- auth: include helpers into public api (#1754) (f6f301b)
- docs: articles grammar (#1810) (a0efb6b)
- layout: scroll block in with scroll mode (#1805) (8958fc9)
- menu: path fragment comparison (#1809) (abbd659)
4.1.1 (2019-07-09)
- auth: make social icons bigger (#1659) (d596e31)
- auth: two minor typos in auth components (#1682) (44225d4)
- calendar: prevent selected day text color override (#1655) (e8834d7)
- context menu: add cursor pointer to menu host (#1662) (337cacf)
- docs: wrong NbEvaIconsModule import (#1623) (a1c5e0c)
- flip card: add prefixed backface-visibility property (#1658) (6373117)
- icon: specify vertical align (#1657) (8ceb343)
- menu: icon color should use
text-hint-color
(#1614) (dad01b2) - reveal card: card shadow being cut off (#1656) (6001564)
- select: add theme property for open select border (#1653) (d16dcba)
- select: make options list same width as button (#1650) (1658ccf)
- select: prevent empty select height collapsing (#1643) (43655c7)
- update protractor (#1647) (8c2046e)
- select: remove usage of deleted variables (#1670) (ff4dc8b)
- select: use new 'checked' input (#1747) (4bfd22d)
- sidebar: expand when menu with children clicked (#1750) (7ad7005)
- smart table: use primary colors (#1746) (82ad5c4)
- toastr: icon size shrink (#1638) (838d974)
- toastr: add duplicates behavior (#1628) (4ab5037)
- toastr: add toasts limit (#1637) (56cac51)
- update js themes (#1631) (4d66419)
- typography: sync with Eva 1 (#1648) (a2e20a0)
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.2 (2019-07-19)
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