@porscheinformatik/clr-addons 11.0.0 → 12.0.0

package/esm2020/paged-search-result-list/paged-search-result-list.mjs

@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2018-2020 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { Component, ContentChild, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../pager/pager";
+import * as i2 from "@angular/common";
+export class ClrPagedSearchResultList {
+    constructor() {
+        /**
+         * The position of the pager
+         */
+        this.clrPagerPosition = 'bottom';
+        /**
+         * Triggered whenever a page change occurs.
+         */
+        this.pageChange = new EventEmitter();
+    }
+}
+ClrPagedSearchResultList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagedSearchResultList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrPagedSearchResultList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ClrPagedSearchResultList, selector: "clr-paged-search-result-list", inputs: { pageSize: ["clrPageSize", "pageSize"], currentPage: ["clrPage", "currentPage"], totalItems: ["clrTotalItems", "totalItems"], items: ["clrItems", "items"], clrPagerPosition: "clrPagerPosition" }, outputs: { pageChange: "clrPageChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<div class=\"clr-row\">\n  <clr-pager\n    class=\"pager-top\"\n    *ngIf=\"clrPagerPosition === 'top' || clrPagerPosition === 'both'\"\n    [clrPage]=\"currentPage\"\n    [clrPageSize]=\"pageSize\"\n    [clrTotalItems]=\"totalItems\"\n    (clrPageChange)=\"pageChange.emit($event)\"\n  ></clr-pager>\n</div>\n<ng-container *ngFor=\"let item of items\" [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{item: item}\">\n  <div *ngIf=\"!itemTemplate\">Item template input is undefined!</div>\n</ng-container>\n<div class=\"clr-row\">\n  <clr-pager\n    class=\"pager-bottom\"\n    *ngIf=\"clrPagerPosition === 'bottom' || clrPagerPosition === 'both'\"\n    [clrPage]=\"currentPage\"\n    [clrPageSize]=\"pageSize\"\n    [clrTotalItems]=\"totalItems\"\n    (clrPageChange)=\"pageChange.emit($event)\"\n  ></clr-pager>\n</div>\n", components: [{ type: i1.ClrPager, selector: "clr-pager", inputs: ["clrPageSize", "clrTotalItems", "clrLast", "clrPage"], outputs: ["clrPageChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagedSearchResultList, decorators: [{
+            type: Component,
+            args: [{ selector: 'clr-paged-search-result-list', template: "<div class=\"clr-row\">\n  <clr-pager\n    class=\"pager-top\"\n    *ngIf=\"clrPagerPosition === 'top' || clrPagerPosition === 'both'\"\n    [clrPage]=\"currentPage\"\n    [clrPageSize]=\"pageSize\"\n    [clrTotalItems]=\"totalItems\"\n    (clrPageChange)=\"pageChange.emit($event)\"\n  ></clr-pager>\n</div>\n<ng-container *ngFor=\"let item of items\" [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{item: item}\">\n  <div *ngIf=\"!itemTemplate\">Item template input is undefined!</div>\n</ng-container>\n<div class=\"clr-row\">\n  <clr-pager\n    class=\"pager-bottom\"\n    *ngIf=\"clrPagerPosition === 'bottom' || clrPagerPosition === 'both'\"\n    [clrPage]=\"currentPage\"\n    [clrPageSize]=\"pageSize\"\n    [clrTotalItems]=\"totalItems\"\n    (clrPageChange)=\"pageChange.emit($event)\"\n  ></clr-pager>\n</div>\n" }]
+        }], propDecorators: { pageSize: [{
+                type: Input,
+                args: ['clrPageSize']
+            }], currentPage: [{
+                type: Input,
+                args: ['clrPage']
+            }], totalItems: [{
+                type: Input,
+                args: ['clrTotalItems']
+            }], items: [{
+                type: Input,
+                args: ['clrItems']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }], clrPagerPosition: [{
+                type: Input,
+                args: ['clrPagerPosition']
+            }], pageChange: [{
+                type: Output,
+                args: ['clrPageChange']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWQtc2VhcmNoLXJlc3VsdC1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvcGFnZWQtc2VhcmNoLXJlc3VsdC1saXN0L3BhZ2VkLXNlYXJjaC1yZXN1bHQtbGlzdC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3BhZ2VkLXNlYXJjaC1yZXN1bHQtbGlzdC9wYWdlZC1zZWFyY2gtcmVzdWx0LWxpc3QuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTWxHLE1BQU0sT0FBTyx3QkFBd0I7SUFKckM7UUErQkU7O1dBRUc7UUFDd0IscUJBQWdCLEdBQUcsUUFBUSxDQUFDO1FBRXZEOztXQUVHO1FBQ3NCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUM3RTs7cUhBcENZLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHFXQXdCckIsV0FBVyw4RENwQzNCLHkwQkF1QkE7MkZEWGEsd0JBQXdCO2tCQUpwQyxTQUFTOytCQUNFLDhCQUE4Qjs4QkFPbEIsUUFBUTtzQkFBN0IsS0FBSzt1QkFBQyxhQUFhO2dCQUtGLFdBQVc7c0JBQTVCLEtBQUs7dUJBQUMsU0FBUztnQkFLUSxVQUFVO3NCQUFqQyxLQUFLO3VCQUFDLGVBQWU7Z0JBS0gsS0FBSztzQkFBdkIsS0FBSzt1QkFBQyxVQUFVO2dCQU1qQixZQUFZO3NCQURYLFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFNaEIsZ0JBQWdCO3NCQUExQyxLQUFLO3VCQUFDLGtCQUFrQjtnQkFLQSxVQUFVO3NCQUFsQyxNQUFNO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMjAgUG9yc2NoZSBJbmZvcm1hdGlrLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbHItcGFnZWQtc2VhcmNoLXJlc3VsdC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2VkLXNlYXJjaC1yZXN1bHQtbGlzdC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ2xyUGFnZWRTZWFyY2hSZXN1bHRMaXN0IHtcbiAgLyoqXG4gICAqIFRoZSBwYWdlIHNpemUsIHVzZWQgZm9yIHBhZ2luYXRpb24uXG4gICAqL1xuICBASW5wdXQoJ2NsclBhZ2VTaXplJykgcGFnZVNpemU6IG51bWJlcjtcblxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZSwgdXNlZCBmb3IgcGFnaW5hdGlvbi5cbiAgICovXG4gIEBJbnB1dCgnY2xyUGFnZScpIGN1cnJlbnRQYWdlOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIE51bWJlciBvZiB0b3RhbCBpdGVtcywgdXNlZCBmb3IgcGFnaW5hdGlvbi5cbiAgICovXG4gIEBJbnB1dCgnY2xyVG90YWxJdGVtcycpIHRvdGFsSXRlbXM6IG51bWJlcjtcblxuICAvKipcbiAgICogVGhlIGFycmF5IG9mIGl0ZW1zIHRvIGJlIGRpc3BsYXllZC5cbiAgICovXG4gIEBJbnB1dCgnY2xySXRlbXMnKSBpdGVtczogQXJyYXk8YW55PjtcblxuICAvKipcbiAgICogVGhlIHRlbXBsYXRlIGhvdyBlYWNoIGl0ZW0gc2hvdWxkIGJlIGRpc3BsYXllZC5cbiAgICovXG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pXG4gIGl0ZW1UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIHRoZSBwYWdlclxuICAgKi9cbiAgQElucHV0KCdjbHJQYWdlclBvc2l0aW9uJykgY2xyUGFnZXJQb3NpdGlvbiA9ICdib3R0b20nO1xuXG4gIC8qKlxuICAgKiBUcmlnZ2VyZWQgd2hlbmV2ZXIgYSBwYWdlIGNoYW5nZSBvY2N1cnMuXG4gICAqL1xuICBAT3V0cHV0KCdjbHJQYWdlQ2hhbmdlJykgcGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2xyLXJvd1wiPlxuICA8Y2xyLXBhZ2VyXG4gICAgY2xhc3M9XCJwYWdlci10b3BcIlxuICAgICpuZ0lmPVwiY2xyUGFnZXJQb3NpdGlvbiA9PT0gJ3RvcCcgfHwgY2xyUGFnZXJQb3NpdGlvbiA9PT0gJ2JvdGgnXCJcbiAgICBbY2xyUGFnZV09XCJjdXJyZW50UGFnZVwiXG4gICAgW2NsclBhZ2VTaXplXT1cInBhZ2VTaXplXCJcbiAgICBbY2xyVG90YWxJdGVtc109XCJ0b3RhbEl0ZW1zXCJcbiAgICAoY2xyUGFnZUNoYW5nZSk9XCJwYWdlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gID48L2Nsci1wYWdlcj5cbjwvZGl2PlxuPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW1UZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7aXRlbTogaXRlbX1cIj5cbiAgPGRpdiAqbmdJZj1cIiFpdGVtVGVtcGxhdGVcIj5JdGVtIHRlbXBsYXRlIGlucHV0IGlzIHVuZGVmaW5lZCE8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cImNsci1yb3dcIj5cbiAgPGNsci1wYWdlclxuICAgIGNsYXNzPVwicGFnZXItYm90dG9tXCJcbiAgICAqbmdJZj1cImNsclBhZ2VyUG9zaXRpb24gPT09ICdib3R0b20nIHx8IGNsclBhZ2VyUG9zaXRpb24gPT09ICdib3RoJ1wiXG4gICAgW2NsclBhZ2VdPVwiY3VycmVudFBhZ2VcIlxuICAgIFtjbHJQYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gICAgW2NsclRvdGFsSXRlbXNdPVwidG90YWxJdGVtc1wiXG4gICAgKGNsclBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICA+PC9jbHItcGFnZXI+XG48L2Rpdj5cbiJdfQ==

package/esm2020/paged-search-result-list/paged-search-result-list.module.mjs

@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2018-2019 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { ClarityModule } from '@clr/angular';
+import { ClrPagedSearchResultList } from './paged-search-result-list';
+import { ClrPagerModule } from '../pager/pager.module';
+import * as i0 from "@angular/core";
+export class ClrPagedSearchResultListModule {
+}
+ClrPagedSearchResultListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagedSearchResultListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrPagedSearchResultListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagedSearchResultListModule, declarations: [ClrPagedSearchResultList], imports: [CommonModule, ClarityModule, FormsModule, ClrPagerModule], exports: [ClrPagedSearchResultList] });
+ClrPagedSearchResultListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagedSearchResultListModule, imports: [[CommonModule, ClarityModule, FormsModule, ClrPagerModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagedSearchResultListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ClarityModule, FormsModule, ClrPagerModule],
+                    declarations: [ClrPagedSearchResultList],
+                    exports: [ClrPagedSearchResultList],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWQtc2VhcmNoLXJlc3VsdC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3BhZ2VkLXNlYXJjaC1yZXN1bHQtbGlzdC9wYWdlZC1zZWFyY2gtcmVzdWx0LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFFSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU3QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyw4QkFBOEI7OzJIQUE5Qiw4QkFBOEI7NEhBQTlCLDhCQUE4QixpQkFIMUIsd0JBQXdCLGFBRDdCLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLGNBQWMsYUFFeEQsd0JBQXdCOzRIQUV2Qiw4QkFBOEIsWUFKaEMsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxjQUFjLENBQUM7MkZBSXhELDhCQUE4QjtrQkFMMUMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxjQUFjLENBQUM7b0JBQ25FLFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMTkgUG9yc2NoZSBJbmZvcm1hdGlrLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2xhcml0eU1vZHVsZSB9IGZyb20gJ0BjbHIvYW5ndWxhcic7XG5cbmltcG9ydCB7IENsclBhZ2VkU2VhcmNoUmVzdWx0TGlzdCB9IGZyb20gJy4vcGFnZWQtc2VhcmNoLXJlc3VsdC1saXN0JztcbmltcG9ydCB7IENsclBhZ2VyTW9kdWxlIH0gZnJvbSAnLi4vcGFnZXIvcGFnZXIubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ2xhcml0eU1vZHVsZSwgRm9ybXNNb2R1bGUsIENsclBhZ2VyTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbQ2xyUGFnZWRTZWFyY2hSZXN1bHRMaXN0XSxcbiAgZXhwb3J0czogW0NsclBhZ2VkU2VhcmNoUmVzdWx0TGlzdF0sXG59KVxuZXhwb3J0IGNsYXNzIENsclBhZ2VkU2VhcmNoUmVzdWx0TGlzdE1vZHVsZSB7fVxuIl19

package/esm2020/pager/pager.mjs

@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) 2018-2019 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@clr/angular";
+/**
+ * Custom pager component because clarity's pager component can only be used inside a data grid.
+ * Currently a requested feature, see here: https://github.com/vmware/clarity/issues/2268
+ * In this issue it is mentioned that a button group is a suitable replacement until the pager component is released.
+ */
+export class ClrPager {
+    constructor() {
+        this.pageChange = new EventEmitter(false);
+        /**
+         * Page size, a value of 0 means no pagination
+         */
+        this._pageSize = 0;
+        /**
+         * Total items (needed to guess the last page)
+         */
+        this._totalItems = 0;
+        /**
+         * Current page
+         */
+        this._page = 1;
+    }
+    get pageSize() {
+        return this._pageSize;
+    }
+    set pageSize(size) {
+        const oldSize = this._pageSize;
+        if (size !== oldSize) {
+            this._pageSize = size;
+            if (size === 0) {
+                this._page = 1;
+            }
+            else {
+                // Yeap. That's the formula to keep the first item from the old page still
+                // displayed in the new one.
+                this._page = Math.floor((oldSize / size) * (this._page - 1)) + 1;
+            }
+            // We always emit an event even if the current page index didn't change, because
+            // the size changing means the items inside the page are different
+            this.pageChange.emit(this._page);
+        }
+    }
+    get totalItems() {
+        return this._totalItems;
+    }
+    set totalItems(total) {
+        this._totalItems = total;
+        // If we have less items than before, we might need to change the current page
+        if (this.page > this.last) {
+            this.page = this.last;
+        }
+    }
+    get last() {
+        if (this._last) {
+            return this._last;
+        }
+        // If the last page isn't known, we compute it from the last item's index
+        if (this.pageSize > 0 && this.totalItems) {
+            return Math.ceil(this.totalItems / this.pageSize);
+        }
+        return 1;
+    }
+    set last(page) {
+        this._last = page;
+    }
+    get page() {
+        return this._page;
+    }
+    set page(page) {
+        if (page !== this._page) {
+            this._page = page;
+            this.pageChange.emit(page);
+        }
+    }
+    /**
+     * Moves to the previous page if it exists
+     */
+    previous() {
+        if (this.page > 1) {
+            this.page--;
+        }
+    }
+    /**
+     * Moves to the next page if it exists
+     */
+    next() {
+        if (this.page < this.last) {
+            this.page++;
+        }
+    }
+    /**
+     * Conditionally adds page numbers before and after the current page
+     */
+    get middlePages() {
+        const middlePages = [];
+        if (this.page > 1) {
+            middlePages.push(this.page - 1);
+        }
+        middlePages.push(this.page);
+        if (this.page < this.last) {
+            middlePages.push(this.page + 1);
+        }
+        return middlePages;
+    }
+}
+ClrPager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPager, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrPager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ClrPager, selector: "clr-pager", inputs: { pageSize: ["clrPageSize", "pageSize"], totalItems: ["clrTotalItems", "totalItems"], last: ["clrLast", "last"], page: ["clrPage", "page"] }, outputs: { pageChange: "clrPageChange" }, host: { properties: { "class.pager": "true" } }, ngImport: i0, template: "<div class=\"btn-group\" *ngIf=\"last > 1\">\n  <button class=\"btn pagination-previous\" (click)=\"previous()\" [disabled]=\"page == 1\">\n    <clr-icon shape=\"angle left\"></clr-icon>\n  </button>\n  <button *ngIf=\"page > 2\" class=\"btn\" (click)=\"page = 1\">1</button>\n  <button *ngIf=\"page > 3\" class=\"btn\" disabled>...</button>\n\n  <ng-container *ngFor=\"let pageNum of middlePages\">\n    <button *ngIf=\"pageNum !== page; else activePage\" class=\"btn\" (click)=\"page = pageNum\">{{pageNum}}</button>\n    <ng-template #activePage>\n      <button class=\"btn btn-primary\" type=\"button\">{{pageNum}}</button>\n    </ng-template>\n  </ng-container>\n\n  <button *ngIf=\"page < last - 2\" class=\"btn\" disabled>...</button>\n  <button *ngIf=\"page < last - 1\" class=\"btn\" (click)=\"page = last\">{{last}}</button>\n  <button class=\"btn pagination-next\" (click)=\"next()\" [disabled]=\"page == last\">\n    <clr-icon shape=\"angle right\"></clr-icon>\n  </button>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ClrIconCustomTag, selector: "clr-icon" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPager, decorators: [{
+            type: Component,
+            args: [{ selector: 'clr-pager', host: { '[class.pager]': 'true' }, template: "<div class=\"btn-group\" *ngIf=\"last > 1\">\n  <button class=\"btn pagination-previous\" (click)=\"previous()\" [disabled]=\"page == 1\">\n    <clr-icon shape=\"angle left\"></clr-icon>\n  </button>\n  <button *ngIf=\"page > 2\" class=\"btn\" (click)=\"page = 1\">1</button>\n  <button *ngIf=\"page > 3\" class=\"btn\" disabled>...</button>\n\n  <ng-container *ngFor=\"let pageNum of middlePages\">\n    <button *ngIf=\"pageNum !== page; else activePage\" class=\"btn\" (click)=\"page = pageNum\">{{pageNum}}</button>\n    <ng-template #activePage>\n      <button class=\"btn btn-primary\" type=\"button\">{{pageNum}}</button>\n    </ng-template>\n  </ng-container>\n\n  <button *ngIf=\"page < last - 2\" class=\"btn\" disabled>...</button>\n  <button *ngIf=\"page < last - 1\" class=\"btn\" (click)=\"page = last\">{{last}}</button>\n  <button class=\"btn pagination-next\" (click)=\"next()\" [disabled]=\"page == last\">\n    <clr-icon shape=\"angle right\"></clr-icon>\n  </button>\n</div>\n" }]
+        }], propDecorators: { pageChange: [{
+                type: Output,
+                args: ['clrPageChange']
+            }], pageSize: [{
+                type: Input,
+                args: ['clrPageSize']
+            }], totalItems: [{
+                type: Input,
+                args: ['clrTotalItems']
+            }], last: [{
+                type: Input,
+                args: ['clrLast']
+            }], page: [{
+                type: Input,
+                args: ['clrPage']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2xyLWFkZG9ucy9wYWdlci9wYWdlci50cyIsIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3BhZ2VyL3BhZ2VyLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFdkU7Ozs7R0FJRztBQU1ILE1BQU0sT0FBTyxRQUFRO0lBTHJCO1FBTTJCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFakY7O1dBRUc7UUFDSyxjQUFTLEdBQUcsQ0FBQyxDQUFDO1FBdUJ0Qjs7V0FFRztRQUNLLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBa0N4Qjs7V0FFRztRQUNLLFVBQUssR0FBRyxDQUFDLENBQUM7S0E2Q25CO0lBM0dDLElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQ1csUUFBUSxDQUFDLElBQVk7UUFDOUIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUMvQixJQUFJLElBQUksS0FBSyxPQUFPLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7WUFDdEIsSUFBSSxJQUFJLEtBQUssQ0FBQyxFQUFFO2dCQUNkLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO2FBQ2hCO2lCQUFNO2dCQUNMLDBFQUEwRTtnQkFDMUUsNEJBQTRCO2dCQUM1QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ2xFO1lBQ0QsZ0ZBQWdGO1lBQ2hGLGtFQUFrRTtZQUNsRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEM7SUFDSCxDQUFDO0lBTUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFDVyxVQUFVLENBQUMsS0FBYTtRQUNqQyxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6Qiw4RUFBOEU7UUFDOUUsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDekIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQU1ELElBQVcsSUFBSTtRQUNiLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztTQUNuQjtRQUNELHlFQUF5RTtRQUN6RSxJQUFJLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDeEMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ25EO1FBQ0QsT0FBTyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQsSUFDVyxJQUFJLENBQUMsSUFBWTtRQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUNwQixDQUFDO0lBTUQsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUNXLElBQUksQ0FBQyxJQUFZO1FBQzFCLElBQUksSUFBSSxLQUFLLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxRQUFRO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBRTtZQUNqQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDYjtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNJLElBQUk7UUFDVCxJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRTtZQUN6QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDYjtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILElBQVcsV0FBVztRQUNwQixNQUFNLFdBQVcsR0FBYSxFQUFFLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBRTtZQUNqQixXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDakM7UUFDRCxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QixJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRTtZQUN6QixXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDakM7UUFDRCxPQUFPLFdBQVcsQ0FBQztJQUNyQixDQUFDOztxR0FqSFUsUUFBUTt5RkFBUixRQUFRLGtTQ2xCckIscStCQW9CQTsyRkRGYSxRQUFRO2tCQUxwQixTQUFTOytCQUNFLFdBQVcsUUFFZixFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUU7OEJBR1IsVUFBVTtzQkFBbEMsTUFBTTt1QkFBQyxlQUFlO2dCQVdaLFFBQVE7c0JBRGxCLEtBQUs7dUJBQUMsYUFBYTtnQkEyQlQsVUFBVTtzQkFEcEIsS0FBSzt1QkFBQyxlQUFlO2dCQXlCWCxJQUFJO3NCQURkLEtBQUs7dUJBQUMsU0FBUztnQkFjTCxJQUFJO3NCQURkLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtMjAxOSBQb3JzY2hlIEluZm9ybWF0aWsuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKiBUaGlzIHNvZnR3YXJlIGlzIHJlbGVhc2VkIHVuZGVyIE1JVCBsaWNlbnNlLlxuICogVGhlIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbiBjYW4gYmUgZm91bmQgaW4gTElDRU5TRSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBwcm9qZWN0LlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQ3VzdG9tIHBhZ2VyIGNvbXBvbmVudCBiZWNhdXNlIGNsYXJpdHkncyBwYWdlciBjb21wb25lbnQgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBkYXRhIGdyaWQuXG4gKiBDdXJyZW50bHkgYSByZXF1ZXN0ZWQgZmVhdHVyZSwgc2VlIGhlcmU6IGh0dHBzOi8vZ2l0aHViLmNvbS92bXdhcmUvY2xhcml0eS9pc3N1ZXMvMjI2OFxuICogSW4gdGhpcyBpc3N1ZSBpdCBpcyBtZW50aW9uZWQgdGhhdCBhIGJ1dHRvbiBncm91cCBpcyBhIHN1aXRhYmxlIHJlcGxhY2VtZW50IHVudGlsIHRoZSBwYWdlciBjb21wb25lbnQgaXMgcmVsZWFzZWQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Nsci1wYWdlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlci5odG1sJyxcbiAgaG9zdDogeyAnW2NsYXNzLnBhZ2VyXSc6ICd0cnVlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBDbHJQYWdlciB7XG4gIEBPdXRwdXQoJ2NsclBhZ2VDaGFuZ2UnKSBwYWdlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiBQYWdlIHNpemUsIGEgdmFsdWUgb2YgMCBtZWFucyBubyBwYWdpbmF0aW9uXG4gICAqL1xuICBwcml2YXRlIF9wYWdlU2l6ZSA9IDA7XG4gIHB1YmxpYyBnZXQgcGFnZVNpemUoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fcGFnZVNpemU7XG4gIH1cblxuICBASW5wdXQoJ2NsclBhZ2VTaXplJylcbiAgcHVibGljIHNldCBwYWdlU2l6ZShzaXplOiBudW1iZXIpIHtcbiAgICBjb25zdCBvbGRTaXplID0gdGhpcy5fcGFnZVNpemU7XG4gICAgaWYgKHNpemUgIT09IG9sZFNpemUpIHtcbiAgICAgIHRoaXMuX3BhZ2VTaXplID0gc2l6ZTtcbiAgICAgIGlmIChzaXplID09PSAwKSB7XG4gICAgICAgIHRoaXMuX3BhZ2UgPSAxO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gWWVhcC4gVGhhdCdzIHRoZSBmb3JtdWxhIHRvIGtlZXAgdGhlIGZpcnN0IGl0ZW0gZnJvbSB0aGUgb2xkIHBhZ2Ugc3RpbGxcbiAgICAgICAgLy8gZGlzcGxheWVkIGluIHRoZSBuZXcgb25lLlxuICAgICAgICB0aGlzLl9wYWdlID0gTWF0aC5mbG9vcigob2xkU2l6ZSAvIHNpemUpICogKHRoaXMuX3BhZ2UgLSAxKSkgKyAxO1xuICAgICAgfVxuICAgICAgLy8gV2UgYWx3YXlzIGVtaXQgYW4gZXZlbnQgZXZlbiBpZiB0aGUgY3VycmVudCBwYWdlIGluZGV4IGRpZG4ndCBjaGFuZ2UsIGJlY2F1c2VcbiAgICAgIC8vIHRoZSBzaXplIGNoYW5naW5nIG1lYW5zIHRoZSBpdGVtcyBpbnNpZGUgdGhlIHBhZ2UgYXJlIGRpZmZlcmVudFxuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5fcGFnZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFRvdGFsIGl0ZW1zIChuZWVkZWQgdG8gZ3Vlc3MgdGhlIGxhc3QgcGFnZSlcbiAgICovXG4gIHByaXZhdGUgX3RvdGFsSXRlbXMgPSAwO1xuICBwdWJsaWMgZ2V0IHRvdGFsSXRlbXMoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fdG90YWxJdGVtcztcbiAgfVxuXG4gIEBJbnB1dCgnY2xyVG90YWxJdGVtcycpXG4gIHB1YmxpYyBzZXQgdG90YWxJdGVtcyh0b3RhbDogbnVtYmVyKSB7XG4gICAgdGhpcy5fdG90YWxJdGVtcyA9IHRvdGFsO1xuICAgIC8vIElmIHdlIGhhdmUgbGVzcyBpdGVtcyB0aGFuIGJlZm9yZSwgd2UgbWlnaHQgbmVlZCB0byBjaGFuZ2UgdGhlIGN1cnJlbnQgcGFnZVxuICAgIGlmICh0aGlzLnBhZ2UgPiB0aGlzLmxhc3QpIHtcbiAgICAgIHRoaXMucGFnZSA9IHRoaXMubGFzdDtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogTGFzdCBwYWdlXG4gICAqL1xuICBwcml2YXRlIF9sYXN0OiBudW1iZXI7XG4gIHB1YmxpYyBnZXQgbGFzdCgpOiBudW1iZXIge1xuICAgIGlmICh0aGlzLl9sYXN0KSB7XG4gICAgICByZXR1cm4gdGhpcy5fbGFzdDtcbiAgICB9XG4gICAgLy8gSWYgdGhlIGxhc3QgcGFnZSBpc24ndCBrbm93biwgd2UgY29tcHV0ZSBpdCBmcm9tIHRoZSBsYXN0IGl0ZW0ncyBpbmRleFxuICAgIGlmICh0aGlzLnBhZ2VTaXplID4gMCAmJiB0aGlzLnRvdGFsSXRlbXMpIHtcbiAgICAgIHJldHVybiBNYXRoLmNlaWwodGhpcy50b3RhbEl0ZW1zIC8gdGhpcy5wYWdlU2l6ZSk7XG4gICAgfVxuICAgIHJldHVybiAxO1xuICB9XG5cbiAgQElucHV0KCdjbHJMYXN0JylcbiAgcHVibGljIHNldCBsYXN0KHBhZ2U6IG51bWJlcikge1xuICAgIHRoaXMuX2xhc3QgPSBwYWdlO1xuICB9XG5cbiAgLyoqXG4gICAqIEN1cnJlbnQgcGFnZVxuICAgKi9cbiAgcHJpdmF0ZSBfcGFnZSA9IDE7XG4gIHB1YmxpYyBnZXQgcGFnZSgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9wYWdlO1xuICB9XG5cbiAgQElucHV0KCdjbHJQYWdlJylcbiAgcHVibGljIHNldCBwYWdlKHBhZ2U6IG51bWJlcikge1xuICAgIGlmIChwYWdlICE9PSB0aGlzLl9wYWdlKSB7XG4gICAgICB0aGlzLl9wYWdlID0gcGFnZTtcbiAgICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KHBhZ2UpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBNb3ZlcyB0byB0aGUgcHJldmlvdXMgcGFnZSBpZiBpdCBleGlzdHNcbiAgICovXG4gIHB1YmxpYyBwcmV2aW91cygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wYWdlID4gMSkge1xuICAgICAgdGhpcy5wYWdlLS07XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIE1vdmVzIHRvIHRoZSBuZXh0IHBhZ2UgaWYgaXQgZXhpc3RzXG4gICAqL1xuICBwdWJsaWMgbmV4dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wYWdlIDwgdGhpcy5sYXN0KSB7XG4gICAgICB0aGlzLnBhZ2UrKztcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQ29uZGl0aW9uYWxseSBhZGRzIHBhZ2UgbnVtYmVycyBiZWZvcmUgYW5kIGFmdGVyIHRoZSBjdXJyZW50IHBhZ2VcbiAgICovXG4gIHB1YmxpYyBnZXQgbWlkZGxlUGFnZXMoKTogbnVtYmVyW10ge1xuICAgIGNvbnN0IG1pZGRsZVBhZ2VzOiBudW1iZXJbXSA9IFtdO1xuICAgIGlmICh0aGlzLnBhZ2UgPiAxKSB7XG4gICAgICBtaWRkbGVQYWdlcy5wdXNoKHRoaXMucGFnZSAtIDEpO1xuICAgIH1cbiAgICBtaWRkbGVQYWdlcy5wdXNoKHRoaXMucGFnZSk7XG4gICAgaWYgKHRoaXMucGFnZSA8IHRoaXMubGFzdCkge1xuICAgICAgbWlkZGxlUGFnZXMucHVzaCh0aGlzLnBhZ2UgKyAxKTtcbiAgICB9XG4gICAgcmV0dXJuIG1pZGRsZVBhZ2VzO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwXCIgKm5nSWY9XCJsYXN0ID4gMVwiPlxuICA8YnV0dG9uIGNsYXNzPVwiYnRuIHBhZ2luYXRpb24tcHJldmlvdXNcIiAoY2xpY2spPVwicHJldmlvdXMoKVwiIFtkaXNhYmxlZF09XCJwYWdlID09IDFcIj5cbiAgICA8Y2xyLWljb24gc2hhcGU9XCJhbmdsZSBsZWZ0XCI+PC9jbHItaWNvbj5cbiAgPC9idXR0b24+XG4gIDxidXR0b24gKm5nSWY9XCJwYWdlID4gMlwiIGNsYXNzPVwiYnRuXCIgKGNsaWNrKT1cInBhZ2UgPSAxXCI+MTwvYnV0dG9uPlxuICA8YnV0dG9uICpuZ0lmPVwicGFnZSA+IDNcIiBjbGFzcz1cImJ0blwiIGRpc2FibGVkPi4uLjwvYnV0dG9uPlxuXG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHBhZ2VOdW0gb2YgbWlkZGxlUGFnZXNcIj5cbiAgICA8YnV0dG9uICpuZ0lmPVwicGFnZU51bSAhPT0gcGFnZTsgZWxzZSBhY3RpdmVQYWdlXCIgY2xhc3M9XCJidG5cIiAoY2xpY2spPVwicGFnZSA9IHBhZ2VOdW1cIj57e3BhZ2VOdW19fTwvYnV0dG9uPlxuICAgIDxuZy10ZW1wbGF0ZSAjYWN0aXZlUGFnZT5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIiB0eXBlPVwiYnV0dG9uXCI+e3twYWdlTnVtfX08L2J1dHRvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8YnV0dG9uICpuZ0lmPVwicGFnZSA8IGxhc3QgLSAyXCIgY2xhc3M9XCJidG5cIiBkaXNhYmxlZD4uLi48L2J1dHRvbj5cbiAgPGJ1dHRvbiAqbmdJZj1cInBhZ2UgPCBsYXN0IC0gMVwiIGNsYXNzPVwiYnRuXCIgKGNsaWNrKT1cInBhZ2UgPSBsYXN0XCI+e3tsYXN0fX08L2J1dHRvbj5cbiAgPGJ1dHRvbiBjbGFzcz1cImJ0biBwYWdpbmF0aW9uLW5leHRcIiAoY2xpY2spPVwibmV4dCgpXCIgW2Rpc2FibGVkXT1cInBhZ2UgPT0gbGFzdFwiPlxuICAgIDxjbHItaWNvbiBzaGFwZT1cImFuZ2xlIHJpZ2h0XCI+PC9jbHItaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/pager/pager.module.mjs

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2018-2019 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { ClarityModule } from '@clr/angular';
+import { ClrPager } from './pager';
+import * as i0 from "@angular/core";
+export class ClrPagerModule {
+}
+ClrPagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrPagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagerModule, declarations: [ClrPager], imports: [CommonModule, ClarityModule, FormsModule], exports: [ClrPager] });
+ClrPagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagerModule, imports: [[CommonModule, ClarityModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrPagerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ClarityModule, FormsModule],
+                    declarations: [ClrPager],
+                    exports: [ClrPager],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvcGFnZXIvcGFnZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFFSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQU9uQyxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQUhWLFFBQVEsYUFEYixZQUFZLEVBQUUsYUFBYSxFQUFFLFdBQVcsYUFFeEMsUUFBUTs0R0FFUCxjQUFjLFlBSmhCLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxXQUFXLENBQUM7MkZBSXhDLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxXQUFXLENBQUM7b0JBQ25ELFlBQVksRUFBRSxDQUFDLFFBQVEsQ0FBQztvQkFDeEIsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtMjAxOSBQb3JzY2hlIEluZm9ybWF0aWsuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKiBUaGlzIHNvZnR3YXJlIGlzIHJlbGVhc2VkIHVuZGVyIE1JVCBsaWNlbnNlLlxuICogVGhlIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbiBjYW4gYmUgZm91bmQgaW4gTElDRU5TRSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBwcm9qZWN0LlxuICovXG5cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDbGFyaXR5TW9kdWxlIH0gZnJvbSAnQGNsci9hbmd1bGFyJztcblxuaW1wb3J0IHsgQ2xyUGFnZXIgfSBmcm9tICcuL3BhZ2VyJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ2xhcml0eU1vZHVsZSwgRm9ybXNNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtDbHJQYWdlcl0sXG4gIGV4cG9ydHM6IFtDbHJQYWdlcl0sXG59KVxuZXhwb3J0IGNsYXNzIENsclBhZ2VyTW9kdWxlIHt9XG4iXX0=

package/esm2020/progress-spinner/progress-spinner.mjs

@@ -0,0 +1,78 @@
+/*
+ * Copyright (c) 2018-2019 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { ChangeDetectorRef, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ClrProgressSpinnerComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.size = 'sm';
+    }
+    set showSpinner(value) {
+        if (value) {
+            this.show();
+        }
+        else {
+            this.hide();
+        }
+    }
+    ngOnDestroy() {
+        clearTimeout(this.hideTimeout);
+    }
+    show() {
+        clearTimeout(this.hideTimeout);
+        this._showSpinner = true;
+        this.startTimestamp = new Date().getTime();
+    }
+    hide() {
+        this.hideTimeout = setTimeout(() => {
+            this.startTimestamp = undefined;
+            this._showSpinner = false;
+            this.changeDetectorRef.markForCheck();
+        }, this.getRemainingVisibleTime());
+    }
+    getRemainingVisibleTime() {
+        return Math.max(0, ClrProgressSpinnerComponent.MINIMUM_VISIBLE_DURATION - this.getVisibleTime());
+    }
+    getVisibleTime() {
+        if (!this.startTimestamp) {
+            return 0;
+        }
+        else {
+            return new Date().getTime() - this.startTimestamp;
+        }
+    }
+}
+ClrProgressSpinnerComponent.MINIMUM_VISIBLE_DURATION = 200;
+ClrProgressSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrProgressSpinnerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ClrProgressSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ClrProgressSpinnerComponent, selector: "clr-progress-spinner", inputs: { size: ["clrSize", "size"], showSpinner: ["clrShowSpinner", "showSpinner"] }, host: { properties: { "class.progress-spinner-overlay": "_showSpinner" } }, ngImport: i0, template: `
+    <ng-container *ngIf="_showSpinner">
+      <span [class]="'spinner-' + size + ' spinner'"></span>
+      <span>&nbsp;<ng-content></ng-content></span>
+    </ng-container>
+  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrProgressSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'clr-progress-spinner',
+                    template: `
+    <ng-container *ngIf="_showSpinner">
+      <span [class]="'spinner-' + size + ' spinner'"></span>
+      <span>&nbsp;<ng-content></ng-content></span>
+    </ng-container>
+  `,
+                    host: {
+                        '[class.progress-spinner-overlay]': '_showSpinner',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
+                type: Input,
+                args: ['clrSize']
+            }], showSpinner: [{
+                type: Input,
+                args: ['clrShowSpinner']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3Bpbm5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3Byb2dyZXNzLXNwaW5uZXIvcHJvZ3Jlc3Mtc3Bpbm5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBQ0gsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7OztBQWMvRSxNQUFNLE9BQU8sMkJBQTJCO0lBa0J0QyxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQWJ0QyxTQUFJLEdBQUcsSUFBSSxDQUFDO0lBYTZCLENBQUM7SUFUNUQsSUFDSSxXQUFXLENBQUMsS0FBYztRQUM1QixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNiO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDYjtJQUNILENBQUM7SUFJRCxXQUFXO1FBQ1QsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU8sSUFBSTtRQUNWLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzdDLENBQUM7SUFFTyxJQUFJO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QyxDQUFDLEVBQUUsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRU8sdUJBQXVCO1FBQzdCLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsMkJBQTJCLENBQUMsd0JBQXdCLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7SUFDbkcsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDeEIsT0FBTyxDQUFDLENBQUM7U0FDVjthQUFNO1lBQ0wsT0FBTyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUM7U0FDbkQ7SUFDSCxDQUFDOztBQS9DdUIsb0RBQXdCLEdBQUcsR0FBSSxDQUFBO3dIQUQ1QywyQkFBMkI7NEdBQTNCLDJCQUEyQiwrTkFWNUI7Ozs7O0dBS1Q7MkZBS1UsMkJBQTJCO2tCQVp2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7Ozs7R0FLVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osa0NBQWtDLEVBQUUsY0FBYztxQkFDbkQ7aUJBQ0Y7d0dBTW1CLElBQUk7c0JBQXJCLEtBQUs7dUJBQUMsU0FBUztnQkFLWixXQUFXO3NCQURkLEtBQUs7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC0yMDE5IFBvcnNjaGUgSW5mb3JtYXRpay4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqIFRoaXMgc29mdHdhcmUgaXMgcmVsZWFzZWQgdW5kZXIgTUlUIGxpY2Vuc2UuXG4gKiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gKi9cbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2xyLXByb2dyZXNzLXNwaW5uZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJfc2hvd1NwaW5uZXJcIj5cbiAgICAgIDxzcGFuIFtjbGFzc109XCInc3Bpbm5lci0nICsgc2l6ZSArICcgc3Bpbm5lcidcIj48L3NwYW4+XG4gICAgICA8c3Bhbj4mbmJzcDs8bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICBgLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5wcm9ncmVzcy1zcGlubmVyLW92ZXJsYXldJzogJ19zaG93U3Bpbm5lcicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIENsclByb2dyZXNzU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IE1JTklNVU1fVklTSUJMRV9EVVJBVElPTiA9IDIwMDtcbiAgcHJpdmF0ZSBzdGFydFRpbWVzdGFtcDogbnVtYmVyO1xuICBwcml2YXRlIGhpZGVUaW1lb3V0OiBhbnk7XG5cbiAgQElucHV0KCdjbHJTaXplJykgc2l6ZSA9ICdzbSc7XG5cbiAgX3Nob3dTcGlubmVyOiBib29sZWFuO1xuXG4gIEBJbnB1dCgnY2xyU2hvd1NwaW5uZXInKVxuICBzZXQgc2hvd1NwaW5uZXIodmFsdWU6IGJvb2xlYW4pIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHRoaXMuc2hvdygpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmhpZGUoKTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBjbGVhclRpbWVvdXQodGhpcy5oaWRlVGltZW91dCk7XG4gIH1cblxuICBwcml2YXRlIHNob3coKTogdm9pZCB7XG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuaGlkZVRpbWVvdXQpO1xuICAgIHRoaXMuX3Nob3dTcGlubmVyID0gdHJ1ZTtcbiAgICB0aGlzLnN0YXJ0VGltZXN0YW1wID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XG4gIH1cblxuICBwcml2YXRlIGhpZGUoKTogdm9pZCB7XG4gICAgdGhpcy5oaWRlVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5zdGFydFRpbWVzdGFtcCA9IHVuZGVmaW5lZDtcbiAgICAgIHRoaXMuX3Nob3dTcGlubmVyID0gZmFsc2U7XG4gICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH0sIHRoaXMuZ2V0UmVtYWluaW5nVmlzaWJsZVRpbWUoKSk7XG4gIH1cblxuICBwcml2YXRlIGdldFJlbWFpbmluZ1Zpc2libGVUaW1lKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgubWF4KDAsIENsclByb2dyZXNzU3Bpbm5lckNvbXBvbmVudC5NSU5JTVVNX1ZJU0lCTEVfRFVSQVRJT04gLSB0aGlzLmdldFZpc2libGVUaW1lKCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRWaXNpYmxlVGltZSgpOiBudW1iZXIge1xuICAgIGlmICghdGhpcy5zdGFydFRpbWVzdGFtcCkge1xuICAgICAgcmV0dXJuIDA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBuZXcgRGF0ZSgpLmdldFRpbWUoKSAtIHRoaXMuc3RhcnRUaW1lc3RhbXA7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2020/progress-spinner/progress-spinner.module.mjs

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2018-2019 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ClrProgressSpinnerComponent } from './progress-spinner';
+import * as i0 from "@angular/core";
+export class ClrProgressSpinnerModule {
+}
+ClrProgressSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrProgressSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrProgressSpinnerModule, declarations: [ClrProgressSpinnerComponent], imports: [CommonModule], exports: [ClrProgressSpinnerComponent] });
+ClrProgressSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrProgressSpinnerModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrProgressSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ClrProgressSpinnerComponent],
+                    exports: [ClrProgressSpinnerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3Bpbm5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2xyLWFkZG9ucy9wcm9ncmVzcy1zcGlubmVyL3Byb2dyZXNzLXNwaW5uZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFDSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFPakUsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQUhwQiwyQkFBMkIsYUFEaEMsWUFBWSxhQUVaLDJCQUEyQjtzSEFFMUIsd0JBQXdCLFlBSjFCLENBQUMsWUFBWSxDQUFDOzJGQUlaLHdCQUF3QjtrQkFMcEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFlBQVksRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUMzQyxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDdkMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMTkgUG9yc2NoZSBJbmZvcm1hdGlrLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbHJQcm9ncmVzc1NwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzLXNwaW5uZXInO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbQ2xyUHJvZ3Jlc3NTcGlubmVyQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0NsclByb2dyZXNzU3Bpbm5lckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENsclByb2dyZXNzU3Bpbm5lck1vZHVsZSB7fVxuIl19

package/esm2020/quick-list/add-option.mjs

@@ -0,0 +1,65 @@
+/*
+ * Copyright (c) 2018-2022 Porsche Informatik. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@clr/angular";
+export class ClrAddOption {
+    constructor() {
+        this.mandatory = false;
+        this.allValues = [];
+        this.excludedValues = [];
+        this.disabled = false;
+        this.valueChanged = new EventEmitter();
+        this.remove = new EventEmitter();
+    }
+    set selectedValue(id) {
+        this.value = this.allValues.find(val => val.id === id);
+        this.valueChanged.emit(this.value);
+    }
+    get selectedValue() {
+        return this.value.id;
+    }
+    getValues() {
+        const excludedIds = this.excludedValues.filter(val => val.id !== this.value.id).map(val => val.id);
+        return this.allValues.filter(val => !excludedIds.includes(val.id));
+    }
+    trashDisabled() {
+        return this.mandatory && this.excludedValues.length === 1;
+    }
+    focusComponent() {
+        !!this.select && this.select.nativeElement.focus();
+    }
+}
+ClrAddOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrAddOption, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrAddOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ClrAddOption, selector: "clr-add-option", inputs: { blankOption: "blankOption", value: "value", mandatory: "mandatory", allValues: "allValues", excludedValues: "excludedValues", readonly: "readonly", disabled: "disabled" }, outputs: { valueChanged: "valueChanged", remove: "remove" }, host: { properties: { "class.quick-list-option": "true" } }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!(readonly || readonly === ''); else readonlyView\" class=\"clr-select-wrapper quick-list-input\">\n  <select #select clr-select class=\"quick-list-select\" name=\"options\" [(ngModel)]=\"selectedValue\" [disabled]=\"disabled\">\n    <option *ngIf=\"blankOption.id === selectedValue\" [selected]=\"true\" [disabled]=\"true\" [ngValue]=\"blankOption.id\">\n      {{blankOption.label}}\n    </option>\n    <option *ngFor=\"let val of getValues()\" [selected]=\"val.id === selectedValue\" [ngValue]=\"val.id\">\n      {{val.label}}\n    </option>\n  </select>\n</div>\n\n<ng-template #readonlyView>\n  <span>{{value.label}}</span>\n</ng-template>\n\n<button\n  *ngIf=\"!(readonly || readonly === '')\"\n  type=\"button\"\n  class=\"btn btn-icon btn-link quick-list-trash\"\n  [disabled]=\"trashDisabled() || disabled\"\n  (click)=\"remove.emit()\"\n>\n  <clr-icon shape=\"trash\"></clr-icon>\n</button>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.ClrIconCustomTag, selector: "clr-icon" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ClrAddOption, decorators: [{
+            type: Component,
+            args: [{ selector: 'clr-add-option', host: { '[class.quick-list-option]': 'true' }, template: "<div *ngIf=\"!(readonly || readonly === ''); else readonlyView\" class=\"clr-select-wrapper quick-list-input\">\n  <select #select clr-select class=\"quick-list-select\" name=\"options\" [(ngModel)]=\"selectedValue\" [disabled]=\"disabled\">\n    <option *ngIf=\"blankOption.id === selectedValue\" [selected]=\"true\" [disabled]=\"true\" [ngValue]=\"blankOption.id\">\n      {{blankOption.label}}\n    </option>\n    <option *ngFor=\"let val of getValues()\" [selected]=\"val.id === selectedValue\" [ngValue]=\"val.id\">\n      {{val.label}}\n    </option>\n  </select>\n</div>\n\n<ng-template #readonlyView>\n  <span>{{value.label}}</span>\n</ng-template>\n\n<button\n  *ngIf=\"!(readonly || readonly === '')\"\n  type=\"button\"\n  class=\"btn btn-icon btn-link quick-list-trash\"\n  [disabled]=\"trashDisabled() || disabled\"\n  (click)=\"remove.emit()\"\n>\n  <clr-icon shape=\"trash\"></clr-icon>\n</button>\n" }]
+        }], propDecorators: { blankOption: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], mandatory: [{
+                type: Input
+            }], allValues: [{
+                type: Input
+            }], excludedValues: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }], select: [{
+                type: ViewChild,
+                args: ['select', { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLW9wdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3F1aWNrLWxpc3QvYWRkLW9wdGlvbi50cyIsIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3F1aWNrLWxpc3QvYWRkLW9wdGlvbi5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFDSCxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTlGLE1BQU0sT0FBTyxZQUFZO0lBTHpCO1FBUVcsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQWdDLEVBQUUsQ0FBQztRQUM1QyxtQkFBYyxHQUFnQyxFQUFFLENBQUM7UUFFakQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF3QixDQUFDO1FBQ3hELFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBeUI3QztJQXJCQyxJQUFJLGFBQWEsQ0FBQyxFQUFVO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsU0FBUztRQUNQLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNuRyxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsY0FBYztRQUNaLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBa0MsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzRSxDQUFDOzt5R0FsQ1UsWUFBWTs2RkFBWixZQUFZLHdjQ2J6QixvNUJBd0JBOzJGRFhhLFlBQVk7a0JBTHhCLFNBQVM7K0JBQ0UsZ0JBQWdCLFFBRXBCLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxFQUFFOzhCQUdwQyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU07Z0JBRWlDLE1BQU07c0JBQTdDLFNBQVM7dUJBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtMjAyMiBQb3JzY2hlIEluZm9ybWF0aWsuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKiBUaGlzIHNvZnR3YXJlIGlzIHJlbGVhc2VkIHVuZGVyIE1JVCBsaWNlbnNlLlxuICogVGhlIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbiBjYW4gYmUgZm91bmQgaW4gTElDRU5TRSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBwcm9qZWN0LlxuICovXG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbHJRdWlja0xpc3RWYWx1ZSB9IGZyb20gJy4vYWRkLW9wdGlvbi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2xyLWFkZC1vcHRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWRkLW9wdGlvbi5odG1sJyxcbiAgaG9zdDogeyAnW2NsYXNzLnF1aWNrLWxpc3Qtb3B0aW9uXSc6ICd0cnVlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBDbHJBZGRPcHRpb248VD4ge1xuICBASW5wdXQoKSBibGFua09wdGlvbjogQ2xyUXVpY2tMaXN0VmFsdWU8VD47XG4gIEBJbnB1dCgpIHZhbHVlOiBDbHJRdWlja0xpc3RWYWx1ZTxUPjtcbiAgQElucHV0KCkgbWFuZGF0b3J5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGFsbFZhbHVlczogQXJyYXk8Q2xyUXVpY2tMaXN0VmFsdWU8VD4+ID0gW107XG4gIEBJbnB1dCgpIGV4Y2x1ZGVkVmFsdWVzOiBBcnJheTxDbHJRdWlja0xpc3RWYWx1ZTxUPj4gPSBbXTtcbiAgQElucHV0KCkgcmVhZG9ubHk6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxDbHJRdWlja0xpc3RWYWx1ZTxUPj4oKTtcbiAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCdzZWxlY3QnLCB7IHN0YXRpYzogZmFsc2UgfSkgc2VsZWN0OiBFbGVtZW50UmVmO1xuXG4gIHNldCBzZWxlY3RlZFZhbHVlKGlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnZhbHVlID0gdGhpcy5hbGxWYWx1ZXMuZmluZCh2YWwgPT4gdmFsLmlkID09PSBpZCk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIGdldCBzZWxlY3RlZFZhbHVlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMudmFsdWUuaWQ7XG4gIH1cblxuICBnZXRWYWx1ZXMoKTogQ2xyUXVpY2tMaXN0VmFsdWU8VD5bXSB7XG4gICAgY29uc3QgZXhjbHVkZWRJZHMgPSB0aGlzLmV4Y2x1ZGVkVmFsdWVzLmZpbHRlcih2YWwgPT4gdmFsLmlkICE9PSB0aGlzLnZhbHVlLmlkKS5tYXAodmFsID0+IHZhbC5pZCk7XG4gICAgcmV0dXJuIHRoaXMuYWxsVmFsdWVzLmZpbHRlcih2YWwgPT4gIWV4Y2x1ZGVkSWRzLmluY2x1ZGVzKHZhbC5pZCkpO1xuICB9XG5cbiAgdHJhc2hEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5tYW5kYXRvcnkgJiYgdGhpcy5leGNsdWRlZFZhbHVlcy5sZW5ndGggPT09IDE7XG4gIH1cblxuICBmb2N1c0NvbXBvbmVudCgpOiB2b2lkIHtcbiAgICAhIXRoaXMuc2VsZWN0ICYmICh0aGlzLnNlbGVjdC5uYXRpdmVFbGVtZW50IGFzIEhUTUxJbnB1dEVsZW1lbnQpLmZvY3VzKCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCIhKHJlYWRvbmx5IHx8IHJlYWRvbmx5ID09PSAnJyk7IGVsc2UgcmVhZG9ubHlWaWV3XCIgY2xhc3M9XCJjbHItc2VsZWN0LXdyYXBwZXIgcXVpY2stbGlzdC1pbnB1dFwiPlxuICA8c2VsZWN0ICNzZWxlY3QgY2xyLXNlbGVjdCBjbGFzcz1cInF1aWNrLWxpc3Qtc2VsZWN0XCIgbmFtZT1cIm9wdGlvbnNcIiBbKG5nTW9kZWwpXT1cInNlbGVjdGVkVmFsdWVcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8b3B0aW9uICpuZ0lmPVwiYmxhbmtPcHRpb24uaWQgPT09IHNlbGVjdGVkVmFsdWVcIiBbc2VsZWN0ZWRdPVwidHJ1ZVwiIFtkaXNhYmxlZF09XCJ0cnVlXCIgW25nVmFsdWVdPVwiYmxhbmtPcHRpb24uaWRcIj5cbiAgICAgIHt7YmxhbmtPcHRpb24ubGFiZWx9fVxuICAgIDwvb3B0aW9uPlxuICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IHZhbCBvZiBnZXRWYWx1ZXMoKVwiIFtzZWxlY3RlZF09XCJ2YWwuaWQgPT09IHNlbGVjdGVkVmFsdWVcIiBbbmdWYWx1ZV09XCJ2YWwuaWRcIj5cbiAgICAgIHt7dmFsLmxhYmVsfX1cbiAgICA8L29wdGlvbj5cbiAgPC9zZWxlY3Q+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNyZWFkb25seVZpZXc+XG4gIDxzcGFuPnt7dmFsdWUubGFiZWx9fTwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxidXR0b25cbiAgKm5nSWY9XCIhKHJlYWRvbmx5IHx8IHJlYWRvbmx5ID09PSAnJylcIlxuICB0eXBlPVwiYnV0dG9uXCJcbiAgY2xhc3M9XCJidG4gYnRuLWljb24gYnRuLWxpbmsgcXVpY2stbGlzdC10cmFzaFwiXG4gIFtkaXNhYmxlZF09XCJ0cmFzaERpc2FibGVkKCkgfHwgZGlzYWJsZWRcIlxuICAoY2xpY2spPVwicmVtb3ZlLmVtaXQoKVwiXG4+XG4gIDxjbHItaWNvbiBzaGFwZT1cInRyYXNoXCI+PC9jbHItaWNvbj5cbjwvYnV0dG9uPlxuIl19