Skip to content

Commit 6fb8c82

Browse files
BartoszTermenaBartoszTermena
committed
Release 8.6.0
1 parent e2ef176 commit 6fb8c82

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+712
-566
lines changed

‎angular-bootstrap-md-8.5.0.tgz‎

-2.54 MB
Binary file not shown.

‎angular-bootstrap-md-8.6.0.tgz‎

2.46 MB
Binary file not shown.

‎changelog‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,28 @@
1+
8.6.0
2+
In version 8.6.0 we added some fixes and new features. Check what changed below:
3+
4+
**Fixes:**
5+
6+
* Select - resolved problem with maintaing focus on component when navigating using keyboard and added proper colors for focused component,
7+
* Select - resolved problem with navigation to other element using tab or shift+tab keys,
8+
* Select - added different color for highlighted options to help to distinguish selected options from highlighted options,
9+
* Select - resolved problem with highlighting option when typing its name (it works when filter input is disabled),
10+
* Select - resolved problem with dropdown position when using filter input or custom content,
11+
* Select - resolved problems with styles and dropdown position in outline mode,
12+
* Select - resolved problems with resetting selected value,
13+
* Buttons - styles will be now properly updated if inputs values change,
14+
* Prefix icon - removed unecessary color transition delay,
15+
* Datepicker - resolved problem with disabling component with reactive forms
16+
* Datepicker - resolved problem with z-index in inline mode (this problem occured when multiple components were used in the same view),
17+
* Table sort - resolved problem with returning undefined sortOrder in (sorted) output.
18+
19+
**New Features:**
20+
21+
* Select - added possibility to use prefix icon,
22+
* Select - added proper aria attributes,
23+
* Timepicker - added possibility to mark input as readonly,
24+
* WYSIWYG plugin - added new (valueContent) output that will return only text content without HTML tags.
25+
126
8.5.0
227
In version 8.5.0 we added some fixes and new features. Check what changed below:
328

‎package-lock.json‎

Lines changed: 118 additions & 134 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-bootstrap-md-lib",
3-
"version": "8.5.0",
3+
"version": "8.6.0",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",
@@ -29,7 +29,7 @@
2929
"@angular/router": "~8.0.0",
3030
"@fortawesome/fontawesome-free": "^5.6.3",
3131
"@types/chart.js": "^2.7.42",
32-
"angular-bootstrap-md": "file:angular-bootstrap-md-8.5.0.tgz",
32+
"angular-bootstrap-md": "file:angular-bootstrap-md-8.6.0.tgz",
3333
"chart.js": "^2.5.0",
3434
"core-js": "^2.5.4",
3535
"hammerjs": "^2.0.8",

‎projects/angular-bootstrap-md/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "angular-bootstrap-md",
33
"repository": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design",
4-
"version": "8.5.0",
4+
"version": "8.6.0",
55
"schematics": "./schematics/collection.json",
66
"files": [
77
"**/*"

‎projects/angular-bootstrap-md/src/lib/assets/scss/core/_variables.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,7 @@ $input-label-transition: 0.2s ease-out !default;
207207
$input-label-color: #757575 !default;
208208
$input-label-top: 0.65rem !default;
209209
$input-label-active-transform: translateY(-14px) !default;
210-
$input-prefix-transition: color 0.2s !default;
210+
$input-prefix-transition: color 0s !default;
211211

212212
$input-md-form-margin-top: 1.5rem !default;
213213
$input-md-form-margin-bottom: $input-md-form-margin-top !default;

‎projects/angular-bootstrap-md/src/lib/assets/scss/core/msc/_forms.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -418,7 +418,7 @@
418418
}
419419

