@ieeesa-npm/presentation 0.10.4 → 0.10.6

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

@@ -6,6 +6,7 @@ import { FormGrid } from '../../models/form-grid.model';
 import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
 import { AlignType } from '../../models/align-type.model';
 import { CheckboxOption } from '../../models/checkbox-option.model';
+import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -69,6 +70,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
         startDate: string;
         endDate: string;
     }>;
+    formSlideToggleChange: EventEmitter<SlideToggleOption>;
     form: FormGroup;
     formGroupArray: FormGroup[];
     formControlArray: any[];
@@ -206,6 +208,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     onAutoCompleteOptionSelected(): void;
+    /**
+     * Handles form slide toggle event and emits formSlideToggleChange event.
+     * @param {SlideToggleOption} toggle
+     * @memberof DynamicFormComponent
+     */
+    onFormSlideToggleChange(toggle: SlideToggleOption): void;
     /**
      * Converts passed control name in hyphenated css class name
      * @param {string} className
@@ -214,5 +222,5 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     getRowClassName(className: string): string;
     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"; }, never, never, 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"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
 }

package/lib/components/slide-toggle/slide-toggle.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MatSlideToggleChange } from '@angular/material/slide-toggle';
+import { FormGroup } from '@angular/forms';
+import { FieldConfig } from '../../models/field-config.model';
+import { FormUtilityService } from '../../services/form-utility.service';
+import { SlideToggleOption } from '../../models/slide-toggle-options.model';
+import * as i0 from "@angular/core";
+export declare class SlideToggleComponent implements OnInit {
+    private formUtilityService;
+    config: FieldConfig;
+    group: FormGroup;
+    formControlName: string;
+    slideToggleOption: SlideToggleOption;
+    /**
+     * Input property to get slide toggle options
+     * @memberof SlideToggleComponent
+     * @usageNotes const slideToggleOption = [{ id: 1, label: 'Change toggle', checked: true, disabled: false}]
+     */
+    set slideToggle(value: SlideToggleOption);
+    get slideToggle(): SlideToggleOption;
+    isDisabled: boolean;
+    slideToggleChange: EventEmitter<SlideToggleOption>;
+    constructor(formUtilityService: FormUtilityService);
+    /**
+     * On slide toggle sets slideToggleOption checked and emit slideToggleChange event emitter.
+     * @param {MatSlideToggleChange} toggle
+     * @memberof SlideToggleComponent
+     */
+    onSlideToggleChange(toggle: MatSlideToggleChange): void;
+    /**
+     * Initiates component and set slideToggleOption.
+     * @memberof SlideToggleComponent
+     */
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "ieeesa-slide-toggle", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "slideToggle": { "alias": "slideToggle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "slideToggleChange": "slideToggleChange"; }, never, never, true, never>;
+}

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

@@ -4,6 +4,7 @@ import { Subject } from 'rxjs';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
 import { CheckboxOption } from '../../models/checkbox-option.model';
+import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -60,6 +61,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     autoCompleteOptionSelected: EventEmitter<Event>;
     formCheckboxSelection: EventEmitter<CheckboxOption>;
     formInputValue: EventEmitter<string | number>;
+    formSlideToggleChange: EventEmitter<SlideToggleOption>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
     /**
@@ -78,5 +80,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"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; }, 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"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
 }

package/lib/models/field-config.model.d.ts

@@ -5,6 +5,7 @@ import { RadioOption } from '../models/radio-option.model';
 import { SearchType } from '../models/search.model';
 import { SelectOption } from '../models/select-option.model';
 import { AutoCompleteOption } from '../models/autocomplete-option.model';
+import { SlideToggleOption } from './slide-toggle-options.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;
@@ -46,4 +47,5 @@ export interface FieldConfig {
     ariaDescribedById?: string;
     ariaMultiline?: boolean;
     minSelectionRequired?: number;
+    slideToggleOption?: SlideToggleOption;
 }

package/lib/models/form-control-types.model.d.ts

@@ -6,5 +6,6 @@ export declare enum FormControlType {
     DATE = "DATE",
     CHECKBOX = "CHECKBOX",
     RADIO = "RADIO",
-    AUTO_COMPLETE = "AUTO_COMPLETE"
+    AUTO_COMPLETE = "AUTO_COMPLETE",
+    SLIDE_TOGGLE = "SLIDE_TOGGLE"
 }

package/lib/models/slide-toggle-options.model.d.ts

@@ -0,0 +1,5 @@
+export interface SlideToggleOption {
+    id: number | string;
+    label: string;
+    checked: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.10.4",
+  "version": "0.10.6",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -19,7 +19,7 @@
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
     "@ieeesa-npm/shared-styles": "^0.2.5",
-    "@ieeesa-npm/feature": "^0.8.5"
+    "@ieeesa-npm/feature": "^0.8.6"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -27,6 +27,7 @@ export * from './lib/components/loader/loader.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/components/slide-toggle/slide-toggle.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';
@@ -61,6 +62,7 @@ export * from './lib/models/breadcrumb.model';
 export * from './lib/models/tile.model';
 export * from './lib/models/filters-options.model';
 export * from './lib/models/profile-menu.model';
+export * from './lib/models/slide-toggle-options.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/presentation.module';