@quadrel-enterprise-ui/qdc-cards 19.0.0

package/esm2022/lib/card-layout/card-status/card-status.component.mjs

@@ -0,0 +1,112 @@
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild, inject } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@quadrel-enterprise-ui/framework";
+import * as i4 from "../../card/card.component";
+import * as i5 from "@ngx-translate/core";
+export class QdcCardStatusComponent {
+    constructor() {
+        this.paginationChanged = new EventEmitter();
+        this.translate = inject(TranslateService);
+        this.isDropdownOpen = false;
+        this.hideEntriesLabel = window.innerWidth <= 1600;
+        this.defaultPageSizes = [5, 10, 20, 50];
+    }
+    ngOnInit() {
+        if (this.config?.pagination) {
+            if (!this.config.pagination.pageSizes || this.config.pagination.pageSizes.length === 0) {
+                this.config.pagination.pageSizes = this.defaultPageSizes;
+            }
+            if (!this.config.pagination.pageSize) {
+                this.config.pagination.pageSize = this.config.pagination.pageSizes[0];
+            }
+            if (this.config.pagination.currentPage == null) {
+                this.config.pagination.currentPage = 0;
+            }
+        }
+    }
+    get pagedCards() {
+        return this.config.cards;
+    }
+    get pagination() {
+        return this.config.pagination;
+    }
+    goToPage(delta) {
+        if (!this.pagination)
+            return;
+        const newPage = this.pagination.currentPage + delta;
+        if (newPage >= 0 && newPage < this.pagination.totalPages) {
+            this.pagination.currentPage = newPage; // update current page
+            this.pagination.handler(newPage, this.pagination.pageSize);
+            this.paginationChanged.emit();
+        }
+    }
+    goToFirstPage() {
+        if (this.pagination && this.pagination.currentPage !== 0) {
+            this.pagination.currentPage = 0;
+            this.pagination.handler(0, this.pagination.pageSize);
+            this.paginationChanged.emit();
+        }
+    }
+    goToLastPage() {
+        if (!this.pagination)
+            return;
+        const last = this.pagination.totalPages - 1;
+        if (last >= 0 && this.pagination.currentPage !== last) {
+            this.pagination.currentPage = last;
+            this.pagination.handler(last, this.pagination.pageSize);
+            this.paginationChanged.emit();
+        }
+    }
+    onPageSizeChange() {
+        if (this.pagination) {
+            // ngModel has already updated pageSize here
+            const totalPages = Math.ceil(this.pagination.totalElements / this.pagination.pageSize);
+            // If the current page is out of range, snap it to the last page
+            if (this.pagination.currentPage >= totalPages) {
+                this.pagination.currentPage = Math.max(0, totalPages - 1);
+            }
+            this.pagination.handler(this.pagination.currentPage, this.pagination.pageSize);
+            this.paginationChanged.emit();
+        }
+    }
+    toggleDropdownIcon() {
+        this.isDropdownOpen = !this.isDropdownOpen;
+    }
+    onResize() {
+        this.hideEntriesLabel = window.innerWidth <= 1600;
+    }
+    getPaginationInfo() {
+        if (!this.pagination)
+            return '';
+        const total = this.pagination.totalElements;
+        const pageSize = this.pagination.pageSize;
+        const currentPage = this.pagination.currentPage;
+        const start = total === 0 ? 0 : currentPage * pageSize + 1;
+        const end = Math.min(start + pageSize - 1, total);
+        return this.translate.instant('i18n.qdc-card.status.pagination.service.from.label', {
+            start,
+            end,
+            total
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: QdcCardStatusComponent, isStandalone: false, selector: "qdc-card-status", inputs: { config: "config" }, outputs: { paginationChanged: "paginationChanged" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "cardsContainer", first: true, predicate: ["cardsContainer"], descendants: true }], ngImport: i0, template: "<div class=\"qdc-status__container\">\n  <div class=\"qdc-status__header\">\n    {{ config.title.i18n | translate }}\n  </div>\n\n  <div class=\"qdc-status__cards\" #cardsContainer [ngClass]=\"{ empty: !config.cards || config.cards.length === 0 }\">\n    @if (!config.cards || config.cards.length === 0) {\n    <div class=\"qdc-status_no-cards-message\">\n      {{ \"i18n.qdc-cards.status.noCards.label\" | translate | placeholder : \"title\" : (config.title.i18n | translate) }}\n    </div>\n    } @else { @for (card of pagedCards; track card) {\n    <qdc-card [cardConfig]=\"card\"></qdc-card>\n    } @if (config.pagination) {\n    <div class=\"qdc-status__pagination-row\">\n      <div>\n        <span *ngIf=\"!hideEntriesLabel\">\n          {{ \"i18n.qdc-card.status.pagination.service.entries.label\" | translate }}\n        </span>\n\n        <select\n          style=\"\n            appearance: none;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            border: 0;\n            outline: 0;\n            box-shadow: none;\n            background: transparent;\n            padding-left: 5px;\n            font-family: Roboto, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n            color: rgb(69, 69, 69);\n            font-size: 0.875rem;\n            font-weight: 400;\n            line-height: 1.3125rem;\n          \"\n          [(ngModel)]=\"config.pagination.pageSize\"\n          (ngModelChange)=\"onPageSizeChange()\"\n          (click)=\"toggleDropdownIcon()\"\n        >\n          @for (size of pagination?.pageSizes; track size) {\n          <option [ngValue]=\"size\">{{ size }}</option>\n          }\n        </select>\n\n        <qd-icon [icon]=\"isDropdownOpen ? 'ctrlTop' : 'ctrlDown'\"></qd-icon>\n      </div>\n\n      <div class=\"qdc-status__pagination-info\">\n        <span class=\"qdc-status__pagination-info__text\">\n          {{ getPaginationInfo() }}\n        </span>\n      </div>\n\n      <div>\n        <button qdIconButton [disabled]=\"pagination?.currentPage === 0\" (click)=\"goToFirstPage()\">\n          <qd-icon icon=\"pageFirst1\"></qd-icon>\n        </button>\n        <button qdIconButton [disabled]=\"pagination?.currentPage === 0\" (click)=\"goToPage(-1)\">\n          <qd-icon icon=\"triangleLeftSolid\"></qd-icon>\n        </button>\n        <button\n          qdIconButton\n          [disabled]=\"pagination?.currentPage >= (pagination?.totalPages ?? 1) - 1\"\n          (click)=\"goToPage(1)\"\n        >\n          <qd-icon icon=\"triangleRightSolid\"></qd-icon>\n        </button>\n        <button\n          qdIconButton\n          [disabled]=\"pagination?.currentPage >= (pagination?.totalPages ?? 1) - 1\"\n          (click)=\"goToLastPage()\"\n        >\n          <qd-icon icon=\"pageLast\"></qd-icon>\n        </button>\n      </div>\n    </div>\n    } }\n  </div>\n</div>\n", styles: [".qdc-status__container{font-family:Roboto,sans-serif;display:flex;width:100%;max-width:906px;box-sizing:border-box;flex-direction:column;padding:0;border-radius:8px;background-color:#efefef}.qdc-status__header{display:flex;width:100%;height:50px;box-sizing:border-box;align-items:center;padding:0 24px;background-color:#e5e5e5;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:100%;vertical-align:middle}.qdc-status__cards{min-height:265px;box-sizing:border-box;flex-direction:row;flex-wrap:wrap;padding:1rem 1.5rem;border:1px solid #e5e5e5;scrollbar-width:none}@media screen and (min-width: 480px){.qdc-status__cards{max-height:700px;overflow-y:scroll;overflow-x:hidden}}.qdc-status__cards.empty{min-height:265px;align-items:center;justify-content:center;padding:0}.qdc-status_no-cards-message{padding:40px 0;color:#979797;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:14px;text-align:center}.qdc-status__pagination-row{border-top:1px solid rgba(0,0,0,.1);margin-top:1rem;color:#454545;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:.75rem;flex-wrap:nowrap;white-space:nowrap;min-height:clamp(36px,5.5vw,44px);padding-block-end:2.8125rem}button.qd-icon-button{border:none;border-left:.0625rem solid rgb(229,229,229);border-radius:unset}@media (max-width: 480px){.qdc-status__container{padding:0}.qdc-status__cards{flex-direction:column;padding:0}.qdc-status__header{padding:0}.qdc-status__pagination-info{min-width:0;overflow:hidden}.qdc-status__pagination-info__text{display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (max-width: 480px) and (max-width: 480px){.qdc-status__pagination-info__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;word-break:break-word}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.QdIconButtonComponent, selector: "button[qdIconButton], a[qdIconButton], button[qd-icon-button]", inputs: ["color", "data-test-id"] }, { kind: "component", type: i3.QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "component", type: i4.QdcCardComponent, selector: "qdc-card", inputs: ["cardConfig", "data-test-id"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i3.QdPlaceholderPipe, name: "placeholder" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardStatusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qdc-card-status', standalone: false, template: "<div class=\"qdc-status__container\">\n  <div class=\"qdc-status__header\">\n    {{ config.title.i18n | translate }}\n  </div>\n\n  <div class=\"qdc-status__cards\" #cardsContainer [ngClass]=\"{ empty: !config.cards || config.cards.length === 0 }\">\n    @if (!config.cards || config.cards.length === 0) {\n    <div class=\"qdc-status_no-cards-message\">\n      {{ \"i18n.qdc-cards.status.noCards.label\" | translate | placeholder : \"title\" : (config.title.i18n | translate) }}\n    </div>\n    } @else { @for (card of pagedCards; track card) {\n    <qdc-card [cardConfig]=\"card\"></qdc-card>\n    } @if (config.pagination) {\n    <div class=\"qdc-status__pagination-row\">\n      <div>\n        <span *ngIf=\"!hideEntriesLabel\">\n          {{ \"i18n.qdc-card.status.pagination.service.entries.label\" | translate }}\n        </span>\n\n        <select\n          style=\"\n            appearance: none;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            border: 0;\n            outline: 0;\n            box-shadow: none;\n            background: transparent;\n            padding-left: 5px;\n            font-family: Roboto, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n            color: rgb(69, 69, 69);\n            font-size: 0.875rem;\n            font-weight: 400;\n            line-height: 1.3125rem;\n          \"\n          [(ngModel)]=\"config.pagination.pageSize\"\n          (ngModelChange)=\"onPageSizeChange()\"\n          (click)=\"toggleDropdownIcon()\"\n        >\n          @for (size of pagination?.pageSizes; track size) {\n          <option [ngValue]=\"size\">{{ size }}</option>\n          }\n        </select>\n\n        <qd-icon [icon]=\"isDropdownOpen ? 'ctrlTop' : 'ctrlDown'\"></qd-icon>\n      </div>\n\n      <div class=\"qdc-status__pagination-info\">\n        <span class=\"qdc-status__pagination-info__text\">\n          {{ getPaginationInfo() }}\n        </span>\n      </div>\n\n      <div>\n        <button qdIconButton [disabled]=\"pagination?.currentPage === 0\" (click)=\"goToFirstPage()\">\n          <qd-icon icon=\"pageFirst1\"></qd-icon>\n        </button>\n        <button qdIconButton [disabled]=\"pagination?.currentPage === 0\" (click)=\"goToPage(-1)\">\n          <qd-icon icon=\"triangleLeftSolid\"></qd-icon>\n        </button>\n        <button\n          qdIconButton\n          [disabled]=\"pagination?.currentPage >= (pagination?.totalPages ?? 1) - 1\"\n          (click)=\"goToPage(1)\"\n        >\n          <qd-icon icon=\"triangleRightSolid\"></qd-icon>\n        </button>\n        <button\n          qdIconButton\n          [disabled]=\"pagination?.currentPage >= (pagination?.totalPages ?? 1) - 1\"\n          (click)=\"goToLastPage()\"\n        >\n          <qd-icon icon=\"pageLast\"></qd-icon>\n        </button>\n      </div>\n    </div>\n    } }\n  </div>\n</div>\n", styles: [".qdc-status__container{font-family:Roboto,sans-serif;display:flex;width:100%;max-width:906px;box-sizing:border-box;flex-direction:column;padding:0;border-radius:8px;background-color:#efefef}.qdc-status__header{display:flex;width:100%;height:50px;box-sizing:border-box;align-items:center;padding:0 24px;background-color:#e5e5e5;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:100%;vertical-align:middle}.qdc-status__cards{min-height:265px;box-sizing:border-box;flex-direction:row;flex-wrap:wrap;padding:1rem 1.5rem;border:1px solid #e5e5e5;scrollbar-width:none}@media screen and (min-width: 480px){.qdc-status__cards{max-height:700px;overflow-y:scroll;overflow-x:hidden}}.qdc-status__cards.empty{min-height:265px;align-items:center;justify-content:center;padding:0}.qdc-status_no-cards-message{padding:40px 0;color:#979797;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:14px;text-align:center}.qdc-status__pagination-row{border-top:1px solid rgba(0,0,0,.1);margin-top:1rem;color:#454545;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:.75rem;flex-wrap:nowrap;white-space:nowrap;min-height:clamp(36px,5.5vw,44px);padding-block-end:2.8125rem}button.qd-icon-button{border:none;border-left:.0625rem solid rgb(229,229,229);border-radius:unset}@media (max-width: 480px){.qdc-status__container{padding:0}.qdc-status__cards{flex-direction:column;padding:0}.qdc-status__header{padding:0}.qdc-status__pagination-info{min-width:0;overflow:hidden}.qdc-status__pagination-info__text{display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (max-width: 480px) and (max-width: 480px){.qdc-status__pagination-info__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;word-break:break-word}}\n"] }]
+        }], propDecorators: { paginationChanged: [{
+                type: Output
+            }], config: [{
+                type: Input
+            }], cardsContainer: [{
+                type: ViewChild,
+                args: ['cardsContainer', { static: false }]
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zdGF0dXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZGMtY2FyZHMvc3JjL2xpYi9jYXJkLWxheW91dC9jYXJkLXN0YXR1cy9jYXJkLXN0YXR1cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkYy1jYXJkcy9zcmMvbGliL2NhcmQtbGF5b3V0L2NhcmQtc3RhdHVzL2NhcmQtc3RhdHVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFFVCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7Ozs7QUFRdkQsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9ZLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFLdEMsY0FBUyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRXRELG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDO1FBQzdDLHFCQUFnQixHQUFhLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7S0EyRjlDO0lBekZDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO2dCQUN2RixJQUFJLENBQUMsTUFBTSxD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WUFDSCxLQUFLO1NBQ04sQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FwR1Usc0JBQXNCO21HQUF0QixzQkFBc0IseVVDckJuQyw2MEZBK0VBOzs0RkQxRGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixjQUdmLEtBQUs7OEJBR1AsaUJBQWlCO3NCQUExQixNQUFNO2dCQUNFLE1BQU07c0JBQWQsS0FBSztnQkFFMEMsY0FBYztzQkFBN0QsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBNkU5QyxRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgaW5qZWN0LFxuICBPbkluaXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBRZGNDYXJkU3RhdHVzQ29uZmlnIH0gZnJvbSAnLi9jYXJkLXN0YXR1cy5tb2RlbCc7XG5pbXBvcnQgeyBRZGNDYXJkQ29uZmlnIH0gZnJvbSAnLi4vLi4vY2FyZC9jYXJkLm1vZGVsJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncWRjLWNhcmQtc3RhdHVzJyxcbiAgdGVtcGxhdGVVcmw6ICdjYXJkLXN0YXR1cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjYXJkLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBRZGNDYXJkU3RhdHVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQE91dHB1dCgpIHBhZ2luYXRpb25DaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBASW5wdXQoKSBjb25maWchOiBRZGNDYXJkU3RhdHVzQ29uZmlnO1xuXG4gIEBWaWV3Q2hpbGQoJ2NhcmRzQ29udGFpbmVyJywgeyBzdGF0aWM6IGZhbHNlIH0pIGNhcmRzQ29udGFpbmVyPzogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgcHJpdmF0ZSByZWFkb25seSB0cmFuc2xhdGUgPSBpbmplY3QoVHJhbnNsYXRlU2VydmljZSk7XG5cbiAgaXNEcm9wZG93bk9wZW4gPSBmYWxzZTtcbiAgaGlkZUVudHJpZXNMYWJlbCA9IHdpbmRvdy5pbm5lcldpZHRoIDw9IDE2MDA7XG4gIGRlZmF1bHRQYWdlU2l6ZXM6IG51bWJlcltdID0gWzUsIDEwLCAyMCwgNTBdO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNvbmZpZz8ucGFnaW5hdGlvbikge1xuICAgICAgaWYgKCF0aGlzLmNvbmZpZy5wYWdpbmF0aW9uLnBhZ2VTaXplcyB8fCB0aGlzLmNvbmZpZy5wYWdpbmF0aW9uLnBhZ2VTaXplcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgdGhpcy5jb25maWcucGFnaW5hdGlvbi5wYWdlU2l6ZXMgPSB0aGlzLmRlZmF1bHRQYWdlU2l6ZXM7XG4gICAgICB9XG4gICAgICBpZiAoIXRoaXMuY29uZmlnLnBhZ2luYXRpb24ucGFnZVNpemUpIHtcbiAgICAgICAgdGhpcy5jb25maWcucGFnaW5hdGlvbi5wYWdlU2l6ZSA9IHRoaXMuY29uZmlnLnBhZ2luYXRpb24ucGFnZVNpemVzWzBdO1xuICAgICAgfVxuICAgICAgaWYgKHRoaXMuY29uZmlnLnBhZ2luYXRpb24uY3VycmVudFBhZ2UgPT0gbnVsbCkge1xuICAgICAgICB0aGlzLmNvbmZpZy5wYWdpbmF0aW9uLmN1cnJlbnRQYWdlID0gMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBnZXQgcGFnZWRDYXJkcygpOiBRZGNDYXJkQ29uZmlnW10ge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZy5jYXJkcztcbiAgfVxuXG4gIGdldCBwYWdpbmF0aW9uKCkge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZy5wYWdpbmF0aW9uO1xuICB9XG5cbiAgZ29Ub1BhZ2UoZGVsdGE6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5wYWdpbmF0aW9uKSByZXR1cm47XG4gICAgY29uc3QgbmV3UGFnZSA9IHRoaXMucGFnaW5hdGlvbi5jdXJyZW50UGFnZSArIGRlbHRhO1xuICAgIGlmIChuZXdQYWdlID49IDAgJiYgbmV3UGFnZSA8IHRoaXMucGFnaW5hdGlvbi50b3RhbFBhZ2VzKSB7XG4gICAgICB0aGlzLnBhZ2luYXRpb24uY3VycmVudFBhZ2UgPSBuZXdQYWdlOyAvLyB1cGRhdGUgY3VycmVudCBwYWdlXG4gICAgICB0aGlzLnBhZ2luYXRpb24uaGFuZGxlcihuZXdQYWdlLCB0aGlzLnBhZ2luYXRpb24ucGFnZVNpemUpO1xuICAgICAgdGhpcy5wYWdpbmF0aW9uQ2hhbmdlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgZ29Ub0ZpcnN0UGFnZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wYWdpbmF0aW9uICYmIHRoaXMucGFnaW5hdGlvbi5jdXJyZW50UGFnZSAhPT0gMCkge1xuICAgICAgdGhpcy5wYWdpbmF0aW9uLmN1cnJlbnRQYWdlID0gMDtcbiAgICAgIHRoaXMucGFnaW5hdGlvbi5oYW5kbGVyKDAsIHRoaXMucGFnaW5hdGlvbi5wYWdlU2l6ZSk7XG4gICAgICB0aGlzLnBhZ2luYXRpb25DaGFuZ2VkLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICBnb1RvTGFzdFBhZ2UoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnBhZ2luYXRpb24pIHJldHVybjtcbiAgICBjb25zdCBsYXN0ID0gdGhpcy5wYWdpbmF0aW9uLnRvdGFsUGFnZXMgLSAxO1xuICAgIGlmIChsYXN0ID49IDAgJiYgdGhpcy5wYWdpbmF0aW9uLmN1cnJlbnRQYWdlICE9PSBsYXN0KSB7XG4gICAgICB0aGlzLnBhZ2luYXRpb24uY3VycmVudFBhZ2UgPSBsYXN0O1xuICAgICAgdGhpcy5wYWdpbmF0aW9uLmhhbmRsZXIobGFzdCwgdGhpcy5wYWdpbmF0aW9uLnBhZ2VTaXplKTtcbiAgICAgIHRoaXMucGFnaW5hdGlvbkNoYW5nZWQuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIG9uUGFnZVNpemVDaGFuZ2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucGFnaW5hdGlvbikge1xuICAgICAgLy8gbmdNb2RlbCBoYXMgYWxyZWFkeSB1cGRhdGVkIHBhZ2VTaXplIGhlcmVcbiAgICAgIGNvbnN0IHRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodGhpcy5wYWdpbmF0aW9uLnRvdGFsRWxlbWVudHMgLyB0aGlzLnBhZ2luYXRpb24ucGFnZVNpemUpO1xuXG4gICAgICAvLyBJZiB0aGUgY3VycmVudCBwYWdlIGlzIG91dCBvZiByYW5nZSwgc25hcCBpdCB0byB0aGUgbGFzdCBwYWdlXG4gICAgICBpZiAodGhpcy5wYWdpbmF0aW9uLmN1cnJlbnRQYWdlID49IHRvdGFsUGFnZXMpIHtcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uLmN1cnJlbnRQYWdlID0gTWF0aC5tYXgoMCwgdG90YWxQYWdlcyAtIDEpO1xuICAgICAgfVxuICAgICAgdGhpcy5wYWdpbmF0aW9uLmhhbmRsZXIodGhpcy5wYWdpbmF0aW9uLmN1cnJlbnRQYWdlLCB0aGlzLnBhZ2luYXRpb24ucGFnZVNpemUpO1xuICAgICAgdGhpcy5wYWdpbmF0aW9uQ2hhbmdlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlRHJvcGRvd25JY29uKCk6IHZvaWQge1xuICAgIHRoaXMuaXNEcm9wZG93bk9wZW4gPSAhdGhpcy5pc0Ryb3Bkb3duT3BlbjtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICBvblJlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmhpZGVFbnRyaWVzTGFiZWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSAxNjAwO1xuICB9XG5cbiAgZ2V0UGFnaW5hdGlvbkluZm8oKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMucGFnaW5hdGlvbikgcmV0dXJuICcnO1xuXG4gICAgY29uc3QgdG90YWwgPSB0aGlzLnBhZ2luYXRpb24udG90YWxFbGVtZW50cztcbiAgICBjb25zdCBwYWdlU2l6ZSA9IHRoaXMucGFnaW5hdGlvbi5wYWdlU2l6ZTtcbiAgICBjb25zdCBjdXJyZW50UGFnZSA9IHRoaXMucGFnaW5hdGlvbi5jdXJyZW50UGFnZTtcblxuICAgIGNvbnN0IHN0YXJ0ID0gdG90YWwgPT09IDAgPyAwIDogY3VycmVudFBhZ2UgKiBwYWdlU2l6ZSArIDE7XG4gICAgY29uc3QgZW5kID0gTWF0aC5taW4oc3RhcnQgKyBwYWdlU2l6ZSAtIDEsIHRvdGFsKTtcblxuICAgIHJldHVybiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdpMThuLnFkYy1jYXJkLnN0YXR1cy5wYWdpbmF0aW9uLnNlcnZpY2UuZnJvbS5sYWJlbCcsIHtcbiAgICAgIHN0YXJ0LFxuICAgICAgZW5kLFxuICAgICAgdG90YWxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInFkYy1zdGF0dXNfX2NvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwicWRjLXN0YXR1c19faGVhZGVyXCI+XG4gICAge3sgY29uZmlnLnRpdGxlLmkxOG4gfCB0cmFuc2xhdGUgfX1cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInFkYy1zdGF0dXNfX2NhcmRzXCIgI2NhcmRzQ29udGFpbmVyIFtuZ0NsYXNzXT1cInsgZW1wdHk6ICFjb25maWcuY2FyZHMgfHwgY29uZmlnLmNhcmRzLmxlbmd0aCA9PT0gMCB9XCI+XG4gICAgQGlmICghY29uZmlnLmNhcmRzIHx8IGNvbmZpZy5jYXJkcy5sZW5ndGggPT09IDApIHtcbiAgICA8ZGl2IGNsYXNzPVwicWRjLXN0YXR1c19uby1jYXJkcy1tZXNzYWdlXCI+XG4gICAgICB7eyBcImkxOG4ucWRjLWNhcmRzLnN0YXR1cy5ub0NhcmRzLmxhYmVsXCIgfCB0cmFuc2xhdGUgfCBwbGFjZWhvbGRlciA6IFwidGl0bGVcIiA6IChjb25maWcudGl0bGUuaTE4biB8IHRyYW5zbGF0ZSkgfX1cbiAgICA8L2Rpdj5cbiAgICB9IEBlbHNlIHsgQGZvciAoY2FyZCBvZiBwYWdlZENhcmRzOyB0cmFjayBjYXJkKSB7XG4gICAgPHFkYy1jYXJkIFtjYXJkQ29uZmlnXT1cImNhcmRcIj48L3FkYy1jYXJkPlxuICAgIH0gQGlmIChjb25maWcucGFnaW5hdGlvbikge1xuICAgIDxkaXYgY2xhc3M9XCJxZGMtc3RhdHVzX19wYWdpbmF0aW9uLXJvd1wiPlxuICAgICAgPGRpdj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhaGlkZUVudHJpZXNMYWJlbFwiPlxuICAgICAgICAgIHt7IFwiaTE4bi5xZGMtY2FyZC5zdGF0dXMucGFnaW5hdGlvbi5zZXJ2aWNlLmVudHJpZXMubGFiZWxcIiB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgPHNlbGVjdFxuICAgICAgICAgIHN0eWxlPVwiXG4gICAgICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFJvYm90bywgQXJpYWwsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBzYW5zLXNlcmlmO1xuICAgICAgICAgICAgY29sb3I6IHJnYig2OSwgNjksIDY5KTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuMzEyNXJlbTtcbiAgICAgICAgICBcIlxuICAgICAgICAgIFsobmdNb2RlbCldPVwiY29uZmlnLnBhZ2luYXRpb24ucGFnZVNpemVcIlxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uUGFnZVNpemVDaGFuZ2UoKVwiXG4gICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZURyb3Bkb3duSWNvbigpXCJcbiAgICAgICAgPlxuICAgICAgICAgIEBmb3IgKHNpemUgb2YgcGFnaW5hdGlvbj8ucGFnZVNpemVzOyB0cmFjayBzaXplKSB7XG4gICAgICAgICAgPG9wdGlvbiBbbmdWYWx1ZV09XCJzaXplXCI+e3sgc2l6ZSB9fTwvb3B0aW9uPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zZWxlY3Q+XG5cbiAgICAgICAgPHFkLWljb24gW2ljb25dPVwiaXNEcm9wZG93bk9wZW4gPyAnY3RybFRvcCcgOiAnY3RybERvd24nXCI+PC9xZC1pY29uPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJxZGMtc3RhdHVzX19wYWdpbmF0aW9uLWluZm9cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJxZGMtc3RhdHVzX19wYWdpbmF0aW9uLWluZm9fX3RleHRcIj5cbiAgICAgICAgICB7eyBnZXRQYWdpbmF0aW9uSW5mbygpIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2PlxuICAgICAgICA8YnV0dG9uIHFkSWNvbkJ1dHRvbiBbZGlzYWJsZWRdPVwicGFnaW5hdGlvbj8uY3VycmVudFBhZ2UgPT09IDBcIiAoY2xpY2spPVwiZ29Ub0ZpcnN0UGFnZSgpXCI+XG4gICAgICAgICAgPHFkLWljb24gaWNvbj1cInBhZ2VGaXJzdDFcIj48L3FkLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIHFkSWNvbkJ1dHRvbiBbZGlzYWJsZWRdPVwicGFnaW5hdGlvbj8uY3VycmVudFBhZ2UgPT09IDBcIiAoY2xpY2spPVwiZ29Ub1BhZ2UoLTEpXCI+XG4gICAgICAgICAgPHFkLWljb24gaWNvbj1cInRyaWFuZ2xlTGVmdFNvbGlkXCI+PC9xZC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHFkSWNvbkJ1dHRvblxuICAgICAgICAgIFtkaXNhYmxlZF09XCJwYWdpbmF0aW9uPy5jdXJyZW50UGFnZSA+PSAocGFnaW5hdGlvbj8udG90YWxQYWdlcyA/PyAxKSAtIDFcIlxuICAgICAgICAgIChjbGljayk9XCJnb1RvUGFnZSgxKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8cWQtaWNvbiBpY29uPVwidHJpYW5nbGVSaWdodFNvbGlkXCI+PC9xZC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHFkSWNvbkJ1dHRvblxuICAgICAgICAgIFtkaXNhYmxlZF09XCJwYWdpbmF0aW9uPy5jdXJyZW50UGFnZSA+PSAocGFnaW5hdGlvbj8udG90YWxQYWdlcyA/PyAxKSAtIDFcIlxuICAgICAgICAgIChjbGljayk9XCJnb1RvTGFzdFBhZ2UoKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8cWQtaWNvbiBpY29uPVwicGFnZUxhc3RcIj48L3FkLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgfSB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/card-layout/card-status/card-status.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zdGF0dXMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkYy1jYXJkcy9zcmMvbGliL2NhcmQtbGF5b3V0L2NhcmQtc3RhdHVzL2NhcmQtc3RhdHVzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBRZGNDYXJkQ29uZmlnIH0gZnJvbSAnLi4vLi4vY2FyZC9jYXJkLm1vZGVsJztcbmltcG9ydCB7IFFkY0NhcmRTdGF0dXNQYWdpbmF0aW9uQ29uZmlnIH0gZnJvbSAnLi9wYWdpbmF0aW9uL3BhZ2luYXRpb24ubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFFkY0NhcmRTdGF0dXNDb25maWcge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGNhcmRzIGxheW91dCBjb21wb25lbnRcbiAgICogKi9cblxuICB0aXRsZToge1xuICAgIC8qKlxuICAgICAqIFRyYW5zbGF0YWJsZSB0aXRsZSB0ZXh0XG4gICAgICogKi9cbiAgICBpMThuOiBzdHJpbmc7XG4gIH07XG4gIC8qKlxuICAgKiBDYXJkc1xuICAgKiAqL1xuICBjYXJkczogUWRjQ2FyZENvbmZpZ1tdO1xuXG4gIC8qKlxuICAgKiBQYWdpbmF0aW9uIGNvbmZpZ3VyYXRpb25cbiAgICogKi9cbiAgcGFnaW5hdGlvbj86IFFkY0NhcmRTdGF0dXNQYWdpbmF0aW9uQ29uZmlnO1xufVxuIl19

package/esm2022/lib/card-layout/card-status/pagination/pagination.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcWRjLWNhcmRzL3NyYy9saWIvY2FyZC1sYXlvdXQvY2FyZC1zdGF0dXMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFFkY0NhcmRTdGF0dXNQYWdpbmF0aW9uQ29uZmlnIHtcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiBlbGVtZW50c1xuICAgKiAqL1xuICB0b3RhbEVsZW1lbnRzOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiBwYWdlc1xuICAgKiAqL1xuICB0b3RhbFBhZ2VzOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFBhZ2Ugc2l6ZSAodG90YWwgZWxlbWVudHMgcGVyIHBhZ2UpXG4gICAqICovXG4gIHBhZ2VTaXplPzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBDdXJyZW50IHBhZ2UgKDAtYmFzZWQgaW5kZXgpXG4gICAqICovXG4gIGN1cnJlbnRQYWdlOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFBhZ2luYXRpb24gaGFuZGxlclxuICAgKiAqL1xuICBoYW5kbGVyOiAocGFnZTogbnVtYmVyLCBzaXplOiBudW1iZXIpID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGFycmF5IG9mIHBhZ2Ugc2l6ZXMgZm9yIGEgZHJvcGRvd25cbiAgICogKi9cbiAgcGFnZVNpemVzPzogbnVtYmVyW107XG59XG4iXX0=

package/esm2022/lib/shared/popover/cards-popover.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { QdcCardsPopoverComponent } from './popover/cards-popover.component';
+import { QdcCardsPopoverOnClickDirective } from './popover-on-click/cards-popover-on-click.directive';
+import * as i0 from "@angular/core";
+export class QdcCardsPopoverModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverModule, declarations: [QdcCardsPopoverComponent, QdcCardsPopoverOnClickDirective], imports: [CommonModule], exports: [QdcCardsPopoverOnClickDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [QdcCardsPopoverComponent, QdcCardsPopoverOnClickDirective],
+                    exports: [QdcCardsPopoverOnClickDirective]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMtcG9wb3Zlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkYy1jYXJkcy9zcmMvbGliL3NoYXJlZC9wb3BvdmVyL2NhcmRzLXBvcG92ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHFEQUFxRCxDQUFDOztBQU90RyxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7Z0hBQXJCLHFCQUFxQixpQkFIakIsd0JBQXdCLEVBQUUsK0JBQStCLGFBRDlELFlBQVksYUFFWiwrQkFBK0I7Z0hBRTlCLHFCQUFxQixZQUp0QixZQUFZOzs0RkFJWCxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsRUFBRSwrQkFBK0IsQ0FBQztvQkFDekUsT0FBTyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBRZGNDYXJkc1BvcG92ZXJDb21wb25lbnQgfSBmcm9tICcuL3BvcG92ZXIvY2FyZHMtcG9wb3Zlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUWRjQ2FyZHNQb3BvdmVyT25DbGlja0RpcmVjdGl2ZSB9IGZyb20gJy4vcG9wb3Zlci1vbi1jbGljay9jYXJkcy1wb3BvdmVyLW9uLWNsaWNrLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtRZGNDYXJkc1BvcG92ZXJDb21wb25lbnQsIFFkY0NhcmRzUG9wb3Zlck9uQ2xpY2tEaXJlY3RpdmVdLFxuICBleHBvcnRzOiBbUWRjQ2FyZHNQb3BvdmVyT25DbGlja0RpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgUWRjQ2FyZHNQb3BvdmVyTW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/shared/popover/cards-popover.service.mjs

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class QdcCardsPopoverService {
+    constructor() {
+        this.closeHandler = new Subject();
+    }
+    closeAllOverlays() {
+        this.closeHandler.next(true);
+    }
+    subscribe(callback) {
+        return this.closeHandler.subscribe(callback);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMtcG9wb3Zlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9xZGMtY2FyZHMvc3JjL2xpYi9zaGFyZWQvcG9wb3Zlci9jYXJkcy1wb3BvdmVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQzs7QUFPN0MsTUFBTSxPQUFPLHNCQUFzQjtJQUhuQztRQUlVLGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQztLQVMvQztJQVBDLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxTQUFTLENBQUMsUUFBOEI7UUFDdEMsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMvQyxDQUFDOytHQVRVLHNCQUFzQjttSEFBdEIsc0JBQXNCLGNBRnJCLE1BQU07OzRGQUVQLHNCQUFzQjtrQkFIbEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IHR5cGUgUG9wb3ZlckNsb3NlQ2FsbGJhY2sgPSAoKSA9PiB2b2lkO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBRZGNDYXJkc1BvcG92ZXJTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBjbG9zZUhhbmRsZXIgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuXG4gIGNsb3NlQWxsT3ZlcmxheXMoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZUhhbmRsZXIubmV4dCh0cnVlKTtcbiAgfVxuXG4gIHN1YnNjcmliZShjYWxsYmFjazogUG9wb3ZlckNsb3NlQ2FsbGJhY2spOiBTdWJzY3JpcHRpb24ge1xuICAgIHJldHVybiB0aGlzLmNsb3NlSGFuZGxlci5zdWJzY3JpYmUoY2FsbGJhY2spO1xuICB9XG59XG4iXX0=

package/esm2022/lib/shared/popover/popover/cards-popover.component.mjs

@@ -0,0 +1,14 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class QdcCardsPopoverComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: QdcCardsPopoverComponent, isStandalone: false, selector: "qdc-cards-popover", inputs: { content: "content" }, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n", styles: [":host{background-color:#fff;box-shadow:0 0 .625rem #979797;display:block;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qdc-cards-popover', standalone: false, template: "<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n", styles: [":host{background-color:#fff;box-shadow:0 0 .625rem #979797;display:block;width:100%}\n"] }]
+        }], propDecorators: { content: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMtcG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkYy1jYXJkcy9zcmMvbGliL3NoYXJlZC9wb3BvdmVyL3BvcG92ZXIvY2FyZHMtcG9wb3Zlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkYy1jYXJkcy9zcmMvbGliL3NoYXJlZC9wb3BvdmVyL3BvcG92ZXIvY2FyZHMtcG9wb3Zlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQzs7O0FBUTlELE1BQU0sT0FBTyx3QkFBd0I7K0dBQXhCLHdCQUF3QjttR0FBeEIsd0JBQXdCLDhHQ1JyQywrREFDQTs7NEZET2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLG1CQUFtQixjQUdqQixLQUFLOzhCQUlqQixPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxZGMtY2FyZHMtcG9wb3ZlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkcy1wb3BvdmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZHMtcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBRZGNDYXJkc1BvcG92ZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBjb250ZW50ITogVGVtcGxhdGVSZWY8dW5rbm93bj47XG59XG4iLCI8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/lib/shared/popover/popover-on-click/cards-popover-on-click.directive.mjs

@@ -0,0 +1,100 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { QdcCardsPopoverComponent } from '../popover/cards-popover.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "../cards-popover.service";
+export class QdcCardsPopoverOnClickDirective {
+    constructor(hostRef, overlayPositionBuilder, overlay, popoverService) {
+        this.hostRef = hostRef;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.overlay = overlay;
+        this.popoverService = popoverService;
+        this.popoverWidth = '204';
+        this.popoverCloseStrategy = 'onEveryClick';
+        this.opened = new EventEmitter();
+        this.closed = new EventEmitter();
+        this.host = this.hostRef.nativeElement;
+    }
+    ngOnInit() {
+        const positionStrategy = this.overlayPositionBuilder.flexibleConnectedTo(this.host).withPositions([
+            ...(this.positionStrategy ? [this.positionStrategy] : []),
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top'
+            }
+        ]);
+        this.overlayRef = this.overlay.create({ positionStrategy, width: this.popoverWidth, disposeOnNavigation: true });
+    }
+    ngOnDestroy() {
+        this.close();
+    }
+    show(event) {
+        event.stopPropagation();
+        if (!this.overlayRef.hasAttached()) {
+            const popoverPortal = new ComponentPortal(QdcCardsPopoverComponent);
+            const popoverRef = this.overlayRef.attach(popoverPortal);
+            popoverRef.instance.content = this.qdcCardsPopoverOnClick;
+            this.opened.emit();
+            this.popoverService.closeAllOverlays();
+            this.closeSubscription = this.popoverService.subscribe(() => {
+                this.close();
+            });
+        }
+        else {
+            this.close();
+        }
+    }
+    clickedOutside(event) {
+        if (this.overlayRef.hasAttached() && this.shouldClose(event))
+            this.close();
+    }
+    close() {
+        this.overlayRef?.detach();
+        this.closeSubscription?.unsubscribe();
+        this.closed.emit();
+    }
+    shouldClose(event) {
+        const target = event.target;
+        if (!this.overlayRef.hasAttached())
+            return false;
+        if (this.popoverCloseStrategy === 'onEveryClick')
+            return !(target?.classList?.contains('disabled') || target?.disabled);
+        if (this.popoverCloseStrategy === 'onOutsideClick') {
+            const hostElementHovered = this.host.parentElement.querySelector(':hover');
+            const overlayElementHovered = this.overlayRef.overlayElement.querySelector(':hover');
+            return !hostElementHovered && !overlayElementHovered;
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverOnClickDirective, deps: [{ token: i0.ElementRef }, { token: i1.OverlayPositionBuilder }, { token: i1.Overlay }, { token: i2.QdcCardsPopoverService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: QdcCardsPopoverOnClickDirective, isStandalone: false, selector: "[qdcCardsPopoverOnClick]", inputs: { qdcCardsPopoverOnClick: "qdcCardsPopoverOnClick", popoverWidth: "popoverWidth", positionStrategy: "positionStrategy", popoverCloseStrategy: "popoverCloseStrategy" }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "show($event)", "document:click": "clickedOutside($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QdcCardsPopoverOnClickDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdcCardsPopoverOnClick]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.OverlayPositionBuilder }, { type: i1.Overlay }, { type: i2.QdcCardsPopoverService }], propDecorators: { qdcCardsPopoverOnClick: [{
+                type: Input
+            }], popoverWidth: [{
+                type: Input
+            }], positionStrategy: [{
+                type: Input
+            }], popoverCloseStrategy: [{
+                type: Input
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], show: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], clickedOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMtcG9wb3Zlci1vbi1jbGljay5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3FkYy1jYXJkcy9zcmMvbGliL3NoYXJlZC9wb3BvdmVyL3BvcG92ZXItb24tY2xpY2svY2FyZHMtcG9wb3Zlci1vbi1jbGljay5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUVQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBTzlFLE1BQU0sT0FBTywrQkFBK0I7SUFhMUMsWUFDVSxPQUFnQyxFQUNoQyxzQkFBOEMsRUFDOUMsT0FBZ0IsRUFDaEIsY0FBc0M7UUFIdEMsWUFBTyxHQUFQLE9BQU8sQ0FBeUI7UUFDaEMsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQUM5QyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLG1CQUFjLEdBQWQsY0FBYyxDQUF3QjtRQVh2QyxpQkFBWSxHQUFvQixLQUFLLENBQUM7UUFFdEMseUJBQW9CLEdBQXNDLGNBQWMsQ0FBQztRQUUvRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQVE3QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLGFBQWEsQ0FBQztZQUNoRyxHQUFHLENBQUMs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L0IsK0JBQStCOzs0RkFBL0IsK0JBQStCO2tCQUozQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFVBQVUsRUFBRSxLQUFLO2lCQUNsQjsrS0FNVSxzQkFBc0I7c0JBQTlCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUVhLE1BQU07c0JBQXhCLE1BQU07Z0JBQ1ksTUFBTTtzQkFBeEIsTUFBTTtnQkE4QlAsSUFBSTtzQkFESCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFxQmpDLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uLCBPdmVybGF5LCBPdmVybGF5UG9zaXRpb25CdWlsZGVyLCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFFkY0NhcmRzUG9wb3ZlckNvbXBvbmVudCB9IGZyb20gJy4uL3BvcG92ZXIvY2FyZHMtcG9wb3Zlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUWRjQ2FyZHNQb3BvdmVyU2VydmljZSB9IGZyb20gJy4uL2NhcmRzLXBvcG92ZXIuc2VydmljZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1txZGNDYXJkc1BvcG92ZXJPbkNsaWNrXScsXG4gIHN0YW5kYWxvbmU6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIFFkY0NhcmRzUG9wb3Zlck9uQ2xpY2tEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgaG9zdDogSFRNTEVsZW1lbnQ7XG4gIHByaXZhdGUgb3ZlcmxheVJlZiE6IE92ZXJsYXlSZWY7XG4gIHByaXZhdGUgY2xvc2VTdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XG5cbiAgQElucHV0KCkgcWRjQ2FyZHNQb3BvdmVyT25DbGljayE6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBASW5wdXQoKSBwb3BvdmVyV2lkdGg6IHN0cmluZyB8ICdhdXRvJyA9ICcyMDQnO1xuICBASW5wdXQoKSBwb3NpdGlvblN0cmF0ZWd5ITogQ29ubmVjdGVkUG9zaXRpb247XG4gIEBJbnB1dCgpIHBvcG92ZXJDbG9zZVN0cmF0ZWd5OiAnb25PdXRzaWRlQ2xpY2snIHwgJ29uRXZlcnlDbGljaycgPSAnb25FdmVyeUNsaWNrJztcblxuICBAT3V0cHV0KCkgcmVhZG9ubHkgb3BlbmVkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcmVhZG9ubHkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgaG9zdFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSBvdmVybGF5UG9zaXRpb25CdWlsZGVyOiBPdmVybGF5UG9zaXRpb25CdWlsZGVyLFxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwcml2YXRlIHBvcG92ZXJTZXJ2aWNlOiBRZGNDYXJkc1BvcG92ZXJTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuaG9zdCA9IHRoaXMuaG9zdFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMub3ZlcmxheVBvc2l0aW9uQnVpbGRlci5mbGV4aWJsZUNvbm5lY3RlZFRvKHRoaXMuaG9zdCkud2l0aFBvc2l0aW9ucyhbXG4gICAgICAuLi4odGhpcy5wb3NpdGlvblN0cmF0ZWd5ID8gW3RoaXMucG9zaXRpb25TdHJhdGVneV0gOiBbXSksXG4gICAgICB7XG4gICAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICAgICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgICAgICBvdmVybGF5WTogJ3RvcCdcbiAgICAgIH1cbiAgICBdKTtcblxuICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoeyBwb3NpdGlvblN0cmF0ZWd5LCB3aWR0aDogdGhpcy5wb3BvdmVyV2lkdGgsIGRpc3Bvc2VPbk5hdmlnYXRpb246IHRydWUgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHNob3coZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKCF0aGlzLm92ZXJsYXlSZWYuaGFzQXR0YWNoZWQoKSkge1xuICAgICAgY29uc3QgcG9wb3ZlclBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoUWRjQ2FyZHNQb3BvdmVyQ29tcG9uZW50KTtcbiAgICAgIGNvbnN0IHBvcG92ZXJSZWYgPSB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKHBvcG92ZXJQb3J0YWwpO1xuXG4gICAgICBwb3BvdmVyUmVmLmluc3RhbmNlLmNvbnRlbnQgPSB0aGlzLnFkY0NhcmRzUG9wb3Zlck9uQ2xpY2s7XG4gICAgICB0aGlzLm9wZW5lZC5lbWl0KCk7XG5cbiAgICAgIHRoaXMucG9wb3ZlclNlcnZpY2UuY2xvc2VBbGxPdmVybGF5cygpO1xuXG4gICAgICB0aGlzLmNsb3NlU3Vic2NyaXB0aW9uID0gdGhpcy5wb3BvdmVyU2VydmljZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgY2xpY2tlZE91dHNpZGUoZXZlbnQ6IFBvaW50ZXJFdmVudCkge1xuICAgIGlmICh0aGlzLm92ZXJsYXlSZWYuaGFzQXR0YWNoZWQoKSAmJiB0aGlzLnNob3VsZENsb3NlKGV2ZW50KSkgdGhpcy5jbG9zZSgpO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kZXRhY2goKTtcbiAgICB0aGlzLmNsb3NlU3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxuXG4gIHByaXZhdGUgc2hvdWxkQ2xvc2UoZXZlbnQ6IFBvaW50ZXJFdmVudCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyAoSFRNTEVsZW1lbnQgJiB7IGRpc2FibGVkPzogYm9vbGVhbiB9KSB8IG51bGw7XG5cbiAgICBpZiAoIXRoaXMub3ZlcmxheVJlZi5oYXNBdHRhY2hlZCgpKSByZXR1cm4gZmFsc2U7XG5cbiAgICBpZiAodGhpcy5wb3BvdmVyQ2xvc2VTdHJhdGVneSA9PT0gJ29uRXZlcnlDbGljaycpXG4gICAgICByZXR1cm4gISgodGFyZ2V0Py5jbGFzc0xpc3QgYXMgRE9NVG9rZW5MaXN0KT8uY29udGFpbnMoJ2Rpc2FibGVkJykgfHwgdGFyZ2V0Py5kaXNhYmxlZCk7XG5cbiAgICBpZiAodGhpcy5wb3BvdmVyQ2xvc2VTdHJhdGVneSA9PT0gJ29uT3V0c2lkZUNsaWNrJykge1xuICAgICAgY29uc3QgaG9zdEVsZW1lbnRIb3ZlcmVkID0gdGhpcy5ob3N0LnBhcmVudEVsZW1lbnQhLnF1ZXJ5U2VsZWN0b3IoJzpob3ZlcicpO1xuICAgICAgY29uc3Qgb3ZlcmxheUVsZW1lbnRIb3ZlcmVkID0gdGhpcy5vdmVybGF5UmVmLm92ZXJsYXlFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJzpob3ZlcicpO1xuXG4gICAgICByZXR1cm4gIWhvc3RFbGVtZW50SG92ZXJlZCAmJiAhb3ZlcmxheUVsZW1lbnRIb3ZlcmVkO1xuICAgIH1cblxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxufVxuIl19

package/esm2022/quadrel-enterprise-ui-qdc-cards.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhZHJlbC1lbnRlcnByaXNlLXVpLXFkYy1jYXJkcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvcWRjLWNhcmRzL3NyYy9xdWFkcmVsLWVudGVycHJpc2UtdWktcWRjLWNhcmRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/card-layout/card-layout.module';
+export * from './lib/card/card.module';

package/lib/card/card.component.d.ts

@@ -0,0 +1,20 @@
+import { AfterContentInit, ChangeDetectorRef, OnChanges, TemplateRef } from '@angular/core';
+import { QdcCardConfig } from './card.model';
+import * as i0 from "@angular/core";
+export declare class QdcCardComponent implements AfterContentInit, OnChanges {
+    private cdr;
+    /** JSON configuration driving the visual appearance of the card. */
+    cardConfig: QdcCardConfig;
+    /** Optional test-id for E2E / integration tests. */
+    testId: string;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    get isMobile(): boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngOnChanges(): void;
+    private evaluateVisibility;
+    isTemplate(value: unknown): value is TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdcCardComponent, "qdc-card", never, { "cardConfig": { "alias": "cardConfig"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/card/card.model.d.ts

@@ -0,0 +1,23 @@
+import { QdcCardActionConfig, QdcCardBodyPair, QdcCardChip, QdcCardFooter } from './model/card-actions-config.interface';
+export interface QdcCardConfig {
+    /**
+     * Optional icon name shown in the header, left of the title.
+     * */
+    icon?: string | null;
+    /**
+     * Main headline of the card.
+     * */
+    title?: string | null;
+    /**
+     * Optional subtitle shown under the title.
+     * */
+    subTitle?: string | null;
+    bodyPairs?: QdcCardBodyPair[];
+    chip?: QdcCardChip;
+    /**
+     * Optional actions to display in the card menu.
+     * */
+    menuActions?: QdcCardActionConfig[];
+    footer?: QdcCardFooter;
+    onCardClick?: () => void;
+}

package/lib/card/card.module.d.ts

@@ -0,0 +1,16 @@
+import { QdcCardComponent } from './card.component';
+import { QdcCardMenuComponent } from './menu/card-menu.component';
+import { QdcCardConfig } from './card.model';
+import * as i0 from "@angular/core";
+import * as i1 from "./card.component";
+import * as i2 from "./menu/card-menu.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "@quadrel-enterprise-ui/framework";
+import * as i6 from "../shared/popover/cards-popover.module";
+export { QdcCardComponent, QdcCardConfig, QdcCardMenuComponent };
+export declare class QdcCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<QdcCardModule, [typeof i1.QdcCardComponent, typeof i2.QdcCardMenuComponent], [typeof i3.CommonModule, typeof i4.TranslateModule, typeof i5.QdUiModule, typeof i6.QdcCardsPopoverModule], [typeof i1.QdcCardComponent, typeof i2.QdcCardMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<QdcCardModule>;
+}

package/lib/card/menu/card-menu.component.d.ts

@@ -0,0 +1,14 @@
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { QdcCardActionConfig } from '../model/card-actions-config.interface';
+import * as i0 from "@angular/core";
+export declare class QdcCardMenuComponent implements OnDestroy {
+    set actions(actions: QdcCardActionConfig[]);
+    get actions$(): Observable<QdcCardActionConfig[]>;
+    testId: string;
+    private _actionsSubject;
+    private _destroyed$;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdcCardMenuComponent, "qdc-card-menu", never, { "actions": { "alias": "actions"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/card/model/card-actions-config.interface.d.ts

@@ -0,0 +1,65 @@
+import { QdChipColor } from '@quadrel-enterprise-ui/framework';
+import type { QdStatusIndicatorLevel, QdStatusIndicatorType } from '@quadrel-enterprise-ui/framework/lib/status-indicator/interfaces/status-indicator.interface';
+export interface QdcCardActionConfig {
+    /**
+     * The label is shown as text in the UI for this action.
+     */
+    label: {
+        /** This i18n key is translated directly inside the QdCardMenu component. */
+        i18n: string;
+    };
+    /**
+     * The handler to execute when the action is clicked.
+     */
+    handler: () => void;
+    /**
+     * Whether the action is disabled or not
+     *
+     * * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional icon to display in the action.
+     */
+    icon?: string | null;
+}
+export interface QdcCardBodyPair {
+    /**
+     * Translatable label text.
+     * */
+    i18n: string;
+    /**
+     * Value to display next to the label.
+     * */
+    value?: string | number | boolean | null;
+    /**
+     * Optional Qd-Status-Indicator
+     * */
+    status?: {
+        type: QdStatusIndicatorType;
+        level: QdStatusIndicatorLevel;
+    } | null;
+    icon?: string | null;
+    booleanValue?: boolean | null;
+    chips?: QdcCardChip[] | null;
+}
+export interface QdcCardFooter {
+    icon?: string | null;
+    text?: string | null;
+    action?: QdcCardActionConfig | null;
+}
+export interface QdcCardChip {
+    /**
+     * Color of the chip. Defaults to 'primary'.
+     * */
+    state: QdChipColor;
+    /**
+     * Text shown inside the chip.
+     * */
+    label: {
+        /**
+         * Translatable label text.
+         * */
+        i18n: string;
+    };
+}

package/lib/card-layout/card-layout.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit, OnChanges, SimpleChanges, NgZone } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { QdFormDropdownConfiguration } from '@quadrel-enterprise-ui/framework';
+import { QdcCardLayoutConfig } from './card-layout.model';
+import { QdcCardStatusSameHeightDirective } from './card-status/card-status-height.directive';
+import { QdcCardStatusConfig } from './card-status/card-status.model';
+import * as i0 from "@angular/core";
+export declare class QdcCardLayoutComponent implements OnInit, OnChanges {
+    private ngZone;
+    config: QdcCardLayoutConfig;
+    cardStatusHeightDirective?: QdcCardStatusSameHeightDirective;
+    isMobile: boolean;
+    readonly MAX_COLUMNS = 5;
+    dropDownForm: FormGroup;
+    private statusTitlesDropDownConfig;
+    dropDownConfig: BehaviorSubject<QdFormDropdownConfiguration>;
+    selectedStatusTitle: BehaviorSubject<QdcCardStatusConfig>;
+    constructor(ngZone: NgZone);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onPaginationChanged(): void;
+    onResize(): void;
+    private checkColumnLimit;
+    private updateLayoutState;
+    private initializeDropDown;
+    private updateSelectedStatus;
+    private setDropDownConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdcCardLayoutComponent, "qdc-card-layout", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/card-layout/card-layout.model.d.ts

@@ -0,0 +1,11 @@
+import { QdcCardStatusConfig } from './card-status/card-status.model';
+export interface QdcCardLayoutConfig {
+    /**
+     * Title of the cards layout component
+     * */
+    layoutTitle: string;
+    /**
+     * Column with cards (max 5)
+     * */
+    cardStatusConfig: QdcCardStatusConfig[];
+}

package/lib/card-layout/card-layout.module.d.ts

@@ -0,0 +1,18 @@
+import { QdcCardLayoutComponent } from './card-layout.component';
+import { QdcCardStatusComponent } from './card-status/card-status.component';
+import { QdcCardStatusSameHeightDirective } from './card-status/card-status-height.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./card-layout.component";
+import * as i2 from "./card-status/card-status.component";
+import * as i3 from "./card-status/card-status-height.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@ngx-translate/core";
+import * as i7 from "@quadrel-enterprise-ui/framework";
+import * as i8 from "../card/card.module";
+export { QdcCardLayoutComponent, QdcCardStatusComponent, QdcCardStatusSameHeightDirective };
+export declare class QdcCardLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<QdcCardLayoutModule, [typeof i1.QdcCardLayoutComponent, typeof i2.QdcCardStatusComponent, typeof i3.QdcCardStatusSameHeightDirective], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.TranslateModule, typeof i7.QdUiModule, typeof i8.QdcCardModule], [typeof i1.QdcCardLayoutComponent, typeof i2.QdcCardStatusComponent, typeof i3.QdcCardStatusSameHeightDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<QdcCardLayoutModule>;
+}

package/lib/card-layout/card-status/card-status-height.directive.d.ts

@@ -0,0 +1,13 @@
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class QdcCardStatusSameHeightDirective implements AfterViewInit {
+    private el;
+    private renderer;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    onResize(): void;
+    triggerUpdate(): void;
+    private updateHeights;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardStatusSameHeightDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QdcCardStatusSameHeightDirective, "[qdcCardStatusSameHeight]", never, {}, {}, never, never, false, never>;
+}

package/lib/card-layout/card-status/card-status.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+import { QdcCardStatusConfig } from './card-status.model';
+import { QdcCardConfig } from '../../card/card.model';
+import * as i0 from "@angular/core";
+export declare class QdcCardStatusComponent implements OnInit {
+    paginationChanged: EventEmitter<void>;
+    config: QdcCardStatusConfig;
+    cardsContainer?: ElementRef<HTMLElement>;
+    private readonly translate;
+    isDropdownOpen: boolean;
+    hideEntriesLabel: boolean;
+    defaultPageSizes: number[];
+    ngOnInit(): void;
+    get pagedCards(): QdcCardConfig[];
+    get pagination(): import("./pagination/pagination.model").QdcCardStatusPaginationConfig;
+    goToPage(delta: number): void;
+    goToFirstPage(): void;
+    goToLastPage(): void;
+    onPageSizeChange(): void;
+    toggleDropdownIcon(): void;
+    onResize(): void;
+    getPaginationInfo(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdcCardStatusComponent, "qdc-card-status", never, { "config": { "alias": "config"; "required": false; }; }, { "paginationChanged": "paginationChanged"; }, never, never, false, never>;
+}