@clr/angular 12.3.1 → 12.4.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/bundles/clr-angular.umd.js +4 -2
- package/bundles/clr-angular.umd.js.map +1 -1
- package/clarity.api.md +2 -0
- package/clr-angular.metadata.json +1 -1
- package/data/datagrid/datagrid-page-size.d.ts +1 -0
- package/esm2015/data/datagrid/datagrid-page-size.js +6 -3
- package/fesm2015/clr-angular.js +4 -2
- package/fesm2015/clr-angular.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,10 +4,12 @@
|
|
|
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 { Page } from './providers/page';
|
|
8
9
|
export class ClrDatagridPageSize {
|
|
9
10
|
constructor(page) {
|
|
10
11
|
this.page = page;
|
|
12
|
+
this.pageSizeOptionsId = uniqueIdFactory();
|
|
11
13
|
}
|
|
12
14
|
ngOnInit() {
|
|
13
15
|
if (!this.pageSizeOptions || this.pageSizeOptions.length === 0) {
|
|
@@ -21,7 +23,7 @@ ClrDatagridPageSize.decorators = [
|
|
|
21
23
|
template: `
|
|
22
24
|
<ng-content></ng-content>
|
|
23
25
|
<div class="clr-select-wrapper">
|
|
24
|
-
<select [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
26
|
+
<select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
25
27
|
<option *ngFor="let option of pageSizeOptions" [ngValue]="option">{{ option }}</option>
|
|
26
28
|
</select>
|
|
27
29
|
</div>
|
|
@@ -32,6 +34,7 @@ ClrDatagridPageSize.ctorParameters = () => [
|
|
|
32
34
|
{ type: Page }
|
|
33
35
|
];
|
|
34
36
|
ClrDatagridPageSize.propDecorators = {
|
|
35
|
-
pageSizeOptions: [{ type: Input, args: ['clrPageSizeOptions',] }]
|
|
37
|
+
pageSizeOptions: [{ type: Input, args: ['clrPageSizeOptions',] }],
|
|
38
|
+
pageSizeOptionsId: [{ type: Input, args: ['clrPageSizeOptionsId',] }]
|
|
36
39
|
};
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWdyaWQtcGFnZS1zaXplLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvZGF0YS9kYXRhZ3JpZC9kYXRhZ3JpZC1wYWdlLXNpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFheEMsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixZQUFtQixJQUFVO1FBQVYsU0FBSSxHQUFKLElBQUksQ0FBTTtRQUZFLHNCQUFpQixHQUFHLGVBQWUsRUFBRSxDQUFDO0lBRXJDLENBQUM7SUFFakMsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUM5RCxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN6QztJQUNILENBQUM7OztZQXJCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7YUFDRjs7O1lBWlEsSUFBSTs7OzhCQWNWLEtBQUssU0FBQyxvQkFBb0I7Z0NBQzFCLEtBQUssU0FBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LTIwMjIgVk13YXJlLCBJbmMuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKiBUaGlzIHNvZnR3YXJlIGlzIHJlbGVhc2VkIHVuZGVyIE1JVCBsaWNlbnNlLlxuICogVGhlIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbiBjYW4gYmUgZm91bmQgaW4gTElDRU5TRSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBwcm9qZWN0LlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgdW5pcXVlSWRGYWN0b3J5IH0gZnJvbSAnLi4vLi4vdXRpbHMvaWQtZ2VuZXJhdG9yL2lkLWdlbmVyYXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IFBhZ2UgfSBmcm9tICcuL3Byb3ZpZGVycy9wYWdlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2xyLWRnLXBhZ2Utc2l6ZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJjbHItc2VsZWN0LXdyYXBwZXJcIj5cbiAgICAgIDxzZWxlY3QgW2lkXT1cInBhZ2VTaXplT3B0aW9uc0lkXCIgW2NsYXNzLmNsci1wYWdlLXNpemUtc2VsZWN0XT1cInRydWVcIiBbKG5nTW9kZWwpXT1cInBhZ2Uuc2l6ZVwiPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgcGFnZVNpemVPcHRpb25zXCIgW25nVmFsdWVdPVwib3B0aW9uXCI+e3sgb3B0aW9uIH19PC9vcHRpb24+XG4gICAgICA8L3NlbGVjdD5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgQ2xyRGF0YWdyaWRQYWdlU2l6ZSB7XG4gIEBJbnB1dCgnY2xyUGFnZVNpemVPcHRpb25zJykgcGFnZVNpemVPcHRpb25zOiBudW1iZXJbXTtcbiAgQElucHV0KCdjbHJQYWdlU2l6ZU9wdGlvbnNJZCcpIHBhZ2VTaXplT3B0aW9uc0lkID0gdW5pcXVlSWRGYWN0b3J5KCk7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHBhZ2U6IFBhZ2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLnBhZ2VTaXplT3B0aW9ucyB8fCB0aGlzLnBhZ2VTaXplT3B0aW9ucy5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMucGFnZVNpemVPcHRpb25zID0gW3RoaXMucGFnZS5zaXplXTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
package/fesm2015/clr-angular.js
CHANGED
|
@@ -15220,6 +15220,7 @@ ClrDatagridItemsTrackBy.propDecorators = {
|
|
|
15220
15220
|
class ClrDatagridPageSize {
|
|
15221
15221
|
constructor(page) {
|
|
15222
15222
|
this.page = page;
|
|
15223
|
+
this.pageSizeOptionsId = uniqueIdFactory();
|
|
15223
15224
|
}
|
|
15224
15225
|
ngOnInit() {
|
|
15225
15226
|
if (!this.pageSizeOptions || this.pageSizeOptions.length === 0) {
|
|
@@ -15233,7 +15234,7 @@ ClrDatagridPageSize.decorators = [
|
|
|
15233
15234
|
template: `
|
|
15234
15235
|
<ng-content></ng-content>
|
|
15235
15236
|
<div class="clr-select-wrapper">
|
|
15236
|
-
<select [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
15237
|
+
<select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
|
|
15237
15238
|
<option *ngFor="let option of pageSizeOptions" [ngValue]="option">{{ option }}</option>
|
|
15238
15239
|
</select>
|
|
15239
15240
|
</div>
|
|
@@ -15244,7 +15245,8 @@ ClrDatagridPageSize.ctorParameters = () => [
|
|
|
15244
15245
|
{ type: Page }
|
|
15245
15246
|
];
|
|
15246
15247
|
ClrDatagridPageSize.propDecorators = {
|
|
15247
|
-
pageSizeOptions: [{ type: Input, args: ['clrPageSizeOptions',] }]
|
|
15248
|
+
pageSizeOptions: [{ type: Input, args: ['clrPageSizeOptions',] }],
|
|
15249
|
+
pageSizeOptionsId: [{ type: Input, args: ['clrPageSizeOptionsId',] }]
|
|
15248
15250
|
};
|
|
15249
15251
|
|
|
15250
15252
|
/*
|