Skip to content

Commit 076d77e

Browse files
author
unknown
committed
1.0.0-beta3
1 parent b10cef2 commit 076d77e

22 files changed

+804
-10
lines changed

‎CHANGELOG.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,19 @@
1+
## 1.0.0-beta3 (19.04.2021)
2+
3+
### New components:
4+
5+
- [Alerts](https://mdbootstrap.com/docs/b5/angular/components/alerts/)
6+
- [Carousel](https://mdbootstrap.com/docs/b5/angular/components/carousel)
7+
- [Toasts](https://mdbootstrap.com/docs/b5/angular/components/toasts)
8+
9+
### Bug fixes:
10+
11+
- Datepicker - resolved problem with keyboard navigation when using `DownArrow` key,
12+
- Datepicker - resolved problem with selecting dates using `Enter/Space` keys in component with date filter,
13+
- Datepicker - added correct aria-labels to the previous/next buttons in the days view.
14+
15+
---
16+
117
## 1.0.0-beta2 (06.04.2021)
218

319
### New components:

‎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 Beta 2
3+
Version: FREE 1.0.0 Beta 3
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-beta2",
3+
"version": "1.0.0-beta3",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",

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

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,19 @@
1+
## 1.0.0-beta3 (19.04.2021)
2+
3+
### New components:
4+
5+
- [Alerts](https://mdbootstrap.com/docs/b5/angular/components/alerts/)
6+
- [Carousel](https://mdbootstrap.com/docs/b5/angular/components/carousel)
7+
- [Toasts](https://mdbootstrap.com/docs/b5/angular/components/toasts)
8+
9+
### Bug fixes:
10+
11+
- Datepicker - resolved problem with keyboard navigation when using `DownArrow` key,
12+
- Datepicker - resolved problem with selecting dates using `Enter/Space` keys in component with date filter,
13+
- Datepicker - added correct aria-labels to the previous/next buttons in the days view.
14+
15+
---
16+
117
## 1.0.0-beta2 (06.04.2021)
218

319
### New components:

‎projects/mdb-angular-ui-kit/LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2021 MDBootstrap
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎projects/mdb-angular-ui-kit/License.pdf

-252 KB
Binary file not shown.

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

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,11 @@
9696
align-items: center; // 2. vertically center contents
9797
justify-content: center; // 3. horizontally center contents
9898
width: $carousel-control-width;
99+
padding: 0;
99100
color: $carousel-control-color;
100101
text-align: center;
102+
background: none;
103+
border: 0;
101104
opacity: $carousel-control-opacity;
102105
@include transition($carousel-control-transition);
103106

@@ -153,10 +156,10 @@
153156
background-image: escape-svg($carousel-control-next-icon-bg);
154157
}
155158

156-
// Optional indicator pips
159+
// Optional indicator pips/controls
157160
//
158-
// Add an ordered list with the following class and add a list item for each
159-
// slide your carousel holds.
161+
// Add a container (such as a list) with the following class and add an item (ideally a focusable control,
162+
// like a button) with data-bs-target for each slide your carousel holds.
160163

161164
.carousel-indicators {
162165
position: absolute;
@@ -166,23 +169,26 @@
166169
z-index: 2;
167170
display: flex;
168171
justify-content: center;
169-
padding-left: 0; // override <ol> default
172+
padding: 0;
170173
// Use the .carousel-control's width as margin so we don't overlay those
171174
margin-right: $carousel-control-width;
175+
margin-bottom: 1rem;
172176
margin-left: $carousel-control-width;
173177
list-style: none;
174178

175-
li {
179+
button {
176180
box-sizing: content-box;
177181
flex: 0 1 auto;
178182
width: $carousel-indicator-width;
179183
height: $carousel-indicator-height;
184+
padding: 0;
180185
margin-right: $carousel-indicator-spacer;
181186
margin-left: $carousel-indicator-spacer;
182187
text-indent: -999px;
183188
cursor: pointer;
184189
background-color: $carousel-indicator-active-bg;
185190
background-clip: padding-box;
191+
border: 0;
186192
// Use transparent borders to increase the hit area by 10px on top and bottom.
187193
border-top: $carousel-indicator-hit-area-height solid transparent;
188194
border-bottom: $carousel-indicator-hit-area-height solid transparent;
@@ -218,7 +224,7 @@
218224
filter: $carousel-dark-control-icon-filter;
219225
}
220226

221-
.carousel-indicators li {
227+
.carousel-indicators button {
222228
background-color: $carousel-dark-indicator-active-bg;
223229
}
224230

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

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
// Alert
2+
3+
.alert {
4+
border: 0;
5+
}
6+
7+
.alert-absolute {
8+
position: absolute;
9+
}
10+
11+
.alert-fixed {
12+
position: fixed;
13+
z-index: $zindex-alert;
14+
}
15+
16+
.parent-alert-relative {
17+
position: relative;
18+
}

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

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
mdb-carousel {
2+
display: block;
3+
}
4+
5+
.carousel-control-prev-icon {
6+
&::after {
7+
content: '\f053';
8+
font-weight: $font-weight-bold;
9+
font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
10+
font-size: 1.7rem;
11+
}
12+
}
13+
.carousel-control-next-icon {
14+
&::after {
15+
content: '\f054';
16+
font-weight: $font-weight-bold;
17+
font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
18+
font-size: 1.7rem;
19+
}
20+
}
21+
.carousel-indicators {
22+
[data-mdb-target] {
23+
@extend [data-bs-target] !optional;
24+
}
25+
}

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

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
// Toasts
2+
3+
.toast {
4+
background-color: $toast-background-color;
5+
border: 0;
6+
box-shadow: $toast-box-shadow;
7+
8+
.btn-close {
9+
width: 1.3em;
10+
}
11+
}
12+
13+
.toast-header {
14+
background-color: $toast-header-background-color;
15+
}
16+
17+
.parent-toast-relative {
18+
position: relative;
19+
}
20+
21+
.toast-absolute {
22+
position: absolute;
23+
}
24+
25+
.toast-fixed {
26+
position: fixed;
27+
z-index: $zindex-toast;
28+
}
29+
30+
.toast:not(.showing):not(.show) {
31+
opacity: 1;
32+
}

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,8 @@
8080
@import './free/popover';
8181
@import './free/dropdown';
8282
@import './free/range';
83+
@import './free/alert';
84+
@import './free/toasts';
8385

8486
// MDB FORMS
8587
@import './free/forms/form-check';

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@
7070
@import './free/nav';
7171
@import './free/navbar';
7272
@import './free/card';
73+
@import './free/carousel';
7374
@import './free/breadcrumb';
7475
@import './free/pagination';
7576
@import './free/badge';
@@ -84,6 +85,8 @@
8485
@import './free/validation';
8586
@import './free/scrollspy';
8687
@import './free/range';
88+
@import './free/alert';
89+
@import './free/toasts';
8790

8891
// MDB FORMS
8992
@import './free/forms/form-check';

‎projects/mdb-angular-ui-kit/carousel/carousel-item.component.ts

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import { Component, ElementRef, HostBinding, Input, OnInit } from '@angular/core';
2+
3+
@Component({
4+
// tslint:disable-next-line: component-selector
5+
selector: 'mdb-carousel-item',
6+
template: '<ng-content></ng-content>',
7+
})
8+
export class MdbCarouselItemComponent implements OnInit {
9+
@Input() interval: number | null = null;
10+
11+
@HostBinding('class.carousel-item')
12+
carouselItem = true;
13+
14+
@HostBinding('class.active') active = false;
15+
16+
@HostBinding('class.carousel-item-next') next = false;
17+
@HostBinding('class.carousel-item-prev') prev = false;
18+
@HostBinding('class.carousel-item-start') start = false;
19+
@HostBinding('class.carousel-item-end') end = false;
20+
21+
get host(): HTMLElement {
22+
return this._elementRef.nativeElement;
23+
}
24+
25+
constructor(private _elementRef: ElementRef) {}
26+
27+
ngOnInit(): void {}
28+
}

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

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<div
2+
class="carousel slide"
3+
[class.carousel-fade]="animation === 'fade'"
4+
[class.carousel-dark]="dark"
5+
>
6+
<div class="carousel-indicators" *ngIf="indicators">
7+
<button
8+
*ngFor="let item of items; let i = index"
9+
type="button"
10+
[class.active]="i === activeSlide"
11+
[attr.aria-current]="i === activeSlide"
12+
(click)="to(i)"
13+
></button>
14+
</div>
15+
16+
<div class="carousel-inner">
17+
<ng-content></ng-content>
18+
</div>
19+
20+
<button *ngIf="controls" class="carousel-control-prev" type="button" (click)="prev()">
21+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
22+
<span class="visually-hidden">Previous</span>
23+
</button>
24+
<button *ngIf="controls" class="carousel-control-next" type="button" (click)="next()">
25+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
26+
<span class="visually-hidden">Next</span>
27+
</button>
28+
</div>

0 commit comments

Comments
 (0)