@clr/angular 13.7.0 → 13.8.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/clarity.api.md +3 -1
- package/data/datagrid/datagrid-page-size.d.ts +2 -1
- package/esm2020/data/datagrid/datagrid-page-size.mjs +9 -4
- package/fesm2015/clr-angular.mjs +7 -3
- package/fesm2015/clr-angular.mjs.map +1 -1
- package/fesm2020/clr-angular.mjs +7 -3
- package/fesm2020/clr-angular.mjs.map +1 -1
- package/package.json +1 -1
package/clarity.api.md
CHANGED
|
@@ -1649,7 +1649,9 @@ export class ClrDatagridPageSize {
|
|
|
1649
1649
|
// (undocumented)
|
|
1650
1650
|
pageSizeOptions: number[];
|
|
1651
1651
|
// (undocumented)
|
|
1652
|
-
|
|
1652
|
+
pageSizeOptionsId: string;
|
|
1653
|
+
// (undocumented)
|
|
1654
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridPageSize, "clr-dg-page-size", never, { "pageSizeOptions": "clrPageSizeOptions"; "pageSizeOptionsId": "clrPageSizeOptionsId"; }, {}, never, ["*"]>;
|
|
1653
1655
|
// (undocumented)
|
|
1654
1656
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridPageSize, never>;
|
|
1655
1657
|
}
|
|
@@ -3,8 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class ClrDatagridPageSize {
|
|
4
4
|
page: Page;
|
|
5
5
|
pageSizeOptions: number[];
|
|
6
|
+
pageSizeOptionsId: string;
|
|
6
7
|
constructor(page: Page);
|
|
7
8
|
ngOnInit(): void;
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridPageSize, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridPageSize, "clr-dg-page-size", never, { "pageSizeOptions": "clrPageSizeOptions"; }, {}, never, ["*"]>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrDatagridPageSize, "clr-dg-page-size", never, { "pageSizeOptions": "clrPageSizeOptions"; "pageSizeOptionsId": "clrPageSizeOptionsId"; }, {}, never, ["*"]>;
|
|
10
11
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
5
|
*/
|
|
6
6
|
import { Component, Input } from '@angular/core';
|
|
7
|
+
import { uniqueIdFactory } from '../../utils/id-generator/id-generator.service';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
import * as i1 from "./providers/page";
|
|
9
10
|
import * as i2 from "@angular/forms";
|
|
@@ -11,6 +12,7 @@ import * as i3 from "@angular/common";
|
|
|
11
12
|
export class ClrDatagridPageSize {
|
|
12
13
|
constructor(page) {
|
|
13
14
|
this.page = page;
|
|
15
|
+
this.pageSizeOptionsId = uniqueIdFactory();
|
|
14
16
|
}
|
|
15
17
|
ngOnInit() {
|
|
16
18
|
if (!this.pageSizeOptions || this.pageSizeOptions.length === 0) {
|
|
@@ -19,10 +21,10 @@ export class ClrDatagridPageSize {
|
|
|
19
21
|
}
|
|
20
22
|
}
|
|
21
23
|
ClrDatagridPageSize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ClrDatagridPageSize, deps: [{ token: i1.Page }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
ClrDatagridPageSize.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ClrDatagridPageSize, selector: "clr-dg-page-size", inputs: { pageSizeOptions: ["clrPageSizeOptions", "pageSizeOptions"] }, ngImport: i0, template: `
|
|
24
|
+
ClrDatagridPageSize.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ClrDatagridPageSize, selector: "clr-dg-page-size", inputs: { pageSizeOptions: ["clrPageSizeOptions", "pageSizeOptions"], pageSizeOptionsId: ["clrPageSizeOptionsId", "pageSizeOptionsId"] }, ngImport: i0, template: `
|
|
23
25
|
<ng-content></ng-content>
|
|
24
26
|
<div class="clr-select-wrapper">
|
|
25
|
-
<select [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
27
|
+
<select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
26
28
|
<option *ngFor="let option of pageSizeOptions" [ngValue]="option">{{ option }}</option>
|
|
27
29
|
</select>
|
|
28
30
|
</div>
|
|
@@ -34,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
34
36
|
template: `
|
|
35
37
|
<ng-content></ng-content>
|
|
36
38
|
<div class="clr-select-wrapper">
|
|
37
|
-
<select [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
39
|
+
<select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
38
40
|
<option *ngFor="let option of pageSizeOptions" [ngValue]="option">{{ option }}</option>
|
|
39
41
|
</select>
|
|
40
42
|
</div>
|
|
@@ -43,5 +45,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
43
45
|
}], ctorParameters: function () { return [{ type: i1.Page }]; }, propDecorators: { pageSizeOptions: [{
|
|
44
46
|
type: Input,
|
|
45
47
|
args: ['clrPageSizeOptions']
|
|
48
|
+
}], pageSizeOptionsId: [{
|
|
49
|
+
type: Input,
|
|
50
|
+
args: ['clrPageSizeOptionsId']
|
|
46
51
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWdyaWQtcGFnZS1zaXplLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvZGF0YS9kYXRhZ3JpZC9kYXRhZ3JpZC1wYWdlLXNpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQzs7Ozs7QUFjaEYsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixZQUFtQixJQUFVO1FBQVYsU0FBSSxHQUFKLElBQUksQ0FBTTtRQUZFLHNCQUFpQixHQUFHLGVBQWUsRUFBRSxDQUFDO0lBRXJDLENBQUM7SUFFakMsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUM5RCxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN6QztJQUNILENBQUM7O2dIQVZVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGtNQVRwQjs7Ozs7OztHQU9UOzJGQUVVLG1CQUFtQjtrQkFYL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7R0FPVDtpQkFDRjsyRkFFOEIsZUFBZTtzQkFBM0MsS0FBSzt1QkFBQyxvQkFBb0I7Z0JBQ0ksaUJBQWlCO3NCQUEvQyxLQUFLO3VCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBWTXdhcmUsIEluYy4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqIFRoaXMgc29mdHdhcmUgaXMgcmVsZWFzZWQgdW5kZXIgTUlUIGxpY2Vuc2UuXG4gKiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyB1bmlxdWVJZEZhY3RvcnkgfSBmcm9tICcuLi8uLi91dGlscy9pZC1nZW5lcmF0b3IvaWQtZ2VuZXJhdG9yLnNlcnZpY2UnO1xuaW1wb3J0IHsgUGFnZSB9IGZyb20gJy4vcHJvdmlkZXJzL3BhZ2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbHItZGctcGFnZS1zaXplJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cImNsci1zZWxlY3Qtd3JhcHBlclwiPlxuICAgICAgPHNlbGVjdCBbaWRdPVwicGFnZVNpemVPcHRpb25zSWRcIiBbY2xhc3MuY2xyLXBhZ2Utc2l6ZS1zZWxlY3RdPVwidHJ1ZVwiIFsobmdNb2RlbCldPVwicGFnZS5zaXplXCI+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBwYWdlU2l6ZU9wdGlvbnNcIiBbbmdWYWx1ZV09XCJvcHRpb25cIj57eyBvcHRpb24gfX08L29wdGlvbj5cbiAgICAgIDwvc2VsZWN0PlxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBDbHJEYXRhZ3JpZFBhZ2VTaXplIHtcbiAgQElucHV0KCdjbHJQYWdlU2l6ZU9wdGlvbnMnKSBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdO1xuICBASW5wdXQoJ2NsclBhZ2VTaXplT3B0aW9uc0lkJykgcGFnZVNpemVPcHRpb25zSWQgPSB1bmlxdWVJZEZhY3RvcnkoKTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcGFnZTogUGFnZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAoIXRoaXMucGFnZVNpemVPcHRpb25zIHx8IHRoaXMucGFnZVNpemVPcHRpb25zLmxlbmd0aCA9PT0gMCkge1xuICAgICAgdGhpcy5wYWdlU2l6ZU9wdGlvbnMgPSBbdGhpcy5wYWdlLnNpemVdO1xuICAgIH1cbiAgfVxufVxuIl19
|
package/fesm2015/clr-angular.mjs
CHANGED
|
@@ -17317,6 +17317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
17317
17317
|
class ClrDatagridPageSize {
|
|
17318
17318
|
constructor(page) {
|
|
17319
17319
|
this.page = page;
|
|
17320
|
+
this.pageSizeOptionsId = uniqueIdFactory();
|
|
17320
17321
|
}
|
|
17321
17322
|
ngOnInit() {
|
|
17322
17323
|
if (!this.pageSizeOptions || this.pageSizeOptions.length === 0) {
|
|
@@ -17325,10 +17326,10 @@ class ClrDatagridPageSize {
|
|
|
17325
17326
|
}
|
|
17326
17327
|
}
|
|
17327
17328
|
ClrDatagridPageSize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ClrDatagridPageSize, deps: [{ token: Page }], target: i0.ɵɵFactoryTarget.Component });
|
|
17328
|
-
ClrDatagridPageSize.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ClrDatagridPageSize, selector: "clr-dg-page-size", inputs: { pageSizeOptions: ["clrPageSizeOptions", "pageSizeOptions"] }, ngImport: i0, template: `
|
|
17329
|
+
ClrDatagridPageSize.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ClrDatagridPageSize, selector: "clr-dg-page-size", inputs: { pageSizeOptions: ["clrPageSizeOptions", "pageSizeOptions"], pageSizeOptionsId: ["clrPageSizeOptionsId", "pageSizeOptionsId"] }, ngImport: i0, template: `
|
|
17329
17330
|
<ng-content></ng-content>
|
|
17330
17331
|
<div class="clr-select-wrapper">
|
|
17331
|
-
<select [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
17332
|
+
<select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
17332
17333
|
<option *ngFor="let option of pageSizeOptions" [ngValue]="option">{{ option }}</option>
|
|
17333
17334
|
</select>
|
|
17334
17335
|
</div>
|
|
@@ -17340,7 +17341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
17340
17341
|
template: `
|
|
17341
17342
|
<ng-content></ng-content>
|
|
17342
17343
|
<div class="clr-select-wrapper">
|
|
17343
|
-
<select [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
17344
|
+
<select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
17344
17345
|
<option *ngFor="let option of pageSizeOptions" [ngValue]="option">{{ option }}</option>
|
|
17345
17346
|
</select>
|
|
17346
17347
|
</div>
|
|
@@ -17349,6 +17350,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
|
|
|
17349
17350
|
}], ctorParameters: function () { return [{ type: Page }]; }, propDecorators: { pageSizeOptions: [{
|
|
17350
17351
|
type: Input,
|
|
17351
17352
|
args: ['clrPageSizeOptions']
|
|
17353
|
+
}], pageSizeOptionsId: [{
|
|
17354
|
+
type: Input,
|
|
17355
|
+
args: ['clrPageSizeOptionsId']
|
|
17352
17356
|
}] } });
|
|
17353
17357
|
|
|
17354
17358
|
/*
|