@coreui/angular 4.4.7 → 4.4.9
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/dropdown/dropdown/dropdown.component.mjs +2 -2
- package/esm2020/lib/dropdown/dropdown-menu/dropdown-menu.directive.mjs +2 -2
- package/esm2020/lib/modal/modal/modal.component.mjs +2 -2
- package/esm2020/lib/offcanvas/offcanvas/offcanvas.component.mjs +2 -2
- package/esm2020/lib/sidebar/sidebar/sidebar.component.mjs +2 -2
- package/esm2020/lib/sidebar/sidebar-nav/sidebar-nav-link.component.mjs +2 -2
- package/esm2020/lib/sidebar/sidebar-nav/sidebar-nav.component.mjs +2 -2
- package/esm2020/lib/tabs/tab-content/tab-content.component.mjs +2 -2
- package/esm2020/lib/tabs/tab-content-ref.directive.mjs +3 -5
- package/esm2020/lib/tabs/tab-pane/tab-pane.component.mjs +7 -7
- package/esm2020/lib/toast/toaster/toaster.component.mjs +2 -2
- package/fesm2015/coreui-angular.mjs +28 -19
- package/fesm2015/coreui-angular.mjs.map +1 -1
- package/fesm2020/coreui-angular.mjs +17 -19
- package/fesm2020/coreui-angular.mjs.map +1 -1
- package/lib/tabs/tab-content-ref.directive.d.ts +2 -3
- package/lib/tabs/tab-pane/tab-pane.component.d.ts +2 -3
- package/package.json +1 -1
|
@@ -2562,6 +2562,7 @@ class DropdownMenuDirective {
|
|
|
2562
2562
|
this.dropdownStateSubscribe(false);
|
|
2563
2563
|
}
|
|
2564
2564
|
dropdownStateSubscribe(subscribe = true) {
|
|
2565
|
+
var _a;
|
|
2565
2566
|
if (subscribe) {
|
|
2566
2567
|
this.dropdownStateSubscription =
|
|
2567
2568
|
this.dropdownService.dropdownState$.subscribe((state) => {
|
|
@@ -2572,7 +2573,7 @@ class DropdownMenuDirective {
|
|
|
2572
2573
|
});
|
|
2573
2574
|
}
|
|
2574
2575
|
else {
|
|
2575
|
-
this.dropdownStateSubscription.unsubscribe();
|
|
2576
|
+
(_a = this.dropdownStateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
2576
2577
|
}
|
|
2577
2578
|
}
|
|
2578
2579
|
}
|
|
@@ -2806,6 +2807,7 @@ class DropdownComponent {
|
|
|
2806
2807
|
this.clickedTarget = $event.target;
|
|
2807
2808
|
}
|
|
2808
2809
|
dropdownStateSubscribe(subscribe = true) {
|
|
2810
|
+
var _a;
|
|
2809
2811
|
if (subscribe) {
|
|
2810
2812
|
this.dropdownStateSubscription =
|
|
2811
2813
|
this.dropdownService.dropdownState$.pipe(filter((state) => {
|
|
@@ -2819,7 +2821,7 @@ class DropdownComponent {
|
|
|
2819
2821
|
});
|
|
2820
2822
|
}
|
|
2821
2823
|
else {
|
|
2822
|
-
this.dropdownStateSubscription.unsubscribe();
|
|
2824
|
+
(_a = this.dropdownStateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
2823
2825
|
}
|
|
2824
2826
|
}
|
|
2825
2827
|
toggleDropdown() {
|
|
@@ -5406,6 +5408,7 @@ class ModalComponent {
|
|
|
5406
5408
|
this.stateToggleSubscribe(false);
|
|
5407
5409
|
}
|
|
5408
5410
|
stateToggleSubscribe(subscribe = true) {
|
|
5411
|
+
var _a;
|
|
5409
5412
|
if (subscribe) {
|
|
5410
5413
|
this.stateToggleSubscription = this.modalService.modalState$.subscribe((action) => {
|
|
5411
5414
|
if (this === action.modal || this.id === action.id) {
|
|
@@ -5421,7 +5424,7 @@ class ModalComponent {
|
|
|
5421
5424
|
});
|
|
5422
5425
|
}
|
|
5423
5426
|
else {
|
|
5424
|
-
this.stateToggleSubscription.unsubscribe();
|
|
5427
|
+
(_a = this.stateToggleSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
5425
5428
|
}
|
|
5426
5429
|
}
|
|
5427
5430
|
setBackdrop(setBackdrop) {
|
|
@@ -5791,6 +5794,7 @@ class OffcanvasComponent {
|
|
|
5791
5794
|
}
|
|
5792
5795
|
}
|
|
5793
5796
|
stateToggleSubscribe(subscribe = true) {
|
|
5797
|
+
var _a;
|
|
5794
5798
|
if (subscribe) {
|
|
5795
5799
|
__classPrivateFieldSet(this, _OffcanvasComponent_stateToggleSubscription, this.offcanvasService.offcanvasState$.subscribe((action) => {
|
|
5796
5800
|
if (this === action.offcanvas || this.id === action.id) {
|
|
@@ -5802,7 +5806,7 @@ class OffcanvasComponent {
|
|
|
5802
5806
|
}), "f");
|
|
5803
5807
|
}
|
|
5804
5808
|
else {
|
|
5805
|
-
__classPrivateFieldGet(this, _OffcanvasComponent_stateToggleSubscription, "f").unsubscribe();
|
|
5809
|
+
(_a = __classPrivateFieldGet(this, _OffcanvasComponent_stateToggleSubscription, "f")) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
5806
5810
|
}
|
|
5807
5811
|
}
|
|
5808
5812
|
backdropClickSubscribe(subscribe = true) {
|
|
@@ -7178,6 +7182,7 @@ class SidebarComponent {
|
|
|
7178
7182
|
}
|
|
7179
7183
|
}
|
|
7180
7184
|
layoutChangeSubscribe(subscribe = true) {
|
|
7185
|
+
var _a;
|
|
7181
7186
|
const onMobile = `(max-width: ${this.getMobileBreakpoint})`;
|
|
7182
7187
|
if (subscribe) {
|
|
7183
7188
|
const layoutChanges = this.breakpointObserver.observe([onMobile]);
|
|
@@ -7196,7 +7201,7 @@ class SidebarComponent {
|
|
|
7196
7201
|
}), "f");
|
|
7197
7202
|
}
|
|
7198
7203
|
else {
|
|
7199
|
-
__classPrivateFieldGet(this, _SidebarComponent_layoutChangeSubscription, "f").unsubscribe();
|
|
7204
|
+
(_a = __classPrivateFieldGet(this, _SidebarComponent_layoutChangeSubscription, "f")) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
7200
7205
|
}
|
|
7201
7206
|
}
|
|
7202
7207
|
}
|
|
@@ -7563,7 +7568,8 @@ class SidebarNavLinkComponent {
|
|
|
7563
7568
|
});
|
|
7564
7569
|
}
|
|
7565
7570
|
ngOnDestroy() {
|
|
7566
|
-
|
|
7571
|
+
var _a;
|
|
7572
|
+
(_a = this.navSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
7567
7573
|
}
|
|
7568
7574
|
getLinkType() {
|
|
7569
7575
|
return this.isDisabled() ? 'disabled' : this.isExternalLink() ? 'external' : 'link';
|
|
@@ -7804,7 +7810,8 @@ class SidebarNavGroupComponent {
|
|
|
7804
7810
|
}
|
|
7805
7811
|
}
|
|
7806
7812
|
ngOnDestroy() {
|
|
7807
|
-
|
|
7813
|
+
var _a;
|
|
7814
|
+
(_a = this.navSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
7808
7815
|
}
|
|
7809
7816
|
onAnimationStart($event) {
|
|
7810
7817
|
this.display = { display: 'block' };
|
|
@@ -8295,6 +8302,7 @@ class TabPaneComponent {
|
|
|
8295
8302
|
this.changeDetectorRef = changeDetectorRef;
|
|
8296
8303
|
this.tabService = tabService;
|
|
8297
8304
|
this._active = false;
|
|
8305
|
+
this.subscribeTabService();
|
|
8298
8306
|
}
|
|
8299
8307
|
set active(value) {
|
|
8300
8308
|
const newValue = coerceBooleanProperty(value);
|
|
@@ -8314,13 +8322,11 @@ class TabPaneComponent {
|
|
|
8314
8322
|
active: this.active
|
|
8315
8323
|
};
|
|
8316
8324
|
}
|
|
8317
|
-
ngOnInit() {
|
|
8318
|
-
this.subscribeTabService();
|
|
8319
|
-
}
|
|
8320
8325
|
ngOnDestroy() {
|
|
8321
8326
|
this.subscribeTabService(false);
|
|
8322
8327
|
}
|
|
8323
8328
|
subscribeTabService(subscribe = true) {
|
|
8329
|
+
var _a;
|
|
8324
8330
|
if (subscribe) {
|
|
8325
8331
|
this.tabServiceSubscription = this.tabService.activeTabPaneIdx$.subscribe((tabContentState) => {
|
|
8326
8332
|
if (tabContentState.tabContent === this.tabContent) {
|
|
@@ -8329,15 +8335,17 @@ class TabPaneComponent {
|
|
|
8329
8335
|
});
|
|
8330
8336
|
}
|
|
8331
8337
|
else {
|
|
8332
|
-
this.tabServiceSubscription.unsubscribe();
|
|
8338
|
+
(_a = this.tabServiceSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
8333
8339
|
}
|
|
8334
8340
|
}
|
|
8335
8341
|
}
|
|
8336
8342
|
TabPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TabPaneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8337
|
-
TabPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TabPaneComponent, isStandalone: true, selector: "c-tab-pane", host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cTabPane"], ngImport: i0, template:
|
|
8343
|
+
TabPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TabPaneComponent, isStandalone: true, selector: "c-tab-pane", host: { properties: { "class": "this.hostClasses" } }, exportAs: ["cTabPane"], ngImport: i0, template: `
|
|
8344
|
+
<ng-content></ng-content>`, isInline: true, styles: [":host{display:block}\n"] });
|
|
8338
8345
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TabPaneComponent, decorators: [{
|
|
8339
8346
|
type: Component,
|
|
8340
|
-
args: [{ selector: 'c-tab-pane', template:
|
|
8347
|
+
args: [{ selector: 'c-tab-pane', template: `
|
|
8348
|
+
<ng-content></ng-content>`, exportAs: 'cTabPane', standalone: true, styles: [":host{display:block}\n"] }]
|
|
8341
8349
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: TabService }]; }, propDecorators: { hostClasses: [{
|
|
8342
8350
|
type: HostBinding,
|
|
8343
8351
|
args: ['class']
|
|
@@ -8397,6 +8405,7 @@ class TabContentComponent {
|
|
|
8397
8405
|
this.subscribeTabService(false);
|
|
8398
8406
|
}
|
|
8399
8407
|
subscribeTabService(subscribe = true) {
|
|
8408
|
+
var _a;
|
|
8400
8409
|
if (subscribe) {
|
|
8401
8410
|
this.tabServiceSubscription = this.tabService.activeTabPaneIdx$.subscribe((tabContentState) => {
|
|
8402
8411
|
if (this === tabContentState.tabContent) {
|
|
@@ -8405,7 +8414,7 @@ class TabContentComponent {
|
|
|
8405
8414
|
});
|
|
8406
8415
|
}
|
|
8407
8416
|
else {
|
|
8408
|
-
this.tabServiceSubscription.unsubscribe();
|
|
8417
|
+
(_a = this.tabServiceSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
8409
8418
|
}
|
|
8410
8419
|
}
|
|
8411
8420
|
refreshTabPaneActive(idx) {
|
|
@@ -8444,6 +8453,7 @@ class TabContentRefDirective {
|
|
|
8444
8453
|
* @type number
|
|
8445
8454
|
*/
|
|
8446
8455
|
this.tabPaneIdx = -1;
|
|
8456
|
+
this.subscribeTabService();
|
|
8447
8457
|
}
|
|
8448
8458
|
/**
|
|
8449
8459
|
* Set active state of tab content
|
|
@@ -8507,13 +8517,11 @@ class TabContentRefDirective {
|
|
|
8507
8517
|
}
|
|
8508
8518
|
});
|
|
8509
8519
|
}
|
|
8510
|
-
ngOnInit() {
|
|
8511
|
-
this.subscribeTabService();
|
|
8512
|
-
}
|
|
8513
8520
|
ngOnDestroy() {
|
|
8514
8521
|
this.subscribeTabService(false);
|
|
8515
8522
|
}
|
|
8516
8523
|
subscribeTabService(subscribe = true) {
|
|
8524
|
+
var _a;
|
|
8517
8525
|
if (subscribe) {
|
|
8518
8526
|
this.tabServiceSubscription = this.tabService.activeTabPaneIdx$.subscribe((tabContentState) => {
|
|
8519
8527
|
if (tabContentState.tabContent === this.tabContentRef) {
|
|
@@ -8522,7 +8530,7 @@ class TabContentRefDirective {
|
|
|
8522
8530
|
});
|
|
8523
8531
|
}
|
|
8524
8532
|
else {
|
|
8525
|
-
this.tabServiceSubscription.unsubscribe();
|
|
8533
|
+
(_a = this.tabServiceSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
8526
8534
|
}
|
|
8527
8535
|
}
|
|
8528
8536
|
}
|
|
@@ -9035,6 +9043,7 @@ class ToasterComponent {
|
|
|
9035
9043
|
});
|
|
9036
9044
|
}
|
|
9037
9045
|
stateToasterSubscribe(subscribe = true) {
|
|
9046
|
+
var _a;
|
|
9038
9047
|
if (subscribe) {
|
|
9039
9048
|
this.stateToasterSubscription = this.toasterService.toasterState$.subscribe((state) => {
|
|
9040
9049
|
var _a;
|
|
@@ -9046,7 +9055,7 @@ class ToasterComponent {
|
|
|
9046
9055
|
});
|
|
9047
9056
|
}
|
|
9048
9057
|
else {
|
|
9049
|
-
this.stateToasterSubscription.unsubscribe();
|
|
9058
|
+
(_a = this.stateToasterSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
9050
9059
|
}
|
|
9051
9060
|
}
|
|
9052
9061
|
}
|