|
| 1 | +<a name="9.0.0"></a> |
| 2 | + |
| 3 | +# [9.0.0](https://github.com/akveo/nebular/compare/v8.0.0...v9.0.0) (2021-12-01) |
| 4 | + |
| 5 | +### BREAKING CHANGES |
| 6 | + |
| 7 | +#### Theming |
| 8 | + |
| 9 | +[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). |
| 10 | +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). |
| 11 | + |
| 12 | +#### API changes |
| 13 | + |
| 14 | +- `@nebular/theme/styles/_components.scss` file removed. Replace imports from this files with: |
| 15 | + ``` |
| 16 | + @import '@nebular/theme/styles/theming'; |
| 17 | + @import '@nebular/theme/styles/themes'; |
| 18 | + ``` |
| 19 | +- `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). |
| 20 | +- **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`. |
| 21 | +- **sidebar:** |
| 22 | + - `NbSidebarComponent.toggleResponsive` method removed. Change method call to `sidebar.responsive = !sidebar.responsive`. |
| 23 | + - `STATE_EXPANDED`, `STATE_COLLAPSED`, `STATE_COMPACTED` static properties removed. Use `NbSidebarState` type values (`'expanded'`, `'collapsed'`, `'compacted'`). |
| 24 | + - `RESPONSIVE_STATE_MOBILE`, `RESPONSIVE_STATE_TABLET`, `RESPONSIVE_STATE_PC` static properties removed. Use `NbSidebarResponsiveState` type values (`'mobile'`, `'tablet'`, `'pc'`). |
| 25 | +- **router tabset:** |
| 26 | + - `NbRouteTabsetComponent.tabs` property type changed from `any` to `NbRouteTab`. |
| 27 | + - `NbRouteTabsetComponent.changeTab` property type changed from `EventEmitter<any>` to `EventEmitter<NbRouteTab>`. |
| 28 | + - `tab` parameter type of the `NbRouteTabsetComponent.selectTab` method changed from `any` to `NbRouteTab`. |
| 29 | +- **infinite list:** `NbScrollableContainerDimentions` class renamed to `NbScrollableContainerDimensions`. Use updated class name. |
| 30 | +- **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. |
| 31 | +- **autocomplete:** `focusInputOnValueChange` property removed from `NbAutocompleteDirective` class. Now autocomplete focuses input only when value is selected by option click or via keyboard. |
| 32 | +- **range-picker:** |
| 33 | + - `NbRangepickerComponent`'s `min`, `max` properties are expecting `Date` (or `moment` if using moment adapter) type. `filter` function parameter also corrected to `Date`. |
| 34 | + - `NbDatepicker` now a has second generic `D` to use for `min`, `max`, and `filter` arguments. It should be set to `Date` or `moment` type. |
| 35 | +- **context menu:** Context menu won't close on menu item click if trigger strategy is set to `noop` (`nbContextMenuTrigger="noop"`). |
| 36 | + |
| 37 | +#### Other |
| 38 | + |
| 39 | +- Minimal required Angular version is `13` |
| 40 | + |
| 41 | +### Features |
| 42 | + |
| 43 | +- **auth:** ability to add additional request headers ([#2825](https://github.com/akveo/nebular/issues/2825)) ([3959848](https://github.com/akveo/nebular/commit/3959848)) |
| 44 | +- **chat:** ability to provide template as chat title ([#2920](https://github.com/akveo/nebular/issues/2920)) ([9ccec64](https://github.com/akveo/nebular/commit/9ccec64)) |
| 45 | +- **date-time picker:** ability to remove now button ([#2848](https://github.com/akveo/nebular/issues/2848)) ([a2c9d10](https://github.com/akveo/nebular/commit/a2c9d10)) |
| 46 | +- **date-time picker:** add `dateTimeChange` output ([#2816](https://github.com/akveo/nebular/issues/2816)) ([73a6b5a](https://github.com/akveo/nebular/commit/73a6b5a)) |
| 47 | +- **datepicker:** allow to change adjustment ([#2806](https://github.com/akveo/nebular/issues/2806)) ([a3b5ae5](https://github.com/akveo/nebular/commit/a3b5ae5)) |
| 48 | +- **icon:** add support for ligature icons ([#2951](https://github.com/akveo/nebular/issues/2951)) ([b89339d](https://github.com/akveo/nebular/commit/b89339d)) |
| 49 | +- **infinite list:** threshold emissions throttling ([#2948](https://github.com/akveo/nebular/issues/2948)) ([718dd0a](https://github.com/akveo/nebular/commit/718dd0a)) |
| 50 | +- **layout:** add nbLtr and nbRtl directives ([#2927](https://github.com/akveo/nebular/issues/2927)) ([35a7ad1](https://github.com/akveo/nebular/commit/35a7ad1)) |
| 51 | +- **layout:** added error message if layout not provided ([#2778](https://github.com/akveo/nebular/issues/2778)) ([7c12874](https://github.com/akveo/nebular/commit/7c12874)) |
| 52 | +- **router tabset:** ability to configure `routerLinkActiveOptions` per tab ([#2907](https://github.com/akveo/nebular/issues/2907)) ([276d610](https://github.com/akveo/nebular/commit/276d610)) |
| 53 | +- **select, autocomplete:** ability to override options width ([#2874](https://github.com/akveo/nebular/issues/2874)) ([e30e00c](https://github.com/akveo/nebular/commit/e30e00c)) |
| 54 | +- **stepper:** add step change event ([#2779](https://github.com/akveo/nebular/issues/2779)) ([1b871f4](https://github.com/akveo/nebular/commit/1b871f4)) |
| 55 | +- **tabset:** ability to provide template as tab label ([#2829](https://github.com/akveo/nebular/issues/2829)) ([d56a492](https://github.com/akveo/nebular/commit/d56a492)) |
| 56 | +- **theme:** enable CSS custom properties mode by default ([#2965](https://github.com/akveo/nebular/issues/2965)) ([3a88e9b](https://github.com/akveo/nebular/commit/3a88e9b)) |
| 57 | +- **theme:** add prebuilt themes with custom properties ([#2977](https://github.com/akveo/nebular/issues/2977)) ([ff0b034](https://github.com/akveo/nebular/commit/ff0b034)) |
| 58 | +- **toastr:** add onclick, onclose events ([#2821](https://github.com/akveo/nebular/issues/2821)) ([3795905](https://github.com/akveo/nebular/commit/3795905)) |
| 59 | +- **tooltip, popover:** add disabled property ([#2841](https://github.com/akveo/nebular/issues/2841)) ([b7fe861](https://github.com/akveo/nebular/commit/b7fe861)) |
| 60 | +- **window:** ability to hide close button ([#2952](https://github.com/akveo/nebular/issues/2952)) ([ad64fe2](https://github.com/akveo/nebular/commit/ad64fe2)) |
| 61 | +- **window:** add component instance property to window ref ([#2858](https://github.com/akveo/nebular/issues/2858)) ([fcf1a08](https://github.com/akveo/nebular/commit/fcf1a08)) |
| 62 | +- **window:** template as window title ([#2915](https://github.com/akveo/nebular/issues/2915)) ([8eaf460](https://github.com/akveo/nebular/commit/8eaf460)) |
| 63 | +- **window:** window may return result ([#2869](https://github.com/akveo/nebular/issues/2869)) ([95247a4](https://github.com/akveo/nebular/commit/95247a4)) |
| 64 | +- update to Angular 13 ([#2944](https://github.com/akveo/nebular/issues/2944)) ([ed8cd04](https://github.com/akveo/nebular/commit/ed8cd04)) |
| 65 | + |
| 66 | +### Bug Fixes |
| 67 | + |
| 68 | +- **autocomplete:** handle null and undefined values ([#2814](https://github.com/akveo/nebular/issues/2814)) ([7753027](https://github.com/akveo/nebular/commit/7753027)) |
| 69 | +- **autocomplete:** input focus behavior on value change ([#2852](https://github.com/akveo/nebular/issues/2852)) ([a86da11](https://github.com/akveo/nebular/commit/a86da11)) |
| 70 | +- **button:** prevent expression changed error on icon button ([#2846](https://github.com/akveo/nebular/issues/2846)) ([baee608](https://github.com/akveo/nebular/commit/baee608)) |
| 71 | +- **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)) |
| 72 | +- **chat:** file drop in firefox ([#2776](https://github.com/akveo/nebular/issues/2776)) ([07db7f5](https://github.com/akveo/nebular/commit/07db7f5)) |
| 73 | +- **checkbox:** don't style user icons in checkbox ([#2857](https://github.com/akveo/nebular/issues/2857)) ([a94a867](https://github.com/akveo/nebular/commit/a94a867)) |
| 74 | +- **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)) |
| 75 | +- **context menu:** prevent close on expand icon click ([#2923](https://github.com/akveo/nebular/issues/2923)) ([2b7f60c](https://github.com/akveo/nebular/commit/2b7f60c)) |
| 76 | +- **datapicker:** input update issue with reactive forms ([#2945](https://github.com/akveo/nebular/issues/2945)) ([07527f8](https://github.com/akveo/nebular/commit/07527f8)) |
| 77 | +- **flip card:** prevent extra whitespace ([#2854](https://github.com/akveo/nebular/issues/2854)) ([e8fa95b](https://github.com/akveo/nebular/commit/e8fa95b)) |
| 78 | +- **focus trigger strategy:** detect click out via activeElement ([#2865](https://github.com/akveo/nebular/issues/2865)) ([1f8e0cb](https://github.com/akveo/nebular/commit/1f8e0cb)) |
| 79 | +- **focus trigger strategy clickout:** consider click target ([#2885](https://github.com/akveo/nebular/issues/2885)) ([a5f695a](https://github.com/akveo/nebular/commit/a5f695a)) |
| 80 | +- **moment date service:** use locale format by default ([#2856](https://github.com/akveo/nebular/issues/2856)) ([491c696](https://github.com/akveo/nebular/commit/491c696)) |
| 81 | +- **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)) |
| 82 | +- **route tabset:** support icon config object ([#2810](https://github.com/akveo/nebular/issues/2810)) ([ff00a16](https://github.com/akveo/nebular/commit/ff00a16)) |
| 83 | +- **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)) |
| 84 | +- **select:** add ellipsis on selection view ([#2809](https://github.com/akveo/nebular/issues/2809)) ([9b525f4](https://github.com/akveo/nebular/commit/9b525f4)) |
| 85 | +- **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)) |
| 86 | +- **select:** scroll into selected option on open ([#2859](https://github.com/akveo/nebular/issues/2859)) ([1c02e15](https://github.com/akveo/nebular/commit/1c02e15)) |
| 87 | +- **select, autocomplete:** don't open overlay without options ([#2930](https://github.com/akveo/nebular/issues/2930)) ([fca5cd1](https://github.com/akveo/nebular/commit/fca5cd1)) |
| 88 | +- **tabset:** lazy loading ([#2827](https://github.com/akveo/nebular/issues/2827)) ([a51513c](https://github.com/akveo/nebular/commit/a51513c)) |
| 89 | +- **tag list:** prevent initialisation error in Universal ([#2937](https://github.com/akveo/nebular/issues/2937)) ([e6a8ba0](https://github.com/akveo/nebular/commit/e6a8ba0)) |
| 90 | +- **theme:** correct custom properties subtraction ([#2932](https://github.com/akveo/nebular/issues/2932)) ([4e63abc](https://github.com/akveo/nebular/commit/4e63abc)) |
| 91 | +- **theme:** set scrollbars corner color ([#2943](https://github.com/akveo/nebular/issues/2943)) ([1447b15](https://github.com/akveo/nebular/commit/1447b15)) |
| 92 | +- **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)) |
| 93 | + |
| 94 | +### Code Refactoring |
| 95 | + |
| 96 | +- **overlay trigger:** accept element instead event ([#2974](https://github.com/akveo/nebular/issues/2974)) ([2137969](https://github.com/akveo/nebular/commit/2137969)) |
| 97 | +- **sidebar:** remove deprecated properties ([#2973](https://github.com/akveo/nebular/issues/2973)) ([0ba32cd](https://github.com/akveo/nebular/commit/0ba32cd)) |
| 98 | + |
1 | 99 | <a name="8.0.0"></a> |
2 | 100 |
|
3 | 101 | # [8.0.0](https://github.com/akveo/nebular/compare/v7.0.0...v8.0.0) (2021-06-27) |
|
0 commit comments