ontimize-web-ngx 15.0.0-beta.1 → 15.0.0-beta.2

package/lib/components/button-toggle/o-button-toggle-group/o-button-toggle-group.component.d.ts

@@ -1,11 +1,10 @@
-import { AfterViewInit, ComponentFactoryResolver, EventEmitter, OnInit, QueryList, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnInit, QueryList, ViewContainerRef } from '@angular/core';
 import { MatButtonToggleChange, MatButtonToggleGroup } from '@angular/material/button-toggle';
 import { OButtonToggleComponent } from '../o-button-toggle.component';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_BUTTON_TOGGLE_GROUP: string[];
 export declare const DEFAULT_OUTPUTS_O_BUTTON_TOGGLE_GROUP: string[];
 export declare class OButtonToggleGroupComponent implements AfterViewInit, OnInit {
-    protected resolver: ComponentFactoryResolver;
     DEFAULT_INPUTS_O_BUTTON_TOGGLE_GROUP: string[];
     DEFAULT_OUTPUTS_O_BUTTON_TOGGLE_GROUP: string[];
     protected oattr: string;
@@ -20,7 +19,6 @@ export declare class OButtonToggleGroupComponent implements AfterViewInit, OnIni
     protected _innerButtonToggleGroup: MatButtonToggleGroup;
     protected _viewContainerRef: ViewContainerRef;
     protected _children: QueryList<OButtonToggleComponent>;
-    constructor(resolver: ComponentFactoryResolver);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     protected buildChildren(): void;

package/lib/components/card-menu-item/o-card-menu-item.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, Injector, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { OTranslateService } from '../../services/translate/o-translate.service';
@@ -9,7 +9,6 @@ export declare class OCardMenuItemComponent implements AfterViewInit, OnDestroy
     protected injector: Injector;
     protected router: Router;
     protected actRoute: ActivatedRoute;
-    protected resolver: ComponentFactoryResolver;
     protected cd: ChangeDetectorRef;
     protected elRef: ElementRef;
     title: string;
@@ -31,7 +30,7 @@ export declare class OCardMenuItemComponent implements AfterViewInit, OnDestroy
     protected translateServiceSubscription: Subscription;
     secondaryContent: QueryList<any>;
     protected _showSecondaryContainer: boolean;
-    constructor(injector: Injector, router: Router, actRoute: ActivatedRoute, resolver: ComponentFactoryResolver, cd: ChangeDetectorRef, elRef: ElementRef);
+    constructor(injector: Injector, router: Router, actRoute: ActivatedRoute, cd: ChangeDetectorRef, elRef: ElementRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     useImage(): boolean;

package/lib/components/form-container/o-form-container.component.d.ts

@@ -1,17 +1,15 @@
-import { AfterViewInit, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ViewContainerRef } from '@angular/core';
 import { OFormBase } from '../form/o-form-base.class';
 import { OFormLayoutManagerBase } from '../../layouts/form-layout/o-form-layout-manager-base.class';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_FORM_CONTAINER: string[];
 export declare class OFormContainerComponent implements AfterViewInit {
-    private resolver;
     breadContainer: ViewContainerRef;
     breadcrumb: boolean;
     breadcrumbLabelColumns: string;
     breadcrumbSeparator: string;
     protected form: OFormBase;
     protected formMananger: OFormLayoutManagerBase;
-    constructor(resolver: ComponentFactoryResolver);
     ngAfterViewInit(): void;
     setForm(form: OFormBase): void;
     createBreadcrumb(container: ViewContainerRef): void;

package/lib/components/index.d.ts

@@ -36,8 +36,7 @@ export * from './o-service-base-component.class';
 export * from './o-service-component.class';
 export * from './o-value-change-event.class';
 export * from './table/index';
-export * from './user-info/o-user-info.component';
-export * from './user-info/o-user-info.module';
+export * from './user-info/index';
 export * from './dual-list-selector/index';
 export * from './o-data-toolbar/index';
 export * from './expandable-container/o-expandable-container.component';

package/lib/components/table/column/calculated/o-table-column-calculated.component.d.ts

@@ -1,4 +1,4 @@
-import { ComponentFactoryResolver, Injector } from '@angular/core';
+import { Injector } from '@angular/core';
 import { OTableColumnCalculated } from '../../../../interfaces/o-table-column-calculated.interface';
 import { OperatorFunction } from '../../../../types/operation-function.type';
 import { OTableComponent } from '../../o-table.component';
@@ -7,11 +7,10 @@ import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_TABLE_COLUMN_CALCULATED: string[];
 export declare class OTableColumnCalculatedComponent extends OTableColumnComponent implements OTableColumnCalculated {
     table: OTableComponent;
-    protected resolver: ComponentFactoryResolver;
     protected injector: Injector;
     operation: string;
     functionOperation: OperatorFunction;
-    constructor(table: OTableComponent, resolver: ComponentFactoryResolver, injector: Injector);
+    constructor(table: OTableComponent, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableColumnCalculatedComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OTableColumnCalculatedComponent, "o-table-column-calculated", never, { "operation": "operation"; "functionOperation": "operation-function"; }, {}, never, never, false, never>;
 }

package/lib/components/table/column/o-table-column.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ComponentFactoryResolver, EventEmitter, Injector, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, EventEmitter, Injector, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
 import { OTableColumn } from '../../../interfaces/o-table-column.interface';
 import { OPercentageValueBaseType } from '../../../pipes/o-percentage.pipe';
@@ -12,7 +12,6 @@ export declare const DEFAULT_INPUTS_O_TABLE_COLUMN: string[];
 export declare const DEFAULT_OUTPUTS_O_TABLE_COLUMN: string[];
 export declare class OTableColumnComponent implements OTableColumn, OnDestroy, OnInit, AfterViewInit {
     table: OTableComponent;
-    protected resolver: ComponentFactoryResolver;
     protected injector: Injector;
     renderer: any;
     editor: any;
@@ -104,7 +103,7 @@ export declare class OTableColumnComponent implements OTableColumn, OnDestroy, O
     asyncLoad: boolean;
     container: ViewContainerRef;
     private subscriptions;
-    constructor(table: OTableComponent, resolver: ComponentFactoryResolver, injector: Injector);
+    constructor(table: OTableComponent, injector: Injector);
     static addEditor(type: string, editorClassReference: any): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -112,7 +111,7 @@ export declare class OTableColumnComponent implements OTableColumn, OnDestroy, O
     parseTitleAlign(): string;
     get originalWidth(): string;
     protected createRenderer(): void;
-    buildCellEditor(type: string, resolver: ComponentFactoryResolver, container: ViewContainerRef, propsOrigin: any, registerInColumn?: boolean): any;
+    buildCellEditor(type: string, container: ViewContainerRef, propsOrigin: any, registerInColumn?: boolean): any;
     protected createEditor(): void;
     registerRenderer(renderer: any): void;
     registerEditor(editor: any): void;

package/lib/components/table/extensions/default-o-table.datasource.d.ts

@@ -63,6 +63,7 @@ export declare class DefaultOTableDataSource extends DataSource<any> implements
     get sqlTypes(): any;
     protected getData(): any[];
     getRenderedData(data: any[]): any[];
+    getDataToSort(data: any[]): any[];
     protected getAllData(usingRendererers?: boolean, onlyVisibleColumns?: boolean): {}[];
     private getRenderersData;
     getColumnData(ocolumn: string): {}[];

package/lib/components/table/extensions/header/table-insertable-row/o-table-insertable-row.component.d.ts

@@ -1,4 +1,4 @@
-import { ComponentFactoryResolver, EventEmitter, Injector, OnInit } from '@angular/core';
+import { EventEmitter, Injector, OnInit } from '@angular/core';
 import { UntypedFormControl, ValidatorFn } from '@angular/forms';
 import { SnackBarService } from '../../../../../services/snackbar.service';
 import { OTranslateService } from '../../../../../services/translate/o-translate.service';
@@ -10,7 +10,6 @@ export declare const DEFAULT_OUTPUTS_O_TABLE_INSERTABLE_ROW: string[];
 export declare class OTableInsertableRowComponent implements OnInit {
     protected injector: Injector;
     protected table: OTableComponent;
-    protected resolver: ComponentFactoryResolver;
     static AVAILABLE_ROW_POSITIONS: string[];
     static DEFAULT_ROW_POSITION: string;
     protected columns: string;
@@ -28,7 +27,7 @@ export declare class OTableInsertableRowComponent implements OnInit {
     protected controls: any;
     translateService: OTranslateService;
     snackBarService: SnackBarService;
-    constructor(injector: Injector, table: OTableComponent, resolver: ComponentFactoryResolver);
+    constructor(injector: Injector, table: OTableComponent);
     ngOnInit(): void;
     isFirstRow(): boolean;
     isColumnInsertable(column: OColumn): boolean;

package/lib/components/table/o-table.component.d.ts

@@ -1,13 +1,13 @@
 import { SelectionModel } from '@angular/cdk/collections';
-import { DomPortalOutlet } from '@angular/cdk/portal';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { AfterContentInit, AfterViewInit, ApplicationRef, ComponentFactoryResolver, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, QueryList, SimpleChange, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ApplicationRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, QueryList, SimpleChange, TemplateRef, ViewContainerRef } from '@angular/core';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatDialog } from '@angular/material/dialog';
 import { MatMenu } from '@angular/material/menu';
 import { PageEvent } from '@angular/material/paginator';
 import { MatTab, MatTabGroup } from '@angular/material/tabs';
 import { Observable, Subscription } from 'rxjs';
+import { DomPortalOutlet } from '@angular/cdk/portal';
 import type { OTableButton } from '../../interfaces/o-table-button.interface';
 import type { OTableButtons } from '../../interfaces/o-table-buttons.interface';
 import type { OTableColumnsGrouping } from '../../interfaces/o-table-columns-grouping-interface';
@@ -60,7 +60,6 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected dialog: MatDialog;
     private _viewContainerRef;
     private appRef;
-    private _componentFactoryResolver;
     readonly scrollStrategy: OTableVirtualScrollStrategy;
     static DEFAULT_BASE_SIZE_SPINNER: number;
     static FIRST_LAST_CELL_PADDING: number;
@@ -216,7 +215,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     oTableColumnsGroupingComponent: OTableColumnsGrouping;
     contextMenuContentChild: OTableContextMenuComponent;
     protected triggerSelectionEvents: boolean;
-    constructor(injector: Injector, elRef: ElementRef, dialog: MatDialog, _viewContainerRef: ViewContainerRef, appRef: ApplicationRef, _componentFactoryResolver: ComponentFactoryResolver, form: OFormComponent, scrollStrategy: OTableVirtualScrollStrategy);
+    constructor(injector: Injector, elRef: ElementRef, dialog: MatDialog, _viewContainerRef: ViewContainerRef, appRef: ApplicationRef, form: OFormComponent, scrollStrategy: OTableVirtualScrollStrategy);
     private getGlobalConfig;
     get state(): OTableComponentStateClass;
     ngOnInit(): void;
@@ -426,7 +425,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     reinitializeSortColumns(sortColumns?: SQLOrder[]): void;
     protected refreshSortHeaders(): void;
     getQuickFilterValue(): string;
-    protected queryCellRenderers(): Observable<any>;
+    queryCellRenderers(): Observable<any>;
     tableQuickFilterChanged(value: string): void;
     filterData(value?: string, loadMore?: boolean): void;
     setOTableColumnsGrouping(value: OTableColumnsGrouping): void;
@@ -441,7 +440,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     resetColumnsWidth(): void;
     updateColumnsDOMWidth(): void;
     isDisableCheckbox(item: any): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OTableComponent, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OTableComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OTableComponent, "o-table", never, { "visibleColumns": "visible-columns"; "defaultVisibleColumns": "default-visible-columns"; "sortColumns": "sort-columns"; "quickFilterCallback": "quick-filter-function"; "deleteButton": "delete-button"; "refreshButton": "refresh-button"; "columnsVisibilityButton": "columns-visibility-button"; "exportButton": "export-button"; "showConfigurationOption": "show-configuration-option"; "showButtonsText": "show-buttons-text"; "selectAllCheckbox": "select-all-checkbox"; "paginationControls": "pagination-controls"; "fixedHeader": "fixed-header"; "showTitle": "show-title"; "editionMode": "edition-mode"; "selectionMode": "selection-mode"; "horizontalScroll": "horizontal-scroll"; "showPaginatorFirstLastButtons": "show-paginator-first-last-buttons"; "autoAlignTitles": "auto-align-titles"; "multipleSort": "multiple-sort"; "selectAllCheckboxVisible": "select-all-checkbox-visible"; "orderable": "orderable"; "resizable": "resizable"; "keepSelectedItems": "keep-selected-items"; "exportMode": "export-mode"; "exportServiceType": "export-service-type"; "autoAdjust": "auto-adjust"; "showFilterOption": "show-filter-option"; "visibleExportDialogButtons": "visible-export-dialog-buttons"; "rowClass": "row-class"; "filterColumnActiveByDefault": "filter-column-active-by-default"; "groupedColumns": "grouped-columns"; "groupable": "groupable"; "expandGroupsSameLevel": "expand-groups-same-level"; "collapseGroupedColumns": "collapse-grouped-columns"; "virtualScroll": "virtual-scroll"; "contextMenu": "context-menu"; "showExpandableIconFunction": "show-expandable-icon-function"; "showReportOnDemandOption": "show-report-on-demand-option"; "showChartsOnDemandOption": "show-charts-on-demand-option"; "showResetWidthOption": "show-reset-width-option"; "disableSelectionFunction": "disable-selection-function"; }, { "onRowSelected": "onRowSelected"; "onRowDeselected": "onRowDeselected"; "onRowDeleted": "onRowDeleted"; }, ["tableRowExpandable", "quickfilterContentChild", "tableColumnSelectAllContentChild", "contextMenuContentChild", "tableOptions", "tableButtons"], ["o-table-button", "[o-table-toolbar][position=start]", "[o-table-toolbar][position=end]", "[o-table-toolbar]", "o-table-quickfilter", "o-table-option", "o-table-export-button"], false, never>;
 }
 export {};

package/lib/components/user-info/index.d.ts

@@ -0,0 +1,4 @@
+export * from './o-user-info.component';
+export * from './user-info-configuration/o-user-info-configuration.directive';
+export * from './user-info-configuration-item/o-user-info-configuration-item.directive';
+export * from './o-user-info.module';

package/lib/components/user-info/o-user-info.module.d.ts

@@ -7,6 +7,6 @@ import * as i5 from "../../shared/shared.module";
 import * as i6 from "@angular/router";
 export declare class OUserInfoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OUserInfoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OUserInfoModule, [typeof i1.OUserInfoComponent, typeof i2.OUserInfoConfigurationDirective, typeof i3.OUserInfoConfigurationItemDirective], [typeof i4.CommonModule, typeof i5.OSharedModule, typeof i6.RouterModule], [typeof i1.OUserInfoComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OUserInfoModule, [typeof i1.OUserInfoComponent, typeof i2.OUserInfoConfigurationDirective, typeof i3.OUserInfoConfigurationItemDirective], [typeof i4.CommonModule, typeof i5.OSharedModule, typeof i6.RouterModule], [typeof i1.OUserInfoComponent, typeof i2.OUserInfoConfigurationDirective, typeof i3.OUserInfoConfigurationItemDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OUserInfoModule>;
 }

package/lib/interfaces/o-table-column.interface.d.ts

@@ -1,4 +1,4 @@
-import { ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
+import { ViewContainerRef } from '@angular/core';
 import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
 import { OTableComponent } from '../components/table/o-table.component';
 import { Expression } from '../types/expression.type';
@@ -32,7 +32,7 @@ export interface OTableColumn {
     tooltipFunction: (rowData: any) => any;
     filterExpressionFunction: (columnAttr: string, quickFilter?: string) => Expression;
     getSQLType: () => number;
-    buildCellEditor: (type: string, resolver: ComponentFactoryResolver, container: ViewContainerRef, propsOrigin: any, registerInColumn?: boolean) => any;
+    buildCellEditor: (type: string, container: ViewContainerRef, propsOrigin: any, registerInColumn?: boolean) => any;
     registerEditor: (editor: any) => void;
     registerRenderer: (editor: any) => void;
 }

package/lib/layouts/form-layout/dialog/o-form-layout-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ComponentFactory, ComponentFactoryResolver, Injector } from '@angular/core';
+import { AfterViewInit, Injector } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ILayoutManagerComponent } from '../../../interfaces/layout-manager-component.interface';
 import { OFormLayoutManagerMode } from '../../../interfaces/o-form-layout-manager-mode.interface';
@@ -9,7 +9,6 @@ import * as i0 from "@angular/core";
 export declare class OFormLayoutDialogComponent implements OFormLayoutManagerMode, AfterViewInit {
     dialogRef: MatDialogRef<OFormLayoutDialogComponent>;
     protected injector: Injector;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     formLayoutManager: OFormLayoutManagerBase;
     queryParams: any;
     params: object;
@@ -17,10 +16,11 @@ export declare class OFormLayoutDialogComponent implements OFormLayoutManagerMod
     label: string;
     title: string;
     data: any;
-    protected componentFactory: ComponentFactory<any>;
+    dialogTitleSeparator: string;
+    protected component: any;
     protected dialogService: DialogService;
     contentDirective: OFormLayoutManagerContentDirective;
-    constructor(dialogRef: MatDialogRef<OFormLayoutDialogComponent>, injector: Injector, componentFactoryResolver: ComponentFactoryResolver, data: any);
+    constructor(dialogRef: MatDialogRef<OFormLayoutDialogComponent>, injector: Injector, data: any);
     ngAfterViewInit(): void;
     updateNavigation(data: any): void;
     updateActiveData(data: any): void;

package/lib/layouts/form-layout/dialog/options/o-form-layout-dialog-options.directive.d.ts

@@ -21,6 +21,7 @@ export declare class OFormLayoutDialogOptionsDirective {
     title: string;
     labelColumns: string;
     separator: string;
+    dialogTitleSeparator: any;
     getOptions(): {
         width: string;
         minWidth: string | number;
@@ -36,7 +37,8 @@ export declare class OFormLayoutDialogOptionsDirective {
         title: string;
         labelColumns: string;
         separator: string;
+        dialogTitleSeparator: any;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<OFormLayoutDialogOptionsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OFormLayoutDialogOptionsDirective, "o-form-layout-dialog-options, o-form-layout-manager[mode=\"dialog\"]", never, { "width": "width"; "minWidth": "min-width"; "maxWidth": "max-width"; "height": "height"; "minHeight": "min-height"; "maxHeight": "max-height"; "class": "class"; "position": "position"; "backdropClass": "backdrop-class"; "closeOnNavigation": "close-on-navigation"; "disableClose": "disable-close"; "title": "title"; "labelColumns": "label-columns"; "separator": "separator"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OFormLayoutDialogOptionsDirective, "o-form-layout-dialog-options, o-form-layout-manager[mode=\"dialog\"]", never, { "width": "width"; "minWidth": "min-width"; "maxWidth": "max-width"; "height": "height"; "minHeight": "min-height"; "maxHeight": "max-height"; "class": "class"; "position": "position"; "backdropClass": "backdrop-class"; "closeOnNavigation": "close-on-navigation"; "disableClose": "disable-close"; "title": "title"; "labelColumns": "label-columns"; "separator": "separator"; "dialogTitleSeparator": "dialog-title-separator"; }, {}, never, never, false, never>;
 }

package/lib/layouts/form-layout/o-form-layout-manager.component.d.ts

@@ -46,6 +46,7 @@ export declare class OFormLayoutManagerComponent implements AfterViewInit, OnIni
     dialogMinHeight: string;
     dialogMaxHeight: string;
     dialogClass: string;
+    dialogTitleSeparator: string;
     oTabGroup: OFormLayoutManagerMode;
     dialogRef: MatDialogRef<OFormLayoutDialogComponent>;
     oSplitPane: OFormLayoutManagerMode;
@@ -121,5 +122,5 @@ export declare class OFormLayoutManagerComponent implements AfterViewInit, OnIni
     hasToConfirmExit(data: FormLayoutDetailComponentData, options?: FormLayoutCloseDetailOptions): boolean;
     getIdOfActiveItem(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<OFormLayoutManagerComponent, [null, null, null, null, null, { optional: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OFormLayoutManagerComponent, "o-form-layout-manager", never, { "oattr": "attr"; "mode": "mode"; "storeState": "store-state"; "title": "title"; "labelColumns": "label-columns"; "separator": "separator"; "titleDataOrigin": "title-data-origin"; "dialogWidth": "dialog-width"; "dialogMinWidth": "dialog-min-width"; "dialogMaxWidth": "dialog-max-width"; "dialogHeight": "dialog-height"; "dialogMinHeight": "dialog-min-height"; "dialogMaxHeight dialog-max-height": "dialogMaxHeight dialog-max-height"; "dialogClass": "dialog-class"; }, { "onMainTabSelected": "onMainTabSelected"; "onSelectedTabChange": "onSelectedTabChange"; "onCloseTab": "onCloseTab"; }, never, ["*", "*", "*", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OFormLayoutManagerComponent, "o-form-layout-manager", never, { "oattr": "attr"; "mode": "mode"; "storeState": "store-state"; "title": "title"; "labelColumns": "label-columns"; "separator": "separator"; "titleDataOrigin": "title-data-origin"; "dialogWidth": "dialog-width"; "dialogMinWidth": "dialog-min-width"; "dialogMaxWidth": "dialog-max-width"; "dialogHeight": "dialog-height"; "dialogMinHeight": "dialog-min-height"; "dialogMaxHeight dialog-max-height": "dialogMaxHeight dialog-max-height"; "dialogClass": "dialog-class"; "dialogTitleSeparator": "dialog-title-separator"; }, { "onMainTabSelected": "onMainTabSelected"; "onSelectedTabChange": "onSelectedTabChange"; "onCloseTab": "onCloseTab"; }, never, ["*", "*", "*", "*"], false, never>;
 }

package/lib/layouts/form-layout/split-pane/o-form-layout-split-pane.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ComponentFactoryResolver, ElementRef, Injector, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, Injector, OnInit, Renderer2 } from '@angular/core';
 import { Router } from '@angular/router';
 import { ResizeEvent } from 'angular-resizable-element';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -15,7 +15,6 @@ export declare const DEFAULT_OUTPUTS_O_FORM_LAYOUT_SPLIT_PANE: any[];
 export declare class OFormLayoutSplitPaneComponent implements OnInit, AfterViewInit, OFormLayoutManagerMode {
     protected injector: Injector;
     protected elementRef: ElementRef;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     renderer: Renderer2;
     formLayoutManager: OFormLayoutManagerBase;
     data: FormLayoutDetailComponentData;
@@ -27,7 +26,7 @@ export declare class OFormLayoutSplitPaneComponent implements OnInit, AfterViewI
     protected _options: any;
     set options(value: any);
     protected dialogService: DialogService;
-    constructor(injector: Injector, elementRef: ElementRef, componentFactoryResolver: ComponentFactoryResolver, renderer: Renderer2, formLayoutManager: OFormLayoutManagerBase);
+    constructor(injector: Injector, elementRef: ElementRef, renderer: Renderer2, formLayoutManager: OFormLayoutManagerBase);
     get state(): OFormLayoutManagerComponentStateClass;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/layouts/form-layout/tabgroup/o-form-layout-tabgroup.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ComponentFactoryResolver, ElementRef, EventEmitter, Injector, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, Injector, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
 import { MatTabChangeEvent, MatTabGroup } from '@angular/material/tabs';
 import { Router } from '@angular/router';
 import { BehaviorSubject, Subject, Subscription } from 'rxjs';
@@ -14,7 +14,6 @@ export declare const DEFAULT_INPUTS_O_FORM_LAYOUT_TABGROUP: string[];
 export declare const DEFAULT_OUTPUTS_O_FORM_LAYOUT_TABGROUP: string[];
 export declare class OFormLayoutTabGroupComponent implements OFormLayoutManagerMode, AfterViewInit, OnDestroy {
     protected injector: Injector;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected location: ViewContainerRef;
     protected elementRef: ElementRef;
     formLayoutManager: OFormLayoutManagerBase;
@@ -34,7 +33,7 @@ export declare class OFormLayoutTabGroupComponent implements OFormLayoutManagerM
     protected previousSelectedIndex: number;
     updateTabComponentsState: Subject<any>;
     tabsModificationsCache: any[];
-    constructor(injector: Injector, componentFactoryResolver: ComponentFactoryResolver, location: ViewContainerRef, elementRef: ElementRef, formLayoutManager: OFormLayoutManagerBase);
+    constructor(injector: Injector, location: ViewContainerRef, elementRef: ElementRef, formLayoutManager: OFormLayoutManagerBase);
     get state(): OFormLayoutManagerComponentStateClass;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/services/o-error-dialog-manager.service.d.ts

@@ -3,10 +3,10 @@ import type { ODialogConfig } from '../shared';
 import { ODialogInternalComponent } from '../shared/components/dialog/o-dialog-internal.component';
 import * as i0 from "@angular/core";
 export declare class OErrorDialogManager {
-    protected errorDialogSubscription: Promise<boolean>;
     protected ng2Dialog: MatDialog;
+    protected errorDialogSubscription: Promise<boolean>;
     dialogRef: MatDialogRef<ODialogInternalComponent>;
-    constructor();
+    constructor(ng2Dialog: MatDialog);
     protected restart(): void;
     openErrorDialog(err?: any): Promise<boolean>;
     protected openDialog(observer: any): void;

package/lib/services/translate/o-translate.service.d.ts

@@ -19,6 +19,7 @@ export declare class OTranslateService {
     protected notFoundLang: Array<string>;
     protected appConfig: AppConfig;
     protected existingLangFiles: Array<string>;
+    protected defaultLocale: string;
     constructor(injector: Injector);
     storeLanguage(language: string): void;
     getStoredLanguage(): string;

package/lib/util/util.d.ts

@@ -33,6 +33,7 @@ export declare class Util {
     static extractPixelsValue(value: any, defaultValue?: number): number;
     static parseOInputsOptions(elRef: any, oInputsOptions: any): void;
     static escapeSpecialCharacter(S: string): string;
+    static isArrayEqual(array1: Array<any>, array2: Array<any>): boolean;
     static differenceArrays(array1: Array<any>, array2: Array<any>): Array<any>;
     static convertToODateValueType(val: any): ODateValueType;
     static uniqueBy(a: Array<any>, key: any): any[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ontimize-web-ngx",
   "homepage": "https://github.com/OntimizeWeb/ontimize-web-ngx#readme",
-  "version": "15.0.0-beta.1",
+  "version": "15.0.0-beta.2",
   "description": "Ontimize Web framework using Angular 15",
   "bugs": "https://github.com/OntimizeWeb/ontimize-web-ngx/issues",
   "author": "Imatia S.L.",

package/theme.scss

@@ -466,9 +466,6 @@
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
 
-  /* outline appearance */
-  $border-radius: 2px;
-
   .mat-mdc-form-field {
     &.mat-form-field-disabled.accent {
       @include icon-color-mixin(mat.get-color-from-palette($accent, 0.42));
@@ -490,7 +487,7 @@
       color: mat.get-color-from-palette($foreground, disabled-button);
     }
 
-    &.mat-form-field-appearance-ontimize.read-only{
+    &.mat-form-field-appearance-ontimize.read-only {
 
       .mat-mdc-select-disabled .mat-mdc-select-value {
         color: inherit;
@@ -509,14 +506,6 @@
       color: mat.get-color-from-palette($warn);
     }
 
-    /* OUTLINE APPEARANCE */
-    &.mat-form-field-appearance-outline .mdc-text-field--outlined .mdc-notched-outline {
-
-      .mdc-notched-outline__leading,
-      .mdc-notched-outline__trailing {
-        border-radius: $border-radius 0 0 $border-radius;
-      }
-    }
   }
 
   input:not([type]):disabled,
@@ -539,9 +528,11 @@
   }
 
   .o-tooltip.o-mat-error {
-    background: mat.get-color-from-palette($primary, default-contrast);
-    border: 1px solid mat.get-color-from-palette($warn);
-    color: mat.get-color-from-palette($warn);
+    .mdc-tooltip__surface {
+      background: mat.get-color-from-palette($primary, default-contrast);
+      border: 1px solid mat.get-color-from-palette($warn);
+      color: mat.get-color-from-palette($warn);
+    }
   }
 
   /* CHECKBOX */
@@ -690,11 +681,16 @@
     .mat-mdc-dialog-container {
       .mat-mdc-dialog-title {
         border-bottom: 1px solid mat.get-color-from-palette($primary);
-
         .mat-icon {
           color: mat.get-color-from-palette($primary);
         }
       }
+      @if($typography){
+      .mat-mdc-dialog-title {
+        line-height: mat.font-size($typography, subtitle-1);
+        font-size: mat.font-size($typography, subtitle-1);
+      }
+    }
 
 
       .empty-filter-list {

package/theming/ontimize-style-v8.scss

@@ -151,6 +151,20 @@ $app-background-color: #eaeaea;
   .o-app-sidenav {
     font-weight: 400;
     color: #aaaaaa;
+
+    .mat-drawer-closed {
+
+      .o-app-sidenav-menu-group,
+      .o-app-sidenav-menu-item {
+        a {
+          width: variables.$sidenav-closed-width - variables.$margin-left-buttom;
+          max-width: variables.$sidenav-closed-width - variables.$margin-left-buttom;
+          min-width: variables.$sidenav-closed-width - variables.$margin-left-buttom;
+          padding-left: 4px;
+          padding-right: 12px;
+        }
+      }
+    }
   }
 
   /* USER INFO */
@@ -304,4 +318,12 @@ $app-background-color: #eaeaea;
   o-row.o-row.bg-level-1 {
     background-color: mat.get-color-from-palette($background, level-1);
   }
+}
+
+@mixin ontimize-theme-all-component-color($theme-or-color-config) {
+  $color: map.get($theme-or-color-config, color);
+  @include ontimize-theme-styles((color: $color,
+      typography: null,
+      density: null,
+    ));
 }

package/theming/ontimize-style.scss

@@ -693,11 +693,12 @@ $ontimize-dark-theme-foreground: (base: rgba(white, 0.6),
       }
 
       @if($typography) {
+
         >.o-container-title,
         >.mat-expansion-panel-header .o-container-title {
           span {
             font: {
-              size: mat.font-size($typography, headline-5);
+              size: mat.font-size($typography, headline-6);
               weight: bold;
             }
           }

package/theming/styles/ontimize-v8/o-form-field-style.scss

@@ -1,10 +1,21 @@
 @use '@angular/material'as mat;
-
+@use 'variables.scss';
 
 .mat-mdc-form-field {
 
-  @include mat.form-field-density(-4);
+  @include mat.form-field-density(-2);
 
+  &.mat-form-field-appearance-outline .mdc-notched-outline {
+    .mdc-notched-outline__leading {
+      border-top-left-radius: variables.$border-radius;
+      border-bottom-left-radius: variables.$border-radius;
+    }
+
+    .mdc-notched-outline__trailing {
+      border-top-right-radius: variables.$border-radius;
+      border-bottom-right-radius: variables.$border-radius;
+    }
+  }
 
   &.icon-field .mat-mdc-form-field-icon-suffix .icon-btn,
   &.icon-field .mat-mdc-form-field-icon-suffix .mat-icon-button,
@@ -21,10 +32,6 @@
     }
   }
 
-  .mat-mdc-form-field-subscript-wrapper {
-    display: none;
-  }
-
   .mat-mdc-text-field-wrapper {
     .mat-mdc-form-field-flex {
       .mat-mdc-form-field-infix {
@@ -40,13 +47,13 @@
           height: auto;
         }
       }
-
-      &:not(.mdc-text-field--outlined) {
-        .mat-mdc-form-field-infix {
-          min-height: auto;
-          padding-top: 14px;
-        }
-      }
     }
+
+  }
+
+  .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
+  .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
+    padding-bottom: 4px;
+    padding-top: 18px;
   }
 }

package/theming/styles/ontimize-v8/variables.scss

@@ -7,4 +7,7 @@
   $background-tab-inactive-on-dark: #686868;
   $background-tab-inactive-on-light: #D7DDE0;
   /*Application background-color*/
-  $app-background-color: #eaeaea;
+  $app-background-color: #eaeaea;
+
+  $margin-left-buttom: 8px;
+  $sidenav-closed-width: 48px;

package/theming/themes/ontimize-blue.scss

@@ -5,14 +5,17 @@
 /* Color definitions */
 $mat-custom-primary: (50 : #e3ecf4, 100 : #b9d1e4, 200 : #8ab2d2, 300 : #5b93c0, 400 : #377bb3, 500 : #1464a5, 600 : #125c9d, 700 : #0e5293, 800 : #0b488a, 900 : #063679, A100 : #a8c7ff, A200 : #75a7ff, A400 : #4286ff, A700 : #2876ff, contrast: (50 : #000000, 100 : #000000, 200 : #000000, 300 : #000000, 400 : #ffffff, 500 : #ffffff, 600 : #ffffff, 700 : #ffffff, 800 : #ffffff, 900 : #ffffff, A100 : #000000, A200 : #000000, A400 : #ffffff, A700 : #ffffff));
 
-$mat-custom-accent: (50 : #e3ecf4, 100 : #b9d1e4, 200 : #8ab2d2, 300 : #5b93c0, 400 : #377bb3, 500 : #1464a5, 600 : #125c9d, 700 : #0e5293, 800 : #0b488a, 900 : #063679, A100 : #a8c7ff, A200 : #75a7ff, A400 : #4286ff, A700 : #2876ff, contrast: (50 : #000000, 100 : #000000, 200 : #000000, 300 : #000000, 400 : #ffffff, 500 : #ffffff, 600 : #ffffff, 700 : #ffffff, 800 : #ffffff, 900 : #ffffff, A100 : #000000, A200 : #000000, A400 : #ffffff, A700 : #ffffff));
+$mat-custom-primary-dark: (50 : #f1f6fa, 100 : #dce8f2, 200 : #c5d9e9, 300 : #adc9e0, 400 : #9cbed9, 500 : #8ab2d2, 600 : #82abcd, 700 : #77a2c7, 800 : #6d99c1, 900 : #5a8ab6, A100 : #ffffff, A200 : #ebf5ff, A400 : #b8dcff, A700 : #9ed0ff, contrast: (50 : #000000, 100 : #000000, 200 : #000000, 300 : #000000, 400 : #000000, 500 : #000000, 600 : #000000, 700 : #000000, 800 : #000000, 900 : #000000, A100 : #000000, A200 : #000000, A400 : #000000, A700 : #000000, ));
 
 // Define a theme.
 $primary: mat.define-palette($mat-custom-primary);
-$accent: mat.define-palette($mat-custom-accent);
+$accent:$primary;
+
+$primary-dark: mat.define-palette($mat-custom-primary-dark);
+$accent-dark: $primary-dark;
 
 /* Light theme */
 $theme: ontimize-style.o-mat-light-theme($primary, $accent);
 
 /* Dark theme */
-$dark-theme: ontimize-style.o-mat-dark-theme($primary, $accent);
+$dark-theme: ontimize-style.o-mat-dark-theme($primary-dark, $accent-dark);