Skip to content

Commit bdd547c

Browse files
author
unknown
committed
1.0.0-beta1
1 parent a342e64 commit bdd547c

32 files changed

+953
-3
lines changed

‎CHANGELOG.md

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,30 @@
1+
## 1.0.0-beta1 (22.03.2021)
2+
3+
### New components:
4+
5+
- [Range](https://mdbootstrap.com/docs/b5/angular/forms/range/)
6+
- [File](https://mdbootstrap.com/docs/b5/angular/forms/file)
7+
- [Switch](https://mdbootstrap.com/docs/b5/angular/forms/switch/)
8+
- [Input group](https://mdbootstrap.com/docs/b5/angular/forms-input-group/)
9+
- [Pills](https://mdbootstrap.com/docs/b5/angular/navigation/pills/)
10+
- [Tabs](https://mdbootstrap.com/docs/b5/angular/navigation/tabs/)
11+
12+
### Bug fixes:
13+
14+
- Scrollspy - added `cursor: pointer` styles to scrollspy links,
15+
- Sidenav - resolved problem with errors when `RouterModule` is not imported,
16+
- Sidenav - component will be correctly updated on inputs changes,
17+
- Sidenav - resolved problem with scroll position,
18+
- Sidenav - added components and module exports to main library index.
19+
20+
### New features:
21+
22+
- Animations - added new animations: `slideLeft`, `slideRight`, `slideUp`, `slideDown`,
23+
- Sidenav - added focus trap,
24+
- Sidenav - escape button will now close the component.
25+
26+
---
27+
128
## 1.0.0-alpha4 (08.03.2021)
229

330
### New components:
@@ -9,14 +36,18 @@
936
- [Validation](https://mdbootstrap.com/docs/b5/angular/forms/validation/)
1037

1138
### Bug fixes:
39+
1240
- Select - `x options selected` text will be displayed correctly when more than 5 options have been selected,
1341
- Select - fixed clear button focusing issue.
1442

1543
### New features:
44+
1645
- Select - added new `displayedLabels` input that allows to change maximum number of comma-separated options labels displayed in the multiselect input,
1746
- Select - added new `optionsSelectedLabel` input that allows to customize x options selected text,
1847
- Select - added new `filterDebounce` input that allows to add delay to the options list updates when using filter input
1948

49+
---
50+
2051
## 1.0.0-alpha3 (22.02.2021)
2152

2253
### New components:
@@ -26,6 +57,8 @@
2657
- [Select](https://mdbootstrap.com/docs/b5/angular/forms/select/)
2758
- [Scrollbar](https://mdbootstrap.com/docs/b5/angular/methods/scrollbar/)
2859

60+
---
61+
2962
## 1.0.0-alpha2 (25.01.2021)
3063

3164
### New components:
@@ -36,6 +69,8 @@
3669
- [Input](https://mdbootstrap.com/docs/b5/angular/forms/input-fields/)
3770
- [Radio](https://mdbootstrap.com/docs/b5/angular/forms/radio/)
3871

72+
---
73+
3974
## 1.0.0-alpha1 (11.01.2021)
4075

4176
The initial release of MDB 5 Angular Alpha 1.

‎README.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MDB 5 Angular
22

3-
Version: FREE 1.0.0 Alpha 4
3+
Version: FREE 1.0.0 Beta 1
44

55
Documentation:
66
https://mdbootstrap.com/docs/b5/angular/

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "mdb-angular-ui-kit-free",
3-
"version": "1.0.0-alpha4",
3+
"version": "1.0.0-beta1",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",

‎projects/mdb-angular-ui-kit/CHANGELOG.md

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,30 @@
1+
## 1.0.0-beta1 (22.03.2021)
2+
3+
### New components:
4+
5+
- [Range](https://mdbootstrap.com/docs/b5/angular/forms/range/)
6+
- [File](https://mdbootstrap.com/docs/b5/angular/forms/file)
7+
- [Switch](https://mdbootstrap.com/docs/b5/angular/forms/switch/)
8+
- [Input group](https://mdbootstrap.com/docs/b5/angular/forms-input-group/)
9+
- [Pills](https://mdbootstrap.com/docs/b5/angular/navigation/pills/)
10+
- [Tabs](https://mdbootstrap.com/docs/b5/angular/navigation/tabs/)
11+
12+
### Bug fixes:
13+
14+
- Scrollspy - added `cursor: pointer` styles to scrollspy links,
15+
- Sidenav - resolved problem with errors when `RouterModule` is not imported,
16+
- Sidenav - component will be correctly updated on inputs changes,
17+
- Sidenav - resolved problem with scroll position,
18+
- Sidenav - added components and module exports to main library index.
19+
20+
### New features:
21+
22+
- Animations - added new animations: `slideLeft`, `slideRight`, `slideUp`, `slideDown`,
23+
- Sidenav - added focus trap,
24+
- Sidenav - escape button will now close the component.
25+
26+
---
27+
128
## 1.0.0-alpha4 (08.03.2021)
229

330
### New components:
@@ -9,14 +36,18 @@
936
- [Validation](https://mdbootstrap.com/docs/b5/angular/forms/validation/)
1037

1138
### Bug fixes:
39+
1240
- Select - `x options selected` text will be displayed correctly when more than 5 options have been selected,
1341
- Select - fixed clear button focusing issue.
1442

1543
### New features:
44+
1645
- Select - added new `displayedLabels` input that allows to change maximum number of comma-separated options labels displayed in the multiselect input,
1746
- Select - added new `optionsSelectedLabel` input that allows to customize x options selected text,
1847
- Select - added new `filterDebounce` input that allows to add delay to the options list updates when using filter input
1948

49+
---
50+
2051
## 1.0.0-alpha3 (22.02.2021)
2152

2253
### New components:
@@ -26,6 +57,8 @@
2657
- [Select](https://mdbootstrap.com/docs/b5/angular/forms/select/)
2758
- [Scrollbar](https://mdbootstrap.com/docs/b5/angular/methods/scrollbar/)
2859

60+
---
61+
2962
## 1.0.0-alpha2 (25.01.2021)
3063

3164
### New components:
@@ -36,6 +69,8 @@
3669
- [Input](https://mdbootstrap.com/docs/b5/angular/forms/input-fields/)
3770
- [Radio](https://mdbootstrap.com/docs/b5/angular/forms/radio/)
3871

72+
---
73+
3974
## 1.0.0-alpha1 (11.01.2021)
4075

4176
The initial release of MDB 5 Angular Alpha 1.

‎projects/mdb-angular-ui-kit/assets/scss/free/_range.scss

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
// range
2+
.range {
3+
position: relative;
4+
5+
.thumb {
6+
position: absolute;
7+
display: block;
8+
height: 30px;
9+
width: 30px;
10+
top: -35px;
11+
margin-left: -15px;
12+
text-align: center;
13+
border-radius: 50% 50% 50% 0;
14+
transform: scale(0);
15+
transform-origin: bottom;
16+
transition: transform 0.2s ease-in-out;
17+
18+
&:after {
19+
position: absolute;
20+
display: block;
21+
content: '';
22+
transform: translateX(-50%);
23+
width: 100%;
24+
height: 100%;
25+
top: 0;
26+
border-radius: 50% 50% 50% 0;
27+
transform: rotate(-45deg);
28+
background: #1266f1;
29+
z-index: -1;
30+
}
31+
32+
.thumb-value {
33+
display: block;
34+
font-size: 12px;
35+
line-height: 30px;
36+
color: rgb(255, 255, 255);
37+
font-weight: 500;
38+
z-index: 2;
39+
}
40+
41+
&.thumb-active {
42+
transform: scale(1);
43+
}
44+
}
45+
}

‎projects/mdb-angular-ui-kit/assets/scss/free/_scrollspy.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
11
// Scrollspy
2+
.scrollspy-link {
3+
cursor: pointer;
4+
}
25

36
.nav-pills {
47
&.menu-sidebar {

‎projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-file.scss

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
.form-control {
2+
&[type='file'] {
3+
&::-webkit-file-upload-button {
4+
background-color: transparent;
5+
}
6+
}
7+
&:hover {
8+
&:not(:disabled):not([readonly])::-webkit-file-upload-button {
9+
background-color: transparent;
10+
}
11+
}
12+
}
13+
14+
.form-control-sm {
15+
&::-webkit-file-upload-button {
16+
padding: 0.28rem 0.5rem;
17+
margin: -0.28rem -0.5rem;
18+
}
19+
}

‎projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-range.scss

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
// Range
2+
//
3+
// Style range inputs the same across browsers. Vendor-specific rules for pseudo
4+
// elements cannot be mixed. As such, there are no shared styles for focus or
5+
// active states on prefixed selectors.
6+
7+
.form-range {
8+
&:focus {
9+
box-shadow: none;
10+
11+
// Pseudo-elements must be split across multiple rulesets to have an effect.
12+
// No box-shadow() mixin for focus accessibility.
13+
&::-webkit-slider-thumb {
14+
box-shadow: none;
15+
}
16+
&::-moz-range-thumb {
17+
box-shadow: none;
18+
}
19+
&::-ms-thumb {
20+
box-shadow: none;
21+
}
22+
}
23+
24+
&::-moz-focus-outer {
25+
border: 0;
26+
}
27+
28+
&::-webkit-slider-thumb {
29+
margin-top: $form-range-webkit-slider-thumb-margin-top; // Webkit specific
30+
box-shadow: none;
31+
appearance: none;
32+
}
33+
34+
&::-webkit-slider-runnable-track {
35+
height: $form-range-webkit-slider-runnable-track-height;
36+
border-radius: 0;
37+
}
38+
39+
&::-moz-range-thumb {
40+
box-shadow: none;
41+
appearance: none;
42+
}
43+
}

‎projects/mdb-angular-ui-kit/assets/scss/free/forms/_input-group.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,3 +79,13 @@
7979
.input-group > [class*='btn-outline-'] + [class*='btn-outline-'] {
8080
border-left: 0;
8181
}
82+
83+
.input-group div:not(:first-child).dropdown button.dropdown-toggle {
84+
margin-left: -$input-border-width;
85+
@include border-start-radius(0);
86+
}
87+
88+
.input-group div:not(:last-child).dropdown button.dropdown-toggle {
89+
margin-right: -$input-border-width;
90+
@include border-end-radius(0);
91+
}

‎projects/mdb-angular-ui-kit/assets/scss/mdb.free.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,9 +79,11 @@
7979
@import './free/tooltip';
8080
@import './free/popover';
8181
@import './free/dropdown';
82+
@import './free/range';
8283

8384
// MDB FORMS
8485
@import './free/forms/form-check';
8586
@import './free/forms/form-control';
87+
@import './free/forms/form-range';
8688

8789
@import '~@angular/cdk/overlay-prebuilt.css';

‎projects/mdb-angular-ui-kit/assets/scss/mdb.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,11 +83,14 @@
8383
@import './free/ripple';
8484
@import './free/validation';
8585
@import './free/scrollspy';
86+
@import './free/range';
8687

8788
// MDB FORMS
8889
@import './free/forms/form-check';
8990
@import './free/forms/form-control';
9091
@import './free/forms/form-select';
92+
@import './free/forms/form-range';
9193
@import './free/forms/input-group';
94+
@import './free/forms/form-file';
9295

9396
@import '~@angular/cdk/overlay-prebuilt.css';

‎projects/mdb-angular-ui-kit/checkbox/checkbox.directive.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,7 @@ export class MdbCheckboxDirective {
9191
}
9292
this._checked = !this._checked;
9393
this.onChange(this.checked);
94+
this.onCheckboxChange();
9495
}
9596

9697
onCheckboxChange(): void {

‎projects/mdb-angular-ui-kit/index.ts

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ import { MdbDropdownModule } from './dropdown/dropdown.module';
1313
import { MdbRippleModule } from './ripple/ripple.module';
1414
import { MdbValidationModule } from './validation/validation.module';
1515
import { MdbScrollspyModule } from './scrollspy/scrollspy.module';
16+
import { MdbRangeModule } from './range/range.module';
17+
import { MdbTabsModule } from './tabs/tabs.module';
1618

1719
export { MdbCollapseDirective, MdbCollapseModule } from './collapse/index';
1820
export {
@@ -62,6 +64,14 @@ export {
6264
MdbScrollspyService,
6365
MdbScrollspyModule,
6466
} from './scrollspy/index';
67+
export { MdbRangeComponent, MdbRangeModule } from './range/index';
68+
export {
69+
MdbTabComponent,
70+
MdbTabContentDirective,
71+
MdbTabTitleDirective,
72+
MdbTabsComponent,
73+
MdbTabsModule,
74+
} from './tabs/index';
6575

6676
const MDB_MODULES = [
6777
MdbCollapseModule,
@@ -75,6 +85,8 @@ const MDB_MODULES = [
7585
MdbRippleModule,
7686
MdbValidationModule,
7787
MdbScrollspyModule,
88+
MdbRangeModule,
89+
MdbTabsModule,
7890
];
7991

8092
@NgModule({

‎projects/mdb-angular-ui-kit/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"repository": "https://github.com/mdbootstrap/mdb-angular-ui-kit",
44
"author": "MDBootstrap",
55
"license": "MIT",
6-
"version": "1.0.0-alpha4",
6+
"version": "1.0.0-beta1",
77
"peerDependencies": {
88
"@angular/common": "^11.0.0",
99
"@angular/core": "^11.0.0",

‎projects/mdb-angular-ui-kit/range/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './public_api';

‎projects/mdb-angular-ui-kit/range/public_api.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
export { MdbRangeModule } from './range.module';
2+
export { MdbRangeComponent } from './range.component';

‎projects/mdb-angular-ui-kit/range/range.component.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<label for="customRange2" class="form-label">Example range</label>
2+
<div class="range">
3+
<input
4+
#input
5+
[name]="name"
6+
type="range"
7+
[disabled]="disabled"
8+
[id]="id"
9+
[min]="min"
10+
[max]="max"
11+
[step]="step"
12+
[value]="value"
13+
[(ngModel)]="value"
14+
class="form-range"
15+
min="0"
16+
max="5"
17+
[id]="id"
18+
(input)="thumbPositionUpdate()"
19+
(blur)="blurRangeInput()"
20+
(mousedown)="focusRangeInput()"
21+
(mouseup)="blurRangeInput()"
22+
(touchstart)="focusRangeInput()"
23+
(touchend)="blurRangeInput()"
24+
/>
25+
<span #thumb class="thumb" [ngStyle]="thumbStyle" [ngClass]="{ 'thumb-active': this.visibility }">
26+
<span #thumbValue class="thumb-value">{{ value }}</span>
27+
</span>
28+
</div>

0 commit comments

Comments
 (0)