mapa-library-ui 0.71.1 → 0.72.0

package/lib/core/interfaces/element-option.interface.d.ts

@@ -1,4 +1,5 @@
 export interface ElementOption {
     key: string;
     value: string;
+    childrenLevel?: number | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapa-library-ui",
-  "version": "0.71.1",
+  "version": "0.72.0",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0"

package/src/lib/components/capability/lib/components/dropdown/src/dropdown.component.d.ts

@@ -6,6 +6,7 @@ import { Subject } from "rxjs/internal/Subject";
 import { ElementOption } from "../../../core/interfaces/element-option.interface";
 import { Dropdown } from "../../../core/elements/dropdown";
 import { ElementGroup } from "../../../core/interfaces/element-group.interface";
+import { MatCheckboxChange } from "@angular/material/checkbox";
 import * as i0 from "@angular/core";
 export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChanges {
     formControl: FormControl;
@@ -30,7 +31,8 @@ export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChang
     protected filterOptionsFromGroup(group: ElementGroup, value: string): ElementOption[];
     protected filterOptions(): void;
     protected setToggleAllCheckboxState(): void;
-    toggleSelectAll(selectAllValue: boolean): void;
+    toggleSelectAll(event: MatCheckboxChange): void;
+    toggleSelection(change: MatCheckboxChange): void;
     isElementGroup(object: ElementGroup | ElementOption): object is ElementGroup;
     compareFn(c1: any, c2: any): boolean;
     hasValue(): boolean;

package/src/lib/components/capability/lib/components/dropdown/src/dropdown.module.d.ts

@@ -3,13 +3,14 @@ import * as i1 from "./dropdown.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../../button/src/button.module";
-import * as i6 from "@angular/material/list";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/select";
-import * as i9 from "ngx-mat-select-search";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "../../button/src/button.module";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/select";
+import * as i10 from "ngx-mat-select-search";
 export declare class MapaDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MatListModule, typeof i7.MatIconModule, typeof i8.MatSelectModule, typeof i9.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MatCheckboxModule, typeof i6.MapaButtonModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatSelectModule, typeof i10.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapaDropdownModule>;
 }

package/src/lib/components/capability/lib/core/interfaces/element-option.interface.d.ts

@@ -1,4 +1,5 @@
 export interface ElementOption {
     key: string;
     value: string;
+    childrenLevel?: number | null;
 }

package/src/lib/components/chart/lib/components/dropdown/src/dropdown.component.d.ts

@@ -6,6 +6,7 @@ import { Subject } from "rxjs/internal/Subject";
 import { ElementOption } from "../../../core/interfaces/element-option.interface";
 import { Dropdown } from "../../../core/elements/dropdown";
 import { ElementGroup } from "../../../core/interfaces/element-group.interface";
+import { MatCheckboxChange } from "@angular/material/checkbox";
 import * as i0 from "@angular/core";
 export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChanges {
     formControl: FormControl;
@@ -30,7 +31,8 @@ export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChang
     protected filterOptionsFromGroup(group: ElementGroup, value: string): ElementOption[];
     protected filterOptions(): void;
     protected setToggleAllCheckboxState(): void;
-    toggleSelectAll(selectAllValue: boolean): void;
+    toggleSelectAll(event: MatCheckboxChange): void;
+    toggleSelection(change: MatCheckboxChange): void;
     isElementGroup(object: ElementGroup | ElementOption): object is ElementGroup;
     compareFn(c1: any, c2: any): boolean;
     hasValue(): boolean;

package/src/lib/components/chart/lib/components/dropdown/src/dropdown.module.d.ts

@@ -3,13 +3,14 @@ import * as i1 from "./dropdown.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../../button/src/button.module";
-import * as i6 from "@angular/material/list";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/select";
-import * as i9 from "ngx-mat-select-search";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "../../button/src/button.module";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/select";
+import * as i10 from "ngx-mat-select-search";
 export declare class MapaDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MatListModule, typeof i7.MatIconModule, typeof i8.MatSelectModule, typeof i9.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MatCheckboxModule, typeof i6.MapaButtonModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatSelectModule, typeof i10.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapaDropdownModule>;
 }

package/src/lib/components/chart/lib/core/interfaces/element-option.interface.d.ts

@@ -1,4 +1,5 @@
 export interface ElementOption {
     key: string;
     value: string;
+    childrenLevel?: number | null;
 }

package/src/lib/components/dropdown/lib/components/dropdown/src/dropdown.component.d.ts

@@ -6,6 +6,7 @@ import { Subject } from "rxjs/internal/Subject";
 import { ElementOption } from "../../../core/interfaces/element-option.interface";
 import { Dropdown } from "../../../core/elements/dropdown";
 import { ElementGroup } from "../../../core/interfaces/element-group.interface";
+import { MatCheckboxChange } from "@angular/material/checkbox";
 import * as i0 from "@angular/core";
 export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChanges {
     formControl: FormControl;
@@ -30,7 +31,8 @@ export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChang
     protected filterOptionsFromGroup(group: ElementGroup, value: string): ElementOption[];
     protected filterOptions(): void;
     protected setToggleAllCheckboxState(): void;
-    toggleSelectAll(selectAllValue: boolean): void;
+    toggleSelectAll(event: MatCheckboxChange): void;
+    toggleSelection(change: MatCheckboxChange): void;
     isElementGroup(object: ElementGroup | ElementOption): object is ElementGroup;
     compareFn(c1: any, c2: any): boolean;
     hasValue(): boolean;

package/src/lib/components/dropdown/lib/components/dropdown/src/dropdown.module.d.ts

@@ -3,13 +3,14 @@ import * as i1 from "./dropdown.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../../button/src/button.module";
-import * as i6 from "@angular/material/list";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/select";
-import * as i9 from "ngx-mat-select-search";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "../../button/src/button.module";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/select";
+import * as i10 from "ngx-mat-select-search";
 export declare class MapaDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MatListModule, typeof i7.MatIconModule, typeof i8.MatSelectModule, typeof i9.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MatCheckboxModule, typeof i6.MapaButtonModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatSelectModule, typeof i10.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapaDropdownModule>;
 }

package/src/lib/components/dropdown/lib/components/dropdown-tree/src/dropdown.component.d.ts

@@ -1,14 +1,7 @@
-import { AfterViewInit, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
-import { DropdownTree } from '../../../core/elements/dropdown-tree';
-import { SelectionModel } from '@angular/cdk/collections';
-import { FlatTreeControl } from '@angular/cdk/tree';
-import { MatTreeFlattener, MatTreeFlatDataSource, MatTree } from '@angular/material/tree';
-import { Observable } from 'rxjs';
-import { ChecklistDatabase } from './checklist-database';
-import { MatAutocomplete } from '@angular/material/autocomplete';
-import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
-import { MatMenuTrigger } from '@angular/material/menu';
+import { Dropdown, DropdownTree } from '../../../core/elements';
+import { ElementOption } from '../../../core/interfaces';
 import * as i0 from "@angular/core";
 export declare class DataNode {
     key: string;
@@ -25,66 +18,14 @@ export declare class DataFlatNode {
     expandable: boolean;
     constructor();
 }
-export declare class MapaDropdownTreeComponent implements OnInit, AfterViewInit {
-    private _database;
+export declare class MapaDropdownTreeComponent implements OnInit {
     formGroup: FormGroup;
     element: DropdownTree;
-    autocomplete: MatAutocomplete;
-    tree: MatTree<DataNode>;
-    trigger: MatMenuTrigger;
-    toggleAllCheckbox: MatCheckbox;
-    isMenuExpanded: boolean;
-    /** Map from flat node to nested node. This helps us finding the nested node to be modified */
-    flatNodeMap: Map<DataFlatNode, DataNode>;
-    /** Map from nested node to flattened node. This helps us to keep the same object for selection */
-    nestedNodeMap: Map<DataNode, DataFlatNode>;
-    /** A selected parent node to be inserted */
-    selectedParent: DataFlatNode | null;
-    /** The new item's name */
-    newItemName: string;
-    treeControl: FlatTreeControl<DataFlatNode>;
-    treeFlattener: MatTreeFlattener<DataNode, DataFlatNode>;
-    dataSource: MatTreeFlatDataSource<DataNode, DataFlatNode>;
-    /** The selection for checklist */
-    checklistSelection: SelectionModel<DataFlatNode>;
-    myControl: FormControl<any>;
-    options: string[];
-    filteredOptions: Observable<string[]>;
-    constructor(_database: ChecklistDatabase);
+    elementOption: Dropdown;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    toggleAll(event: MatCheckboxChange): void;
-    clearAll(): void;
-    onPanelChange(): void;
-    filter(array: any[], text: string): void;
-    getLevel: (node: DataFlatNode) => number;
-    isExpandable: (node: DataFlatNode) => boolean;
-    getChildren: (node: DataNode) => DataNode[];
-    hasChild: (_: number, _nodeData: DataFlatNode) => boolean;
-    hasNoContent: (_: number, _nodeData: DataFlatNode) => boolean;
-    /**
-     * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
-     */
-    transformer: (node: DataNode, level: number) => DataFlatNode;
-    /** Whether all the descendants of the node are selected. */
-    descendantsAllSelected(node: DataFlatNode): boolean;
-    /** Whether part of the descendants are selected */
-    descendantsPartiallySelected(node: DataFlatNode): boolean;
-    /** Toggle the to-do item selection. Select/deselect all the descendants node */
-    todoItemSelectionToggle(node: DataFlatNode): void;
-    /** Toggle a leaf to-do item selection. Check all the parents to see if they changed */
-    todoLeafItemSelectionToggle(node: DataFlatNode): void;
-    checkAllParentsSelection(node: DataFlatNode): void;
-    /** Check root node checked state and change it accordingly */
-    checkRootNodeSelection(node: DataFlatNode): void;
-    getParentNode(node: DataFlatNode): DataFlatNode | null;
-    getSelectedItems(): string;
-    filterChanged(event: any): void;
-    clearSearchValue(): void;
-    selectSingleItem(node: DataFlatNode, emitEvent?: boolean): void;
-    hasValue(): boolean;
-    clearValue(event: any): void;
-    isAllNodeSelected(): boolean;
+    getFormControl(element: Dropdown): FormControl;
+    formatTree(tree: DataNode[], childrenLevel?: number): ElementOption[];
+    formatTreeChildren(children: DataNode[], childrenLevel: number): ElementOption[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownTreeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaDropdownTreeComponent, "mapa-dropdown-tree", never, { "formGroup": "formGroup"; "element": "element"; }, {}, never, never, false, never>;
 }

package/src/lib/components/dropdown/lib/components/dropdown-tree/src/dropdown.module.d.ts

@@ -4,16 +4,17 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
 import * as i5 from "../../button/src/button.module";
-import * as i6 from "@angular/material/list";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@angular/material/select";
-import * as i10 from "@angular/material/tree";
-import * as i11 from "@angular/material/checkbox";
-import * as i12 from "@angular/material/autocomplete";
-import * as i13 from "@angular/material/menu";
+import * as i6 from "../../dropdown/src/dropdown.module";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/select";
+import * as i11 from "@angular/material/tree";
+import * as i12 from "@angular/material/checkbox";
+import * as i13 from "@angular/material/autocomplete";
+import * as i14 from "@angular/material/menu";
 export declare class MapaDropdownTreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownTreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownTreeModule, [typeof i1.MapaDropdownTreeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MatListModule, typeof i7.MatIconModule, typeof i8.MatInputModule, typeof i9.MatSelectModule, typeof i10.MatTreeModule, typeof i11.MatCheckboxModule, typeof i12.MatAutocompleteModule, typeof i13.MatMenuModule], [typeof i1.MapaDropdownTreeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownTreeModule, [typeof i1.MapaDropdownTreeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MapaDropdownModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatInputModule, typeof i10.MatSelectModule, typeof i11.MatTreeModule, typeof i12.MatCheckboxModule, typeof i13.MatAutocompleteModule, typeof i14.MatMenuModule], [typeof i1.MapaDropdownTreeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapaDropdownTreeModule>;
 }

package/src/lib/components/dropdown/lib/core/elements/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./element-base";
+export * from "./dropdown";
+export * from "./dropdown-tree";
+export * from "./element-search";
+export * from "./errors";
+export * from "./input-text";
+export * from "./radio-button";
+export * from "./slide-toggle";
+export * from "./textarea";

package/src/lib/components/dropdown/lib/core/elements/input-text.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class InputText extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown/lib/core/elements/radio-button.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class RadioButton extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown/lib/core/elements/slide-toggle.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class SlideToggle extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown/lib/core/elements/textarea.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class Textarea extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown/lib/core/interfaces/button-icon.interface.d.ts

@@ -0,0 +1,6 @@
+export interface ButtonIcon {
+    id: number;
+    icon: string;
+    description: string;
+    originList?: string;
+}

package/src/lib/components/dropdown/lib/core/interfaces/chart-options.interface.d.ts

@@ -0,0 +1,19 @@
+import { ApexAxisChartSeries, ApexTitleSubtitle, ApexChart, ApexXAxis, ApexFill, ApexStroke, ApexMarkers, ApexYAxis, ApexLegend, ApexResponsive } from "ng-apexcharts";
+import { Dropdown } from "../elements/dropdown";
+import { FormControl } from "@angular/forms";
+export type ChartOptions = {
+    series: ApexAxisChartSeries;
+    chart: ApexChart;
+    title: ApexTitleSubtitle;
+    xaxis: ApexXAxis;
+    stroke?: ApexStroke;
+    fill?: ApexFill;
+    markers?: ApexMarkers;
+    yaxis?: ApexYAxis;
+    legend?: ApexLegend;
+    responsive?: ApexResponsive[];
+    dropdown?: {
+        element: Dropdown;
+        formControl: FormControl;
+    };
+};

package/src/lib/components/dropdown/lib/core/interfaces/classification.interface.d.ts

@@ -0,0 +1,6 @@
+export interface Classification {
+    classificationId?: number;
+    classificationName?: string;
+    classificationColor?: string;
+    classificationBg?: string;
+}

package/src/lib/components/dropdown/lib/core/interfaces/dialog-data.interface.d.ts

@@ -0,0 +1,11 @@
+export interface DialogData {
+    title: string;
+    description: string;
+    actions: {
+        close?: string;
+        save?: string;
+    };
+    imgBase64?: string;
+    isReportRegistration?: boolean;
+    button?: string;
+}

package/src/lib/components/dropdown/lib/core/interfaces/element-option.interface.d.ts

@@ -1,4 +1,5 @@
 export interface ElementOption {
     key: string;
     value: string;
+    childrenLevel?: number | null;
 }

package/src/lib/components/dropdown/lib/core/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./button-icon.interface";
+export * from "./chart-options.interface";
+export * from "./dialog-data.interface";
+export * from "./element-option.interface";
+export * from "./table-column.interface";
+export * from "./table-row-click-event.interface";

package/src/lib/components/dropdown/lib/core/interfaces/table-column.interface.d.ts

@@ -0,0 +1,19 @@
+import { Classification } from "./classification.interface";
+export interface TableColumnStatus {
+    label?: string[];
+    color?: string[];
+    textColor?: string[];
+    style?: "square" | "round";
+}
+export interface TableColumn {
+    key: string;
+    label: string;
+    sort?: boolean;
+    status?: TableColumnStatus;
+    mask?: string;
+    width?: string;
+    collapse?: string;
+    align?: string;
+    class?: string;
+    classification?: Classification;
+}

package/src/lib/components/dropdown/lib/core/interfaces/table-row-click-event.interface.d.ts

@@ -0,0 +1,4 @@
+export interface RowClickEvent {
+    row: string;
+    action: string;
+}

package/src/lib/components/dropdown-tree/lib/components/dropdown/src/dropdown.component.d.ts

@@ -6,6 +6,7 @@ import { Subject } from "rxjs/internal/Subject";
 import { ElementOption } from "../../../core/interfaces/element-option.interface";
 import { Dropdown } from "../../../core/elements/dropdown";
 import { ElementGroup } from "../../../core/interfaces/element-group.interface";
+import { MatCheckboxChange } from "@angular/material/checkbox";
 import * as i0 from "@angular/core";
 export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChanges {
     formControl: FormControl;
@@ -30,7 +31,8 @@ export declare class MapaDropdownComponent implements OnInit, OnDestroy, OnChang
     protected filterOptionsFromGroup(group: ElementGroup, value: string): ElementOption[];
     protected filterOptions(): void;
     protected setToggleAllCheckboxState(): void;
-    toggleSelectAll(selectAllValue: boolean): void;
+    toggleSelectAll(event: MatCheckboxChange): void;
+    toggleSelection(change: MatCheckboxChange): void;
     isElementGroup(object: ElementGroup | ElementOption): object is ElementGroup;
     compareFn(c1: any, c2: any): boolean;
     hasValue(): boolean;

package/src/lib/components/dropdown-tree/lib/components/dropdown/src/dropdown.module.d.ts

@@ -3,13 +3,14 @@ import * as i1 from "./dropdown.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../../button/src/button.module";
-import * as i6 from "@angular/material/list";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/select";
-import * as i9 from "ngx-mat-select-search";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "../../button/src/button.module";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/select";
+import * as i10 from "ngx-mat-select-search";
 export declare class MapaDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MatListModule, typeof i7.MatIconModule, typeof i8.MatSelectModule, typeof i9.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownModule, [typeof i1.MapaDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MatCheckboxModule, typeof i6.MapaButtonModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatSelectModule, typeof i10.NgxMatSelectSearchModule], [typeof i1.MapaDropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapaDropdownModule>;
 }

package/src/lib/components/dropdown-tree/lib/components/dropdown-tree/src/dropdown.component.d.ts

@@ -1,14 +1,7 @@
-import { AfterViewInit, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
-import { DropdownTree } from '../../../core/elements/dropdown-tree';
-import { SelectionModel } from '@angular/cdk/collections';
-import { FlatTreeControl } from '@angular/cdk/tree';
-import { MatTreeFlattener, MatTreeFlatDataSource, MatTree } from '@angular/material/tree';
-import { Observable } from 'rxjs';
-import { ChecklistDatabase } from './checklist-database';
-import { MatAutocomplete } from '@angular/material/autocomplete';
-import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
-import { MatMenuTrigger } from '@angular/material/menu';
+import { Dropdown, DropdownTree } from '../../../core/elements';
+import { ElementOption } from '../../../core/interfaces';
 import * as i0 from "@angular/core";
 export declare class DataNode {
     key: string;
@@ -25,66 +18,14 @@ export declare class DataFlatNode {
     expandable: boolean;
     constructor();
 }
-export declare class MapaDropdownTreeComponent implements OnInit, AfterViewInit {
-    private _database;
+export declare class MapaDropdownTreeComponent implements OnInit {
     formGroup: FormGroup;
     element: DropdownTree;
-    autocomplete: MatAutocomplete;
-    tree: MatTree<DataNode>;
-    trigger: MatMenuTrigger;
-    toggleAllCheckbox: MatCheckbox;
-    isMenuExpanded: boolean;
-    /** Map from flat node to nested node. This helps us finding the nested node to be modified */
-    flatNodeMap: Map<DataFlatNode, DataNode>;
-    /** Map from nested node to flattened node. This helps us to keep the same object for selection */
-    nestedNodeMap: Map<DataNode, DataFlatNode>;
-    /** A selected parent node to be inserted */
-    selectedParent: DataFlatNode | null;
-    /** The new item's name */
-    newItemName: string;
-    treeControl: FlatTreeControl<DataFlatNode>;
-    treeFlattener: MatTreeFlattener<DataNode, DataFlatNode>;
-    dataSource: MatTreeFlatDataSource<DataNode, DataFlatNode>;
-    /** The selection for checklist */
-    checklistSelection: SelectionModel<DataFlatNode>;
-    myControl: FormControl<any>;
-    options: string[];
-    filteredOptions: Observable<string[]>;
-    constructor(_database: ChecklistDatabase);
+    elementOption: Dropdown;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    toggleAll(event: MatCheckboxChange): void;
-    clearAll(): void;
-    onPanelChange(): void;
-    filter(array: any[], text: string): void;
-    getLevel: (node: DataFlatNode) => number;
-    isExpandable: (node: DataFlatNode) => boolean;
-    getChildren: (node: DataNode) => DataNode[];
-    hasChild: (_: number, _nodeData: DataFlatNode) => boolean;
-    hasNoContent: (_: number, _nodeData: DataFlatNode) => boolean;
-    /**
-     * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
-     */
-    transformer: (node: DataNode, level: number) => DataFlatNode;
-    /** Whether all the descendants of the node are selected. */
-    descendantsAllSelected(node: DataFlatNode): boolean;
-    /** Whether part of the descendants are selected */
-    descendantsPartiallySelected(node: DataFlatNode): boolean;
-    /** Toggle the to-do item selection. Select/deselect all the descendants node */
-    todoItemSelectionToggle(node: DataFlatNode): void;
-    /** Toggle a leaf to-do item selection. Check all the parents to see if they changed */
-    todoLeafItemSelectionToggle(node: DataFlatNode): void;
-    checkAllParentsSelection(node: DataFlatNode): void;
-    /** Check root node checked state and change it accordingly */
-    checkRootNodeSelection(node: DataFlatNode): void;
-    getParentNode(node: DataFlatNode): DataFlatNode | null;
-    getSelectedItems(): string;
-    filterChanged(event: any): void;
-    clearSearchValue(): void;
-    selectSingleItem(node: DataFlatNode, emitEvent?: boolean): void;
-    hasValue(): boolean;
-    clearValue(event: any): void;
-    isAllNodeSelected(): boolean;
+    getFormControl(element: Dropdown): FormControl;
+    formatTree(tree: DataNode[], childrenLevel?: number): ElementOption[];
+    formatTreeChildren(children: DataNode[], childrenLevel: number): ElementOption[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownTreeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaDropdownTreeComponent, "mapa-dropdown-tree", never, { "formGroup": "formGroup"; "element": "element"; }, {}, never, never, false, never>;
 }

package/src/lib/components/dropdown-tree/lib/components/dropdown-tree/src/dropdown.module.d.ts

@@ -4,16 +4,17 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/material/button";
 import * as i5 from "../../button/src/button.module";
-import * as i6 from "@angular/material/list";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/input";
-import * as i9 from "@angular/material/select";
-import * as i10 from "@angular/material/tree";
-import * as i11 from "@angular/material/checkbox";
-import * as i12 from "@angular/material/autocomplete";
-import * as i13 from "@angular/material/menu";
+import * as i6 from "../../dropdown/src/dropdown.module";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/select";
+import * as i11 from "@angular/material/tree";
+import * as i12 from "@angular/material/checkbox";
+import * as i13 from "@angular/material/autocomplete";
+import * as i14 from "@angular/material/menu";
 export declare class MapaDropdownTreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDropdownTreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownTreeModule, [typeof i1.MapaDropdownTreeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MatListModule, typeof i7.MatIconModule, typeof i8.MatInputModule, typeof i9.MatSelectModule, typeof i10.MatTreeModule, typeof i11.MatCheckboxModule, typeof i12.MatAutocompleteModule, typeof i13.MatMenuModule], [typeof i1.MapaDropdownTreeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapaDropdownTreeModule, [typeof i1.MapaDropdownTreeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MapaButtonModule, typeof i6.MapaDropdownModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatInputModule, typeof i10.MatSelectModule, typeof i11.MatTreeModule, typeof i12.MatCheckboxModule, typeof i13.MatAutocompleteModule, typeof i14.MatMenuModule], [typeof i1.MapaDropdownTreeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapaDropdownTreeModule>;
 }

package/src/lib/components/dropdown-tree/lib/core/elements/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./element-base";
+export * from "./dropdown";
+export * from "./dropdown-tree";
+export * from "./element-search";
+export * from "./errors";
+export * from "./input-text";
+export * from "./radio-button";
+export * from "./slide-toggle";
+export * from "./textarea";

package/src/lib/components/dropdown-tree/lib/core/elements/input-text.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class InputText extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown-tree/lib/core/elements/radio-button.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class RadioButton extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown-tree/lib/core/elements/slide-toggle.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class SlideToggle extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown-tree/lib/core/elements/textarea.d.ts

@@ -0,0 +1,4 @@
+import { ElementBase } from './element-base';
+export declare class Textarea extends ElementBase {
+    controlType: string;
+}

package/src/lib/components/dropdown-tree/lib/core/interfaces/button-icon.interface.d.ts

@@ -0,0 +1,6 @@
+export interface ButtonIcon {
+    id: number;
+    icon: string;
+    description: string;
+    originList?: string;
+}