@ieeesa-npm/presentation 0.19.0 → 0.19.2

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

@@ -6,6 +6,7 @@ import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
 import { CheckboxOption } from '../../models/checkbox-option.model';
 import { FormUtilityService } from '../../services/form-utility.service';
+import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
 /**
  * Provides implementation of all types of checkboxes.
@@ -19,6 +20,7 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
     config: FieldConfig;
     group: FormGroup;
     private _checkboxes;
+    isLabelNeeded: boolean;
     /**
      * Input property to get checkbox options.
      * @memberof CheckboxComponent
@@ -31,6 +33,7 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
     checkboxSelection: EventEmitter<CheckboxOption>;
     checkboxOptionsAndSelection: EventEmitter<CheckboxOption[]>;
     selectedCheckboxes: EventEmitter<CheckboxOption[]>;
+    ctaButtonClick: EventEmitter<IconButton>;
     destroy$: Subject<boolean>;
     constructor(formUtilityService: FormUtilityService);
     /**
@@ -62,12 +65,18 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
      * @return {number}
      * @memberof CheckboxComponent
      */
-    trackById(index: number, option: CheckboxOption): number | string;
+    trackById(index: number, option: CheckboxOption | IconButton): number | string;
+    /**
+     * Emits ctaButtonClick event along with clicked button information.
+     * @param {IconButton} event
+     * @memberof CheckboxComponent
+     */
+    onCheckboxCTAButtonClick(event: IconButton): void;
     /**
      * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
      * @memberof CheckboxComponent
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "checkboxes": { "alias": "checkboxes"; "required": false; }; "recreateCheckboxOptionsControl": { "alias": "recreateCheckboxOptionsControl"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; "checkboxOptionsAndSelection": "checkboxOptionsAndSelection"; "selectedCheckboxes": "selectedCheckboxes"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "isLabelNeeded": { "alias": "isLabelNeeded"; "required": false; }; "checkboxes": { "alias": "checkboxes"; "required": false; }; "recreateCheckboxOptionsControl": { "alias": "recreateCheckboxOptionsControl"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; "checkboxOptionsAndSelection": "checkboxOptionsAndSelection"; "selectedCheckboxes": "selectedCheckboxes"; "ctaButtonClick": "ctaButtonClick"; }, never, never, true, never>;
 }

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -12,6 +12,7 @@ import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
 import { RadioOption } from '../../models/radio-option.model';
+import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -83,6 +84,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
+    ctaButtonClick: EventEmitter<IconButton>;
     form: FormGroup;
     formGroupArray: FormGroup[];
     formControlArray: any[];
@@ -233,10 +235,10 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     onFormSlideToggleChange(toggle: SlideToggleOption): void;
     /**
-    * Handles form color picker event and emits formColorPickerChange event.
-    * @param {string} colorCode
-    * @memberof DynamicFormComponent
-    */
+     * Handles form color picker event and emits formColorPickerChange event.
+     * @param {string} colorCode
+     * @memberof DynamicFormComponent
+     */
     onFormColorPickerChange(colorCode: string): void;
     /**
      * Handles file upload event and emits formFileUpload event
@@ -276,6 +278,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     onDropdownOpenedChange(event: SelectOpenedState): void;
+    /**
+     * Emits ctaButtonClick event along with clicked button information.
+     * @param {IconButton} event
+     * @memberof DynamicFormComponent
+     */
+    onCheckboxCTAButtonClick(event: IconButton): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; }, never, ["[component]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "formFileUpload": "formFileUpload"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; }, never, ["[component]"], true, never>;
 }

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

@@ -31,6 +31,7 @@ export declare class TabsComponent implements OnInit, OnDestroy {
     isViewOnly: string | boolean;
     eventId: string;
     meetingId: string;
+    actionType: any;
     routePaths: EventsAndMeetingRouteConfig;
     apiBaseURL: string;
     userPermissions: UserPermission[];
@@ -73,5 +74,5 @@ export declare class TabsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; "isViewOnly": { "alias": "isViewOnly"; "required": false; }; "eventId": { "alias": "eventId"; "required": false; }; "meetingId": { "alias": "meetingId"; "required": false; }; "actionType": { "alias": "actionType"; "required": false; }; "routePaths": { "alias": "routePaths"; "required": false; }; "apiBaseURL": { "alias": "apiBaseURL"; "required": false; }; "userPermissions": { "alias": "userPermissions"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
 }

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -10,6 +10,7 @@ import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import { SelectOpenedState } from '../../models/select-opened-state.model';
 import { RadioOption } from '../../models/radio-option.model';
+import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -74,6 +75,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     formColorPickerChange: EventEmitter<string>;
     formFileUpload: EventEmitter<File | FileList>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
+    ctaButtonClick: EventEmitter<IconButton>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
     /**
@@ -92,5 +94,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; }, never, never, true, never>;
 }

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

@@ -1,6 +1,8 @@
+import { IconButton } from '../models/icon-button.model';
 export interface CheckboxOption {
     id: number | string;
     name?: string;
     checked: boolean;
     disabled: boolean;
+    ctaButton?: IconButton[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.19.0",
+  "version": "0.19.2",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",