@impartner/design-components 1.0.1 → 1.0.2

package/esm2020/lib/breadcrumb/breadcrumb.component.mjs

@@ -8,26 +8,30 @@ import * as i1 from "@angular/common";
  * To use, import `BreadcrumbModule` or another module that imports and exports that module from `@impartner/design-components`.
  */
 export class BreadcrumbComponent {
-    constructor() {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
         /**
          * Sets the `aria-label` attribute for the Breadcrumb's `nav` element for accessibility.
          */
         this.label = '';
         this.impdcBreadcrumb = true;
     }
+    ngAfterViewInit() {
+        this._changeDetectorRef.detectChanges();
+    }
 }
-BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: BreadcrumbComponent, selector: "impdc-breadcrumb, div[impdc-breadcrumb]", inputs: { label: "label" }, host: { properties: { "class.impdc-breadcrumb": "this.impdcBreadcrumb" } }, queries: [{ propertyName: "_breadcrumbs", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav [attr.aria-label]=\"label || null\" class=\"impdc-breadcrumb\">\n  <ol>\n    <li *ngFor=\"let breadcrumb of _breadcrumbs; last as isLast\">\n      <span class=\"impdc-crumb\" [attr.aria-current]=\"isLast ? 'page' : null\">\n        <ng-template\n          [ngTemplateOutlet]=\"breadcrumb.contentTemplate\"></ng-template>\n      </span>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li{display:inline;color:var(--impd-color-gray-500, #6b7280);font-weight:500;font-size:var(--impd-font-size-sm, 14px)}.impdc-breadcrumb li:hover{cursor:default;color:var(--impd-color-gray-700, #374151)}.impdc-breadcrumb li .impdc-crumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);padding-left:.8rem;padding-right:.8rem}.impdc-breadcrumb li:first-child .impdc-crumb{padding-left:0}.impdc-breadcrumb li:last-child .impdc-crumb{padding-right:0}.impdc-breadcrumb li+li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--impd-color-gray-400, #6b7280);content:\"\\f054\";display:inline-block;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:10px;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:900;line-height:1;text-align:center;text-rendering:auto;width:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: BreadcrumbComponent, selector: "impdc-breadcrumb, div[impdc-breadcrumb]", inputs: { label: "label" }, host: { properties: { "class.impdc-breadcrumb": "this.impdcBreadcrumb" } }, queries: [{ propertyName: "breadcrumbItems", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n  <ol>\n    <li\n      *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <ng-container\n        [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'impdc-breadcrumb, div[impdc-breadcrumb]', encapsulation: ViewEncapsulation.None, template: "<nav [attr.aria-label]=\"label || null\" class=\"impdc-breadcrumb\">\n  <ol>\n    <li *ngFor=\"let breadcrumb of _breadcrumbs; last as isLast\">\n      <span class=\"impdc-crumb\" [attr.aria-current]=\"isLast ? 'page' : null\">\n        <ng-template\n          [ngTemplateOutlet]=\"breadcrumb.contentTemplate\"></ng-template>\n      </span>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li{display:inline;color:var(--impd-color-gray-500, #6b7280);font-weight:500;font-size:var(--impd-font-size-sm, 14px)}.impdc-breadcrumb li:hover{cursor:default;color:var(--impd-color-gray-700, #374151)}.impdc-breadcrumb li .impdc-crumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);padding-left:.8rem;padding-right:.8rem}.impdc-breadcrumb li:first-child .impdc-crumb{padding-left:0}.impdc-breadcrumb li:last-child .impdc-crumb{padding-right:0}.impdc-breadcrumb li+li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--impd-color-gray-400, #6b7280);content:\"\\f054\";display:inline-block;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:10px;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:900;line-height:1;text-align:center;text-rendering:auto;width:2rem}\n"] }]
-        }], propDecorators: { label: [{
+            args: [{ selector: 'impdc-breadcrumb, div[impdc-breadcrumb]', encapsulation: ViewEncapsulation.None, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n  <ol>\n    <li\n      *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <ng-container\n        [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
                 type: Input
             }], impdcBreadcrumb: [{
                 type: HostBinding,
                 args: ['class.impdc-breadcrumb']
-            }], _breadcrumbs: [{
+            }], breadcrumbItems: [{
                 type: ContentChildren,
                 args: [BreadcrumbItemComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxFQUVMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBRXRFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBT0U7O1dBRUc7UUFFSSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRTZCLG9CQUFlLEdBQUcsSUFBSSxDQUFDO0tBSXZFOztpSEFYWSxtQkFBbUI7cUdBQW5CLG1CQUFtQixvTkFTYix1QkFBdUIsNkJDOUIxQyxvWEFVQTs0RkRXYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UseUNBQXlDLGlCQUdwQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU85QixLQUFLO3NCQURYLEtBQUs7Z0JBR3lDLGVBQWU7c0JBQTdELFdBQVc7dUJBQUMsd0JBQXdCO2dCQUczQixZQUFZO3NCQURyQixlQUFlO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1iSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudCc7XG5cbi8qKlxuICogVGhlIGBCcmVhZGNydW1iQ29tcG9uZW50YCAoYDxpbXBkYy1icmVhZGNydW1iYCBvciBgPGRpdiBpbXBkYy1icmVhZGNydW1iYCkgaXMgZm9yIGhpc3RvcmljYWwgbmF2aWdhdGlvbiBzbyB0aGUgdXNlciBjYW4gZ2V0IGJhY2tcbiAqIHRvIGEgcHJldmlvdXMgcGFnZS4gSXRlbXMgd2l0aGluIG11c3QgYmUgd3JhcHBlZCB3aXRoIGBCcmVhZGNydW1iSXRlbUNvbXBvbmVudGAgKGA8aW1wZGMtYnJlYWRjcnVtYi1pdGVtYCkuXG4gKiBUbyB1c2UsIGltcG9ydCBgQnJlYWRjcnVtYk1vZHVsZWAgb3IgYW5vdGhlciBtb2R1bGUgdGhhdCBpbXBvcnRzIGFuZCBleHBvcnRzIHRoYXQgbW9kdWxlIGZyb20gYEBpbXBhcnRuZXIvZGVzaWduLWNvbXBvbmVudHNgLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbXBkYy1icmVhZGNydW1iLCBkaXZbaW1wZGMtYnJlYWRjcnVtYl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIGBhcmlhLWxhYmVsYCBhdHRyaWJ1dGUgZm9yIHRoZSBCcmVhZGNydW1iJ3MgYG5hdmAgZWxlbWVudCBmb3IgYWNjZXNzaWJpbGl0eS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBsYWJlbCA9ICcnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaW1wZGMtYnJlYWRjcnVtYicpIHByaXZhdGUgaW1wZGNCcmVhZGNydW1iID0gdHJ1ZTtcblxuICBAQ29udGVudENoaWxkcmVuKEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50KVxuICBwcm90ZWN0ZWQgX2JyZWFkY3J1bWJzITogUXVlcnlMaXN0PEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50Pjtcbn1cbiIsIjxuYXYgW2F0dHIuYXJpYS1sYWJlbF09XCJsYWJlbCB8fCBudWxsXCIgY2xhc3M9XCJpbXBkYy1icmVhZGNydW1iXCI+XG4gIDxvbD5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGJyZWFkY3J1bWIgb2YgX2JyZWFkY3J1bWJzOyBsYXN0IGFzIGlzTGFzdFwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJpbXBkYy1jcnVtYlwiIFthdHRyLmFyaWEtY3VycmVudF09XCJpc0xhc3QgPyAncGFnZScgOiBudWxsXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJyZWFkY3J1bWIuY29udGVudFRlbXBsYXRlXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2xpPlxuICA8L29sPlxuPC9uYXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsU0FBUyxFQUNULGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxFQUVMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBRXRFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCLFlBQW9CLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBWHpEOztXQUVHO1FBRUksVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUU2QixvQkFBZSxHQUFHLElBQUksQ0FBQztJQUtWLENBQUM7SUFFN0QsZUFBZTtRQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQyxDQUFDOztpSEFoQlUsbUJBQW1CO3FHQUFuQixtQkFBbUIsdU5BU2IsdUJBQXVCLDZCQ2hDMUMscVdBVUE7NEZEYWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLHlDQUF5QyxpQkFHcEMsaUJBQWlCLENBQUMsSUFBSTt3R0FPOUIsS0FBSztzQkFEWCxLQUFLO2dCQUd5QyxlQUFlO3NCQUE3RCxXQUFXO3VCQUFDLHdCQUF3QjtnQkFHM0IsZUFBZTtzQkFEeEIsZUFBZTt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iLWl0ZW0uY29tcG9uZW50JztcblxuLyoqXG4gKiBUaGUgYEJyZWFkY3J1bWJDb21wb25lbnRgIChgPGltcGRjLWJyZWFkY3J1bWJgIG9yIGA8ZGl2IGltcGRjLWJyZWFkY3J1bWJgKSBpcyBmb3IgaGlzdG9yaWNhbCBuYXZpZ2F0aW9uIHNvIHRoZSB1c2VyIGNhbiBnZXQgYmFja1xuICogdG8gYSBwcmV2aW91cyBwYWdlLiBJdGVtcyB3aXRoaW4gbXVzdCBiZSB3cmFwcGVkIHdpdGggYEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50YCAoYDxpbXBkYy1icmVhZGNydW1iLWl0ZW1gKS5cbiAqIFRvIHVzZSwgaW1wb3J0IGBCcmVhZGNydW1iTW9kdWxlYCBvciBhbm90aGVyIG1vZHVsZSB0aGF0IGltcG9ydHMgYW5kIGV4cG9ydHMgdGhhdCBtb2R1bGUgZnJvbSBgQGltcGFydG5lci9kZXNpZ24tY29tcG9uZW50c2AuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ltcGRjLWJyZWFkY3J1bWIsIGRpdltpbXBkYy1icmVhZGNydW1iXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIGBhcmlhLWxhYmVsYCBhdHRyaWJ1dGUgZm9yIHRoZSBCcmVhZGNydW1iJ3MgYG5hdmAgZWxlbWVudCBmb3IgYWNjZXNzaWJpbGl0eS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBsYWJlbCA9ICcnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaW1wZGMtYnJlYWRjcnVtYicpIHByaXZhdGUgaW1wZGNCcmVhZGNydW1iID0gdHJ1ZTtcblxuICBAQ29udGVudENoaWxkcmVuKEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50KVxuICBwcm90ZWN0ZWQgYnJlYWRjcnVtYkl0ZW1zITogUXVlcnlMaXN0PEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2NoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIiwiPG5hdiBjbGFzcz1cImltcGRjLWJyZWFkY3J1bWJcIiBbYXR0ci5hcmlhLWxhYmVsXT1cImxhYmVsIHx8ICdicmVhZGNydW1iJ1wiPlxuICA8b2w+XG4gICAgPGxpXG4gICAgICAqbmdGb3I9XCJsZXQgYnJlYWRjcnVtYkl0ZW0gb2YgYnJlYWRjcnVtYkl0ZW1zOyBsYXN0IGFzIGlzTGFzdFwiXG4gICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiaXNMYXN0ID8gJ3BhZ2UnIDogdW5kZWZpbmVkXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJyZWFkY3J1bWJJdGVtLmNvbnRlbnRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbGk+XG4gIDwvb2w+XG48L25hdj5cbiJdfQ==

package/esm2020/lib/breadcrumb/breadcrumb.module.mjs

@@ -1,19 +1,19 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { BreadcrumbComponent } from './breadcrumb.component';
 import { BreadcrumbItemComponent } from './breadcrumb-item.component';
+import { BreadcrumbComponent } from './breadcrumb.component';
 import * as i0 from "@angular/core";
 export class BreadcrumbModule {
 }
 BreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent, BreadcrumbItemComponent], imports: [CommonModule], exports: [BreadcrumbComponent, BreadcrumbItemComponent] });
+BreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbItemComponent, BreadcrumbComponent], imports: [CommonModule], exports: [BreadcrumbItemComponent, BreadcrumbComponent] });
 BreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [BreadcrumbComponent, BreadcrumbItemComponent],
+                    declarations: [BreadcrumbItemComponent, BreadcrumbComponent],
                     imports: [CommonModule],
-                    exports: [BreadcrumbComponent, BreadcrumbItemComponent]
+                    exports: [BreadcrumbItemComponent, BreadcrumbComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBT3RFLE1BQU0sT0FBTyxnQkFBZ0I7OzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFKWixtQkFBbUIsRUFBRSx1QkFBdUIsYUFDakQsWUFBWSxhQUNaLG1CQUFtQixFQUFFLHVCQUF1QjsrR0FFM0MsZ0JBQWdCLFlBSGpCLFlBQVk7NEZBR1gsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLHVCQUF1QixDQUFDO29CQUM1RCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLHVCQUF1QixDQUFDO2lCQUN4RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCcmVhZGNydW1iQ29tcG9uZW50LCBCcmVhZGNydW1iSXRlbUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQnJlYWRjcnVtYkNvbXBvbmVudCwgQnJlYWRjcnVtYkl0ZW1Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTzdELE1BQU0sT0FBTyxnQkFBZ0I7OzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFKWix1QkFBdUIsRUFBRSxtQkFBbUIsYUFDakQsWUFBWSxhQUNaLHVCQUF1QixFQUFFLG1CQUFtQjsrR0FFM0MsZ0JBQWdCLFlBSGpCLFlBQVk7NEZBR1gsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHVCQUF1QixFQUFFLG1CQUFtQixDQUFDO29CQUM1RCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHVCQUF1QixFQUFFLG1CQUFtQixDQUFDO2lCQUN4RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCcmVhZGNydW1iSXRlbUNvbXBvbmVudCwgQnJlYWRjcnVtYkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQsIEJyZWFkY3J1bWJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/data-card/data-card.component.mjs

@@ -0,0 +1,127 @@
+import { Component, Input, Output, EventEmitter, ViewEncapsulation, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * The `CardHeadingComponent` (`<impdc-data-card` or `<any impdc-data-card`) is to display data snapshots with support for
+ * previous values and differences.
+ * To use, import `DataCardModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export class DataCardComponent {
+    constructor() {
+        /**
+         * The subject text for the Data Card.
+         */
+        this.title = '';
+        /**
+         * The current data value. Any number/currency format is supported.
+         */
+        this.current = '0';
+        /**
+         * The previous data value. Any number/currency format is supported.
+         */
+        this.previous = '';
+        /**
+         * The difference between the current and previous values. A numerical or percentage value is preferred,
+         * but any number/currency format is supported.
+         */
+        this.difference = '';
+        /**
+         * Text for the link at the bottom of the Data Card. If provided, enables the `linkClicked` event to be emitted.
+         */
+        this.linkText = '';
+        /**
+         * When stacking multiple Data Card elements together, it's common to combine their borders.
+         */
+        this.sharedBorders = true;
+        /**
+         * Makes the title stand out more than it does by default.
+         */
+        // @Input()
+        this.titleAttention = false;
+        /**
+         * Determines if the difference value will be wrapped in a `rounded-pill`.
+         */
+        this.differencePill = false;
+        /**
+         * Changes the text color for the current value.
+         */
+        this.currentColor = '';
+        /**
+         * Changes the color of the icon.
+         */
+        this.iconColor = '';
+        /**
+         * Changes the color of the icon's background.
+         */
+        this.iconBgColor = '';
+        /**
+         * Emitted when the link text is clicked.
+         */
+        this.linkClicked = new EventEmitter();
+        /**
+         * Emitted when the corner content is clicked.
+         */
+        this.cornerClicked = new EventEmitter();
+    }
+    get classDataCard() {
+        return 'card impdc-data-card';
+    }
+    get classDataCardSharedBorders() {
+        return this.sharedBorders;
+    }
+    get differenceNumber() {
+        return Number(this.difference.replace(/[^0-9\.-]+/g, ''));
+    }
+    get differenceNegative() {
+        return this.differenceNumber < 0;
+    }
+    get differencePositive() {
+        return this.differenceNumber > 0;
+    }
+    get differenceDisplay() {
+        return this.difference.replace('-', '');
+    }
+    handleLinkClick(event) {
+        this.linkClicked.emit(event);
+    }
+    handleCornerClick(event) {
+        this.cornerClicked.emit(event);
+    }
+}
+DataCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DataCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DataCardComponent, selector: "impdc-data-card, [impdc-data-card]", inputs: { title: "title", current: "current", previous: "previous", difference: "difference", linkText: "linkText", sharedBorders: "sharedBorders", differencePill: "differencePill", currentColor: "currentColor", iconColor: "iconColor", iconBgColor: "iconBgColor" }, outputs: { linkClicked: "linkClicked", cornerClicked: "cornerClicked" }, host: { properties: { "class": "this.classDataCard", "class.impdc-data-card-shared-borders": "this.classDataCardSharedBorders" } }, ngImport: i0, template: "<div class=\"card-body impdc-data-card-body\">\n  <div\n    #iconContentEl\n    class=\"impdc-data-card-icon\"\n    [style.color]=\"iconColor ? iconColor : undefined\"\n    [style.background-color]=\"iconBgColor ? iconBgColor : undefined\"\n    [class.hide]=\"!iconContentEl.children.length\">\n    <ng-content select=\"[icon]\"></ng-content>\n  </div>\n  <div class=\"impdc-data-card-container\">\n    <div class=\"impdc-data-card-title\" [class.title-attention]=\"titleAttention\">\n      {{ title }}\n    </div>\n    <div class=\"impdc-data-card-data\">\n      <ng-content></ng-content>\n      <span\n        *ngIf=\"current\"\n        class=\"data-current\"\n        [class.data-current-enlarged]=\"\n          !iconContentEl.children.length && !previous && !difference\n        \"\n        [style.color]=\"currentColor ? currentColor : undefined\"\n        [innerText]=\"current\"></span>\n      <span class=\"data-other\">\n        <span\n          *ngIf=\"previous\"\n          class=\"data-previous\"\n          [innerText]=\"previous\"></span>\n        <span\n          *ngIf=\"difference\"\n          class=\"data-difference\"\n          [class.difference-negative]=\"differenceNegative\"\n          [class.difference-positive]=\"differencePositive\"\n          [class.badge]=\"differencePill\"\n          [class.rounded-pill]=\"differencePill\">\n          <span *ngIf=\"differenceNegative\" class=\"fas fa-arrow-down\"></span>\n          <span *ngIf=\"differencePositive\" class=\"fas fa-arrow-up\"></span>\n          <span class=\"difference-display\">{{ differenceDisplay }}</span>\n        </span>\n      </span>\n    </div>\n  </div>\n  <div\n    #cornerContentEl\n    class=\"impdc-data-card-corner\"\n    [class.hide]=\"!cornerContentEl.children.length\"\n    (click)=\"handleCornerClick($event); $event.stopPropagation()\">\n    <ng-content select=\"[corner]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"card-footer impdc-data-card-footer\"\n  [class.hide]=\"!linkText && !footerContentEl.children.length\">\n  <div #footerContentEl [class.hide]=\"!footerContentEl.children.length\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n  <a\n    *ngIf=\"linkText\"\n    class=\"footer-link\"\n    (click)=\"handleLinkClick($event); $event.stopPropagation()\"\n    >{{ linkText }}</a\n  >\n</div>\n", styles: [".hide{display:none}.impdc-data-card{overflow-x:hidden;border:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:8px}.impdc-data-card.impdc-data-card-shared-borders:first-child:not(:last-child){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.impdc-data-card.impdc-data-card-shared-borders:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.impdc-data-card.impdc-data-card-shared-borders:not(:first-child):not(:last-child){border-right:0;border-radius:0}.impdc-data-card-body{position:relative;display:flex;align-items:center;gap:20px;padding:24px}.impdc-data-card-icon{display:flex;align-items:center;justify-content:center;padding:12px;background-color:#01606d;color:#fff;border-radius:6px}.impdc-data-card-icon .fa,.impdc-data-card-icon .fa-brands,.impdc-data-card-icon .fa-duotone,.impdc-data-card-icon .fa-light,.impdc-data-card-icon .fa-regular,.impdc-data-card-icon .fa-solid,.impdc-data-card-icon .fa-thin,.impdc-data-card-icon .fab,.impdc-data-card-icon .fad,.impdc-data-card-icon .fal,.impdc-data-card-icon .far,.impdc-data-card-icon .fas,.impdc-data-card-icon .fat,.impdc-data-card-icon svg{display:flex;align-items:center;justify-content:center;height:24px;width:24px;font-size:18px;line-height:24px}.impdc-data-card-icon.hide{display:none}.impdc-data-card-container{display:flex;flex-direction:column;min-width:50px}.impdc-data-card-title{color:#6b7280;font-size:14px;line-height:20px;font-weight:500;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-title.title-attention{color:#161e2e;font-size:16px;line-height:24px;font-weight:400}.impdc-data-card-data{display:flex;flex-wrap:wrap;align-items:end;min-width:0}.impdc-data-card-data .data-current{color:#161e2e;font-size:24px;line-height:32px;font-weight:600;min-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.impdc-data-card-data .data-current.data-current-enlarged{font-size:30px;line-height:36px}.impdc-data-card-data .data-other{display:inline-flex;justify-content:space-between;align-items:end;min-width:50px}.impdc-data-card-data .data-previous{min-width:0;color:#6b7280;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:13px}.impdc-data-card-data .data-difference{display:inline-flex;align-items:center;gap:5px;color:#6b7280;font-size:14px;line-height:20px;font-weight:500}.impdc-data-card-data .data-difference.difference-negative{color:#e02424}.impdc-data-card-data .data-difference.difference-negative.badge{background-color:#fde8e8}.impdc-data-card-data .data-difference.difference-positive{color:#057a55}.impdc-data-card-data .data-difference.difference-positive.badge{background-color:#def7ec}.impdc-data-card-data .data-difference.rounded-pill{padding:4px 10px;border-radius:12px!important}.impdc-data-card-corner{position:absolute;top:0;right:0;margin:1rem;line-height:14px;color:#374151}.impdc-data-card-corner .fa,.impdc-data-card-corner .fa-brands,.impdc-data-card-corner .fa-duotone,.impdc-data-card-corner .fa-light,.impdc-data-card-corner .fa-regular,.impdc-data-card-corner .fa-solid,.impdc-data-card-corner .fa-thin,.impdc-data-card-corner .fab,.impdc-data-card-corner .fad,.impdc-data-card-corner .fal,.impdc-data-card-corner .far,.impdc-data-card-corner .fas,.impdc-data-card-corner .fat,.impdc-data-card-corner svg{height:14px;line-height:14px}.impdc-data-card-corner.hide{display:none}.impdc-data-card-footer{display:flex;align-items:center;padding:16px;background-color:#f9fafb}.impdc-data-card-footer.card-footer{border-top:0}.impdc-data-card-footer.hide{display:none}.impdc-data-card-footer .footer-link{color:#01606d;font-weight:500;font-size:14px;line-height:20px}.impdc-data-card-footer .footer-link:hover{color:#19a8c1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'impdc-data-card, [impdc-data-card]', encapsulation: ViewEncapsulation.None, template: "<div class=\"card-body impdc-data-card-body\">\n  <div\n    #iconContentEl\n    class=\"impdc-data-card-icon\"\n    [style.color]=\"iconColor ? iconColor : undefined\"\n    [style.background-color]=\"iconBgColor ? iconBgColor : undefined\"\n    [class.hide]=\"!iconContentEl.children.length\">\n    <ng-content select=\"[icon]\"></ng-content>\n  </div>\n  <div class=\"impdc-data-card-container\">\n    <div class=\"impdc-data-card-title\" [class.title-attention]=\"titleAttention\">\n      {{ title }}\n    </div>\n    <div class=\"impdc-data-card-data\">\n      <ng-content></ng-content>\n      <span\n        *ngIf=\"current\"\n        class=\"data-current\"\n        [class.data-current-enlarged]=\"\n          !iconContentEl.children.length && !previous && !difference\n        \"\n        [style.color]=\"currentColor ? currentColor : undefined\"\n        [innerText]=\"current\"></span>\n      <span class=\"data-other\">\n        <span\n          *ngIf=\"previous\"\n          class=\"data-previous\"\n          [innerText]=\"previous\"></span>\n        <span\n          *ngIf=\"difference\"\n          class=\"data-difference\"\n          [class.difference-negative]=\"differenceNegative\"\n          [class.difference-positive]=\"differencePositive\"\n          [class.badge]=\"differencePill\"\n          [class.rounded-pill]=\"differencePill\">\n          <span *ngIf=\"differenceNegative\" class=\"fas fa-arrow-down\"></span>\n          <span *ngIf=\"differencePositive\" class=\"fas fa-arrow-up\"></span>\n          <span class=\"difference-display\">{{ differenceDisplay }}</span>\n        </span>\n      </span>\n    </div>\n  </div>\n  <div\n    #cornerContentEl\n    class=\"impdc-data-card-corner\"\n    [class.hide]=\"!cornerContentEl.children.length\"\n    (click)=\"handleCornerClick($event); $event.stopPropagation()\">\n    <ng-content select=\"[corner]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"card-footer impdc-data-card-footer\"\n  [class.hide]=\"!linkText && !footerContentEl.children.length\">\n  <div #footerContentEl [class.hide]=\"!footerContentEl.children.length\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n  <a\n    *ngIf=\"linkText\"\n    class=\"footer-link\"\n    (click)=\"handleLinkClick($event); $event.stopPropagation()\"\n    >{{ linkText }}</a\n  >\n</div>\n", styles: [".hide{display:none}.impdc-data-card{overflow-x:hidden;border:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:8px}.impdc-data-card.impdc-data-card-shared-borders:first-child:not(:last-child){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.impdc-data-card.impdc-data-card-shared-borders:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.impdc-data-card.impdc-data-card-shared-borders:not(:first-child):not(:last-child){border-right:0;border-radius:0}.impdc-data-card-body{position:relative;display:flex;align-items:center;gap:20px;padding:24px}.impdc-data-card-icon{display:flex;align-items:center;justify-content:center;padding:12px;background-color:#01606d;color:#fff;border-radius:6px}.impdc-data-card-icon .fa,.impdc-data-card-icon .fa-brands,.impdc-data-card-icon .fa-duotone,.impdc-data-card-icon .fa-light,.impdc-data-card-icon .fa-regular,.impdc-data-card-icon .fa-solid,.impdc-data-card-icon .fa-thin,.impdc-data-card-icon .fab,.impdc-data-card-icon .fad,.impdc-data-card-icon .fal,.impdc-data-card-icon .far,.impdc-data-card-icon .fas,.impdc-data-card-icon .fat,.impdc-data-card-icon svg{display:flex;align-items:center;justify-content:center;height:24px;width:24px;font-size:18px;line-height:24px}.impdc-data-card-icon.hide{display:none}.impdc-data-card-container{display:flex;flex-direction:column;min-width:50px}.impdc-data-card-title{color:#6b7280;font-size:14px;line-height:20px;font-weight:500;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-title.title-attention{color:#161e2e;font-size:16px;line-height:24px;font-weight:400}.impdc-data-card-data{display:flex;flex-wrap:wrap;align-items:end;min-width:0}.impdc-data-card-data .data-current{color:#161e2e;font-size:24px;line-height:32px;font-weight:600;min-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.impdc-data-card-data .data-current.data-current-enlarged{font-size:30px;line-height:36px}.impdc-data-card-data .data-other{display:inline-flex;justify-content:space-between;align-items:end;min-width:50px}.impdc-data-card-data .data-previous{min-width:0;color:#6b7280;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:13px}.impdc-data-card-data .data-difference{display:inline-flex;align-items:center;gap:5px;color:#6b7280;font-size:14px;line-height:20px;font-weight:500}.impdc-data-card-data .data-difference.difference-negative{color:#e02424}.impdc-data-card-data .data-difference.difference-negative.badge{background-color:#fde8e8}.impdc-data-card-data .data-difference.difference-positive{color:#057a55}.impdc-data-card-data .data-difference.difference-positive.badge{background-color:#def7ec}.impdc-data-card-data .data-difference.rounded-pill{padding:4px 10px;border-radius:12px!important}.impdc-data-card-corner{position:absolute;top:0;right:0;margin:1rem;line-height:14px;color:#374151}.impdc-data-card-corner .fa,.impdc-data-card-corner .fa-brands,.impdc-data-card-corner .fa-duotone,.impdc-data-card-corner .fa-light,.impdc-data-card-corner .fa-regular,.impdc-data-card-corner .fa-solid,.impdc-data-card-corner .fa-thin,.impdc-data-card-corner .fab,.impdc-data-card-corner .fad,.impdc-data-card-corner .fal,.impdc-data-card-corner .far,.impdc-data-card-corner .fas,.impdc-data-card-corner .fat,.impdc-data-card-corner svg{height:14px;line-height:14px}.impdc-data-card-corner.hide{display:none}.impdc-data-card-footer{display:flex;align-items:center;padding:16px;background-color:#f9fafb}.impdc-data-card-footer.card-footer{border-top:0}.impdc-data-card-footer.hide{display:none}.impdc-data-card-footer .footer-link{color:#01606d;font-weight:500;font-size:14px;line-height:20px}.impdc-data-card-footer .footer-link:hover{color:#19a8c1}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], previous: [{
+                type: Input
+            }], difference: [{
+                type: Input
+            }], linkText: [{
+                type: Input
+            }], sharedBorders: [{
+                type: Input
+            }], differencePill: [{
+                type: Input
+            }], currentColor: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], iconBgColor: [{
+                type: Input
+            }], linkClicked: [{
+                type: Output
+            }], cornerClicked: [{
+                type: Output
+            }], classDataCard: [{
+                type: HostBinding,
+                args: ['class']
+            }], classDataCardSharedBorders: [{
+                type: HostBinding,
+                args: ['class.impdc-data-card-shared-borders']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1jYXJkL2RhdGEtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RhdGEtY2FyZC9kYXRhLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixpQkFBaUIsRUFDakIsV0FBVyxFQUNaLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkI7Ozs7R0FJRztBQU9ILE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFPRTs7V0FFRztRQUVILFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWDs7V0FFRztRQUVILFlBQU8sR0FBRyxHQUFHLENBQUM7UUFFZDs7V0FFRztRQUVILGFBQVEsR0FBRyxFQUFFLENBQUM7UUFFZDs7O1dBR0c7UUFFSCxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBRWhCOztXQUVHO1FBRUgsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkOztXQUVHO1FBRUgsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFFckI7O1dBRUc7UUFDSCxXQUFXO1FBQ1gsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFFdkI7O1dBRUc7UUFFSCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2Qjs7V0FFRztRQUVILGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRWxCOztXQUVHO1FBRUgsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVmOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakI7O1dBRUc7UUFFSCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFzQixDQUFDO1FBRXJEOztXQUVHO1FBRUgsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBc0IsQ0FBQztLQWtDeEQ7SUFoQ0MsSUFBa0MsYUFBYTtRQUM3QyxPQUFPLHNCQUFzQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNZLDBCQUEwQjtRQUNwQyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRCxJQUFJLGtCQUFrQjtRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQUksa0JBQWtCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxpQkFBaUI7UUFDbkIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUF5QjtRQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBeUI7UUFDekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7K0dBL0dVLGlCQUFpQjttR0FBakIsaUJBQWlCLGlpQkNwQjlCLDh4RUErREE7NEZEM0NhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxvQ0FBb0MsaUJBRy9CLGlCQUFpQixDQUFDLElBQUk7OEJBT3JDLEtBQUs7c0JBREosS0FBSztnQkFPTixPQUFPO3NCQUROLEtBQUs7Z0JBT04sUUFBUTtzQkFEUCxLQUFLO2dCQVFOLFVBQVU7c0JBRFQsS0FBSztnQkFPTixRQUFRO3NCQURQLEtBQUs7Z0JBT04sYUFBYTtzQkFEWixLQUFLO2dCQWFOLGNBQWM7c0JBRGIsS0FBSztnQkFPTixZQUFZO3NCQURYLEtBQUs7Z0JBT04sU0FBUztzQkFEUixLQUFLO2dCQU9OLFdBQVc7c0JBRFYsS0FBSztnQkFPTixXQUFXO3NCQURWLE1BQU07Z0JBT1AsYUFBYTtzQkFEWixNQUFNO2dCQUcyQixhQUFhO3NCQUE5QyxXQUFXO3VCQUFDLE9BQU87Z0JBS1IsMEJBQTBCO3NCQURyQyxXQUFXO3VCQUFDLHNDQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSG9zdEJpbmRpbmdcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVGhlIGBDYXJkSGVhZGluZ0NvbXBvbmVudGAgKGA8aW1wZGMtZGF0YS1jYXJkYCBvciBgPGFueSBpbXBkYy1kYXRhLWNhcmRgKSBpcyB0byBkaXNwbGF5IGRhdGEgc25hcHNob3RzIHdpdGggc3VwcG9ydCBmb3JcbiAqIHByZXZpb3VzIHZhbHVlcyBhbmQgZGlmZmVyZW5jZXMuXG4gKiBUbyB1c2UsIGltcG9ydCBgRGF0YUNhcmRNb2R1bGVgIG9yIGFub3RoZXIgbW9kdWxlIHRoYXQgaW1wb3J0cyBhbmQgZXhwb3J0cyB0aGF0IG1vZHVsZSBmcm9tIGBAaW1wYXJ0bmVyL2Rlc2lnbi1jb21wb25lbnRzYC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1wZGMtZGF0YS1jYXJkLCBbaW1wZGMtZGF0YS1jYXJkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhQ2FyZENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgc3ViamVjdCB0ZXh0IGZvciB0aGUgRGF0YSBDYXJkLlxuICAgKi9cbiAgQElucHV0KClcbiAgdGl0bGUgPSAnJztcblxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgZGF0YSB2YWx1ZS4gQW55IG51bWJlci9jdXJyZW5jeSBmb3JtYXQgaXMgc3VwcG9ydGVkLlxuICAgKi9cbiAgQElucHV0KClcbiAgY3VycmVudCA9ICcwJztcblxuICAvKipcbiAgICogVGhlIHByZXZpb3VzIGRhdGEgdmFsdWUuIEFueSBudW1iZXIvY3VycmVuY3kgZm9ybWF0IGlzIHN1cHBvcnRlZC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHByZXZpb3VzID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBkaWZmZXJlbmNlIGJldHdlZW4gdGhlIGN1cnJlbnQgYW5kIHByZXZpb3VzIHZhbHVlcy4gQSBudW1lcmljYWwgb3IgcGVyY2VudGFnZSB2YWx1ZSBpcyBwcmVmZXJyZWQsXG4gICAqIGJ1dCBhbnkgbnVtYmVyL2N1cnJlbmN5IGZvcm1hdCBpcyBzdXBwb3J0ZWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBkaWZmZXJlbmNlID0gJyc7XG5cbiAgLyoqXG4gICAqIFRleHQgZm9yIHRoZSBsaW5rIGF0IHRoZSBib3R0b20gb2YgdGhlIERhdGEgQ2FyZC4gSWYgcHJvdmlkZWQsIGVuYWJsZXMgdGhlIGBsaW5rQ2xpY2tlZGAgZXZlbnQgdG8gYmUgZW1pdHRlZC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGxpbmtUZXh0ID0gJyc7XG5cbiAgLyoqXG4gICAqIFdoZW4gc3RhY2tpbmcgbXVsdGlwbGUgRGF0YSBDYXJkIGVsZW1lbnRzIHRvZ2V0aGVyLCBpdCdzIGNvbW1vbiB0byBjb21iaW5lIHRoZWlyIGJvcmRlcnMuXG4gICAqL1xuICBASW5wdXQoKVxuICBzaGFyZWRCb3JkZXJzID0gdHJ1ZTtcblxuICAvKipcbiAgICogTWFrZXMgdGhlIHRpdGxlIHN0YW5kIG91dCBtb3JlIHRoYW4gaXQgZG9lcyBieSBkZWZhdWx0LlxuICAgKi9cbiAgLy8gQElucHV0KClcbiAgdGl0bGVBdHRlbnRpb24gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgZGlmZmVyZW5jZSB2YWx1ZSB3aWxsIGJlIHdyYXBwZWQgaW4gYSBgcm91bmRlZC1waWxsYC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpZmZlcmVuY2VQaWxsID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIENoYW5nZXMgdGhlIHRleHQgY29sb3IgZm9yIHRoZSBjdXJyZW50IHZhbHVlLlxuICAgKi9cbiAgQElucHV0KClcbiAgY3VycmVudENvbG9yID0gJyc7XG5cbiAgLyoqXG4gICAqIENoYW5nZXMgdGhlIGNvbG9yIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgQElucHV0KClcbiAgaWNvbkNvbG9yID0gJyc7XG5cbiAgLyoqXG4gICAqIENoYW5nZXMgdGhlIGNvbG9yIG9mIHRoZSBpY29uJ3MgYmFja2dyb3VuZC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGljb25CZ0NvbG9yID0gJyc7XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiB0aGUgbGluayB0ZXh0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgbGlua0NsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQgfCBFdmVudD4oKTtcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBjb3JuZXIgY29udGVudCBpcyBjbGlja2VkLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIGNvcm5lckNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQgfCBFdmVudD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgcHJpdmF0ZSBnZXQgY2xhc3NEYXRhQ2FyZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiAnY2FyZCBpbXBkYy1kYXRhLWNhcmQnO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pbXBkYy1kYXRhLWNhcmQtc2hhcmVkLWJvcmRlcnMnKVxuICBwcml2YXRlIGdldCBjbGFzc0RhdGFDYXJkU2hhcmVkQm9yZGVycygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zaGFyZWRCb3JkZXJzO1xuICB9XG5cbiAgZ2V0IGRpZmZlcmVuY2VOdW1iZXIoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gTnVtYmVyKHRoaXMuZGlmZmVyZW5jZS5yZXBsYWNlKC9bXjAtOVxcLi1dKy9nLCAnJykpO1xuICB9XG5cbiAgZ2V0IGRpZmZlcmVuY2VOZWdhdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5kaWZmZXJlbmNlTnVtYmVyIDwgMDtcbiAgfVxuXG4gIGdldCBkaWZmZXJlbmNlUG9zaXRpdmUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZGlmZmVyZW5jZU51bWJlciA+IDA7XG4gIH1cblxuICBnZXQgZGlmZmVyZW5jZURpc3BsYXkoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5kaWZmZXJlbmNlLnJlcGxhY2UoJy0nLCAnJyk7XG4gIH1cblxuICBoYW5kbGVMaW5rQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMubGlua0NsaWNrZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBoYW5kbGVDb3JuZXJDbGljayhldmVudDogTW91c2VFdmVudCB8IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jb3JuZXJDbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1ib2R5IGltcGRjLWRhdGEtY2FyZC1ib2R5XCI+XG4gIDxkaXZcbiAgICAjaWNvbkNvbnRlbnRFbFxuICAgIGNsYXNzPVwiaW1wZGMtZGF0YS1jYXJkLWljb25cIlxuICAgIFtzdHlsZS5jb2xvcl09XCJpY29uQ29sb3IgPyBpY29uQ29sb3IgOiB1bmRlZmluZWRcIlxuICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImljb25CZ0NvbG9yID8gaWNvbkJnQ29sb3IgOiB1bmRlZmluZWRcIlxuICAgIFtjbGFzcy5oaWRlXT1cIiFpY29uQ29udGVudEVsLmNoaWxkcmVuLmxlbmd0aFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJpbXBkYy1kYXRhLWNhcmQtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImltcGRjLWRhdGEtY2FyZC10aXRsZVwiIFtjbGFzcy50aXRsZS1hdHRlbnRpb25dPVwidGl0bGVBdHRlbnRpb25cIj5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImltcGRjLWRhdGEtY2FyZC1kYXRhXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImN1cnJlbnRcIlxuICAgICAgICBjbGFzcz1cImRhdGEtY3VycmVudFwiXG4gICAgICAgIFtjbGFzcy5kYXRhLWN1cnJlbnQtZW5sYXJnZWRdPVwiXG4gICAgICAgICAgIWljb25Db250ZW50RWwuY2hpbGRyZW4ubGVuZ3RoICYmICFwcmV2aW91cyAmJiAhZGlmZmVyZW5jZVxuICAgICAgICBcIlxuICAgICAgICBbc3R5bGUuY29sb3JdPVwiY3VycmVudENvbG9yID8gY3VycmVudENvbG9yIDogdW5kZWZpbmVkXCJcbiAgICAgICAgW2lubmVyVGV4dF09XCJjdXJyZW50XCI+PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJkYXRhLW90aGVyXCI+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgKm5nSWY9XCJwcmV2aW91c1wiXG4gICAgICAgICAgY2xhc3M9XCJkYXRhLXByZXZpb3VzXCJcbiAgICAgICAgICBbaW5uZXJUZXh0XT1cInByZXZpb3VzXCI+PC9zcGFuPlxuICAgICAgICA8c3BhblxuICAgICAgICAgICpuZ0lmPVwiZGlmZmVyZW5jZVwiXG4gICAgICAgICAgY2xhc3M9XCJkYXRhLWRpZmZlcmVuY2VcIlxuICAgICAgICAgIFtjbGFzcy5kaWZmZXJlbmNlLW5lZ2F0aXZlXT1cImRpZmZlcmVuY2VOZWdhdGl2ZVwiXG4gICAgICAgICAgW2NsYXNzLmRpZmZlcmVuY2UtcG9zaXRpdmVdPVwiZGlmZmVyZW5jZVBvc2l0aXZlXCJcbiAgICAgICAgICBbY2xhc3MuYmFkZ2VdPVwiZGlmZmVyZW5jZVBpbGxcIlxuICAgICAgICAgIFtjbGFzcy5yb3VuZGVkLXBpbGxdPVwiZGlmZmVyZW5jZVBpbGxcIj5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cImRpZmZlcmVuY2VOZWdhdGl2ZVwiIGNsYXNzPVwiZmFzIGZhLWFycm93LWRvd25cIj48L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJkaWZmZXJlbmNlUG9zaXRpdmVcIiBjbGFzcz1cImZhcyBmYS1hcnJvdy11cFwiPjwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImRpZmZlcmVuY2UtZGlzcGxheVwiPnt7IGRpZmZlcmVuY2VEaXNwbGF5IH19PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgI2Nvcm5lckNvbnRlbnRFbFxuICAgIGNsYXNzPVwiaW1wZGMtZGF0YS1jYXJkLWNvcm5lclwiXG4gICAgW2NsYXNzLmhpZGVdPVwiIWNvcm5lckNvbnRlbnRFbC5jaGlsZHJlbi5sZW5ndGhcIlxuICAgIChjbGljayk9XCJoYW5kbGVDb3JuZXJDbGljaygkZXZlbnQpOyAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29ybmVyXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJjYXJkLWZvb3RlciBpbXBkYy1kYXRhLWNhcmQtZm9vdGVyXCJcbiAgW2NsYXNzLmhpZGVdPVwiIWxpbmtUZXh0ICYmICFmb290ZXJDb250ZW50RWwuY2hpbGRyZW4ubGVuZ3RoXCI+XG4gIDxkaXYgI2Zvb3RlckNvbnRlbnRFbCBbY2xhc3MuaGlkZV09XCIhZm9vdGVyQ29udGVudEVsLmNoaWxkcmVuLmxlbmd0aFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmb290ZXJdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGFcbiAgICAqbmdJZj1cImxpbmtUZXh0XCJcbiAgICBjbGFzcz1cImZvb3Rlci1saW5rXCJcbiAgICAoY2xpY2spPVwiaGFuZGxlTGlua0NsaWNrKCRldmVudCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgPnt7IGxpbmtUZXh0IH19PC9hXG4gID5cbjwvZGl2PlxuIl19

package/esm2020/lib/data-card/data-card.module.mjs

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DataCardComponent } from './data-card.component';
+import * as i0 from "@angular/core";
+export class DataCardModule {
+    constructor() { }
+}
+DataCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DataCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, declarations: [DataCardComponent], imports: [CommonModule], exports: [DataCardComponent] });
+DataCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [DataCardComponent],
+                    exports: [DataCardComponent]
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1jYXJkL2RhdGEtY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBTzFELE1BQU0sT0FBTyxjQUFjO0lBQ3pCLGdCQUFlLENBQUM7OzRHQURMLGNBQWM7NkdBQWQsY0FBYyxpQkFIVixpQkFBaUIsYUFEdEIsWUFBWSxhQUVaLGlCQUFpQjs2R0FFaEIsY0FBYyxZQUpmLFlBQVk7NEZBSVgsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGFDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLWNhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW0RhdGFDYXJkQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0RhdGFDYXJkQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhQ2FyZE1vZHVsZSB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==

package/esm2020/lib/data-card/index.mjs

@@ -0,0 +1,3 @@
+export { DataCardComponent } from './data-card.component';
+export { DataCardModule } from './data-card.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RhdGEtY2FyZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYXRhQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBEYXRhQ2FyZE1vZHVsZSB9IGZyb20gJy4vZGF0YS1jYXJkLm1vZHVsZSc7XG4iXX0=

package/esm2020/lib/index.mjs

@@ -22,5 +22,6 @@ export * from './pagination';
 export * from './scrollable';
 export * from './size-detection';
 export * from './select-icon';
+export * from './data-card';
 export { DesignComponentsModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sc0JBQXNCLE1BQU0sNEJBQTRCLENBQUM7QUFFaEUsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUM7QUFFOUIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgRGVzaWduQ29tcG9uZW50c01vZHVsZSBmcm9tICcuL2Rlc2lnbi1jb21wb25lbnRzLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vdGV4dC1oaWdobGlnaHQnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vYnJhbmRpbmcnO1xuZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vdGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bic7XG5leHBvcnQgKiBmcm9tICcuL2FsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vYmFja2Ryb3AnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL3NwaW5uZXInO1xuZXhwb3J0ICogZnJvbSAnLi9maWxlLXVwbG9hZCc7XG5leHBvcnQgKiBmcm9tICcuL2F2YXRhcic7XG5leHBvcnQgKiBmcm9tICcuL2F2YXRhci1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQtaGVhZGluZyc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2luYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zY3JvbGxhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vc2l6ZS1kZXRlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3QtaWNvbic7XG5cbmV4cG9ydCB7IERlc2lnbkNvbXBvbmVudHNNb2R1bGUgfTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sc0JBQXNCLE1BQU0sNEJBQTRCLENBQUM7QUFFaEUsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFFNUIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgRGVzaWduQ29tcG9uZW50c01vZHVsZSBmcm9tICcuL2Rlc2lnbi1jb21wb25lbnRzLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vdGV4dC1oaWdobGlnaHQnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vYnJhbmRpbmcnO1xuZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9wcm9ncmVzcy1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vdGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bic7XG5leHBvcnQgKiBmcm9tICcuL2FsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vYmFja2Ryb3AnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL3NwaW5uZXInO1xuZXhwb3J0ICogZnJvbSAnLi9maWxlLXVwbG9hZCc7XG5leHBvcnQgKiBmcm9tICcuL2F2YXRhcic7XG5leHBvcnQgKiBmcm9tICcuL2F2YXRhci1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQtaGVhZGluZyc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2luYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zY3JvbGxhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vc2l6ZS1kZXRlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3QtaWNvbic7XG5leHBvcnQgKiBmcm9tICcuL2RhdGEtY2FyZCc7XG5cbmV4cG9ydCB7IERlc2lnbkNvbXBvbmVudHNNb2R1bGUgfTtcbiJdfQ==

package/fesm2015/impartner-design-components.mjs

@@ -7274,25 +7274,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * To use, import `BreadcrumbModule` or another module that imports and exports that module from `@impartner/design-components`.
  */
 class BreadcrumbComponent {
-    constructor() {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
         /**
          * Sets the `aria-label` attribute for the Breadcrumb's `nav` element for accessibility.
          */
         this.label = '';
         this.impdcBreadcrumb = true;
     }
+    ngAfterViewInit() {
+        this._changeDetectorRef.detectChanges();
+    }
 }
-BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: BreadcrumbComponent, selector: "impdc-breadcrumb, div[impdc-breadcrumb]", inputs: { label: "label" }, host: { properties: { "class.impdc-breadcrumb": "this.impdcBreadcrumb" } }, queries: [{ propertyName: "_breadcrumbs", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav [attr.aria-label]=\"label || null\" class=\"impdc-breadcrumb\">\n  <ol>\n    <li *ngFor=\"let breadcrumb of _breadcrumbs; last as isLast\">\n      <span class=\"impdc-crumb\" [attr.aria-current]=\"isLast ? 'page' : null\">\n        <ng-template\n          [ngTemplateOutlet]=\"breadcrumb.contentTemplate\"></ng-template>\n      </span>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li{display:inline;color:var(--impd-color-gray-500, #6b7280);font-weight:500;font-size:var(--impd-font-size-sm, 14px)}.impdc-breadcrumb li:hover{cursor:default;color:var(--impd-color-gray-700, #374151)}.impdc-breadcrumb li .impdc-crumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);padding-left:.8rem;padding-right:.8rem}.impdc-breadcrumb li:first-child .impdc-crumb{padding-left:0}.impdc-breadcrumb li:last-child .impdc-crumb{padding-right:0}.impdc-breadcrumb li+li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--impd-color-gray-400, #6b7280);content:\"\\f054\";display:inline-block;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:10px;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:900;line-height:1;text-align:center;text-rendering:auto;width:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: BreadcrumbComponent, selector: "impdc-breadcrumb, div[impdc-breadcrumb]", inputs: { label: "label" }, host: { properties: { "class.impdc-breadcrumb": "this.impdcBreadcrumb" } }, queries: [{ propertyName: "breadcrumbItems", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n  <ol>\n    <li\n      *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <ng-container\n        [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'impdc-breadcrumb, div[impdc-breadcrumb]', encapsulation: ViewEncapsulation.None, template: "<nav [attr.aria-label]=\"label || null\" class=\"impdc-breadcrumb\">\n  <ol>\n    <li *ngFor=\"let breadcrumb of _breadcrumbs; last as isLast\">\n      <span class=\"impdc-crumb\" [attr.aria-current]=\"isLast ? 'page' : null\">\n        <ng-template\n          [ngTemplateOutlet]=\"breadcrumb.contentTemplate\"></ng-template>\n      </span>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li{display:inline;color:var(--impd-color-gray-500, #6b7280);font-weight:500;font-size:var(--impd-font-size-sm, 14px)}.impdc-breadcrumb li:hover{cursor:default;color:var(--impd-color-gray-700, #374151)}.impdc-breadcrumb li .impdc-crumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);padding-left:.8rem;padding-right:.8rem}.impdc-breadcrumb li:first-child .impdc-crumb{padding-left:0}.impdc-breadcrumb li:last-child .impdc-crumb{padding-right:0}.impdc-breadcrumb li+li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--impd-color-gray-400, #6b7280);content:\"\\f054\";display:inline-block;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:10px;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:900;line-height:1;text-align:center;text-rendering:auto;width:2rem}\n"] }]
-        }], propDecorators: { label: [{
+            args: [{ selector: 'impdc-breadcrumb, div[impdc-breadcrumb]', encapsulation: ViewEncapsulation.None, template: "<nav class=\"impdc-breadcrumb\" [attr.aria-label]=\"label || 'breadcrumb'\">\n  <ol>\n    <li\n      *ngFor=\"let breadcrumbItem of breadcrumbItems; last as isLast\"\n      [attr.aria-current]=\"isLast ? 'page' : undefined\">\n      <ng-container\n        [ngTemplateOutlet]=\"breadcrumbItem.contentTemplate\"></ng-container>\n    </li>\n  </ol>\n</nav>\n", styles: [".impdc-breadcrumb{--impartner-hex-link-color: var(--impd-color-gray-500, #6b7280);--impartner-hex-link-hover-color: var(--impd-color-gray-700, #374151);font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-500, #6b7280);font-weight:500}.impdc-breadcrumb a:not([href]):not([class]){color:var(--impartner-hex-link-color)}.impdc-breadcrumb a:not([href]):not([class]):hover{color:var(--impartner-hex-link-hover-color)}.impdc-breadcrumb ol,.impdc-breadcrumb ol li.impdc-crumb{display:inline-flex;align-items:center;vertical-align:middle}.impdc-breadcrumb ol{margin:0;padding-left:0;list-style:none}.impdc-breadcrumb li+li:before{margin:0 .8rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:2rem;font-family:\"Font Awesome 6 Pro\",\"Font Awesome 6 Free\",\"Font Awesome 5 Pro\",\"Font Awesome 5 Free\";font-size:var(--impd-font-size-sm, 1.4rem);line-height:2rem;color:var(--impd-color-gray-400, #6b7280);font-weight:900;content:\"\\f054\";text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
                 type: Input
             }], impdcBreadcrumb: [{
                 type: HostBinding,
                 args: ['class.impdc-breadcrumb']
-            }], _breadcrumbs: [{
+            }], breadcrumbItems: [{
                 type: ContentChildren,
                 args: [BreadcrumbItemComponent]
             }] } });
@@ -7300,14 +7304,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 class BreadcrumbModule {
 }
 BreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent, BreadcrumbItemComponent], imports: [CommonModule], exports: [BreadcrumbComponent, BreadcrumbItemComponent] });
+BreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbItemComponent, BreadcrumbComponent], imports: [CommonModule], exports: [BreadcrumbItemComponent, BreadcrumbComponent] });
 BreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: BreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [BreadcrumbComponent, BreadcrumbItemComponent],
+                    declarations: [BreadcrumbItemComponent, BreadcrumbComponent],
                     imports: [CommonModule],
-                    exports: [BreadcrumbComponent, BreadcrumbItemComponent]
+                    exports: [BreadcrumbItemComponent, BreadcrumbComponent]
                 }]
         }] });
 
@@ -8277,6 +8281,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
+/**
+ * The `CardHeadingComponent` (`<impdc-data-card` or `<any impdc-data-card`) is to display data snapshots with support for
+ * previous values and differences.
+ * To use, import `DataCardModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+class DataCardComponent {
+    constructor() {
+        /**
+         * The subject text for the Data Card.
+         */
+        this.title = '';
+        /**
+         * The current data value. Any number/currency format is supported.
+         */
+        this.current = '0';
+        /**
+         * The previous data value. Any number/currency format is supported.
+         */
+        this.previous = '';
+        /**
+         * The difference between the current and previous values. A numerical or percentage value is preferred,
+         * but any number/currency format is supported.
+         */
+        this.difference = '';
+        /**
+         * Text for the link at the bottom of the Data Card. If provided, enables the `linkClicked` event to be emitted.
+         */
+        this.linkText = '';
+        /**
+         * When stacking multiple Data Card elements together, it's common to combine their borders.
+         */
+        this.sharedBorders = true;
+        /**
+         * Makes the title stand out more than it does by default.
+         */
+        // @Input()
+        this.titleAttention = false;
+        /**
+         * Determines if the difference value will be wrapped in a `rounded-pill`.
+         */
+        this.differencePill = false;
+        /**
+         * Changes the text color for the current value.
+         */
+        this.currentColor = '';
+        /**
+         * Changes the color of the icon.
+         */
+        this.iconColor = '';
+        /**
+         * Changes the color of the icon's background.
+         */
+        this.iconBgColor = '';
+        /**
+         * Emitted when the link text is clicked.
+         */
+        this.linkClicked = new EventEmitter();
+        /**
+         * Emitted when the corner content is clicked.
+         */
+        this.cornerClicked = new EventEmitter();
+    }
+    get classDataCard() {
+        return 'card impdc-data-card';
+    }
+    get classDataCardSharedBorders() {
+        return this.sharedBorders;
+    }
+    get differenceNumber() {
+        return Number(this.difference.replace(/[^0-9\.-]+/g, ''));
+    }
+    get differenceNegative() {
+        return this.differenceNumber < 0;
+    }
+    get differencePositive() {
+        return this.differenceNumber > 0;
+    }
+    get differenceDisplay() {
+        return this.difference.replace('-', '');
+    }
+    handleLinkClick(event) {
+        this.linkClicked.emit(event);
+    }
+    handleCornerClick(event) {
+        this.cornerClicked.emit(event);
+    }
+}
+DataCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DataCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DataCardComponent, selector: "impdc-data-card, [impdc-data-card]", inputs: { title: "title", current: "current", previous: "previous", difference: "difference", linkText: "linkText", sharedBorders: "sharedBorders", differencePill: "differencePill", currentColor: "currentColor", iconColor: "iconColor", iconBgColor: "iconBgColor" }, outputs: { linkClicked: "linkClicked", cornerClicked: "cornerClicked" }, host: { properties: { "class": "this.classDataCard", "class.impdc-data-card-shared-borders": "this.classDataCardSharedBorders" } }, ngImport: i0, template: "<div class=\"card-body impdc-data-card-body\">\n  <div\n    #iconContentEl\n    class=\"impdc-data-card-icon\"\n    [style.color]=\"iconColor ? iconColor : undefined\"\n    [style.background-color]=\"iconBgColor ? iconBgColor : undefined\"\n    [class.hide]=\"!iconContentEl.children.length\">\n    <ng-content select=\"[icon]\"></ng-content>\n  </div>\n  <div class=\"impdc-data-card-container\">\n    <div class=\"impdc-data-card-title\" [class.title-attention]=\"titleAttention\">\n      {{ title }}\n    </div>\n    <div class=\"impdc-data-card-data\">\n      <ng-content></ng-content>\n      <span\n        *ngIf=\"current\"\n        class=\"data-current\"\n        [class.data-current-enlarged]=\"\n          !iconContentEl.children.length && !previous && !difference\n        \"\n        [style.color]=\"currentColor ? currentColor : undefined\"\n        [innerText]=\"current\"></span>\n      <span class=\"data-other\">\n        <span\n          *ngIf=\"previous\"\n          class=\"data-previous\"\n          [innerText]=\"previous\"></span>\n        <span\n          *ngIf=\"difference\"\n          class=\"data-difference\"\n          [class.difference-negative]=\"differenceNegative\"\n          [class.difference-positive]=\"differencePositive\"\n          [class.badge]=\"differencePill\"\n          [class.rounded-pill]=\"differencePill\">\n          <span *ngIf=\"differenceNegative\" class=\"fas fa-arrow-down\"></span>\n          <span *ngIf=\"differencePositive\" class=\"fas fa-arrow-up\"></span>\n          <span class=\"difference-display\">{{ differenceDisplay }}</span>\n        </span>\n      </span>\n    </div>\n  </div>\n  <div\n    #cornerContentEl\n    class=\"impdc-data-card-corner\"\n    [class.hide]=\"!cornerContentEl.children.length\"\n    (click)=\"handleCornerClick($event); $event.stopPropagation()\">\n    <ng-content select=\"[corner]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"card-footer impdc-data-card-footer\"\n  [class.hide]=\"!linkText && !footerContentEl.children.length\">\n  <div #footerContentEl [class.hide]=\"!footerContentEl.children.length\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n  <a\n    *ngIf=\"linkText\"\n    class=\"footer-link\"\n    (click)=\"handleLinkClick($event); $event.stopPropagation()\"\n    >{{ linkText }}</a\n  >\n</div>\n", styles: [".hide{display:none}.impdc-data-card{overflow-x:hidden;border:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:8px}.impdc-data-card.impdc-data-card-shared-borders:first-child:not(:last-child){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.impdc-data-card.impdc-data-card-shared-borders:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.impdc-data-card.impdc-data-card-shared-borders:not(:first-child):not(:last-child){border-right:0;border-radius:0}.impdc-data-card-body{position:relative;display:flex;align-items:center;gap:20px;padding:24px}.impdc-data-card-icon{display:flex;align-items:center;justify-content:center;padding:12px;background-color:#01606d;color:#fff;border-radius:6px}.impdc-data-card-icon .fa,.impdc-data-card-icon .fa-brands,.impdc-data-card-icon .fa-duotone,.impdc-data-card-icon .fa-light,.impdc-data-card-icon .fa-regular,.impdc-data-card-icon .fa-solid,.impdc-data-card-icon .fa-thin,.impdc-data-card-icon .fab,.impdc-data-card-icon .fad,.impdc-data-card-icon .fal,.impdc-data-card-icon .far,.impdc-data-card-icon .fas,.impdc-data-card-icon .fat,.impdc-data-card-icon svg{display:flex;align-items:center;justify-content:center;height:24px;width:24px;font-size:18px;line-height:24px}.impdc-data-card-icon.hide{display:none}.impdc-data-card-container{display:flex;flex-direction:column;min-width:50px}.impdc-data-card-title{color:#6b7280;font-size:14px;line-height:20px;font-weight:500;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-title.title-attention{color:#161e2e;font-size:16px;line-height:24px;font-weight:400}.impdc-data-card-data{display:flex;flex-wrap:wrap;align-items:end;min-width:0}.impdc-data-card-data .data-current{color:#161e2e;font-size:24px;line-height:32px;font-weight:600;min-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.impdc-data-card-data .data-current.data-current-enlarged{font-size:30px;line-height:36px}.impdc-data-card-data .data-other{display:inline-flex;justify-content:space-between;align-items:end;min-width:50px}.impdc-data-card-data .data-previous{min-width:0;color:#6b7280;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:13px}.impdc-data-card-data .data-difference{display:inline-flex;align-items:center;gap:5px;color:#6b7280;font-size:14px;line-height:20px;font-weight:500}.impdc-data-card-data .data-difference.difference-negative{color:#e02424}.impdc-data-card-data .data-difference.difference-negative.badge{background-color:#fde8e8}.impdc-data-card-data .data-difference.difference-positive{color:#057a55}.impdc-data-card-data .data-difference.difference-positive.badge{background-color:#def7ec}.impdc-data-card-data .data-difference.rounded-pill{padding:4px 10px;border-radius:12px!important}.impdc-data-card-corner{position:absolute;top:0;right:0;margin:1rem;line-height:14px;color:#374151}.impdc-data-card-corner .fa,.impdc-data-card-corner .fa-brands,.impdc-data-card-corner .fa-duotone,.impdc-data-card-corner .fa-light,.impdc-data-card-corner .fa-regular,.impdc-data-card-corner .fa-solid,.impdc-data-card-corner .fa-thin,.impdc-data-card-corner .fab,.impdc-data-card-corner .fad,.impdc-data-card-corner .fal,.impdc-data-card-corner .far,.impdc-data-card-corner .fas,.impdc-data-card-corner .fat,.impdc-data-card-corner svg{height:14px;line-height:14px}.impdc-data-card-corner.hide{display:none}.impdc-data-card-footer{display:flex;align-items:center;padding:16px;background-color:#f9fafb}.impdc-data-card-footer.card-footer{border-top:0}.impdc-data-card-footer.hide{display:none}.impdc-data-card-footer .footer-link{color:#01606d;font-weight:500;font-size:14px;line-height:20px}.impdc-data-card-footer .footer-link:hover{color:#19a8c1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'impdc-data-card, [impdc-data-card]', encapsulation: ViewEncapsulation.None, template: "<div class=\"card-body impdc-data-card-body\">\n  <div\n    #iconContentEl\n    class=\"impdc-data-card-icon\"\n    [style.color]=\"iconColor ? iconColor : undefined\"\n    [style.background-color]=\"iconBgColor ? iconBgColor : undefined\"\n    [class.hide]=\"!iconContentEl.children.length\">\n    <ng-content select=\"[icon]\"></ng-content>\n  </div>\n  <div class=\"impdc-data-card-container\">\n    <div class=\"impdc-data-card-title\" [class.title-attention]=\"titleAttention\">\n      {{ title }}\n    </div>\n    <div class=\"impdc-data-card-data\">\n      <ng-content></ng-content>\n      <span\n        *ngIf=\"current\"\n        class=\"data-current\"\n        [class.data-current-enlarged]=\"\n          !iconContentEl.children.length && !previous && !difference\n        \"\n        [style.color]=\"currentColor ? currentColor : undefined\"\n        [innerText]=\"current\"></span>\n      <span class=\"data-other\">\n        <span\n          *ngIf=\"previous\"\n          class=\"data-previous\"\n          [innerText]=\"previous\"></span>\n        <span\n          *ngIf=\"difference\"\n          class=\"data-difference\"\n          [class.difference-negative]=\"differenceNegative\"\n          [class.difference-positive]=\"differencePositive\"\n          [class.badge]=\"differencePill\"\n          [class.rounded-pill]=\"differencePill\">\n          <span *ngIf=\"differenceNegative\" class=\"fas fa-arrow-down\"></span>\n          <span *ngIf=\"differencePositive\" class=\"fas fa-arrow-up\"></span>\n          <span class=\"difference-display\">{{ differenceDisplay }}</span>\n        </span>\n      </span>\n    </div>\n  </div>\n  <div\n    #cornerContentEl\n    class=\"impdc-data-card-corner\"\n    [class.hide]=\"!cornerContentEl.children.length\"\n    (click)=\"handleCornerClick($event); $event.stopPropagation()\">\n    <ng-content select=\"[corner]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"card-footer impdc-data-card-footer\"\n  [class.hide]=\"!linkText && !footerContentEl.children.length\">\n  <div #footerContentEl [class.hide]=\"!footerContentEl.children.length\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n  <a\n    *ngIf=\"linkText\"\n    class=\"footer-link\"\n    (click)=\"handleLinkClick($event); $event.stopPropagation()\"\n    >{{ linkText }}</a\n  >\n</div>\n", styles: [".hide{display:none}.impdc-data-card{overflow-x:hidden;border:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:8px}.impdc-data-card.impdc-data-card-shared-borders:first-child:not(:last-child){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.impdc-data-card.impdc-data-card-shared-borders:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.impdc-data-card.impdc-data-card-shared-borders:not(:first-child):not(:last-child){border-right:0;border-radius:0}.impdc-data-card-body{position:relative;display:flex;align-items:center;gap:20px;padding:24px}.impdc-data-card-icon{display:flex;align-items:center;justify-content:center;padding:12px;background-color:#01606d;color:#fff;border-radius:6px}.impdc-data-card-icon .fa,.impdc-data-card-icon .fa-brands,.impdc-data-card-icon .fa-duotone,.impdc-data-card-icon .fa-light,.impdc-data-card-icon .fa-regular,.impdc-data-card-icon .fa-solid,.impdc-data-card-icon .fa-thin,.impdc-data-card-icon .fab,.impdc-data-card-icon .fad,.impdc-data-card-icon .fal,.impdc-data-card-icon .far,.impdc-data-card-icon .fas,.impdc-data-card-icon .fat,.impdc-data-card-icon svg{display:flex;align-items:center;justify-content:center;height:24px;width:24px;font-size:18px;line-height:24px}.impdc-data-card-icon.hide{display:none}.impdc-data-card-container{display:flex;flex-direction:column;min-width:50px}.impdc-data-card-title{color:#6b7280;font-size:14px;line-height:20px;font-weight:500;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impdc-data-card-title.title-attention{color:#161e2e;font-size:16px;line-height:24px;font-weight:400}.impdc-data-card-data{display:flex;flex-wrap:wrap;align-items:end;min-width:0}.impdc-data-card-data .data-current{color:#161e2e;font-size:24px;line-height:32px;font-weight:600;min-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.impdc-data-card-data .data-current.data-current-enlarged{font-size:30px;line-height:36px}.impdc-data-card-data .data-other{display:inline-flex;justify-content:space-between;align-items:end;min-width:50px}.impdc-data-card-data .data-previous{min-width:0;color:#6b7280;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:13px}.impdc-data-card-data .data-difference{display:inline-flex;align-items:center;gap:5px;color:#6b7280;font-size:14px;line-height:20px;font-weight:500}.impdc-data-card-data .data-difference.difference-negative{color:#e02424}.impdc-data-card-data .data-difference.difference-negative.badge{background-color:#fde8e8}.impdc-data-card-data .data-difference.difference-positive{color:#057a55}.impdc-data-card-data .data-difference.difference-positive.badge{background-color:#def7ec}.impdc-data-card-data .data-difference.rounded-pill{padding:4px 10px;border-radius:12px!important}.impdc-data-card-corner{position:absolute;top:0;right:0;margin:1rem;line-height:14px;color:#374151}.impdc-data-card-corner .fa,.impdc-data-card-corner .fa-brands,.impdc-data-card-corner .fa-duotone,.impdc-data-card-corner .fa-light,.impdc-data-card-corner .fa-regular,.impdc-data-card-corner .fa-solid,.impdc-data-card-corner .fa-thin,.impdc-data-card-corner .fab,.impdc-data-card-corner .fad,.impdc-data-card-corner .fal,.impdc-data-card-corner .far,.impdc-data-card-corner .fas,.impdc-data-card-corner .fat,.impdc-data-card-corner svg{height:14px;line-height:14px}.impdc-data-card-corner.hide{display:none}.impdc-data-card-footer{display:flex;align-items:center;padding:16px;background-color:#f9fafb}.impdc-data-card-footer.card-footer{border-top:0}.impdc-data-card-footer.hide{display:none}.impdc-data-card-footer .footer-link{color:#01606d;font-weight:500;font-size:14px;line-height:20px}.impdc-data-card-footer .footer-link:hover{color:#19a8c1}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], previous: [{
+                type: Input
+            }], difference: [{
+                type: Input
+            }], linkText: [{
+                type: Input
+            }], sharedBorders: [{
+                type: Input
+            }], differencePill: [{
+                type: Input
+            }], currentColor: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], iconBgColor: [{
+                type: Input
+            }], linkClicked: [{
+                type: Output
+            }], cornerClicked: [{
+                type: Output
+            }], classDataCard: [{
+                type: HostBinding,
+                args: ['class']
+            }], classDataCardSharedBorders: [{
+                type: HostBinding,
+                args: ['class.impdc-data-card-shared-borders']
+            }] } });
+
+class DataCardModule {
+    constructor() { }
+}
+DataCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DataCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, declarations: [DataCardComponent], imports: [CommonModule], exports: [DataCardComponent] });
+DataCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [DataCardComponent],
+                    exports: [DataCardComponent]
+                }]
+        }], ctorParameters: function () { return []; } });
+
 class InteractionService {
     constructor() {
         this._interactables = [];
@@ -8346,5 +8489,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AlertComponent, AlertModule, AvatarComponent, AvatarGroupComponent, AvatarGroupModule, AvatarModule, BackdropComponent, BackdropModule, BadgeComponent, BadgeModule, BadgeSize, BadgeSizesArr, BrandedDirective, BrandingModule, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardHeadingComponent, CardHeadingModule, CheckboxChangeEvent, CheckboxComponent, CheckboxModule, ComponentSize, ComponentTheme, ComponentThemesArr, CornerHintDirective, DesignComponentsModule, DropdownComponent, DropdownItemComponent, DropdownModule, ErrorDirective, ErrorStateMatcher, FileDropDirective, FileUploadComponent, FileUploadModule, FontAwesomeFreeRegularIcons, FontAwesomeFreeSolidIcons, FontAwesomeIconThemes, FontAwesomeIcons, FormFieldComponent, HintDirective, HumanReadableByteSizePipe, IMPDC_FORM_FIELD, IMPDC_FORM_ROOT, IMPDC_RADIO_BUTTON, IMPDC_RADIO_GROUP, IMPDC_SELECT_OPTION_PARENT_COMPONENT, IconComponent, IconModule, ImpdcFormFieldControl, ImpdcFormsModule, ImpdcSelectIconChange, InputDirective, InteractionService, LabelDirective, ModalComponent, ModalComponentSizesArr, ModalModule, ModalTheme, ModalThemesArr, PaginationComponent, PaginationModule, PrefixDirective, ProgressBarComponent, ProgressBarModule, RadioButtonComponent, RadioChangeEvent, RadioGroupDirective, RadioModule, RootFormGroupDirective, RootNgFormDirective, ScrollableComponent, ScrollableModule, SelectChangeEvent, SelectComponent, SelectIconComponent, SelectIconModule, SelectModel, SelectModule, SelectOptionComponent, SelectOptionSelectionChangeEvent, ShowOnDirtyErrorStateMatcher, SizeDetectionModule, SizeDetectorDirective, SpinnerComponent, SpinnerModule, SuffixDirective, TableComponent, TableModule, TextHighlightComponent, TextHighlightModule, UniqueSelectionDispatcher, getImpdcFormFieldMissingControlError, mixinDisabled, mixinErrorState, mixinTabIndex };
+export { AlertComponent, AlertModule, AvatarComponent, AvatarGroupComponent, AvatarGroupModule, AvatarModule, BackdropComponent, BackdropModule, BadgeComponent, BadgeModule, BadgeSize, BadgeSizesArr, BrandedDirective, BrandingModule, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardHeadingComponent, CardHeadingModule, CheckboxChangeEvent, CheckboxComponent, CheckboxModule, ComponentSize, ComponentTheme, ComponentThemesArr, CornerHintDirective, DataCardComponent, DataCardModule, DesignComponentsModule, DropdownComponent, DropdownItemComponent, DropdownModule, ErrorDirective, ErrorStateMatcher, FileDropDirective, FileUploadComponent, FileUploadModule, FontAwesomeFreeRegularIcons, FontAwesomeFreeSolidIcons, FontAwesomeIconThemes, FontAwesomeIcons, FormFieldComponent, HintDirective, HumanReadableByteSizePipe, IMPDC_FORM_FIELD, IMPDC_FORM_ROOT, IMPDC_RADIO_BUTTON, IMPDC_RADIO_GROUP, IMPDC_SELECT_OPTION_PARENT_COMPONENT, IconComponent, IconModule, ImpdcFormFieldControl, ImpdcFormsModule, ImpdcSelectIconChange, InputDirective, InteractionService, LabelDirective, ModalComponent, ModalComponentSizesArr, ModalModule, ModalTheme, ModalThemesArr, PaginationComponent, PaginationModule, PrefixDirective, ProgressBarComponent, ProgressBarModule, RadioButtonComponent, RadioChangeEvent, RadioGroupDirective, RadioModule, RootFormGroupDirective, RootNgFormDirective, ScrollableComponent, ScrollableModule, SelectChangeEvent, SelectComponent, SelectIconComponent, SelectIconModule, SelectModel, SelectModule, SelectOptionComponent, SelectOptionSelectionChangeEvent, ShowOnDirtyErrorStateMatcher, SizeDetectionModule, SizeDetectorDirective, SpinnerComponent, SpinnerModule, SuffixDirective, TableComponent, TableModule, TextHighlightComponent, TextHighlightModule, UniqueSelectionDispatcher, getImpdcFormFieldMissingControlError, mixinDisabled, mixinErrorState, mixinTabIndex };
 //# sourceMappingURL=impartner-design-components.mjs.map