release: 9.0.0 (#2975)

CHANGELOG.md

@@ -1,3 +1,101 @@
+<a name="9.0.0"></a>
+
+# [9.0.0](https://github.com/akveo/nebular/compare/v8.0.0...v9.0.0) (2021-12-01)
+
+### BREAKING CHANGES
+
+#### Theming
+
+[CSS custom properties mode](https://akveo.github.io/nebular/docs/design-system/enable-css-properties-mode#enable-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](https://github.com/akveo/nebular/pull/2965#issuecomment-983725891).
+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](https://github.com/akveo/nebular/pull/2977#issuecomment-984515416).
+
+#### API changes
+
+- `@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](https://github.com/akveo/nebular/pull/2965#issuecomment-984410175).
+- **overlay trigger:** `NbTriggerStrategyBase`'s `isNotOnHostOrContainer`, `isOnHostOrContainer`, `isOnHost`, `isOnContainer` methods now expect `Element` instead of `Event` as the first parameter. Pass `event.target as Element` instead of `event`.
+- **sidebar:**
+  - `NbSidebarComponent.toggleResponsive` method removed. Change method call to `sidebar.responsive = !sidebar.responsive`.
+  - `STATE_EXPANDED`, `STATE_COLLAPSED`, `STATE_COMPACTED` static properties removed. Use `NbSidebarState` type values (`'expanded'`, `'collapsed'`, `'compacted'`).
+  - `RESPONSIVE_STATE_MOBILE`, `RESPONSIVE_STATE_TABLET`, `RESPONSIVE_STATE_PC` static properties removed. Use `NbSidebarResponsiveState` type values (`'mobile'`, `'tablet'`, `'pc'`).
+- **router tabset:**
+  - `NbRouteTabsetComponent.tabs` property type changed from `any` to `NbRouteTab`.
+  - `NbRouteTabsetComponent.changeTab` property type changed from `EventEmitter<any>` to `EventEmitter<NbRouteTab>`.
+  - `tab` parameter type of the `NbRouteTabsetComponent.selectTab` method changed from `any` to `NbRouteTab`.
+- **infinite list:** `NbScrollableContainerDimentions` class renamed to `NbScrollableContainerDimensions`. Use updated class name.
+- **auth:** `NbOAuth2AuthStrategy.buildAuthHeader` return type changed from `any` to `HttpHeaders | undefined`. If the method is overridden in a derived class, update its return type as well.
+- **autocomplete:** `focusInputOnValueChange` property removed from `NbAutocompleteDirective` class. Now autocomplete focuses input only when value is selected by option click or via keyboard.
+- **range-picker:**
+  - `NbRangepickerComponent`'s `min`, `max` properties are expecting `Date` (or `moment` if using moment adapter) type. `filter` function parameter also corrected to `Date`.
+  - `NbDatepicker` now a has second generic `D` to use for `min`, `max`, and `filter` arguments. It should be set to `Date` or `moment` type.
+- **context menu:** Context menu won't close on menu item click if trigger strategy is set to `noop` (`nbContextMenuTrigger="noop"`).
+
+#### Other
+
+- Minimal required Angular version is `13`
+
+### Features
+
+- **auth:** ability to add additional request headers ([#2825](https://github.com/akveo/nebular/issues/2825)) ([3959848](https://github.com/akveo/nebular/commit/3959848))
+- **chat:** ability to provide template as chat title ([#2920](https://github.com/akveo/nebular/issues/2920)) ([9ccec64](https://github.com/akveo/nebular/commit/9ccec64))
+- **date-time picker:** ability to remove now button ([#2848](https://github.com/akveo/nebular/issues/2848)) ([a2c9d10](https://github.com/akveo/nebular/commit/a2c9d10))
+- **date-time picker:** add `dateTimeChange` output ([#2816](https://github.com/akveo/nebular/issues/2816)) ([73a6b5a](https://github.com/akveo/nebular/commit/73a6b5a))
+- **datepicker:** allow to change adjustment ([#2806](https://github.com/akveo/nebular/issues/2806)) ([a3b5ae5](https://github.com/akveo/nebular/commit/a3b5ae5))
+- **icon:** add support for ligature icons ([#2951](https://github.com/akveo/nebular/issues/2951)) ([b89339d](https://github.com/akveo/nebular/commit/b89339d))
+- **infinite list:** threshold emissions throttling ([#2948](https://github.com/akveo/nebular/issues/2948)) ([718dd0a](https://github.com/akveo/nebular/commit/718dd0a))
+- **layout:** add nbLtr and nbRtl directives ([#2927](https://github.com/akveo/nebular/issues/2927)) ([35a7ad1](https://github.com/akveo/nebular/commit/35a7ad1))
+- **layout:** added error message if layout not provided ([#2778](https://github.com/akveo/nebular/issues/2778)) ([7c12874](https://github.com/akveo/nebular/commit/7c12874))
+- **router tabset:** ability to configure `routerLinkActiveOptions` per tab ([#2907](https://github.com/akveo/nebular/issues/2907)) ([276d610](https://github.com/akveo/nebular/commit/276d610))
+- **select, autocomplete:** ability to override options width ([#2874](https://github.com/akveo/nebular/issues/2874)) ([e30e00c](https://github.com/akveo/nebular/commit/e30e00c))
+- **stepper:** add step change event ([#2779](https://github.com/akveo/nebular/issues/2779)) ([1b871f4](https://github.com/akveo/nebular/commit/1b871f4))
+- **tabset:** ability to provide template as tab label ([#2829](https://github.com/akveo/nebular/issues/2829)) ([d56a492](https://github.com/akveo/nebular/commit/d56a492))
+- **theme:** enable CSS custom properties mode by default ([#2965](https://github.com/akveo/nebular/issues/2965)) ([3a88e9b](https://github.com/akveo/nebular/commit/3a88e9b))
+- **theme:** add prebuilt themes with custom properties ([#2977](https://github.com/akveo/nebular/issues/2977)) ([ff0b034](https://github.com/akveo/nebular/commit/ff0b034))
+- **toastr:** add onclick, onclose events ([#2821](https://github.com/akveo/nebular/issues/2821)) ([3795905](https://github.com/akveo/nebular/commit/3795905))
+- **tooltip, popover:** add disabled property ([#2841](https://github.com/akveo/nebular/issues/2841)) ([b7fe861](https://github.com/akveo/nebular/commit/b7fe861))
+- **window:** ability to hide close button ([#2952](https://github.com/akveo/nebular/issues/2952)) ([ad64fe2](https://github.com/akveo/nebular/commit/ad64fe2))
+- **window:** add component instance property to window ref ([#2858](https://github.com/akveo/nebular/issues/2858)) ([fcf1a08](https://github.com/akveo/nebular/commit/fcf1a08))
+- **window:** template as window title ([#2915](https://github.com/akveo/nebular/issues/2915)) ([8eaf460](https://github.com/akveo/nebular/commit/8eaf460))
+- **window:** window may return result ([#2869](https://github.com/akveo/nebular/issues/2869)) ([95247a4](https://github.com/akveo/nebular/commit/95247a4))
+- update to Angular 13 ([#2944](https://github.com/akveo/nebular/issues/2944)) ([ed8cd04](https://github.com/akveo/nebular/commit/ed8cd04))
+
+### Bug Fixes
+
+- **autocomplete:** handle null and undefined values ([#2814](https://github.com/akveo/nebular/issues/2814)) ([7753027](https://github.com/akveo/nebular/commit/7753027))
+- **autocomplete:** input focus behavior on value change ([#2852](https://github.com/akveo/nebular/issues/2852)) ([a86da11](https://github.com/akveo/nebular/commit/a86da11))
+- **button:** prevent expression changed error on icon button ([#2846](https://github.com/akveo/nebular/issues/2846)) ([baee608](https://github.com/akveo/nebular/commit/baee608))
+- **button group:** prevent unpress in single mode button group ([#2860](https://github.com/akveo/nebular/issues/2860)) ([4b8a430](https://github.com/akveo/nebular/commit/4b8a430))
+- **chat:** file drop in firefox ([#2776](https://github.com/akveo/nebular/issues/2776)) ([07db7f5](https://github.com/akveo/nebular/commit/07db7f5))
+- **checkbox:** don't style user icons in checkbox ([#2857](https://github.com/akveo/nebular/issues/2857)) ([a94a867](https://github.com/akveo/nebular/commit/a94a867))
+- **context menu:** don't close on item click with noop strategy ([#2875](https://github.com/akveo/nebular/issues/2875)) ([a76fccf](https://github.com/akveo/nebular/commit/a76fccf))
+- **context menu:** prevent close on expand icon click ([#2923](https://github.com/akveo/nebular/issues/2923)) ([2b7f60c](https://github.com/akveo/nebular/commit/2b7f60c))
+- **datapicker:** input update issue with reactive forms ([#2945](https://github.com/akveo/nebular/issues/2945)) ([07527f8](https://github.com/akveo/nebular/commit/07527f8))
+- **flip card:** prevent extra whitespace ([#2854](https://github.com/akveo/nebular/issues/2854)) ([e8fa95b](https://github.com/akveo/nebular/commit/e8fa95b))
+- **focus trigger strategy:** detect click out via activeElement ([#2865](https://github.com/akveo/nebular/issues/2865)) ([1f8e0cb](https://github.com/akveo/nebular/commit/1f8e0cb))
+- **focus trigger strategy clickout:** consider click target ([#2885](https://github.com/akveo/nebular/issues/2885)) ([a5f695a](https://github.com/akveo/nebular/commit/a5f695a))
+- **moment date service:** use locale format by default ([#2856](https://github.com/akveo/nebular/issues/2856)) ([491c696](https://github.com/akveo/nebular/commit/491c696))
+- **range-picker:** correct type for min, max, filter properties ([#2877](https://github.com/akveo/nebular/issues/2877)) ([73cdec0](https://github.com/akveo/nebular/commit/73cdec0))
+- **route tabset:** support icon config object ([#2810](https://github.com/akveo/nebular/issues/2810)) ([ff00a16](https://github.com/akveo/nebular/commit/ff00a16))
+- **scroll service:** listen position requests right after layout created ([#2949](https://github.com/akveo/nebular/issues/2949)) ([74d64cf](https://github.com/akveo/nebular/commit/74d64cf))
+- **select:** add ellipsis on selection view ([#2809](https://github.com/akveo/nebular/issues/2809)) ([9b525f4](https://github.com/akveo/nebular/commit/9b525f4))
+- **select:** correctly handle reset value when multiple is on ([#2815](https://github.com/akveo/nebular/issues/2815)) ([37a0bc2](https://github.com/akveo/nebular/commit/37a0bc2))
+- **select:** scroll into selected option on open ([#2859](https://github.com/akveo/nebular/issues/2859)) ([1c02e15](https://github.com/akveo/nebular/commit/1c02e15))
+- **select, autocomplete:** don't open overlay without options ([#2930](https://github.com/akveo/nebular/issues/2930)) ([fca5cd1](https://github.com/akveo/nebular/commit/fca5cd1))
+- **tabset:** lazy loading ([#2827](https://github.com/akveo/nebular/issues/2827)) ([a51513c](https://github.com/akveo/nebular/commit/a51513c))
+- **tag list:** prevent initialisation error in Universal ([#2937](https://github.com/akveo/nebular/issues/2937)) ([e6a8ba0](https://github.com/akveo/nebular/commit/e6a8ba0))
+- **theme:** correct custom properties subtraction ([#2932](https://github.com/akveo/nebular/issues/2932)) ([4e63abc](https://github.com/akveo/nebular/commit/4e63abc))
+- **theme:** set scrollbars corner color ([#2943](https://github.com/akveo/nebular/issues/2943)) ([1447b15](https://github.com/akveo/nebular/commit/1447b15))
+- **tooltip, popover, context menu:** correct physical positions in RTL ([#2819](https://github.com/akveo/nebular/issues/2819)) ([0959935](https://github.com/akveo/nebular/commit/0959935))
+
+### Code Refactoring
+
+- **overlay trigger:** accept element instead event ([#2974](https://github.com/akveo/nebular/issues/2974)) ([2137969](https://github.com/akveo/nebular/commit/2137969))
+- **sidebar:** remove deprecated properties ([#2973](https://github.com/akveo/nebular/issues/2973)) ([0ba32cd](https://github.com/akveo/nebular/commit/0ba32cd))
+
 <a name="8.0.0"></a>
 
 # [8.0.0](https://github.com/akveo/nebular/compare/v7.0.0...v8.0.0) (2021-06-27)

docs/versions.json

@@ -1,7 +1,7 @@
 [
   {
-    "checkoutTarget": "de1ada462",
-    "name": "8.0.0",
+    "checkoutTarget": "v9.0.0",
+    "name": "9.0.0",
     "path": "/nebular/",
     "isCurrent": true
   },
@@ -11,8 +11,8 @@
     "path": "/nebular/next/"
   },
   {
-    "checkoutTarget": "7.0.x",
-    "name": "7.0.x",
-    "path": "/nebular/7.0.x/"
+    "checkoutTarget": "8.0.x",
+    "name": "8.0.x",
+    "path": "/nebular/8.0.x/"
   }
 ]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nebular",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "license": "MIT",
   "author": "akveo <contact@akveo.com>",
   "private": true,

packages-smoke/package.json

@@ -1,6 +1,6 @@
 {
   "name": "packages-smoke",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/framework/auth/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/auth",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/auth",
   "author": "akveo",
   "license": "MIT",
@@ -28,7 +28,7 @@
     "@angular/core": "^13.0.0",
     "@angular/router": "^13.0.0",
     "@angular/forms": "^13.0.0",
-    "@nebular/theme": "8.0.0",
+    "@nebular/theme": "9.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {

src/framework/bootstrap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/bootstrap",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/bootstrap",
   "author": "akveo",
   "license": "MIT",
@@ -22,7 +22,7 @@
   ],
   "peerDependencies": {
     "bootstrap": "^4.0.0",
-    "@nebular/theme": "8.0.0"
+    "@nebular/theme": "9.0.0"
   },
   "exports": {
     "./styles/prebuilt/corporate.css": {

src/framework/date-fns/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/date-fns",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/date-fns",
   "author": "akveo",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "nebular"
   ],
   "peerDependencies": {
-    "@nebular/theme": "8.0.0",
+    "@nebular/theme": "9.0.0",
     "date-fns": "2"
   },
   "dependencies": {

src/framework/eva-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/eva-icons",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/eva-icons",
   "author": "akveo",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "eva-icons"
   ],
   "peerDependencies": {
-    "@nebular/theme": "8.0.0",
+    "@nebular/theme": "9.0.0",
     "eva-icons": "^1.1.2"
   },
   "dependencies": {

src/framework/firebase-auth/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/firebase-auth",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/firebase-auth",
   "author": "akveo",
   "license": "MIT",
@@ -26,7 +26,7 @@
   ],
   "peerDependencies": {
     "@angular/core": "^13.0.0",
-    "@nebular/auth": "8.0.0",
+    "@nebular/auth": "9.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",
     "firebase": "^9.4.0",
     "@angular/fire": "^7.2.0"

src/framework/moment/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/moment",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/moment",
   "author": "akveo",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "nebular"
   ],
   "peerDependencies": {
-    "@nebular/theme": "8.0.0",
+    "@nebular/theme": "9.0.0",
     "moment": "^2.22.2"
   },
   "dependencies": {

src/framework/security/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/security",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/security",
   "author": "akveo",
   "license": "MIT",

src/framework/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nebular/theme",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@nebular/theme",
   "author": "akveo",
   "license": "MIT",