@clr/angular 17.0.0-beta.1 → 17.0.0-beta.2
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/clarity.api.md +15 -27
- package/data/datagrid/datagrid.module.d.ts +36 -37
- package/data/datagrid/index.d.ts +0 -1
- package/data/datagrid/providers/items.d.ts +2 -11
- package/esm2020/button/button-group/button-group.mjs +9 -11
- package/esm2020/button/button-loading/loading-button.mjs +15 -5
- package/esm2020/data/datagrid/datagrid-column-toggle.mjs +3 -4
- package/esm2020/data/datagrid/datagrid-items.mjs +1 -2
- package/esm2020/data/datagrid/datagrid.mjs +3 -5
- package/esm2020/data/datagrid/datagrid.module.mjs +1 -5
- package/esm2020/data/datagrid/index.mjs +1 -2
- package/esm2020/data/datagrid/providers/items.mjs +3 -21
- package/esm2020/data/datagrid/providers/selection.mjs +16 -22
- package/esm2020/emphasis/alert/alert.mjs +2 -2
- package/esm2020/forms/common/wrapped-control.mjs +6 -4
- package/esm2020/forms/datepicker/date-input.mjs +10 -1
- package/fesm2015/clr-angular.mjs +60 -111
- package/fesm2015/clr-angular.mjs.map +1 -1
- package/fesm2020/clr-angular.mjs +58 -108
- package/fesm2020/clr-angular.mjs.map +1 -1
- package/forms/common/wrapped-control.d.ts +1 -1
- package/forms/datepicker/date-input.d.ts +1 -0
- package/package.json +2 -2
- package/data/datagrid/datagrid-items-trackby.d.ts +0 -10
- package/esm2020/data/datagrid/datagrid-items-trackby.mjs +0 -43
package/fesm2015/clr-angular.mjs
CHANGED
|
@@ -3808,16 +3808,14 @@ class ClrButtonGroup {
|
|
|
3808
3808
|
this.menuButtons = tempInMenuButtons;
|
|
3809
3809
|
}
|
|
3810
3810
|
handleFocusOnMenuOpen() {
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
|
|
3814
|
-
this.
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
});
|
|
3820
|
-
}
|
|
3811
|
+
this.toggleService.popoverVisible.pipe(takeUntil(this.destroy$)).subscribe(visible => {
|
|
3812
|
+
if (visible) {
|
|
3813
|
+
this.focusHandler.initialize({
|
|
3814
|
+
menu: this.menu.nativeElement,
|
|
3815
|
+
menuToggle: this.menuToggle.nativeElement,
|
|
3816
|
+
});
|
|
3817
|
+
}
|
|
3818
|
+
});
|
|
3821
3819
|
}
|
|
3822
3820
|
}
|
|
3823
3821
|
ClrButtonGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrButtonGroup, deps: [{ token: ButtonInGroupService }, { token: ClrPopoverToggleService }, { token: ClrCommonStringsService }, { token: ClrDestroyService }, { token: ButtonGroupFocusHandler }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -3916,7 +3914,7 @@ class ClrLoadingButton {
|
|
|
3916
3914
|
}
|
|
3917
3915
|
ClrLoadingButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrLoadingButton, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
3918
3916
|
ClrLoadingButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrLoadingButton, selector: "button[clrLoading]", inputs: { disabled: "disabled" }, outputs: { clrLoadingChange: "clrLoadingChange" }, host: { properties: { "attr.disabled": "disabled? '' : null" } }, providers: [{ provide: LoadingListener, useExisting: ClrLoadingButton }], ngImport: i0, template: `
|
|
3919
|
-
<
|
|
3917
|
+
<div @parent [ngSwitch]="state">
|
|
3920
3918
|
<span *ngSwitchCase="buttonState.LOADING">
|
|
3921
3919
|
<span @spinner class="spinner spinner-inline"></span>
|
|
3922
3920
|
</span>
|
|
@@ -3930,8 +3928,13 @@ ClrLoadingButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
|
|
|
3930
3928
|
<span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
|
|
3931
3929
|
<ng-content></ng-content>
|
|
3932
3930
|
</span>
|
|
3933
|
-
</
|
|
3931
|
+
</div>
|
|
3934
3932
|
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [
|
|
3933
|
+
trigger('parent', [
|
|
3934
|
+
// Skip :enter animation on first render.
|
|
3935
|
+
// The button text/content should only be faded when transitioning to or from a non-default state.
|
|
3936
|
+
transition(':enter', []),
|
|
3937
|
+
]),
|
|
3935
3938
|
trigger('defaultButton', [
|
|
3936
3939
|
transition(':enter', [style({ opacity: 0 }), animate('200ms 100ms ease-in', style({ opacity: 1 }))]),
|
|
3937
3940
|
// TODO: see if we can get leave animation to work before spinner's enter animation
|
|
@@ -3959,7 +3962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
|
3959
3962
|
args: [{
|
|
3960
3963
|
selector: 'button[clrLoading]',
|
|
3961
3964
|
template: `
|
|
3962
|
-
<
|
|
3965
|
+
<div @parent [ngSwitch]="state">
|
|
3963
3966
|
<span *ngSwitchCase="buttonState.LOADING">
|
|
3964
3967
|
<span @spinner class="spinner spinner-inline"></span>
|
|
3965
3968
|
</span>
|
|
@@ -3973,10 +3976,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
|
3973
3976
|
<span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
|
|
3974
3977
|
<ng-content></ng-content>
|
|
3975
3978
|
</span>
|
|
3976
|
-
</
|
|
3979
|
+
</div>
|
|
3977
3980
|
`,
|
|
3978
3981
|
providers: [{ provide: LoadingListener, useExisting: ClrLoadingButton }],
|
|
3979
3982
|
animations: [
|
|
3983
|
+
trigger('parent', [
|
|
3984
|
+
// Skip :enter animation on first render.
|
|
3985
|
+
// The button text/content should only be faded when transitioning to or from a non-default state.
|
|
3986
|
+
transition(':enter', []),
|
|
3987
|
+
]),
|
|
3980
3988
|
trigger('defaultButton', [
|
|
3981
3989
|
transition(':enter', [style({ opacity: 0 }), animate('200ms 100ms ease-in', style({ opacity: 1 }))]),
|
|
3982
3990
|
// TODO: see if we can get leave animation to work before spinner's enter animation
|
|
@@ -4869,7 +4877,7 @@ class WrappedFormControl {
|
|
|
4869
4877
|
else {
|
|
4870
4878
|
this._id = this.controlIdService.id;
|
|
4871
4879
|
}
|
|
4872
|
-
if (this.ngControlService) {
|
|
4880
|
+
if (this.ngControlService && this.ngControl) {
|
|
4873
4881
|
this.ngControlService.setControl(this.ngControl);
|
|
4874
4882
|
}
|
|
4875
4883
|
}
|
|
@@ -4907,8 +4915,10 @@ class WrappedFormControl {
|
|
|
4907
4915
|
}
|
|
4908
4916
|
}
|
|
4909
4917
|
markAsTouched() {
|
|
4910
|
-
this.ngControl
|
|
4911
|
-
|
|
4918
|
+
if (this.ngControl) {
|
|
4919
|
+
this.ngControl.control.markAsTouched();
|
|
4920
|
+
this.ngControl.control.updateValueAndValidity();
|
|
4921
|
+
}
|
|
4912
4922
|
}
|
|
4913
4923
|
setAriaDescribedBy(helpers) {
|
|
4914
4924
|
if (helpers.show) {
|
|
@@ -9658,9 +9668,11 @@ class ClrDateInput extends WrappedFormControl {
|
|
|
9658
9668
|
}
|
|
9659
9669
|
set min(dateString) {
|
|
9660
9670
|
this.dateIOService.setMinDate(dateString);
|
|
9671
|
+
this.triggerControlValidation();
|
|
9661
9672
|
}
|
|
9662
9673
|
set max(dateString) {
|
|
9663
9674
|
this.dateIOService.setMaxDate(dateString);
|
|
9675
|
+
this.triggerControlValidation();
|
|
9664
9676
|
}
|
|
9665
9677
|
get disabled() {
|
|
9666
9678
|
if (this.dateFormControlService) {
|
|
@@ -9725,6 +9737,14 @@ class ClrDateInput extends WrappedFormControl {
|
|
|
9725
9737
|
this.focusService.focused = focus;
|
|
9726
9738
|
}
|
|
9727
9739
|
}
|
|
9740
|
+
triggerControlValidation() {
|
|
9741
|
+
var _a, _b;
|
|
9742
|
+
if (this.datepickerHasFormControl()) {
|
|
9743
|
+
// Set `emitEvent` to false to prevent unnecessary value change event. Status change event will be emitted by `setErrors` below.
|
|
9744
|
+
(_a = this.control.control) === null || _a === void 0 ? void 0 : _a.updateValueAndValidity({ emitEvent: false });
|
|
9745
|
+
(_b = this.control.control) === null || _b === void 0 ? void 0 : _b.setErrors(this.control.control.errors);
|
|
9746
|
+
}
|
|
9747
|
+
}
|
|
9728
9748
|
populateServicesFromContainerComponent() {
|
|
9729
9749
|
if (!this.container) {
|
|
9730
9750
|
this.dateIOService = this.getProviderFromContainer(DateIOService);
|
|
@@ -13314,11 +13334,9 @@ class Items {
|
|
|
13314
13334
|
this._change = new Subject();
|
|
13315
13335
|
this._allChanges = new Subject();
|
|
13316
13336
|
/**
|
|
13317
|
-
* Tracking function to identify objects.
|
|
13318
|
-
*
|
|
13319
|
-
* @deprecated in v15 and scheduled for removal in v17 (CDE-71)
|
|
13337
|
+
* Tracking function to identify objects.
|
|
13320
13338
|
*/
|
|
13321
|
-
this.
|
|
13339
|
+
this.trackBy = item => item;
|
|
13322
13340
|
}
|
|
13323
13341
|
get smart() {
|
|
13324
13342
|
return this._smart;
|
|
@@ -13395,22 +13413,6 @@ class Items {
|
|
|
13395
13413
|
this._filterItems();
|
|
13396
13414
|
}
|
|
13397
13415
|
}
|
|
13398
|
-
canTrackBy() {
|
|
13399
|
-
// all items are needed unless `datagridTrackBy` is set because `iteratorTrackBy` requires the item's index
|
|
13400
|
-
return !!this.datagridTrackBy || Array.isArray(this.all);
|
|
13401
|
-
}
|
|
13402
|
-
trackBy(item, index) {
|
|
13403
|
-
if (this.datagridTrackBy) {
|
|
13404
|
-
return this.datagridTrackBy(item);
|
|
13405
|
-
}
|
|
13406
|
-
else if (Array.isArray(this.all)) {
|
|
13407
|
-
index = index !== null && index !== void 0 ? index : this.all.indexOf(item);
|
|
13408
|
-
return this.iteratorTrackBy(index, item);
|
|
13409
|
-
}
|
|
13410
|
-
else {
|
|
13411
|
-
throw new Error('improper call to Items#trackBy');
|
|
13412
|
-
}
|
|
13413
|
-
}
|
|
13414
13416
|
emitChange() {
|
|
13415
13417
|
this._change.next(this.displayed);
|
|
13416
13418
|
}
|
|
@@ -13493,7 +13495,6 @@ class ClrDatagridItems {
|
|
|
13493
13495
|
this._rawItems = items ? items : []; // local copy for ngOnChange diffing
|
|
13494
13496
|
}
|
|
13495
13497
|
set trackBy(value) {
|
|
13496
|
-
this.items.iteratorTrackBy = value;
|
|
13497
13498
|
this.iterableProxy.ngForTrackBy = value;
|
|
13498
13499
|
}
|
|
13499
13500
|
/**
|
|
@@ -14010,12 +14011,10 @@ class Selection {
|
|
|
14010
14011
|
let selectionUpdated = false;
|
|
14011
14012
|
// if the currentSingle has been set before data was loaded, we look up and save the ref from current data set
|
|
14012
14013
|
if (this.currentSingle && !this.prevSingleSelectionRef) {
|
|
14013
|
-
|
|
14014
|
-
this.prevSingleSelectionRef = this._items.trackBy(this.currentSingle);
|
|
14015
|
-
}
|
|
14014
|
+
this.prevSingleSelectionRef = this._items.trackBy(this.currentSingle);
|
|
14016
14015
|
}
|
|
14017
|
-
updatedItems.forEach(
|
|
14018
|
-
const ref = this._items.trackBy(item
|
|
14016
|
+
updatedItems.forEach(item => {
|
|
14017
|
+
const ref = this._items.trackBy(item);
|
|
14019
14018
|
// If one of the updated items is the previously selectedSingle, set it as the new one
|
|
14020
14019
|
if (this.prevSingleSelectionRef === ref) {
|
|
14021
14020
|
newSingle = item;
|
|
@@ -14048,20 +14047,18 @@ class Selection {
|
|
|
14048
14047
|
let selectionUpdated = false;
|
|
14049
14048
|
// if the current has been set before data was loaded, we look up and save the ref from current data set
|
|
14050
14049
|
if (this.current.length > 0 && this.prevSelectionRefs.length !== this.current.length) {
|
|
14051
|
-
|
|
14052
|
-
|
|
14053
|
-
this.
|
|
14054
|
-
|
|
14055
|
-
});
|
|
14056
|
-
}
|
|
14050
|
+
this.prevSelectionRefs = [];
|
|
14051
|
+
this.current.forEach(item => {
|
|
14052
|
+
this.prevSelectionRefs.push(this._items.trackBy(item));
|
|
14053
|
+
});
|
|
14057
14054
|
}
|
|
14058
14055
|
// Duplicate loop, when the issue is issue#2342 is revisited keep in mind that
|
|
14059
14056
|
// we need to go over every updated item and check to see if there are valid to be
|
|
14060
14057
|
// locked or not and update it. When only add items that are found in the lockedRefs back.
|
|
14061
14058
|
//
|
|
14062
14059
|
// The both loops below that goes over updatedItems could be combined into one.
|
|
14063
|
-
updatedItems.forEach(
|
|
14064
|
-
const ref = this._items.trackBy(item
|
|
14060
|
+
updatedItems.forEach(item => {
|
|
14061
|
+
const ref = this._items.trackBy(item);
|
|
14065
14062
|
if (this.lockedRefs.indexOf(ref) > -1) {
|
|
14066
14063
|
updateLockedRef.push(ref);
|
|
14067
14064
|
}
|
|
@@ -14070,8 +14067,8 @@ class Selection {
|
|
|
14070
14067
|
// currently, the selection is cleared when filter is applied, so the logic inside
|
|
14071
14068
|
// the if statement below results in broken behavior.
|
|
14072
14069
|
if (leftOver.length > 0) {
|
|
14073
|
-
updatedItems.forEach(
|
|
14074
|
-
const ref = this._items.trackBy(item
|
|
14070
|
+
updatedItems.forEach(item => {
|
|
14071
|
+
const ref = this._items.trackBy(item);
|
|
14075
14072
|
// Look in current selected refs array if item is selected, and update actual value
|
|
14076
14073
|
const selectedIndex = this.prevSelectionRefs.indexOf(ref);
|
|
14077
14074
|
if (selectedIndex > -1) {
|
|
@@ -14137,7 +14134,7 @@ class Selection {
|
|
|
14137
14134
|
return;
|
|
14138
14135
|
}
|
|
14139
14136
|
this._currentSingle = value;
|
|
14140
|
-
if (
|
|
14137
|
+
if (value) {
|
|
14141
14138
|
this.prevSingleSelectionRef = this._items.trackBy(value);
|
|
14142
14139
|
}
|
|
14143
14140
|
this.emitChange();
|
|
@@ -14283,10 +14280,8 @@ class Selection {
|
|
|
14283
14280
|
*/
|
|
14284
14281
|
selectItem(item) {
|
|
14285
14282
|
this.current = this.current.concat(item);
|
|
14286
|
-
|
|
14287
|
-
|
|
14288
|
-
this.prevSelectionRefs.push(this._items.trackBy(item));
|
|
14289
|
-
}
|
|
14283
|
+
// Push selected ref onto array
|
|
14284
|
+
this.prevSelectionRefs.push(this._items.trackBy(item));
|
|
14290
14285
|
}
|
|
14291
14286
|
/**
|
|
14292
14287
|
* Deselects an item
|
|
@@ -14304,7 +14299,7 @@ class Selection {
|
|
|
14304
14299
|
* Make sure that it could be locked
|
|
14305
14300
|
*/
|
|
14306
14301
|
canItBeLocked() {
|
|
14307
|
-
return this._selectionType !== SelectionType.None
|
|
14302
|
+
return this._selectionType !== SelectionType.None;
|
|
14308
14303
|
}
|
|
14309
14304
|
emitChange() {
|
|
14310
14305
|
if (this._selectionType === SelectionType.Single) {
|
|
@@ -15092,7 +15087,7 @@ class ClrDatagrid {
|
|
|
15092
15087
|
this.selection.rowSelectionMode = value;
|
|
15093
15088
|
}
|
|
15094
15089
|
set trackBy(value) {
|
|
15095
|
-
this.items.
|
|
15090
|
+
this.items.trackBy = value;
|
|
15096
15091
|
}
|
|
15097
15092
|
/**
|
|
15098
15093
|
* Indicates if all currently displayed items are selected
|
|
@@ -15134,9 +15129,7 @@ class ClrDatagrid {
|
|
|
15134
15129
|
});
|
|
15135
15130
|
// Try to update only when there is something cached and its open.
|
|
15136
15131
|
if (this.detailService.state && this.detailService.isOpen) {
|
|
15137
|
-
const row = this.items.
|
|
15138
|
-
? this.rows.find(row => this.items.trackBy(row.item) === this.items.trackBy(this.detailService.state))
|
|
15139
|
-
: undefined;
|
|
15132
|
+
const row = this.rows.find(row => this.items.trackBy(row.item) === this.items.trackBy(this.detailService.state));
|
|
15140
15133
|
/**
|
|
15141
15134
|
* Reopen updated row or close it
|
|
15142
15135
|
*/
|
|
@@ -15523,47 +15516,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
|
15523
15516
|
*/
|
|
15524
15517
|
const columnToggleTrackByFn = index => index;
|
|
15525
15518
|
|
|
15526
|
-
/*
|
|
15527
|
-
* Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
|
|
15528
|
-
* This software is released under MIT license.
|
|
15529
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
15530
|
-
*/
|
|
15531
|
-
class ClrDatagridItemsTrackBy {
|
|
15532
|
-
constructor(_items) {
|
|
15533
|
-
this._items = _items;
|
|
15534
|
-
}
|
|
15535
|
-
set trackBy(value) {
|
|
15536
|
-
/**
|
|
15537
|
-
* This is a workaround to prevent the items `trackBy` function from
|
|
15538
|
-
* being replaced when the "manage columns" button is clicked. This is
|
|
15539
|
-
* not a complete solution. If there is another `ngForTrackBy` function
|
|
15540
|
-
* within the datagrid in application code, it could sill replace the
|
|
15541
|
-
* items `trackBy` function whether it is the row iterator or not.
|
|
15542
|
-
*/
|
|
15543
|
-
if (value === columnToggleTrackByFn) {
|
|
15544
|
-
return;
|
|
15545
|
-
}
|
|
15546
|
-
if (this._items) {
|
|
15547
|
-
this._items.iteratorTrackBy = value;
|
|
15548
|
-
}
|
|
15549
|
-
}
|
|
15550
|
-
}
|
|
15551
|
-
ClrDatagridItemsTrackBy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, deps: [{ token: Items, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
15552
|
-
ClrDatagridItemsTrackBy.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ClrDatagridItemsTrackBy, selector: "[ngForTrackBy]", inputs: { trackBy: ["ngForTrackBy", "trackBy"] }, ngImport: i0 });
|
|
15553
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, decorators: [{
|
|
15554
|
-
type: Directive,
|
|
15555
|
-
args: [{
|
|
15556
|
-
selector: '[ngForTrackBy]',
|
|
15557
|
-
}]
|
|
15558
|
-
}], ctorParameters: function () {
|
|
15559
|
-
return [{ type: Items, decorators: [{
|
|
15560
|
-
type: Optional
|
|
15561
|
-
}] }];
|
|
15562
|
-
}, propDecorators: { trackBy: [{
|
|
15563
|
-
type: Input,
|
|
15564
|
-
args: ['ngForTrackBy']
|
|
15565
|
-
}] } });
|
|
15566
|
-
|
|
15567
15519
|
/*
|
|
15568
15520
|
* Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
|
|
15569
15521
|
* This software is released under MIT license.
|
|
@@ -15732,7 +15684,7 @@ ClrDatagridColumnToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
15732
15684
|
<clr-dg-column-toggle-button (clrAllSelected)="allColumnsSelected()"></clr-dg-column-toggle-button>
|
|
15733
15685
|
</div>
|
|
15734
15686
|
</div>
|
|
15735
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocusModule_CdkTrapFocus, selector: "[cdkTrapFocus]" }, { kind: "directive", type: CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: ClrLabel, selector: "label", inputs: ["for"] }, { kind: "directive", type: ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClrPopoverAnchor, selector: "[clrPopoverAnchor]" }, { kind: "directive", type: ClrPopoverCloseButton, selector: "[clrPopoverCloseButton]", outputs: ["clrPopoverOnCloseChange"] }, { kind: "directive", type: ClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose"] }, { kind: "
|
|
15687
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocusModule_CdkTrapFocus, selector: "[cdkTrapFocus]" }, { kind: "directive", type: CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: ClrLabel, selector: "label", inputs: ["for"] }, { kind: "directive", type: ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClrPopoverAnchor, selector: "[clrPopoverAnchor]" }, { kind: "directive", type: ClrPopoverCloseButton, selector: "[clrPopoverCloseButton]", outputs: ["clrPopoverOnCloseChange"] }, { kind: "directive", type: ClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose"] }, { kind: "component", type: ClrDatagridColumnToggleButton, selector: "clr-dg-column-toggle-button", outputs: ["clrAllSelected"] }] });
|
|
15736
15688
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridColumnToggle, decorators: [{
|
|
15737
15689
|
type: Component,
|
|
15738
15690
|
args: [{
|
|
@@ -17252,7 +17204,6 @@ const CLR_DATAGRID_DIRECTIVES = [
|
|
|
17252
17204
|
ClrDatagridFooter,
|
|
17253
17205
|
ClrDatagridHideableColumn,
|
|
17254
17206
|
ClrDatagridItems,
|
|
17255
|
-
ClrDatagridItemsTrackBy,
|
|
17256
17207
|
ClrDatagridPageSize,
|
|
17257
17208
|
ClrDatagridPagination,
|
|
17258
17209
|
ClrDatagridPlaceholder,
|
|
@@ -17299,7 +17250,6 @@ ClrDatagridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
|
|
|
17299
17250
|
ClrDatagridFooter,
|
|
17300
17251
|
ClrDatagridHideableColumn,
|
|
17301
17252
|
ClrDatagridItems,
|
|
17302
|
-
ClrDatagridItemsTrackBy,
|
|
17303
17253
|
ClrDatagridPageSize,
|
|
17304
17254
|
ClrDatagridPagination,
|
|
17305
17255
|
ClrDatagridPlaceholder,
|
|
@@ -17350,7 +17300,6 @@ ClrDatagridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
|
|
|
17350
17300
|
ClrDatagridFooter,
|
|
17351
17301
|
ClrDatagridHideableColumn,
|
|
17352
17302
|
ClrDatagridItems,
|
|
17353
|
-
ClrDatagridItemsTrackBy,
|
|
17354
17303
|
ClrDatagridPageSize,
|
|
17355
17304
|
ClrDatagridPagination,
|
|
17356
17305
|
ClrDatagridPlaceholder,
|
|
@@ -20106,13 +20055,13 @@ class ClrAlert {
|
|
|
20106
20055
|
this._closedChanged.emit(false);
|
|
20107
20056
|
}
|
|
20108
20057
|
close() {
|
|
20109
|
-
var _a;
|
|
20058
|
+
var _a, _b;
|
|
20110
20059
|
if (!this.closable) {
|
|
20111
20060
|
return;
|
|
20112
20061
|
}
|
|
20113
20062
|
const isCurrentAlert = ((_a = this.multiAlertService) === null || _a === void 0 ? void 0 : _a.currentAlert) === this;
|
|
20114
20063
|
this._closed = true;
|
|
20115
|
-
if (this.multiAlertService) {
|
|
20064
|
+
if ((_b = this.multiAlertService) === null || _b === void 0 ? void 0 : _b.activeAlerts) {
|
|
20116
20065
|
this.multiAlertService.close(isCurrentAlert);
|
|
20117
20066
|
}
|
|
20118
20067
|
this._closedChanged.emit(true);
|
|
@@ -26531,5 +26480,5 @@ const CLR_MENU_POSITIONS = [
|
|
|
26531
26480
|
* Generated bundle index. Do not edit.
|
|
26532
26481
|
*/
|
|
26533
26482
|
|
|
26534
|
-
export { CHANGE_KEYS, CLR_ALERT_DIRECTIVES, CLR_BUTTON_GROUP_DIRECTIVES, CLR_DATAGRID_DIRECTIVES, CLR_DATEPICKER_DIRECTIVES, CLR_DROPDOWN_DIRECTIVES, CLR_ICON_DIRECTIVES, CLR_LAYOUT_DIRECTIVES, CLR_LOADING_BUTTON_DIRECTIVES, CLR_LOADING_DIRECTIVES, CLR_MENU_POSITIONS, CLR_MODAL_DIRECTIVES, CLR_NAVIGATION_DIRECTIVES, CLR_PROGRESS_BAR_DIRECTIVES, CLR_SIGNPOST_DIRECTIVES, CLR_SPINNER_DIRECTIVES, CLR_STACK_VIEW_DIRECTIVES, CLR_TABS_DIRECTIVES, CLR_TOOLTIP_DIRECTIVES, CLR_TREE_VIEW_DIRECTIVES, CLR_VERTICAL_NAV_DIRECTIVES, CLR_WIZARD_DIRECTIVES, CONDITIONAL_DIRECTIVES, CUSTOM_BUTTON_TYPES, CdsIconCustomTag, ClarityModule, ClrAbstractContainer, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrAlignment, ClrAriaCurrentLink, ClrAxis, ClrButton, ClrButtonGroup, ClrButtonGroupModule, ClrButtonModule, ClrCalendar, ClrCheckbox, ClrCheckboxContainer, ClrCheckboxModule, ClrCheckboxWrapper, ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrCommonFormsModule, ClrCommonStringsService, ClrConditionalModule, ClrControl, ClrControlContainer, ClrControlError, ClrControlHelper, ClrControlSuccess, ClrDataModule, ClrDatagrid, ClrDatagridActionBar, ClrDatagridActionOverflow, ClrDatagridCell, ClrDatagridColumn, ClrDatagridColumnSeparator, ClrDatagridColumnToggle, ClrDatagridColumnToggleButton, ClrDatagridDetail, ClrDatagridDetailBody, ClrDatagridDetailHeader, ClrDatagridFilter, ClrDatagridFooter, ClrDatagridHideableColumn, ClrDatagridItems,
|
|
26483
|
+
export { CHANGE_KEYS, CLR_ALERT_DIRECTIVES, CLR_BUTTON_GROUP_DIRECTIVES, CLR_DATAGRID_DIRECTIVES, CLR_DATEPICKER_DIRECTIVES, CLR_DROPDOWN_DIRECTIVES, CLR_ICON_DIRECTIVES, CLR_LAYOUT_DIRECTIVES, CLR_LOADING_BUTTON_DIRECTIVES, CLR_LOADING_DIRECTIVES, CLR_MENU_POSITIONS, CLR_MODAL_DIRECTIVES, CLR_NAVIGATION_DIRECTIVES, CLR_PROGRESS_BAR_DIRECTIVES, CLR_SIGNPOST_DIRECTIVES, CLR_SPINNER_DIRECTIVES, CLR_STACK_VIEW_DIRECTIVES, CLR_TABS_DIRECTIVES, CLR_TOOLTIP_DIRECTIVES, CLR_TREE_VIEW_DIRECTIVES, CLR_VERTICAL_NAV_DIRECTIVES, CLR_WIZARD_DIRECTIVES, CONDITIONAL_DIRECTIVES, CUSTOM_BUTTON_TYPES, CdsIconCustomTag, ClarityModule, ClrAbstractContainer, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrAlignment, ClrAriaCurrentLink, ClrAxis, ClrButton, ClrButtonGroup, ClrButtonGroupModule, ClrButtonModule, ClrCalendar, ClrCheckbox, ClrCheckboxContainer, ClrCheckboxModule, ClrCheckboxWrapper, ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrCommonFormsModule, ClrCommonStringsService, ClrConditionalModule, ClrControl, ClrControlContainer, ClrControlError, ClrControlHelper, ClrControlSuccess, ClrDataModule, ClrDatagrid, ClrDatagridActionBar, ClrDatagridActionOverflow, ClrDatagridCell, ClrDatagridColumn, ClrDatagridColumnSeparator, ClrDatagridColumnToggle, ClrDatagridColumnToggleButton, ClrDatagridDetail, ClrDatagridDetailBody, ClrDatagridDetailHeader, ClrDatagridFilter, ClrDatagridFooter, ClrDatagridHideableColumn, ClrDatagridItems, ClrDatagridModule, ClrDatagridPageSize, ClrDatagridPagination, ClrDatagridPlaceholder, ClrDatagridRow, ClrDatagridRowDetail, ClrDatagridSortOrder, ClrDatalist, ClrDatalistContainer, ClrDatalistInput, ClrDatalistModule, ClrDateContainer, ClrDateInput, ClrDateInputValidator, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrDestroyService, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger, ClrEmphasisModule, ClrExpandableAnimation, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrForm, ClrFormLayout, ClrFormsModule, ClrHeader, ClrIconCustomTag, ClrIconModule, ClrIfActive, ClrIfDetail, ClrIfError, ClrIfExpanded, ClrIfOpen, ClrIfSuccess, ClrInput, ClrInputContainer, ClrInputModule, ClrLabel, ClrLayout, ClrLayoutModule, ClrLoading, ClrLoadingButton, ClrLoadingButtonModule, ClrLoadingModule, ClrLoadingState, ClrMainContainer, ClrMainContainerModule, ClrModal, ClrModalBody, ClrModalModule, ClrMonthpicker, ClrNavLevel, ClrNavigationModule, ClrOption, ClrOptionItems, ClrOptionSelected, ClrOptions, ClrPassword, ClrPasswordContainer, ClrPasswordModule, ClrPopoverAnchor, ClrPopoverContent, ClrPopoverEventsService, ClrPopoverHostDirective, ClrPopoverModule, ClrPopoverPositionService, ClrPopoverToggleService, ClrProgressBar, ClrProgressBarModule, ClrRadio, ClrRadioContainer, ClrRadioModule, ClrRadioWrapper, ClrRange, ClrRangeContainer, ClrRangeModule, ClrRecursiveForOf, ClrSelect, ClrSelectContainer, ClrSelectModule, ClrSelectedState, ClrSide, ClrSignpost, ClrSignpostContent, ClrSignpostModule, ClrSignpostTrigger, ClrSpinner, ClrSpinnerModule, ClrStackBlock, ClrStackContentInput, ClrStackHeader, ClrStackView, ClrStackViewCustomTags, ClrStackViewLabel, ClrStackViewModule, ClrStandaloneCdkTrapFocus, ClrStepButton, ClrStepButtonType, ClrStepper, ClrStepperModule, ClrStepperPanel, ClrStopEscapePropagationDirective, ClrTab, ClrTabContent, ClrTabLink, ClrTabOverflowContent, ClrTabs, ClrTabsModule, ClrTextarea, ClrTextareaContainer, ClrTextareaModule, ClrTimeline, ClrTimelineLayout, ClrTimelineModule, ClrTimelineStep, ClrTimelineStepDescription, ClrTimelineStepHeader, ClrTimelineStepState, ClrTimelineStepTitle, ClrTooltip, ClrTooltipContent, ClrTooltipModule, ClrTooltipTrigger, ClrTree, ClrTreeNode, ClrTreeNodeLink, ClrTreeViewModule, ClrVerticalNav, ClrVerticalNavGroup, ClrVerticalNavGroupChildren, ClrVerticalNavIcon, ClrVerticalNavLink, ClrVerticalNavModule, ClrWizard, ClrWizardButton, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardTitle, ClrYearpicker, DEFAULT_BUTTON_TYPES, DatagridNumericFilter, DatagridPropertyComparator, DatagridPropertyNumericFilter, DatagridPropertyStringFilter, DatagridStringFilter, EXPANDABLE_ANIMATION_DIRECTIVES, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, IS_TOGGLE, IS_TOGGLE_PROVIDER, LoadingListener, MainContainerWillyWonka, NavDetectionOompaLoompa, TOGGLE_SERVICE, TOGGLE_SERVICE_PROVIDER, ToggleServiceFactory, WrappedFormControl, collapse, commonStringsDefault, fade, fadeSlide, isToggleFactory, slide, AccordionOompaLoompa as ÇlrAccordionOompaLoompa, AccordionWillyWonka as ÇlrAccordionWillyWonka, ActionableOompaLoompa as ÇlrActionableOompaLoompa, ActiveOompaLoompa as ÇlrActiveOompaLoompa, ClrPopoverCloseButton as ÇlrClrPopoverCloseButton, ClrPopoverModuleNext as ÇlrClrPopoverModuleNext, ClrPopoverOpenCloseButton as ÇlrClrPopoverOpenCloseButton, DatagridCellRenderer as ÇlrDatagridCellRenderer, DatagridDetailRegisterer as ÇlrDatagridDetailRegisterer, DatagridHeaderRenderer as ÇlrDatagridHeaderRenderer, DatagridMainRenderer as ÇlrDatagridMainRenderer, DatagridRowRenderer as ÇlrDatagridRowRenderer, ClrDatagridSelectionCellDirective as ÇlrDatagridSelectionCellDirective, DatagridWillyWonka as ÇlrDatagridWillyWonka, ExpandableOompaLoompa as ÇlrExpandableOompaLoompa, StepperOompaLoompa as ÇlrStepperOompaLoompa, StepperWillyWonka as ÇlrStepperWillyWonka, TabsWillyWonka as ÇlrTabsWillyWonka, WrappedCell as ÇlrWrappedCell, WrappedColumn as ÇlrWrappedColumn, WrappedRow as ÇlrWrappedRow };
|
|
26535
26484
|
//# sourceMappingURL=clr-angular.mjs.map
|