@clr/angular 17.0.0-next.1 → 17.0.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/README.md +4 -0
- package/accordion/stepper/models/stepper.model.d.ts +2 -0
- package/accordion/stepper/providers/stepper.service.d.ts +2 -0
- package/clarity.api.md +57 -54
- package/data/datagrid/datagrid-if-expanded.service.d.ts +1 -1
- 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/emphasis/alert/alert.d.ts +6 -2
- package/emphasis/alert/alert.module.d.ts +2 -1
- package/esm2020/accordion/accordion.mjs +3 -3
- package/esm2020/accordion/stepper/models/stepper.model.mjs +7 -1
- package/esm2020/accordion/stepper/providers/stepper.service.mjs +9 -1
- package/esm2020/accordion/stepper/stepper-panel.mjs +11 -6
- package/esm2020/button/button-group/button-group.mjs +9 -11
- package/esm2020/button/button-loading/loading-button.mjs +25 -15
- package/esm2020/data/datagrid/datagrid-column-toggle.mjs +3 -4
- package/esm2020/data/datagrid/datagrid-if-expanded.service.mjs +1 -1
- 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-item.mjs +9 -3
- package/esm2020/emphasis/alert/alert.mjs +21 -10
- package/esm2020/emphasis/alert/alert.module.mjs +7 -6
- package/esm2020/emphasis/alert/alerts.mjs +3 -2
- package/esm2020/emphasis/alert/providers/icon-and-types.service.mjs +20 -5
- package/esm2020/emphasis/alert/utils/alert-types.mjs +2 -2
- package/esm2020/forms/combobox/option-items.directive.mjs +12 -6
- package/esm2020/forms/common/wrapped-control.mjs +44 -19
- package/esm2020/forms/datepicker/date-input.mjs +10 -1
- package/esm2020/forms/datepicker/providers/date-io.service.mjs +2 -2
- package/esm2020/forms/password/password-container.mjs +9 -3
- package/esm2020/popover/signpost/signpost-trigger.mjs +2 -1
- package/esm2020/progress/progress-bars/progress-bar.mjs +8 -26
- package/esm2020/utils/chocolate/willy-wonka.mjs +1 -1
- package/esm2020/utils/focus/key-focus/key-focus.mjs +2 -2
- package/esm2020/utils/i18n/common-strings.default.mjs +5 -3
- package/esm2020/utils/i18n/common-strings.interface.mjs +1 -1
- package/esm2020/utils/popover/providers/popover-position.service.mjs +11 -3
- package/esm2020/wizard/providers/button-hub.service.mjs +1 -1
- package/esm2020/wizard/providers/wizard-navigation.service.mjs +1 -1
- package/esm2020/wizard/wizard.mjs +2 -2
- package/fesm2015/clr-angular.mjs +236 -208
- package/fesm2015/clr-angular.mjs.map +1 -1
- package/fesm2020/clr-angular.mjs +233 -205
- package/fesm2020/clr-angular.mjs.map +1 -1
- package/forms/common/wrapped-control.d.ts +10 -3
- package/forms/datepicker/date-input.d.ts +1 -0
- package/forms/password/password-container.d.ts +2 -0
- package/package.json +3 -3
- package/progress/progress-bars/progress-bar.d.ts +2 -10
- package/utils/chocolate/willy-wonka.d.ts +1 -1
- package/utils/i18n/common-strings.interface.d.ts +8 -0
- package/wizard/providers/button-hub.service.d.ts +6 -6
- package/wizard/providers/wizard-navigation.service.d.ts +1 -1
- package/data/datagrid/datagrid-items-trackby.d.ts +0 -10
- package/esm2020/data/datagrid/datagrid-items-trackby.mjs +0 -43
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import { ElementRef, InjectionToken, Injector, OnDestroy, OnInit, Renderer2, Type, ViewContainerRef } from '@angular/core';
|
|
1
|
+
import { DoCheck, ElementRef, InjectionToken, Injector, OnDestroy, OnInit, Renderer2, Type, ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
3
|
import { Subscription } from 'rxjs';
|
|
4
4
|
import { DynamicWrapper } from '../../utils/host-wrapping/dynamic-wrapper';
|
|
5
5
|
import { ControlIdService } from './providers/control-id.service';
|
|
6
6
|
import { NgControlService } from './providers/ng-control.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare
|
|
8
|
+
export declare enum CHANGE_KEYS {
|
|
9
|
+
FORM = "form",
|
|
10
|
+
MODEL = "model"
|
|
11
|
+
}
|
|
12
|
+
export declare class WrappedFormControl<W extends DynamicWrapper> implements OnInit, DoCheck, OnDestroy {
|
|
9
13
|
protected vcr: ViewContainerRef;
|
|
10
14
|
protected wrapperType: Type<W>;
|
|
11
15
|
private ngControl;
|
|
@@ -21,10 +25,13 @@ export declare class WrappedFormControl<W extends DynamicWrapper> implements OnI
|
|
|
21
25
|
private markControlService;
|
|
22
26
|
private containerIdService;
|
|
23
27
|
private _containerInjector;
|
|
24
|
-
|
|
28
|
+
private differs;
|
|
29
|
+
private differ;
|
|
30
|
+
constructor(vcr: ViewContainerRef, wrapperType: Type<W>, injector: Injector, ngControl: NgControl | null, renderer: Renderer2, el: ElementRef);
|
|
25
31
|
get id(): string;
|
|
26
32
|
set id(value: string);
|
|
27
33
|
ngOnInit(): void;
|
|
34
|
+
ngDoCheck(): void;
|
|
28
35
|
ngOnDestroy(): void;
|
|
29
36
|
triggerValidation(): void;
|
|
30
37
|
protected getProviderFromContainer<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T): T;
|
|
@@ -43,6 +43,7 @@ export declare class ClrDateInput extends WrappedFormControl<ClrDateContainer> i
|
|
|
43
43
|
private usingClarityDatepicker;
|
|
44
44
|
private usingNativeDatepicker;
|
|
45
45
|
private setFocus;
|
|
46
|
+
private triggerControlValidation;
|
|
46
47
|
private populateServicesFromContainerComponent;
|
|
47
48
|
private processInitialInputs;
|
|
48
49
|
private updateDate;
|
|
@@ -25,6 +25,8 @@ export declare class ClrPasswordContainer extends ClrAbstractContainer {
|
|
|
25
25
|
get clrToggle(): boolean;
|
|
26
26
|
set clrToggle(state: boolean);
|
|
27
27
|
toggle(): void;
|
|
28
|
+
showPasswordText(label: string): string;
|
|
29
|
+
hidePasswordText(label: string): string;
|
|
28
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrPasswordContainer, [null, { optional: true; }, null, null, null, null, null]>;
|
|
29
31
|
static ɵcmp: i0.ɵɵComponentDeclaration<ClrPasswordContainer, "clr-password-container", never, { "clrToggle": "clrToggle"; }, {}, never, ["label", "[clrPassword]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
|
|
30
32
|
}
|
package/package.json
CHANGED
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"@angular/cdk": "15 || 16 || 17",
|
|
22
22
|
"@angular/common": "15 || 16 || 17",
|
|
23
23
|
"@angular/core": "15 || 16 || 17",
|
|
24
|
-
"@cds/core": ">= 6.
|
|
25
|
-
"@clr/ui": "17.0.0
|
|
24
|
+
"@cds/core": ">= 6.9.2",
|
|
25
|
+
"@clr/ui": "17.0.0"
|
|
26
26
|
},
|
|
27
27
|
"module": "fesm2015/clr-angular.mjs",
|
|
28
28
|
"es2020": "fesm2020/clr-angular.mjs",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"tslib": "^2.3.0"
|
|
49
49
|
},
|
|
50
|
-
"version": "17.0.0
|
|
50
|
+
"version": "17.0.0"
|
|
51
51
|
}
|
|
@@ -2,15 +2,13 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
export declare class ClrProgressBar {
|
|
3
3
|
max: number | string;
|
|
4
4
|
displayval: string;
|
|
5
|
+
color: string;
|
|
5
6
|
value: number | string;
|
|
6
7
|
externalId: string;
|
|
7
8
|
private _ID;
|
|
8
9
|
private _labeled;
|
|
9
10
|
private _fade;
|
|
10
11
|
private _loop;
|
|
11
|
-
private _success;
|
|
12
|
-
private _danger;
|
|
13
|
-
private _warning;
|
|
14
12
|
private _flash;
|
|
15
13
|
private _flashDanger;
|
|
16
14
|
private _compact;
|
|
@@ -25,14 +23,8 @@ export declare class ClrProgressBar {
|
|
|
25
23
|
get fadeClass(): boolean;
|
|
26
24
|
set clrLoop(value: boolean | string);
|
|
27
25
|
get loopClass(): boolean;
|
|
28
|
-
/** @deprecated since 2.0, remove in 4.0 */
|
|
29
|
-
set clrWarning(value: boolean | string);
|
|
30
26
|
get warningClass(): boolean;
|
|
31
|
-
/** @deprecated since 2.0, remove in 4.0 */
|
|
32
|
-
set clrSuccess(value: boolean | string);
|
|
33
27
|
get successClass(): boolean;
|
|
34
|
-
/** @deprecated since 2.0, remove in 4.0 */
|
|
35
|
-
set clrDanger(value: boolean | string);
|
|
36
28
|
get dangerClass(): boolean;
|
|
37
29
|
set clrFlash(value: boolean | string);
|
|
38
30
|
get flashClass(): boolean;
|
|
@@ -49,5 +41,5 @@ export declare class ClrProgressBar {
|
|
|
49
41
|
*/
|
|
50
42
|
displayStringValue(): boolean;
|
|
51
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrProgressBar, never>;
|
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrProgressBar, "clr-progress-bar", never, { "max": "clrMax"; "displayval": "clrDisplayval"; "value": "clrValue"; "id": "id"; "clrCompact": "clrCompact"; "clrLabeled": "clrLabeled"; "clrFade": "clrFade"; "clrLoop": "clrLoop"; "
|
|
44
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrProgressBar, "clr-progress-bar", never, { "max": "clrMax"; "displayval": "clrDisplayval"; "color": "clrColor"; "value": "clrValue"; "id": "id"; "clrCompact": "clrCompact"; "clrLabeled": "clrLabeled"; "clrFade": "clrFade"; "clrLoop": "clrLoop"; "clrFlash": "clrFlash"; "clrFlashDanger": "clrFlashDanger"; }, {}, never, never, false, never>;
|
|
53
45
|
}
|
|
@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class WillyWonka implements AfterViewChecked {
|
|
5
5
|
disableChocolateCheck: boolean;
|
|
6
6
|
private _chocolate;
|
|
7
|
-
get chocolate(): Observable<
|
|
7
|
+
get chocolate(): Observable<void>;
|
|
8
8
|
ngAfterViewChecked(): void;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<WillyWonka, never>;
|
|
10
10
|
static ɵdir: i0.ɵɵDirectiveDeclaration<WillyWonka, never, never, {}, {}, never, never, false, never>;
|
|
@@ -8,12 +8,12 @@ export declare class ButtonHubService {
|
|
|
8
8
|
private _cancelBtnClicked;
|
|
9
9
|
private _finishBtnClicked;
|
|
10
10
|
private _customBtnClicked;
|
|
11
|
-
get previousBtnClicked(): Observable<
|
|
12
|
-
get nextBtnClicked(): Observable<
|
|
13
|
-
get dangerBtnClicked(): Observable<
|
|
14
|
-
get cancelBtnClicked(): Observable<
|
|
15
|
-
get finishBtnClicked(): Observable<
|
|
16
|
-
get customBtnClicked(): Observable<
|
|
11
|
+
get previousBtnClicked(): Observable<void>;
|
|
12
|
+
get nextBtnClicked(): Observable<void>;
|
|
13
|
+
get dangerBtnClicked(): Observable<void>;
|
|
14
|
+
get cancelBtnClicked(): Observable<void>;
|
|
15
|
+
get finishBtnClicked(): Observable<void>;
|
|
16
|
+
get customBtnClicked(): Observable<string>;
|
|
17
17
|
buttonClicked(buttonType: string): void;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonHubService, never>;
|
|
19
19
|
static ɵprov: i0.ɵɵInjectableDeclaration<ButtonHubService>;
|
|
@@ -228,7 +228,7 @@ export declare class WizardNavigationService implements OnDestroy {
|
|
|
228
228
|
*
|
|
229
229
|
* @memberof WizardNavigationService
|
|
230
230
|
*/
|
|
231
|
-
get wizardFinished(): Observable<
|
|
231
|
+
get wizardFinished(): Observable<void>;
|
|
232
232
|
/**
|
|
233
233
|
* Notifies the wizard when backwards navigation has occurred via the
|
|
234
234
|
* previous button.
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { TrackByFunction } from '@angular/core';
|
|
2
|
-
import { Items } from './providers/items';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ClrDatagridItemsTrackBy<T = any> {
|
|
5
|
-
private _items;
|
|
6
|
-
constructor(_items: Items<T>);
|
|
7
|
-
set trackBy(value: TrackByFunction<T>);
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridItemsTrackBy<any>, [{ optional: true; }]>;
|
|
9
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDatagridItemsTrackBy<any>, "[ngForTrackBy]", never, { "trackBy": "ngForTrackBy"; }, {}, never, never, false, never>;
|
|
10
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
|
|
3
|
-
* This software is released under MIT license.
|
|
4
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/
|
|
6
|
-
import { Directive, Input, Optional } from '@angular/core';
|
|
7
|
-
import { columnToggleTrackByFn } from './datagrid-column-toggle-trackby';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./providers/items";
|
|
10
|
-
export class ClrDatagridItemsTrackBy {
|
|
11
|
-
constructor(_items) {
|
|
12
|
-
this._items = _items;
|
|
13
|
-
}
|
|
14
|
-
set trackBy(value) {
|
|
15
|
-
/**
|
|
16
|
-
* This is a workaround to prevent the items `trackBy` function from
|
|
17
|
-
* being replaced when the "manage columns" button is clicked. This is
|
|
18
|
-
* not a complete solution. If there is another `ngForTrackBy` function
|
|
19
|
-
* within the datagrid in application code, it could sill replace the
|
|
20
|
-
* items `trackBy` function whether it is the row iterator or not.
|
|
21
|
-
*/
|
|
22
|
-
if (value === columnToggleTrackByFn) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
if (this._items) {
|
|
26
|
-
this._items.iteratorTrackBy = value;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
ClrDatagridItemsTrackBy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, deps: [{ token: i1.Items, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
-
ClrDatagridItemsTrackBy.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ClrDatagridItemsTrackBy, selector: "[ngForTrackBy]", inputs: { trackBy: ["ngForTrackBy", "trackBy"] }, ngImport: i0 });
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, decorators: [{
|
|
33
|
-
type: Directive,
|
|
34
|
-
args: [{
|
|
35
|
-
selector: '[ngForTrackBy]',
|
|
36
|
-
}]
|
|
37
|
-
}], ctorParameters: function () { return [{ type: i1.Items, decorators: [{
|
|
38
|
-
type: Optional
|
|
39
|
-
}] }]; }, propDecorators: { trackBy: [{
|
|
40
|
-
type: Input,
|
|
41
|
-
args: ['ngForTrackBy']
|
|
42
|
-
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWdyaWQtaXRlbXMtdHJhY2tieS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2RhdGEvZGF0YWdyaWQvZGF0YWdyaWQtaXRlbXMtdHJhY2tieS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFtQixNQUFNLGVBQWUsQ0FBQztBQUU1RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBTXpFLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsWUFBZ0MsTUFBZ0I7UUFBaEIsV0FBTSxHQUFOLE1BQU0sQ0FBVTtJQUFHLENBQUM7SUFFcEQsSUFDSSxPQUFPLENBQUMsS0FBeUI7UUFDbkM7Ozs7OztXQU1HO1FBQ0gsSUFBSSxLQUFLLEtBQUsscUJBQXFCLEVBQUU7WUFDbkMsT0FBTztTQUNSO1FBRUQsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1NBQ3JDO0lBQ0gsQ0FBQzs7b0hBbkJVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtpQkFDM0I7OzBCQUVjLFFBQVE7NENBR2pCLE9BQU87c0JBRFYsS0FBSzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi0yMDIzIFZNd2FyZSwgSW5jLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPcHRpb25hbCwgVHJhY2tCeUZ1bmN0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGNvbHVtblRvZ2dsZVRyYWNrQnlGbiB9IGZyb20gJy4vZGF0YWdyaWQtY29sdW1uLXRvZ2dsZS10cmFja2J5JztcbmltcG9ydCB7IEl0ZW1zIH0gZnJvbSAnLi9wcm92aWRlcnMvaXRlbXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbmdGb3JUcmFja0J5XScsXG59KVxuZXhwb3J0IGNsYXNzIENsckRhdGFncmlkSXRlbXNUcmFja0J5PFQgPSBhbnk+IHtcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBfaXRlbXM6IEl0ZW1zPFQ+KSB7fVxuXG4gIEBJbnB1dCgnbmdGb3JUcmFja0J5JylcbiAgc2V0IHRyYWNrQnkodmFsdWU6IFRyYWNrQnlGdW5jdGlvbjxUPikge1xuICAgIC8qKlxuICAgICAqIFRoaXMgaXMgYSB3b3JrYXJvdW5kIHRvIHByZXZlbnQgdGhlIGl0ZW1zIGB0cmFja0J5YCBmdW5jdGlvbiBmcm9tXG4gICAgICogYmVpbmcgcmVwbGFjZWQgd2hlbiB0aGUgXCJtYW5hZ2UgY29sdW1uc1wiIGJ1dHRvbiBpcyBjbGlja2VkLiBUaGlzIGlzXG4gICAgICogbm90IGEgY29tcGxldGUgc29sdXRpb24uIElmIHRoZXJlIGlzIGFub3RoZXIgYG5nRm9yVHJhY2tCeWAgZnVuY3Rpb25cbiAgICAgKiB3aXRoaW4gdGhlIGRhdGFncmlkIGluIGFwcGxpY2F0aW9uIGNvZGUsIGl0IGNvdWxkIHNpbGwgcmVwbGFjZSB0aGVcbiAgICAgKiBpdGVtcyBgdHJhY2tCeWAgZnVuY3Rpb24gd2hldGhlciBpdCBpcyB0aGUgcm93IGl0ZXJhdG9yIG9yIG5vdC5cbiAgICAgKi9cbiAgICBpZiAodmFsdWUgPT09IGNvbHVtblRvZ2dsZVRyYWNrQnlGbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9pdGVtcykge1xuICAgICAgdGhpcy5faXRlbXMuaXRlcmF0b3JUcmFja0J5ID0gdmFsdWU7XG4gICAgfVxuICB9XG59XG4iXX0=
|