@ieeesa-npm/presentation 0.5.3 → 0.5.5

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

@@ -1,4 +1,5 @@
 import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { MatChipListbox } from '@angular/material/chips';
 import { Subject } from 'rxjs';
 import { BreakpointObserverService } from '@ieeesa-npm/utility';
 import { ChipOption, ChipOrientation, ChipsType } from '../../models/chip-option.model';
@@ -14,7 +15,6 @@ import * as i0 from "@angular/core";
 export declare class ChipsComponent implements OnInit, OnDestroy {
     breakpointObserverService: BreakpointObserverService;
     defaultVisibleChips: ChipOption[];
-    isViewMoreActive: boolean;
     isMobileView: boolean;
     labelViewAllOrLess: string;
     constants: {
@@ -44,6 +44,13 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 arrow: {
                     id: number;
                     iconURL: string;
+                    /**
+                     * Chips component allow users to view information, make selections, filter content.
+                     * @export
+                     * @class ChipComponent
+                     * @implements {OnInit}
+                     * @implements {OnDestroy}
+                     */
                     toolTip: string;
                     ariaLabel: string;
                 };
@@ -108,10 +115,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             ariaLabel: {
                 helpLink: string;
                 userProfile: string;
-                /**
-                 * Shows list of chips on the basis of view more/less button state.
-                 * @memberof ChipComponent
-                 */
                 hamburgerMenu: string;
             };
             label: {
@@ -147,6 +150,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
     };
     chipsType: typeof ChipsType;
     orientations: typeof ChipOrientation;
+    activeLabel: string;
     destroy$: Subject<boolean>;
     private chips;
     set chipGroup(value: ChipOption[]);
@@ -157,9 +161,11 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
     hasViewMoreForMobile: boolean;
     avatar: IconButton;
     arrow: IconButton;
-    typeOfChip: ChipsType;
+    chipListBox: MatChipListbox;
     isViewMoreNeeded: boolean;
-    hasChipToggled: boolean;
+    private hasChipToggledInfo;
+    get hasChipToggled(): boolean;
+    set hasChipToggled(value: boolean);
     viewAllLabel: string;
     viewLessLabel: string;
     selectedChip: EventEmitter<any>;
@@ -175,7 +181,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
      * Shows list of chips on the basis of view more/less button state.
      * @memberof ChipComponent
      */
-    viewChips(): void;
+    viewChips(clickedLabel: string): void;
     /**
      * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
      * @memberof ChipsComponent
@@ -195,5 +201,5 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ieeesa-chips", never, { "chipGroup": { "alias": "chipGroup"; "required": false; }; "chipOrientation": { "alias": "chipOrientation"; "required": false; }; "noOfDefaultVisibleChips": { "alias": "noOfDefaultVisibleChips"; "required": false; }; "hasViewMoreForDesktop": { "alias": "hasViewMoreForDesktop"; "required": false; }; "hasViewMoreForMobile": { "alias": "hasViewMoreForMobile"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "typeOfChip": { "alias": "typeOfChip"; "required": false; }; "isViewMoreNeeded": { "alias": "isViewMoreNeeded"; "required": false; }; "hasChipToggled": { "alias": "hasChipToggled"; "required": false; }; "viewAllLabel": { "alias": "viewAllLabel"; "required": false; }; "viewLessLabel": { "alias": "viewLessLabel"; "required": false; }; }, { "selectedChip": "selectedChip"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ieeesa-chips", never, { "chipGroup": { "alias": "chipGroup"; "required": false; }; "chipOrientation": { "alias": "chipOrientation"; "required": false; }; "noOfDefaultVisibleChips": { "alias": "noOfDefaultVisibleChips"; "required": false; }; "hasViewMoreForDesktop": { "alias": "hasViewMoreForDesktop"; "required": false; }; "hasViewMoreForMobile": { "alias": "hasViewMoreForMobile"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "isViewMoreNeeded": { "alias": "isViewMoreNeeded"; "required": false; }; "hasChipToggled": { "alias": "hasChipToggled"; "required": false; }; "viewAllLabel": { "alias": "viewAllLabel"; "required": false; }; "viewLessLabel": { "alias": "viewLessLabel"; "required": false; }; }, { "selectedChip": "selectedChip"; }, never, never, true, never>;
 }

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

@@ -1,9 +1,9 @@
-import { EventEmitter, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { BreakpointObserverService } from '@ieeesa-npm/utility';
 import { Subject } from 'rxjs';
 import { CheckboxOption } from '../../models/checkbox-option.model';
 import { IconButton } from '../../models/icon-button.model';
-import { ChipOption, ChipsType } from '../../models/chip-option.model';
+import { ChipOption } from '../../models/chip-option.model';
 import * as i0 from "@angular/core";
 /**
  * Provides an implementation for group of filter.
@@ -13,6 +13,7 @@ import * as i0 from "@angular/core";
  */
 export declare class FilterComponent implements OnDestroy {
     private breakpointObserverService;
+    private changeDetectorReference;
     constants: any;
     arrow: IconButton;
     removeIcon: IconButton;
@@ -22,7 +23,6 @@ export declare class FilterComponent implements OnDestroy {
     isFilterActive: boolean;
     isMobileView: boolean;
     isApplyButtonDisabled: boolean;
-    typeOfChip: ChipsType;
     destroy$: Subject<boolean>;
     private filteredTypeOptionsInfo;
     set appliedFilterOptions(options: ChipOption[]);
@@ -33,7 +33,7 @@ export declare class FilterComponent implements OnDestroy {
     selectedFilter: EventEmitter<ChipOption>;
     filteredOptions: EventEmitter<CheckboxOption[]>;
     removeFilteredOption: EventEmitter<ChipOption>;
-    constructor(breakpointObserverService: BreakpointObserverService);
+    constructor(breakpointObserverService: BreakpointObserverService, changeDetectorReference: ChangeDetectorRef);
     /**
      * OnFilterSelected receives the selected filter from chip component, emits the selected filter and toggle the isFilterByOptionsVisible state.
      * @param {ChipOption} type

package/lib/directives/text-truncated/text-truncated.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, AfterViewInit } from '@angular/core';
+import { MatTooltip } from '@angular/material/tooltip';
+import * as i0 from "@angular/core";
+/**
+ * Checks the text is truncated
+ * @export
+ * @class TextTruncatedDirective
+ * @implements {AfterViewInit}
+ */
+export declare class TextTruncatedDirective implements AfterViewInit {
+    tooltip: MatTooltip;
+    elementRef: ElementRef<HTMLElement>;
+    constructor(tooltip: MatTooltip, elementRef: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextTruncatedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextTruncatedDirective, "[matTooltip][ieeesaTextTruncated]", never, {}, {}, never, never, true, never>;
+}

package/lib/models/chip-option.model.d.ts

@@ -15,4 +15,5 @@ export interface ChipOption {
     name: string;
     checked: boolean;
     disabled?: boolean;
+    chipType: ChipsType;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.5.3",
+  "version": "0.5.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.3",
-    "@ieeesa-npm/feature": "^0.3.5"
+    "@ieeesa-npm/shared-styles": "^0.1.4",
+    "@ieeesa-npm/feature": "^0.3.7"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -27,6 +27,7 @@ export * from './lib/components/data-table/data-table.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';
+export * from './lib/directives/text-truncated/text-truncated.directive';
 export * from './lib/models/align-type.model';
 export * from './lib/models/app-config-info.model';
 export * from './lib/models/autocomplete-option.model';