420420
label {
421-
font-size: 1rem;
421+
font-size: 1rem !important;
422422
position: absolute;
423423
top: 0;
424424
left: 0;

‎projects/angular-bootstrap-md/src/lib/changelog‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,28 @@
1+
8.6.0
2+
In version 8.6.0 we added some fixes and new features. Check what changed below:
3+
4+
**Fixes:**
5+
6+
* Select - resolved problem with maintaing focus on component when navigating using keyboard and added proper colors for focused component,
7+
* Select - resolved problem with navigation to other element using tab or shift+tab keys,
8+
* Select - added different color for highlighted options to help to distinguish selected options from highlighted options,
9+
* Select - resolved problem with highlighting option when typing its name (it works when filter input is disabled),
10+
* Select - resolved problem with dropdown position when using filter input or custom content,
11+
* Select - resolved problems with styles and dropdown position in outline mode,
12+
* Select - resolved problems with resetting selected value,
13+
* Buttons - styles will be now properly updated if inputs values change,
14+
* Prefix icon - removed unecessary color transition delay,
15+
* Datepicker - resolved problem with disabling component with reactive forms
16+
* Datepicker - resolved problem with z-index in inline mode (this problem occured when multiple components were used in the same view),
17+
* Table sort - resolved problem with returning undefined sortOrder in (sorted) output.
18+
19+
**New Features:**
20+
21+
* Select - added possibility to use prefix icon,
22+
* Select - added proper aria attributes,
23+
* Timepicker - added possibility to mark input as readonly,
24+
* WYSIWYG plugin - added new (valueContent) output that will return only text content without HTML tags.
25+
126
8.5.0
227
In version 8.5.0 we added some fixes and new features. Check what changed below:
328

‎projects/angular-bootstrap-md/src/lib/free/buttons/buttons.directive.ts‎

Lines changed: 115 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,13 @@
1-
import { Component, ElementRef, Input, OnInit, Renderer2, ViewEncapsulation } from '@angular/core';
1+
import {
2+
Component,
3+
ElementRef,
4+
Input,
5+
OnInit,
6+
Renderer2,
7+
ViewEncapsulation,
8+
SimpleChanges,
9+
OnChanges,
10+
} from '@angular/core';
211

312
@Component({
413
// tslint:disable-next-line:component-selector
@@ -8,7 +17,7 @@ import { Component, ElementRef, Input, OnInit, Renderer2, ViewEncapsulation } fr
817
encapsulation: ViewEncapsulation.None,
918
})
1019
// tslint:disable-next-line:component-class-suffix
11-
export class MdbBtnDirective implements OnInit {
20+
export class MdbBtnDirective implements OnInit, OnChanges {
1221
@Input() color = '';
1322
@Input() rounded = false;
1423
@Input() gradient = '';
@@ -17,67 +26,148 @@ export class MdbBtnDirective implements OnInit {
1726
@Input() size = '';
1827
@Input() block = false;
1928
@Input() floating = false;
29+
30+
public simpleChange: string;
31+
public simpleChangeValue: string;
32+
33+
private colorClass: string;
34+
private gradientClass: string;
35+
private outlineClass: string;
36+
private flatClass: string;
37+
private roundedClass: string;
38+
private sizeClass: string;
39+
private blockClass: string;
40+
private floatingClass: string;
41+
2042
constructor(private el: ElementRef, private renderer: Renderer2) {}
2143

2244
ngOnInit() {
23-
const colorClass = 'btn-' + this.color;
24-
const gradientClass = this.gradient + '-gradient';
25-
const outlineClass = 'btn-outline-' + this.color;
26-
const flatClass = 'btn-flat';
27-
const roundedClass = 'btn-rounded';
28-
const sizeClass = 'btn-' + this.size;
29-
const blockClass = 'btn-block';
30-
const floatingClass = 'btn-floating';
31-
45+
this.colorClass = 'btn-' + this.color;
46+
this.gradientClass = this.gradient + '-gradient';
47+
this.outlineClass = 'btn-outline-' + this.color;
48+
this.flatClass = 'btn-flat';
49+
this.roundedClass = 'btn-rounded';
50+
this.sizeClass = 'btn-' + this.size;
51+
this.blockClass = 'btn-block';
52+
this.floatingClass = 'btn-floating';
3253
this.renderer.addClass(this.el.nativeElement, 'btn');
3354

55+
this.initClasses();
56+
}
57+
58+
ngOnChanges(changes: SimpleChanges) {
59+
if (changes.color) {
60+
this.renderer.removeClass(this.el.nativeElement, this.colorClass);
61+
if (this.color !== '') {
62+
this.colorClass = 'btn-' + this.color;
63+
this.renderer.addClass(this.el.nativeElement, this.colorClass);
64+
}
65+
}
66+
if (changes.gradient) {
67+
this.renderer.removeClass(this.el.nativeElement, this.gradientClass);
68+
if (this.gradient !== '') {
69+
this.gradientClass = this.gradient + '-gradient';
70+
this.renderer.addClass(this.el.nativeElement, this.gradientClass);
71+
}
72+
}
73+
if (changes.outline) {
74+
this.renderer.removeClass(this.el.nativeElement, this.outlineClass);
75+
if (this.outline) {
76+
this.outlineClass = 'btn-outline-' + this.color;
77+
this.renderer.addClass(this.el.nativeElement, this.outlineClass);
78+
}
79+
}
80+
if (changes.flat) {
81+
this.renderer.removeClass(this.el.nativeElement, this.flatClass);
82+
if (this.flat) {
83+
this.flatClass = 'btn-flat';
84+
this.renderer.addClass(this.el.nativeElement, this.flatClass);
85+
}
86+
}
87+
88+
if (changes.rounded) {
89+
this.renderer.removeClass(this.el.nativeElement, this.roundedClass);
90+
if (this.rounded) {
91+
this.roundedClass = 'btn-rounded';
92+
this.renderer.addClass(this.el.nativeElement, this.roundedClass);
93+
}
94+
}
95+
if (changes.size) {
96+
this.renderer.removeClass(this.el.nativeElement, this.sizeClass);
97+
if (this.size !== '') {
98+
this.sizeClass = 'btn-' + this.size;
99+
this.renderer.addClass(this.el.nativeElement, this.sizeClass);
100+
}
101+
}
102+
if (changes.block) {
103+
this.renderer.removeClass(this.el.nativeElement, this.blockClass);
104+
if (this.block) {
105+
this.blockClass = 'btn-block';
106+
this.renderer.addClass(this.el.nativeElement, this.blockClass);
107+
}
108+
}
109+
if (changes.floating) {
110+
if (!this.floating) {
111+
this.renderer.removeClass(this.el.nativeElement, this.floatingClass);
112+
this.renderer.addClass(this.el.nativeElement, 'btn');
113+
}
114+
115+
if (this.floating) {
116+
this.floatingClass = 'btn-floating';
117+
this.renderer.addClass(this.el.nativeElement, this.floatingClass);
118+
this.renderer.removeClass(this.el.nativeElement, 'btn');
119+
}
120+
}
121+
}
122+
123+
initClasses() {
34124
if (this.color !== '') {
35-
this.renderer.addClass(this.el.nativeElement, colorClass);
125+
this.renderer.addClass(this.el.nativeElement, this.colorClass);
36126
}
37127

38128
if (this.rounded) {
39-
this.renderer.addClass(this.el.nativeElement, roundedClass);
129+
this.renderer.addClass(this.el.nativeElement, this.roundedClass);
40130
}
41131

42132
if (this.gradient) {
43133
if (this.color !== '') {
44-
this.renderer.removeClass(this.el.nativeElement, colorClass);
134+
this.renderer.removeClass(this.el.nativeElement, this.colorClass);
45135
}
46-
this.renderer.addClass(this.el.nativeElement, gradientClass);
136+
this.renderer.addClass(this.el.nativeElement, this.gradientClass);
47137
}
48138

49139
if (this.outline) {
50-
this.renderer.removeClass(this.el.nativeElement, colorClass);
51-
this.renderer.addClass(this.el.nativeElement, outlineClass);
140+
this.renderer.removeClass(this.el.nativeElement, this.colorClass);
141+
this.renderer.addClass(this.el.nativeElement, this.outlineClass);
52142
}
53143

54144
if (this.flat) {
55145
if (this.color) {
56-
this.renderer.removeClass(this.el.nativeElement, colorClass);
146+
this.renderer.removeClass(this.el.nativeElement, this.colorClass);
57147
}
58148
if (this.gradient) {
59-
this.renderer.removeClass(this.el.nativeElement, gradientClass);
149+
this.renderer.removeClass(this.el.nativeElement, this.gradientClass);
60150
}
61151
if (this.outline) {
62-
this.renderer.removeClass(this.el.nativeElement, outlineClass);
152+
this.renderer.removeClass(this.el.nativeElement, this.outlineClass);
63153
}
64154
if (this.rounded) {
65-
this.renderer.removeClass(this.el.nativeElement, roundedClass);
155+
this.renderer.removeClass(this.el.nativeElement, this.roundedClass);
66156
}
67-
this.renderer.addClass(this.el.nativeElement, flatClass);
157+
this.renderer.addClass(this.el.nativeElement, this.flatClass);
68158
}
69159

70160
if (this.size) {
71-
this.renderer.addClass(this.el.nativeElement, sizeClass);
161+
this.renderer.addClass(this.el.nativeElement, this.sizeClass);
72162
}
73163

74164
if (this.block) {
75-
this.renderer.addClass(this.el.nativeElement, blockClass);
165+
this.renderer.addClass(this.el.nativeElement, this.blockClass);
76166
}
77167

78168
if (this.floating) {
169+
this.renderer.addClass(this.el.nativeElement, this.floatingClass);
79170
this.renderer.removeClass(this.el.nativeElement, 'btn');
80-
this.renderer.addClass(this.el.nativeElement, floatingClass);
81171
}
82172
}
83173
}

0 commit comments

Comments
 (0)