@impartner/design-components 1.0.1 → 1.0.2

package/lib/breadcrumb/breadcrumb.component.d.ts

@@ -1,4 +1,4 @@
-import { QueryList } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, QueryList } from '@angular/core';
 import { BreadcrumbItemComponent } from './breadcrumb-item.component';
 import * as i0 from "@angular/core";
 /**
@@ -6,13 +6,16 @@ import * as i0 from "@angular/core";
  * to a previous page. Items within must be wrapped with `BreadcrumbItemComponent` (`<impdc-breadcrumb-item`).
  * To use, import `BreadcrumbModule` or another module that imports and exports that module from `@impartner/design-components`.
  */
-export declare class BreadcrumbComponent {
+export declare class BreadcrumbComponent implements AfterViewInit {
+    private _changeDetectorRef;
     /**
      * Sets the `aria-label` attribute for the Breadcrumb's `nav` element for accessibility.
      */
     label: string;
     private impdcBreadcrumb;
-    protected _breadcrumbs: QueryList<BreadcrumbItemComponent>;
+    protected breadcrumbItems: QueryList<BreadcrumbItemComponent>;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "impdc-breadcrumb, div[impdc-breadcrumb]", never, { "label": "label"; }, {}, ["_breadcrumbs"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "impdc-breadcrumb, div[impdc-breadcrumb]", never, { "label": "label"; }, {}, ["breadcrumbItems"], never, false>;
 }

package/lib/breadcrumb/breadcrumb.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./breadcrumb.component";
-import * as i2 from "./breadcrumb-item.component";
+import * as i1 from "./breadcrumb-item.component";
+import * as i2 from "./breadcrumb.component";
 import * as i3 from "@angular/common";
 export declare class BreadcrumbModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemComponent], [typeof i3.CommonModule], [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof i1.BreadcrumbItemComponent, typeof i2.BreadcrumbComponent], [typeof i3.CommonModule], [typeof i1.BreadcrumbItemComponent, typeof i2.BreadcrumbComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BreadcrumbModule>;
 }

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

@@ -0,0 +1,72 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * 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 declare class DataCardComponent {
+    /**
+     * The subject text for the Data Card.
+     */
+    title: string;
+    /**
+     * The current data value. Any number/currency format is supported.
+     */
+    current: string;
+    /**
+     * The previous data value. Any number/currency format is supported.
+     */
+    previous: string;
+    /**
+     * The difference between the current and previous values. A numerical or percentage value is preferred,
+     * but any number/currency format is supported.
+     */
+    difference: string;
+    /**
+     * Text for the link at the bottom of the Data Card. If provided, enables the `linkClicked` event to be emitted.
+     */
+    linkText: string;
+    /**
+     * When stacking multiple Data Card elements together, it's common to combine their borders.
+     */
+    sharedBorders: boolean;
+    /**
+     * Makes the title stand out more than it does by default.
+     */
+    titleAttention: boolean;
+    /**
+     * Determines if the difference value will be wrapped in a `rounded-pill`.
+     */
+    differencePill: boolean;
+    /**
+     * Changes the text color for the current value.
+     */
+    currentColor: string;
+    /**
+     * Changes the color of the icon.
+     */
+    iconColor: string;
+    /**
+     * Changes the color of the icon's background.
+     */
+    iconBgColor: string;
+    /**
+     * Emitted when the link text is clicked.
+     */
+    linkClicked: EventEmitter<MouseEvent | Event>;
+    /**
+     * Emitted when the corner content is clicked.
+     */
+    cornerClicked: EventEmitter<MouseEvent | Event>;
+    private get classDataCard();
+    private get classDataCardSharedBorders();
+    get differenceNumber(): number;
+    get differenceNegative(): boolean;
+    get differencePositive(): boolean;
+    get differenceDisplay(): string;
+    handleLinkClick(event: MouseEvent | Event): void;
+    handleCornerClick(event: MouseEvent | Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataCardComponent, "impdc-data-card, [impdc-data-card]", never, { "title": "title"; "current": "current"; "previous": "previous"; "difference": "difference"; "linkText": "linkText"; "sharedBorders": "sharedBorders"; "differencePill": "differencePill"; "currentColor": "currentColor"; "iconColor": "iconColor"; "iconBgColor": "iconBgColor"; }, { "linkClicked": "linkClicked"; "cornerClicked": "cornerClicked"; }, never, ["[icon]", "*", "[corner]", "[footer]"], false>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./data-card.component";
+import * as i2 from "@angular/common";
+export declare class DataCardModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DataCardModule, [typeof i1.DataCardComponent], [typeof i2.CommonModule], [typeof i1.DataCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DataCardModule>;
+}

package/lib/data-card/index.d.ts

@@ -0,0 +1,2 @@
+export { DataCardComponent } from './data-card.component';
+export { DataCardModule } from './data-card.module';

package/lib/index.d.ts

@@ -22,4 +22,5 @@ export * from './pagination';
 export * from './scrollable';
 export * from './size-detection';
 export * from './select-icon';
+export * from './data-card';
 export { DesignComponentsModule };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impartner/design-components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "author": "Impartner",
   "license": "BSD-3-Clause",
   "private": false,