@allsorter/ui-components 0.0.367 → 0.0.370

package/lib/custom-editor/custom-editor.component.d.ts

@@ -1,5 +1,8 @@
-import { ElementRef, OnInit, OnDestroy, AfterViewInit, EventEmitter } from '@angular/core';
-import { Router } from '@angular/router';
+import { ElementRef, OnInit, OnDestroy, AfterViewInit, SimpleChanges, EventEmitter, Renderer2 } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 interface ToolbarItem {
     type: string;
@@ -9,12 +12,26 @@ interface ToolbarItem {
 }
 export declare class CustomEditorComponent implements OnInit, OnDestroy, AfterViewInit {
     private router;
-    constructor(router: Router);
+    private route;
+    private iconRegistry;
+    private sanitizer;
+    private renderer;
+    resumeService: any;
+    private http;
+    callForAI: any;
+    private store;
+    private wsService;
+    constructor(router: Router, route: ActivatedRoute, iconRegistry: MatIconRegistry, sanitizer: DomSanitizer, renderer: Renderer2, resumeService: any, http: any, callForAI: any, store: any, wsService: any);
+    /**
+     * Dynamically determines the base path for assets
+     * Handles both root deployment and subdirectory deployment (e.g., /allsorter-lib/)
+     */
+    private getBasePath;
     editorReference: ElementRef<HTMLElement>;
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-    list: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    list?: boolean;
     isVisible: boolean;
     dataTestId: string;
     showLabels: boolean;
@@ -23,9 +40,33 @@ export declare class CustomEditorComponent implements OnInit, OnDestroy, AfterVi
     initialValue: string;
     contentFromParent: string;
     editScreenSection: string;
-    actionType: string;
+    actionType: any;
     historyControls: boolean;
     autobullet: boolean;
+    skillsBullet?: boolean;
+    jsonData: any;
+    formJsonData: any;
+    editorId: string;
+    sectionId: any;
+    actionId: any;
+    undoCustom?: boolean;
+    redoCustom?: boolean;
+    undoSkill?: boolean;
+    redoSkill?: boolean;
+    matOptionAI?: boolean;
+    hideTableOption?: boolean;
+    hideAutoBulletOption?: boolean;
+    hideAIOption?: boolean;
+    insertTablebtn?: boolean;
+    insertRowAbovebtn?: boolean;
+    insertRowBelowbtn?: boolean;
+    insertColumnLeftbtn?: boolean;
+    insertColumnRightbtn?: boolean;
+    deleteTablebtn?: boolean;
+    deleteRowAbovebtn?: boolean;
+    deleteRowBelowbtn?: boolean;
+    deleteColumnLeftbtn?: boolean;
+    deleteColumnRightbtn?: boolean;
     showTable: boolean;
     contentChangeFromQuill: EventEmitter<string>;
     ApplyAIinQuill: EventEmitter<any>;
@@ -35,25 +76,57 @@ export declare class CustomEditorComponent implements OnInit, OnDestroy, AfterVi
     italicTexted: boolean;
     underlineTexted: boolean;
     listTexted: boolean;
-    hideAutoBulletOption: boolean;
-    skillsBullet: boolean;
     autoBulletDisable: boolean;
     isLoadingAI: boolean;
     isDisabled: boolean;
     AutoBulletButton: string;
+    ApplyAiButton: string;
     skillsButton: string;
-    isSkillBullet: boolean;
+    isSkillBullet: any;
+    isAutoBullet: boolean;
     previousContent: string;
+    previousContentForTextChange: string;
     private history;
     private redoStack;
     private content;
+    savedRange: any;
+    FormValue: any;
+    forDisableButton: any;
+    orgUUID: string;
+    resumeId: number;
+    editSection$: string;
+    wsSubsription?: Subscription;
+    timeout: any;
+    quillInstance: any;
+    quill: any;
+    table: any;
+    isLoading: boolean;
+    spellChecker$: boolean;
+    checkPreserveOriginalScreen: boolean;
+    checkSideBySideScreen: boolean;
+    checkPreserveOriginalScreenforButtons: boolean;
+    summaryAIBackGroundCheck: boolean;
+    private overlayIdCounter;
+    summaryAndSkill: any;
+    extraAndCoverSheet: any;
     isSmallScreen: boolean;
     showStylingDropdown: boolean;
     showTextFormattingDropdown: boolean;
+    private registeredSvgIcons;
+    /**
+     * Check if an icon has an SVG version registered
+     */
+    isSvgIcon(iconName: string): boolean;
     private stylingDropdownTimeout;
     private textFormattingDropdownTimeout;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateEditorContentSafely;
+    private getCursorPosition;
+    private restoreCursorPosition;
     ngAfterViewInit(): void;
+    onClick(): void;
+    private assignUniqueIdAndStyle;
     getEditorElement(): HTMLElement | undefined;
     getBoundGetEditorElement(): () => HTMLElement | undefined;
     getBoundSaveHistory(): () => void;
@@ -70,13 +143,14 @@ export declare class CustomEditorComponent implements OnInit, OnDestroy, AfterVi
     clearStylingDropdownTimeout(): void;
     clearTextFormattingDropdownTimeout(): void;
     handleClickOutside(event: Event): void;
-    execCmd(event: MouseEvent, command: string): void;
+    execCmd(event: MouseEvent, command: string, value?: string | null): void;
     updateTagHierarchy(): void;
     onEditorInput(): void;
     getActiveState(type: string): boolean;
     undo(event: MouseEvent): void;
     redo(event: MouseEvent): void;
     textChange(): void;
+    TextChange(): void;
     saveHistory(): void;
     toggleDiv(event: Event, visible: boolean): void;
     handleKeydown(event: KeyboardEvent): void;
@@ -96,9 +170,31 @@ export declare class CustomEditorComponent implements OnInit, OnDestroy, AfterVi
     insertTransformedContent(tempDiv: HTMLDivElement): void;
     transformTableData(tables: HTMLCollectionOf<HTMLTableElement>): void;
     transformToBullets(event: MouseEvent): void;
+    transformToBulletsAlgorithmOverride(): void;
+    transformToBulletByAI(): void;
     transformToSkillsBullets(event: MouseEvent): void;
     checkHtmlContent(content: string): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomEditorComponent, "app-custom-editor", never, { "bold": { "alias": "bold"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "list": { "alias": "list"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "leftLabelText": { "alias": "leftLabelText"; "required": false; }; "rightLabelText": { "alias": "rightLabelText"; "required": false; }; "initialValue": { "alias": "initialValue"; "required": false; }; "contentFromParent": { "alias": "contentFromParent"; "required": false; }; "editScreenSection": { "alias": "editScreenSection"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "historyControls": { "alias": "historyControls"; "required": false; }; "autobullet": { "alias": "autobullet"; "required": false; }; "showTable": { "alias": "showTable"; "required": false; }; "toolbarConfig": { "alias": "toolbarConfig"; "required": false; }; "textFormattingConfig": { "alias": "textFormattingConfig"; "required": false; }; }, { "contentChangeFromQuill": "contentChangeFromQuill"; "ApplyAIinQuill": "ApplyAIinQuill"; }, never, never, true, never>;
+    addTable(event: MouseEvent): void;
+    deleteTable(event: MouseEvent): void;
+    addRowBelow(event: MouseEvent): void;
+    addRowAbove(event: MouseEvent): void;
+    addColumnLeft(event: MouseEvent): void;
+    addColumnRight(event: MouseEvent): void;
+    deleteColumnLeft(event: MouseEvent): void;
+    deleteColumnRight(event: MouseEvent): void;
+    deleteCurrentColumn(event: MouseEvent): void;
+    deleteCurrentRow(event: MouseEvent): void;
+    deleteRowAbove(event: MouseEvent): void;
+    deleteRowBelow(event: MouseEvent): void;
+    updateAIToolInMemory(tool: any): void;
+    useAITool(event: MouseEvent): void;
+    private processExperienceData;
+    private processEducationData;
+    private processCertificationData;
+    private processDates;
+    verifyModelLatencyAndStatusBefore(event: Event): void;
+    listenToSocket(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomEditorComponent, [{ optional: true; }, { optional: true; }, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomEditorComponent, "app-custom-editor", never, { "bold": { "alias": "bold"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "list": { "alias": "list"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "leftLabelText": { "alias": "leftLabelText"; "required": false; }; "rightLabelText": { "alias": "rightLabelText"; "required": false; }; "initialValue": { "alias": "initialValue"; "required": false; }; "contentFromParent": { "alias": "contentFromParent"; "required": false; }; "editScreenSection": { "alias": "editScreenSection"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "historyControls": { "alias": "historyControls"; "required": false; }; "autobullet": { "alias": "autobullet"; "required": false; }; "skillsBullet": { "alias": "skillsBullet"; "required": false; }; "jsonData": { "alias": "jsonData"; "required": false; }; "formJsonData": { "alias": "formJsonData"; "required": false; }; "editorId": { "alias": "editorId"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "actionId": { "alias": "actionId"; "required": false; }; "undoCustom": { "alias": "undoCustom"; "required": false; }; "redoCustom": { "alias": "redoCustom"; "required": false; }; "undoSkill": { "alias": "undoSkill"; "required": false; }; "redoSkill": { "alias": "redoSkill"; "required": false; }; "matOptionAI": { "alias": "matOptionAI"; "required": false; }; "hideTableOption": { "alias": "hideTableOption"; "required": false; }; "hideAutoBulletOption": { "alias": "hideAutoBulletOption"; "required": false; }; "hideAIOption": { "alias": "hideAIOption"; "required": false; }; "insertTablebtn": { "alias": "insertTablebtn"; "required": false; }; "insertRowAbovebtn": { "alias": "insertRowAbovebtn"; "required": false; }; "insertRowBelowbtn": { "alias": "insertRowBelowbtn"; "required": false; }; "insertColumnLeftbtn": { "alias": "insertColumnLeftbtn"; "required": false; }; "insertColumnRightbtn": { "alias": "insertColumnRightbtn"; "required": false; }; "deleteTablebtn": { "alias": "deleteTablebtn"; "required": false; }; "deleteRowAbovebtn": { "alias": "deleteRowAbovebtn"; "required": false; }; "deleteRowBelowbtn": { "alias": "deleteRowBelowbtn"; "required": false; }; "deleteColumnLeftbtn": { "alias": "deleteColumnLeftbtn"; "required": false; }; "deleteColumnRightbtn": { "alias": "deleteColumnRightbtn"; "required": false; }; "showTable": { "alias": "showTable"; "required": false; }; "toolbarConfig": { "alias": "toolbarConfig"; "required": false; }; "textFormattingConfig": { "alias": "textFormattingConfig"; "required": false; }; }, { "contentChangeFromQuill": "contentChangeFromQuill"; "ApplyAIinQuill": "ApplyAIinQuill"; }, never, never, true, never>;
 }
 export {};

package/lib/custom-editor/table/table.component.d.ts

@@ -1,6 +1,11 @@
 import { OnInit, AfterViewInit } from '@angular/core';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class TableComponent implements OnInit, AfterViewInit {
+    private iconRegistry;
+    private sanitizer;
+    constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer);
     getEditorElement: () => HTMLElement | undefined;
     saveHistoryMethod: () => void;
     textChangeMethod: () => void;

package/lib/editable-form-wrapper/editable-form-wrapper.component.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class EditableFormWrapperComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Test id for e2e/qa automation.
+     */
+    private static randomId;
+    /**
+     * Test id for e2e/qa automation. If not provided, a random id will be used.
+     */
+    testId: string;
+    /**
+     * Show the left floating edit button.
+     * @default true
+     */
+    showLeftButton: boolean;
+    /**
+     * Show the right floating save button.
+     * @default true
+     */
+    showSaveButton: boolean;
+    /**
+     * Show the right floating delete button.
+     * @default true
+     */
+    showDeleteButton: boolean;
+    /**
+     * Emitted when the left (edit) button is clicked.
+     */
+    leftButtonClick: EventEmitter<Event>;
+    /**
+     * Emitted when the save button is clicked.
+     */
+    saveButtonClick: EventEmitter<Event>;
+    /**
+     * Emitted when the delete button is clicked.
+     */
+    deleteButtonClick: EventEmitter<Event>;
+    wrapperRef: ElementRef<HTMLElement>;
+    buttonGroupRef: ElementRef<HTMLElement>;
+    leftButtonRef: ElementRef<HTMLElement>;
+    private scrollListener?;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupScrollBehavior;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableFormWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditableFormWrapperComponent, "al-form", never, { "testId": { "alias": "testId"; "required": false; }; "showLeftButton": { "alias": "showLeftButton"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; }, { "leftButtonClick": "leftButtonClick"; "saveButtonClick": "saveButtonClick"; "deleteButtonClick": "deleteButtonClick"; }, never, ["*"], true, never>;
+}

package/lib/experience-section/experience-section.component.d.ts

@@ -24,6 +24,8 @@ export declare class ExperienceSectionComponent {
     locationTooltip?: string;
     descriptionTooltip?: string;
     tooltipPosition: 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+    /** When true, visually de-emphasises resume entries; descriptions stay visible but truncated */
+    isSectionHidden: boolean;
     gap: string | number;
     padding: string | number;
     leftWidth: string;
@@ -56,7 +58,7 @@ export declare class ExperienceSectionComponent {
     onVisibilityToggle(isVisible: boolean): void;
     onHideShowEvent(obj: any): void;
     onCheckboxEvent(obj: object): void;
-    onSetSubroleEvent(subrole: any): void;
+    onSetSubroleEvent(subrole?: any): void;
     onEditEvent(content: string): void;
     onReapplyClick(data: {
         entry: ResumeEntry;
@@ -67,5 +69,5 @@ export declare class ExperienceSectionComponent {
         index: number;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExperienceSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExperienceSectionComponent, "al-experience-section", never, { "entries": { "alias": "entries"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showDescriptionLabel": { "alias": "showDescriptionLabel"; "required": false; }; "showCompany": { "alias": "showCompany"; "required": false; }; "showJobTitle": { "alias": "showJobTitle"; "required": false; }; "showDates": { "alias": "showDates"; "required": false; }; "showLocation": { "alias": "showLocation"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "showReapplyButton": { "alias": "showReapplyButton"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "loaderForAllEntries": { "alias": "loaderForAllEntries"; "required": false; }; "loaderStatus": { "alias": "loaderStatus"; "required": false; }; "loaderSize": { "alias": "loaderSize"; "required": false; }; "skills": { "alias": "skills"; "required": false; }; "companyTooltip": { "alias": "companyTooltip"; "required": false; }; "jobTitleTooltip": { "alias": "jobTitleTooltip"; "required": false; }; "dateTooltip": { "alias": "dateTooltip"; "required": false; }; "locationTooltip": { "alias": "locationTooltip"; "required": false; }; "descriptionTooltip": { "alias": "descriptionTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "leftWidth": { "alias": "leftWidth"; "required": false; }; "rightWidth": { "alias": "rightWidth"; "required": false; }; "stackAt": { "alias": "stackAt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "content": { "alias": "content"; "required": false; }; "isExtractionAnalysisActive": { "alias": "isExtractionAnalysisActive"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "overrideConfig": { "alias": "overrideConfig"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "alwaysShowIcons": { "alias": "alwaysShowIcons"; "required": false; }; "overrideConfigRight": { "alias": "overrideConfigRight"; "required": false; }; "currentObj": { "alias": "currentObj"; "required": false; }; }, { "editEvent": "editEvent"; "reapplyClick": "reapplyClick"; "undoClick": "undoClick"; "checkboxChange": "checkboxChange"; "visibilityToggle": "visibilityToggle"; "hideShowEvent": "hideShowEvent"; "checkboxEvent": "checkboxEvent"; "setSubroleEvent": "setSubroleEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExperienceSectionComponent, "al-experience-section", never, { "entries": { "alias": "entries"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showDescriptionLabel": { "alias": "showDescriptionLabel"; "required": false; }; "showCompany": { "alias": "showCompany"; "required": false; }; "showJobTitle": { "alias": "showJobTitle"; "required": false; }; "showDates": { "alias": "showDates"; "required": false; }; "showLocation": { "alias": "showLocation"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "showReapplyButton": { "alias": "showReapplyButton"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "loaderForAllEntries": { "alias": "loaderForAllEntries"; "required": false; }; "loaderStatus": { "alias": "loaderStatus"; "required": false; }; "loaderSize": { "alias": "loaderSize"; "required": false; }; "skills": { "alias": "skills"; "required": false; }; "companyTooltip": { "alias": "companyTooltip"; "required": false; }; "jobTitleTooltip": { "alias": "jobTitleTooltip"; "required": false; }; "dateTooltip": { "alias": "dateTooltip"; "required": false; }; "locationTooltip": { "alias": "locationTooltip"; "required": false; }; "descriptionTooltip": { "alias": "descriptionTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "isSectionHidden": { "alias": "isSectionHidden"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "leftWidth": { "alias": "leftWidth"; "required": false; }; "rightWidth": { "alias": "rightWidth"; "required": false; }; "stackAt": { "alias": "stackAt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "content": { "alias": "content"; "required": false; }; "isExtractionAnalysisActive": { "alias": "isExtractionAnalysisActive"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "overrideConfig": { "alias": "overrideConfig"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "alwaysShowIcons": { "alias": "alwaysShowIcons"; "required": false; }; "overrideConfigRight": { "alias": "overrideConfigRight"; "required": false; }; "currentObj": { "alias": "currentObj"; "required": false; }; }, { "editEvent": "editEvent"; "reapplyClick": "reapplyClick"; "undoClick": "undoClick"; "checkboxChange": "checkboxChange"; "visibilityToggle": "visibilityToggle"; "hideShowEvent": "hideShowEvent"; "checkboxEvent": "checkboxEvent"; "setSubroleEvent": "setSubroleEvent"; }, never, never, true, never>;
 }

package/lib/general-container/general-container.component.d.ts

@@ -11,6 +11,10 @@ export declare class GeneralContainerComponent {
     width?: string;
     /** Height of the container */
     height?: string;
+    /** Overflow-x property */
+    overflowX?: string;
+    /** Overflow-y property */
+    overflowY?: string;
     /** Border position: 'none', 'top', 'bottom', or 'both' */
     borderPosition: BorderPosition;
     /** Border color - one of the predefined colors */
@@ -27,5 +31,5 @@ export declare class GeneralContainerComponent {
         [key: string]: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<GeneralContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeneralContainerComponent, "al-general-container", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderPosition": { "alias": "borderPosition"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "customBoxShadow": { "alias": "customBoxShadow"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeneralContainerComponent, "al-general-container", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "overflowX": { "alias": "overflowX"; "required": false; }; "overflowY": { "alias": "overflowY"; "required": false; }; "borderPosition": { "alias": "borderPosition"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "customBoxShadow": { "alias": "customBoxShadow"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/icon-button/icon-button.component.d.ts

@@ -1,20 +1,20 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class IconButtonComponent {
+export declare class IconButtonComponent implements OnInit {
     private iconRegistry;
     private sanitizer;
     /** Icon name (Material icon name) */
     icon: string;
-    /** Custom color (CSS color value) */
-    customColor: string;
+    /** Custom colour (CSS color value) - if provided, overrides the colour property */
+    customColour?: string;
     /** Use outlined icon font */
     iconOutlined: boolean;
     /** Button size (xs, sm, base, l, xl, header) */
     size: 'xs' | 'sm' | 'base' | 'l' | 'xl' | 'header';
-    /** Button color (blue, green, grey, error, gradient, etc.) */
-    color: string;
+    /** Button colour (blue, green, grey, error, gradient, etc.) */
+    colour: string;
     /** Disabled state */
     disabled: boolean;
     /** Optional custom data-testid for QA/testing */
@@ -27,6 +27,15 @@ export declare class IconButtonComponent {
     genId(): string;
     private genIconBtnId;
     handleClick(event: Event): void;
+    /**
+     * Gets the effective icon name to use, considering outlined mappings.
+     * Some icons like 'favorite' and 'star' have different names for outlined versions.
+     */
+    getEffectiveIconName(): string;
+    /**
+     * Gets the effective font set to use for the icon.
+     */
+    getEffectiveFontSet(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "al-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "iconOutlined": { "alias": "iconOutlined"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "al-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "customColour": { "alias": "customColour"; "required": false; }; "iconOutlined": { "alias": "iconOutlined"; "required": false; }; "size": { "alias": "size"; "required": false; }; "colour": { "alias": "colour"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

package/lib/input/input.component.d.ts

@@ -1,12 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, SimpleChanges, AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatDatepicker } from '@angular/material/datepicker';
 import * as i0 from "@angular/core";
-export declare class InputComponent implements ControlValueAccessor {
+export declare class InputComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit {
     labelText: string;
     /** DEPRECATED: label -> labelText */
     set label(val: string);
     placeholder: string;
-    value: string;
+    value: string | string[];
     formControlName: string;
     dataTestId: string;
     type: 'text' | 'email' | 'number' | 'password' | 'tel' | 'url' | 'date' | 'color';
@@ -19,37 +21,66 @@ export declare class InputComponent implements ControlValueAccessor {
     hasDropDown: boolean;
     /** DEPRECATED: dropDown -> hasDropDown */
     set dropDown(val: boolean);
+    searchfilter: boolean;
+    multipleSelect: boolean;
     options: string[];
     size: 'xs' | 'small' | 'base' | 'large' | 'header';
     types: 'simple' | 'primary' | 'success' | 'error' | 'disabled' | 'plain';
     tooltip: string;
     tooltipPosition: 'right' | 'left' | 'above' | 'below' | 'before' | 'after';
+    matDatepicker?: MatDatepicker<any>;
+    dateType: string;
+    internalDatepicker?: MatDatepicker<any>;
+    autocompleteTrigger?: MatAutocompleteTrigger;
+    searchInput?: ElementRef<HTMLInputElement>;
     noBorder: boolean;
     outlined: boolean;
     selectedDate: Date | null;
+    filteredOptions: string[];
+    searchValue: string;
+    private justSelected;
+    selectedValues: string[];
+    get datepickerRef(): MatDatepicker<any> | undefined;
     change: EventEmitter<string>;
     /** DEPRECATED: valueChange -> change */
     valueChange: EventEmitter<string>;
     onColorChange: EventEmitter<string>;
-    monthSelected: EventEmitter<Date>;
-    yearSelected: EventEmitter<Date>;
+    monthSelected: EventEmitter<{
+        date: Date;
+        datepicker?: MatDatepicker<any>;
+    }>;
+    yearSelected: EventEmitter<{
+        date: Date;
+        datepicker?: MatDatepicker<any>;
+    }>;
     private onChange;
     onTouched: () => void;
     get isDisabled(): boolean;
     get isDatePicker(): boolean;
     get isColorPicker(): boolean;
-    writeValue(value: string | null | undefined): void;
+    get isSearchableDropdown(): boolean;
+    get isMultipleDropdown(): boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: string | Date | any | null | undefined): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onInputChange(value: string): void;
-    onSelectionChange(value: string): void;
+    onSelectionChange(value: string | string[]): void;
+    onSearchInputChange(event: Event): void;
+    onOptionSelected(event: any): void;
+    filterOptions(searchTerm: string): void;
+    onSearchFocus(): void;
+    displayFn: (value: string) => string;
     handleColorChange(event: Event): void;
-    onMonthSelected(event: Date, dp: any): void;
-    onYearSelected(event: Date, dp: any): void;
+    onMonthSelected(event: any, dp: any): void;
+    onYearSelected(event: any, dp: any): void;
+    onDateChange(event: any): void;
     private shouldShowDatePicker;
     getSizeClass(): string;
     getCategoryClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "al-input", never, { "labelText": { "alias": "labelText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "hasDropDown": { "alias": "hasDropDown"; "required": false; }; "dropDown": { "alias": "dropDown"; "required": false; }; "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "types": { "alias": "types"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; "onColorChange": "onColorChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "al-input", never, { "labelText": { "alias": "labelText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "hasDropDown": { "alias": "hasDropDown"; "required": false; }; "dropDown": { "alias": "dropDown"; "required": false; }; "searchfilter": { "alias": "searchfilter"; "required": false; }; "multipleSelect": { "alias": "multipleSelect"; "required": false; }; "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "types": { "alias": "types"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "matDatepicker": { "alias": "matDatepicker"; "required": false; }; "dateType": { "alias": "dateType"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; "onColorChange": "onColorChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
 }

package/lib/newresumeheader/newresumeheader.component.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter, OnInit, OnDestroy, AfterViewInit, OnChanges, SimpleChanges, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { EyeIconConfig, HeaderButton } from '../resume-header/resume-header.model';
 import * as i0 from "@angular/core";
 export declare class NewResumeHeaderComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {
     private sanitizer;
     private cdr;
+    private iconRegistry;
     title: string;
     showHeaderCheckbox: boolean;
     headerCheckboxChecked: boolean;
@@ -12,6 +14,15 @@ export declare class NewResumeHeaderComponent implements OnInit, OnDestroy, Afte
     hiddenSection: {
         headerSectionHidden: boolean;
     };
+    /**
+     * Whether the section is currently hidden.
+     *
+     * Priority:
+     * 1. If any EyeIconConfig with canToggle is provided, use its `isHidden` flag
+     *    as the source of truth. This lets callers drive the state via configEyeToggle.
+     * 2. Otherwise, fall back to `hiddenSection.headerSectionHidden` for backward compatibility.
+     */
+    get isSectionHidden(): boolean;
     buttonConfig: HeaderButton[];
     isLargeScreen: boolean;
     private resizeListener?;
@@ -40,11 +51,39 @@ export declare class NewResumeHeaderComponent implements OnInit, OnDestroy, Afte
     isPopOutDismissed: boolean;
     private clickOutsideListener?;
     titleInput?: ElementRef<HTMLInputElement>;
-    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    constructor(sanitizer: DomSanitizer, cdr: ChangeDetectorRef, iconRegistry: MatIconRegistry);
+    private registerIcons;
     toggleAccordion(accordionItem: any): void;
+    /**
+     * Handles clicks on the eye icon.
+     *
+     * - Toggles the isHidden flag on the corresponding EyeIconConfig (if canToggle is true)
+     * - Keeps hiddenSection.headerSectionHidden in sync for backwards compatibility
+     * - Emits the showHideToggleSection event with the *new* isHidden state
+     */
+    onEyeIconClick(currentHidden: boolean, accordionItem: any, config: EyeIconConfig): void;
     onHeaderCheckboxChange(checked: boolean): void;
-    onButtonClick(btn: any): void;
-    onDropdownSelect(btn: any, value: any): void;
+    /**
+     * Resolves the left and right icon names for a button based on its configuration.
+     * This centralizes all icon mapping logic, making it easier to maintain.
+     *
+     * @param btn - The HeaderButton configuration
+     * @returns An object with leftIcon and rightIcon properties
+     */
+    getButtonIcons(btn: HeaderButton): {
+        leftIcon: string | null | undefined;
+        rightIcon: string | null | undefined;
+    };
+    /**
+     * Gets the tooltip text for a button based on its configuration.
+     * Tooltips follow title case (e.g., "Menu", "Add Section").
+     *
+     * @param btn - The HeaderButton configuration
+     * @returns The tooltip text or undefined
+     */
+    getButtonTooltip(btn: HeaderButton): string | undefined;
+    onButtonClick(btn: HeaderButton, event: Event): void;
+    onDropdownSelect(btn: HeaderButton, value: any): void;
     onTitleClick(): void;
     onTitleFocus(): void;
     onTitleBlur(): void;
@@ -61,5 +100,5 @@ export declare class NewResumeHeaderComponent implements OnInit, OnDestroy, Afte
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewResumeHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NewResumeHeaderComponent, "al-newresumeheader", never, { "title": { "alias": "title"; "required": false; }; "showHeaderCheckbox": { "alias": "showHeaderCheckbox"; "required": false; }; "headerCheckboxChecked": { "alias": "headerCheckboxChecked"; "required": false; }; "configEyeToggle": { "alias": "configEyeToggle"; "required": false; }; "hiddenSection": { "alias": "hiddenSection"; "required": false; }; "buttonConfig": { "alias": "buttonConfig"; "required": false; }; "isLargeScreen": { "alias": "isLargeScreen"; "required": false; }; "popOutButtonLabel": { "alias": "popOutButtonLabel"; "required": false; }; "popOutButtonIcon": { "alias": "popOutButtonIcon"; "required": false; }; "popOutButtonTooltip": { "alias": "popOutButtonTooltip"; "required": false; }; "popOutButtonTooltipPosition": { "alias": "popOutButtonTooltipPosition"; "required": false; }; "showPopOutPanel": { "alias": "showPopOutPanel"; "required": false; }; "popOutMessage": { "alias": "popOutMessage"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; }, { "titleChange": "titleChange"; "sectionToggled": "sectionToggled"; "headerCheckboxChange": "headerCheckboxChange"; "showHideToggleSection": "showHideToggleSection"; "buttonClicked": "buttonClicked"; "popOutButtonClick": "popOutButtonClick"; }, never, ["[header-left]", "[header-center-left]", "[header-center-center]", "[header-center-right]", "[header-right]", "[body-left]", "[body-center]", "[body-right]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewResumeHeaderComponent, "al-newresumeheader", never, { "title": { "alias": "title"; "required": false; }; "showHeaderCheckbox": { "alias": "showHeaderCheckbox"; "required": false; }; "headerCheckboxChecked": { "alias": "headerCheckboxChecked"; "required": false; }; "configEyeToggle": { "alias": "configEyeToggle"; "required": false; }; "hiddenSection": { "alias": "hiddenSection"; "required": false; }; "buttonConfig": { "alias": "buttonConfig"; "required": false; }; "isLargeScreen": { "alias": "isLargeScreen"; "required": false; }; "popOutButtonLabel": { "alias": "popOutButtonLabel"; "required": false; }; "popOutButtonIcon": { "alias": "popOutButtonIcon"; "required": false; }; "popOutButtonTooltip": { "alias": "popOutButtonTooltip"; "required": false; }; "popOutButtonTooltipPosition": { "alias": "popOutButtonTooltipPosition"; "required": false; }; "showPopOutPanel": { "alias": "showPopOutPanel"; "required": false; }; "popOutMessage": { "alias": "popOutMessage"; "required": false; }; "dataTestId": { "alias": "dataTestId"; "required": false; }; }, { "titleChange": "titleChange"; "sectionToggled": "sectionToggled"; "headerCheckboxChange": "headerCheckboxChange"; "showHideToggleSection": "showHideToggleSection"; "buttonClicked": "buttonClicked"; "popOutButtonClick": "popOutButtonClick"; }, never, ["[header-left]", "[header-center-left]", "[header-center-center]", "[header-center-right]", "[header-right]", "[header-left]", "[header-center-right]", "[header-right]", "*"], true, never>;
 }

package/lib/resume-entries/resume-entries.component.d.ts

@@ -53,6 +53,12 @@ export declare class ResumeEntriesComponent {
     descriptionTooltip?: string;
     /** Tooltip position - can be 'left', 'right', 'above', 'below', 'before', or 'after' */
     tooltipPosition: 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+    /**
+     * When true, the resume entries section is visually de-emphasised (lower opacity),
+     * but the first line of each description remains visible (truncated with ellipsis).
+     * This mirrors the “section hidden” behaviour in the header without fully removing content.
+     */
+    isSectionHidden: boolean;
     /** Event emitted when the reapply button is clicked for a specific entry */
     reapplyClick: EventEmitter<{
         entry: ResumeEntry;
@@ -68,5 +74,5 @@ export declare class ResumeEntriesComponent {
     onUndoClick(entry: ResumeEntry, index: number): void;
     isReapplied(index: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResumeEntriesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ResumeEntriesComponent, "al-resume-entries", never, { "entries": { "alias": "entries"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showDescriptionLabel": { "alias": "showDescriptionLabel"; "required": false; }; "showCompany": { "alias": "showCompany"; "required": false; }; "showJobTitle": { "alias": "showJobTitle"; "required": false; }; "showDates": { "alias": "showDates"; "required": false; }; "showLocation": { "alias": "showLocation"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "showReapplyButton": { "alias": "showReapplyButton"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "loaderForAllEntries": { "alias": "loaderForAllEntries"; "required": false; }; "loaderStatus": { "alias": "loaderStatus"; "required": false; }; "loaderSize": { "alias": "loaderSize"; "required": false; }; "skills": { "alias": "skills"; "required": false; }; "companyTooltip": { "alias": "companyTooltip"; "required": false; }; "jobTitleTooltip": { "alias": "jobTitleTooltip"; "required": false; }; "dateTooltip": { "alias": "dateTooltip"; "required": false; }; "locationTooltip": { "alias": "locationTooltip"; "required": false; }; "descriptionTooltip": { "alias": "descriptionTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "reapplyClick": "reapplyClick"; "undoClick": "undoClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResumeEntriesComponent, "al-resume-entries", never, { "entries": { "alias": "entries"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showDescriptionLabel": { "alias": "showDescriptionLabel"; "required": false; }; "showCompany": { "alias": "showCompany"; "required": false; }; "showJobTitle": { "alias": "showJobTitle"; "required": false; }; "showDates": { "alias": "showDates"; "required": false; }; "showLocation": { "alias": "showLocation"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "showReapplyButton": { "alias": "showReapplyButton"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "loaderForAllEntries": { "alias": "loaderForAllEntries"; "required": false; }; "loaderStatus": { "alias": "loaderStatus"; "required": false; }; "loaderSize": { "alias": "loaderSize"; "required": false; }; "skills": { "alias": "skills"; "required": false; }; "companyTooltip": { "alias": "companyTooltip"; "required": false; }; "jobTitleTooltip": { "alias": "jobTitleTooltip"; "required": false; }; "dateTooltip": { "alias": "dateTooltip"; "required": false; }; "locationTooltip": { "alias": "locationTooltip"; "required": false; }; "descriptionTooltip": { "alias": "descriptionTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "isSectionHidden": { "alias": "isSectionHidden"; "required": false; }; }, { "reapplyClick": "reapplyClick"; "undoClick": "undoClick"; }, never, ["*"], true, never>;
 }

package/lib/resume-header/resume-header.model.d.ts

@@ -22,29 +22,20 @@ export interface DropdownOption {
     function?: () => void;
 }
 export interface HeaderButton {
-    state: 'default' | 'hover' | 'pressed' | 'disabled';
-    category: string;
-    buttonType: 'icon-circle' | 'icon-label' | 'two-icon-label' | 'dropdown';
-    label: string;
-    arialabel: string;
-    iconOnly: boolean;
+    color: string;
+    outline: boolean;
+    size: string;
+    iconOutlined: boolean;
+    labelText: string;
     leftIcon: string;
     rightIcon: string;
-    color: 'primary' | 'accent' | 'warn';
-    variant: 'raised' | 'flat' | 'stroked' | 'fab' | 'icon';
-    size: 'sm' | 'medium' | 'base' | 'large' | 'xl' | 'header';
-    outlined: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-    tooltip?: string;
-    alt?: string;
-    testId?: string;
-    tooltipText?: string;
-    tooltipPosition?: 'above' | 'below' | 'left' | 'right';
-    action: string;
+    dataTestId: string;
+    hasDropDown: boolean;
+    dropdownItems?: DropdownOption[];
+    /** Optional custom onClick handler. If provided, this will be called instead of emitting buttonClicked */
+    onClick?: (event: Event) => void;
+    /** Optional function to determine if button should be displayed */
     displayCondition?: () => boolean;
-    onClick?: () => void;
-    dropdownOptions?: DropdownOption[];
 }
 export interface EyeIconConfig {
     isHidden: boolean;