@mintplayer/ng-bootstrap 14.0.0 → 14.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/alert/alert/alert.component.mjs +25 -5
- package/fesm2015/mintplayer-ng-bootstrap.mjs +23 -3
- package/fesm2015/mintplayer-ng-bootstrap.mjs.map +1 -1
- package/fesm2020/mintplayer-ng-bootstrap.mjs +23 -3
- package/fesm2020/mintplayer-ng-bootstrap.mjs.map +1 -1
- package/lib/components/alert/alert/alert.component.d.ts +8 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { FadeInOutAnimation } from '@mintplayer/ng-animations';
|
|
3
3
|
import { Color } from '../../../enums';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -7,15 +7,35 @@ export class BsAlertComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.type = Color.primary;
|
|
9
9
|
this.colors = Color;
|
|
10
|
-
|
|
10
|
+
//#region IsVisible
|
|
11
|
+
this._isVisible = true;
|
|
12
|
+
this.isVisibleChange = new EventEmitter();
|
|
13
|
+
//#endregion
|
|
14
|
+
this.afterOpenedOrClosed = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
get isVisible() {
|
|
17
|
+
return this._isVisible;
|
|
18
|
+
}
|
|
19
|
+
set isVisible(value) {
|
|
20
|
+
this._isVisible = value;
|
|
21
|
+
this.isVisibleChange.emit(value);
|
|
22
|
+
}
|
|
23
|
+
onAfterOpenedOrClosed(isVisible) {
|
|
24
|
+
this.afterOpenedOrClosed.emit(isVisible);
|
|
11
25
|
}
|
|
12
26
|
}
|
|
13
27
|
BsAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
BsAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: BsAlertComponent, selector: "bs-alert", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut]>\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [FadeInOutAnimation] });
|
|
28
|
+
BsAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: BsAlertComponent, selector: "bs-alert", inputs: { type: "type", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", afterOpenedOrClosed: "afterOpenedOrClosed" }, ngImport: i0, template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut] (@fadeInOut.done)=\"onAfterOpenedOrClosed(isVisible)\">\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [FadeInOutAnimation] });
|
|
15
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BsAlertComponent, decorators: [{
|
|
16
30
|
type: Component,
|
|
17
|
-
args: [{ selector: 'bs-alert', animations: [FadeInOutAnimation], template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut]>\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"] }]
|
|
31
|
+
args: [{ selector: 'bs-alert', animations: [FadeInOutAnimation], template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut] (@fadeInOut.done)=\"onAfterOpenedOrClosed(isVisible)\">\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"] }]
|
|
18
32
|
}], propDecorators: { type: [{
|
|
19
33
|
type: Input
|
|
34
|
+
}], isVisible: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], isVisibleChange: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}], afterOpenedOrClosed: [{
|
|
39
|
+
type: Output
|
|
20
40
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVF2QyxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBUWtCLFNBQUksR0FBVSxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzVDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZixtQkFBbUI7UUFDWCxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBUWhCLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUN4RCxZQUFZO1FBRUYsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUlwRDtJQWRDLElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBb0IsU0FBUyxDQUFDLEtBQWM7UUFDMUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUtELHFCQUFxQixDQUFDLFNBQWtCO1FBQ3RDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7NkdBcEJVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLCtMQ1Y3QiwyUEFJTSxzVERJUSxDQUFFLGtCQUFrQixDQUFFOzJGQUV2QixnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxjQUdSLENBQUUsa0JBQWtCLENBQUU7OEJBSWxCLElBQUk7c0JBQW5CLEtBQUs7Z0JBUWMsU0FBUztzQkFBNUIsS0FBSztnQkFJSSxlQUFlO3NCQUF4QixNQUFNO2dCQUdHLG1CQUFtQjtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYWRlSW5PdXRBbmltYXRpb24gfSBmcm9tICdAbWludHBsYXllci9uZy1hbmltYXRpb25zJztcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdicy1hbGVydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFsgRmFkZUluT3V0QW5pbWF0aW9uIF1cbn0pXG5leHBvcnQgY2xhc3MgQnNBbGVydENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcHVibGljIHR5cGU6IENvbG9yID0gQ29sb3IucHJpbWFyeTtcbiAgY29sb3JzID0gQ29sb3I7XG5cbiAgLy8jcmVnaW9uIElzVmlzaWJsZVxuICBwcml2YXRlIF9pc1Zpc2libGUgPSB0cnVlO1xuICBnZXQgaXNWaXNpYmxlKCkge1xuICAgIHJldHVybiB0aGlzLl9pc1Zpc2libGU7XG4gIH1cbiAgQElucHV0KCkgcHVibGljIHNldCBpc1Zpc2libGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9pc1Zpc2libGUgPSB2YWx1ZTtcbiAgICB0aGlzLmlzVmlzaWJsZUNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxuICBAT3V0cHV0KCkgaXNWaXNpYmxlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAvLyNlbmRyZWdpb25cblxuICBAT3V0cHV0KCkgYWZ0ZXJPcGVuZWRPckNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgb25BZnRlck9wZW5lZE9yQ2xvc2VkKGlzVmlzaWJsZTogYm9vbGVhbikge1xuICAgIHRoaXMuYWZ0ZXJPcGVuZWRPckNsb3NlZC5lbWl0KGlzVmlzaWJsZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYi0zIG92ZXJmbG93LWhpZGRlblwiICpuZ0lmPVwiaXNWaXNpYmxlXCIgW0BmYWRlSW5PdXRdIChAZmFkZUluT3V0LmRvbmUpPVwib25BZnRlck9wZW5lZE9yQ2xvc2VkKGlzVmlzaWJsZSlcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWxlcnQgbWItMFwiIFtuZ0NsYXNzXT1cIidhbGVydC0nICsgY29sb3JzW3R5cGVdXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -254,16 +254,36 @@ class BsAlertComponent {
|
|
|
254
254
|
constructor() {
|
|
255
255
|
this.type = Color.primary;
|
|
256
256
|
this.colors = Color;
|
|
257
|
-
|
|
257
|
+
//#region IsVisible
|
|
258
|
+
this._isVisible = true;
|
|
259
|
+
this.isVisibleChange = new EventEmitter();
|
|
260
|
+
//#endregion
|
|
261
|
+
this.afterOpenedOrClosed = new EventEmitter();
|
|
262
|
+
}
|
|
263
|
+
get isVisible() {
|
|
264
|
+
return this._isVisible;
|
|
265
|
+
}
|
|
266
|
+
set isVisible(value) {
|
|
267
|
+
this._isVisible = value;
|
|
268
|
+
this.isVisibleChange.emit(value);
|
|
269
|
+
}
|
|
270
|
+
onAfterOpenedOrClosed(isVisible) {
|
|
271
|
+
this.afterOpenedOrClosed.emit(isVisible);
|
|
258
272
|
}
|
|
259
273
|
}
|
|
260
274
|
BsAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
261
|
-
BsAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: BsAlertComponent, selector: "bs-alert", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut]>\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [FadeInOutAnimation] });
|
|
275
|
+
BsAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: BsAlertComponent, selector: "bs-alert", inputs: { type: "type", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", afterOpenedOrClosed: "afterOpenedOrClosed" }, ngImport: i0, template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut] (@fadeInOut.done)=\"onAfterOpenedOrClosed(isVisible)\">\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [FadeInOutAnimation] });
|
|
262
276
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BsAlertComponent, decorators: [{
|
|
263
277
|
type: Component,
|
|
264
|
-
args: [{ selector: 'bs-alert', animations: [FadeInOutAnimation], template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut]>\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"] }]
|
|
278
|
+
args: [{ selector: 'bs-alert', animations: [FadeInOutAnimation], template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut] (@fadeInOut.done)=\"onAfterOpenedOrClosed(isVisible)\">\n <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"] }]
|
|
265
279
|
}], propDecorators: { type: [{
|
|
266
280
|
type: Input
|
|
281
|
+
}], isVisible: [{
|
|
282
|
+
type: Input
|
|
283
|
+
}], isVisibleChange: [{
|
|
284
|
+
type: Output
|
|
285
|
+
}], afterOpenedOrClosed: [{
|
|
286
|
+
type: Output
|
|
267
287
|
}] } });
|
|
268
288
|
|
|
269
289
|
class BsAlertCloseComponent {
|