@ieeesa-npm/presentation 0.7.3 → 0.7.5

package/lib/components/tile/tile.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '@angular/core';
+import { Button, Tile } from '../../models/tile.model';
+import { AlignType } from '../../models/align-type.model';
+import * as i0 from "@angular/core";
+/**
+ * Creates tile component.
+ * @export
+ * @class TileComponent
+ */
+export declare class TileComponent {
+    alignmentType: typeof AlignType;
+    private tilesInfo;
+    /**
+     * Input property to get the tiles info.
+     * @type {Tile}
+     * @memberof TileComponent
+     */
+    set tiles(value: Tile[]);
+    get tiles(): Tile[];
+    /**
+     * Emits the click event
+     * @type {EventEmitter}
+     * @memberof TileComponent
+     */
+    tileClicked: EventEmitter<Tile>;
+    private buttonAlignment;
+    /**
+     * Sets tile buttons alignment type..
+     * @type {string} accepts Left, Right and Middle as values
+     * @memberof TileComponent
+     */
+    set buttonAlignmentInfo(value: AlignType);
+    get buttonAlignmentInfo(): AlignType;
+    trackByFn(index: number, item: Tile): string;
+    trackByButtonFn(index: number, item: Button): string;
+    onTileButtonClicked(tile: Tile): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "ieeesa-tile", never, { "tiles": { "alias": "tiles"; "required": false; }; "buttonAlignmentInfo": { "alias": "buttonAlignmentInfo"; "required": false; }; }, { "tileClicked": "tileClicked"; }, never, never, true, never>;
+}

package/lib/models/tile.model.d.ts

@@ -0,0 +1,12 @@
+export interface Button {
+    id: string;
+    isRightArrowNeeded?: boolean;
+    label: string;
+    isDisabled: boolean;
+}
+export interface Tile {
+    title: string;
+    description: string;
+    isActive: boolean;
+    buttons?: Button[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,8 +18,8 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "@ieeesa-npm/shared-styles": "^0.1.8",
-    "@ieeesa-npm/feature": "^0.5.6"
+    "@ieeesa-npm/shared-styles": "^0.1.9",
+    "@ieeesa-npm/feature": "^0.5.8"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -25,6 +25,7 @@ export * from './lib/components/chips/chips.component';
 export * from './lib/components/filter/filter.component';
 export * from './lib/components/data-table/data-table.component';
 export * from './lib/components/breadcrumb/breadcrumb.component';
+export * from './lib/components/tile/tile.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
 export * from './lib/directives/set-background/set-background.directive';
@@ -56,6 +57,7 @@ export * from './lib/models/paginator-config.model';
 export * from './lib/models/table-actions.model';
 export * from './lib/models/table-schema.model';
 export * from './lib/models/breadcrumb.model';
+export * from './lib/models/tile.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/presentation.module';