ontimize-web-ngx 15.0.0-beta.4 → 15.0.0-beta.5

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

@@ -88,6 +88,9 @@ export declare class OFormComponent implements OnInit, OnDestroy, CanComponentDe
     onUpdateMode: EventEmitter<null>;
     onInitialMode: EventEmitter<null>;
     onFormModeChange: EventEmitter<number>;
+    onBeforeInsert: EventEmitter<any>;
+    onBeforeUpdate: EventEmitter<any>;
+    onBeforeDelete: EventEmitter<any>;
     onInsert: EventEmitter<any>;
     onUpdate: EventEmitter<any>;
     onDelete: EventEmitter<any>;
@@ -245,5 +248,5 @@ export declare class OFormComponent implements OnInit, OnDestroy, CanComponentDe
     protected isUpdateModePath(path: string): boolean;
     private showError;
     static ɵfac: i0.ɵɵFactoryDeclaration<OFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OFormComponent, "o-form", never, { "showHeader": "show-header"; "headerMode": "header-mode"; "headerPosition": "header-position"; "labelheader": "label-header"; "labelHeaderAlign": "label-header-align"; "headeractions": "header-actions"; "showHeaderActionsText": "show-header-actions-text"; "entity": "entity"; "keys": "keys"; "columns": "columns"; "service": "service"; "stayInRecordAfterEdit": "stay-in-record-after-edit"; "afterInsertMode": "after-insert-mode"; "serviceType": "service-type"; "queryOnInit": "query-on-init"; "parentKeys": "parent-keys"; "queryMethod": "query-method"; "insertMethod": "insert-method"; "updateMethod": "update-method"; "deleteMethod": "delete-method"; "layoutDirection": "layout-direction"; "layoutAlign": "layout-align"; "editableDetail": "editable-detail"; "keysSqlTypes": "keys-sql-types"; "undoButton": "undo-button"; "showHeaderNavigation": "show-header-navigation"; "oattr": "attr"; "includeBreadcrumb": "include-breadcrumb"; "detectChangesOnBlur": "detect-changes-on-blur"; "confirmExit": "confirm-exit"; "ignoreOnExit": "ignore-on-exit"; "queryFallbackFunction": "query-fallback-function"; "ignoreDefaultNavigation": "ignore-default-navigation"; "messageServiceType": "message-service-type"; }, { "onDataLoaded": "onDataLoaded"; "beforeCloseDetail": "beforeCloseDetail"; "beforeGoEditMode": "beforeGoEditMode"; "onFormModeChange": "onFormModeChange"; "onInsert": "onInsert"; "onUpdate": "onUpdate"; "onDelete": "onDelete"; "beforeInsertMode": "beforeInsertMode"; "beforeUpdateMode": "beforeUpdateMode"; "beforeInitialMode": "beforeInitialMode"; "onInsertMode": "onInsertMode"; "onUpdateMode": "onUpdateMode"; "onInitialMode": "onInitialMode"; "onCancel": "onCancel"; }, never, ["[o-form-toolbar-buttons]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OFormComponent, "o-form", never, { "showHeader": "show-header"; "headerMode": "header-mode"; "headerPosition": "header-position"; "labelheader": "label-header"; "labelHeaderAlign": "label-header-align"; "headeractions": "header-actions"; "showHeaderActionsText": "show-header-actions-text"; "entity": "entity"; "keys": "keys"; "columns": "columns"; "service": "service"; "stayInRecordAfterEdit": "stay-in-record-after-edit"; "afterInsertMode": "after-insert-mode"; "serviceType": "service-type"; "queryOnInit": "query-on-init"; "parentKeys": "parent-keys"; "queryMethod": "query-method"; "insertMethod": "insert-method"; "updateMethod": "update-method"; "deleteMethod": "delete-method"; "layoutDirection": "layout-direction"; "layoutAlign": "layout-align"; "editableDetail": "editable-detail"; "keysSqlTypes": "keys-sql-types"; "undoButton": "undo-button"; "showHeaderNavigation": "show-header-navigation"; "oattr": "attr"; "includeBreadcrumb": "include-breadcrumb"; "detectChangesOnBlur": "detect-changes-on-blur"; "confirmExit": "confirm-exit"; "ignoreOnExit": "ignore-on-exit"; "queryFallbackFunction": "query-fallback-function"; "ignoreDefaultNavigation": "ignore-default-navigation"; "messageServiceType": "message-service-type"; }, { "onDataLoaded": "onDataLoaded"; "beforeCloseDetail": "beforeCloseDetail"; "beforeGoEditMode": "beforeGoEditMode"; "onFormModeChange": "onFormModeChange"; "onBeforeInsert": "onBeforeInsert"; "onBeforeUpdate": "onBeforeUpdate"; "onBeforeDelete": "onBeforeDelete"; "onInsert": "onInsert"; "onUpdate": "onUpdate"; "onDelete": "onDelete"; "beforeInsertMode": "beforeInsertMode"; "beforeUpdateMode": "beforeUpdateMode"; "beforeInitialMode": "beforeInitialMode"; "onInsertMode": "onInsertMode"; "onUpdateMode": "onUpdateMode"; "onInitialMode": "onInitialMode"; "onCancel": "onCancel"; }, never, ["[o-form-toolbar-buttons]", "*"], false, never>;
 }

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

@@ -85,6 +85,7 @@ export declare class OGridComponent extends AbstractOServiceComponent<OGridCompo
     pageSizeChanged(): void;
     sortColumnChanged(event: MatSelectChange): void;
     registerQuickFilter(arg: any): void;
+    protected getPaginationDataFromArray(dataArray: any[]): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<OGridComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OGridComponent, "o-grid", never, { "cols": "cols"; "showPageSize": "show-page-size"; "showSort": "orderable"; "sortableColumns": "sortable-columns"; "sortColumn": "sort-column"; "quickFilterColumns": "quick-filter-columns"; "gridItemHeight": "grid-item-height"; "refreshButton": "refresh-button"; "gutterSize": "gutter-size"; "fixedHeader": "fixed-header"; "showFooter": "show-footer"; "insertButtonPosition": "insert-button-position"; "insertButtonFloatable": "insert-button-floatable"; "showButtonsText": "show-buttons-text"; }, {}, ["inputGridItems"], ["[o-grid-toolbar][position=start]", "[o-grid-toolbar][position=end]", "[o-grid-toolbar]"], false, never>;
 }

package/lib/components/input/file-input/o-file-input.component.d.ts

@@ -54,5 +54,5 @@ export declare class OFileInputComponent extends OFormDataComponent implements O
     protected maxFileSizeValidator(control: UntypedFormControl): ValidationErrors;
     protected maxFilesValidator(control: UntypedFormControl): ValidationErrors;
     static ɵfac: i0.ɵɵFactoryDeclaration<OFileInputComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OFileInputComponent, "o-file-input", never, { "oattr": "attr"; "olabel": "label"; "floatLabel": "float-label"; "oplaceholder": "placeholder"; "tooltip": "tooltip"; "tooltipPosition": "tooltip-position"; "tooltipShowDelay": "tooltip-show-delay"; "tooltipHideDelay": "tooltip-hide-delay"; "enabled": "enabled"; "orequired": "required"; "service": "service"; "entity": "entity"; "serviceType": "service-type"; "width": "width"; "readOnly": "read-only"; "clearButton": "clear-button"; "acceptFileType": "accept-file-type"; "maxFileSize": "max-file-size"; "multiple": "multiple"; "maxFiles": "max-files"; "showInfo": "show-info"; "splitUpload": "split-upload"; "additionalData": "additional-data"; "appearance": "appearance"; "hideRequiredMarker": "hide-required-marker"; "labelVisible": "label-visible"; }, { "onBeforeUpload": "onBeforeUpload"; "onBeforeUploadFile": "onBeforeUploadFile"; "onProgress": "onProgress"; "onProgressFile": "onProgressFile"; "onCancel": "onCancel"; "onCancelFile": "onCancelFile"; "onUpload": "onUpload"; "onUploadFile": "onUploadFile"; "onComplete": "onComplete"; "onCompleteFile": "onCompleteFile"; "onError": "onError"; "onErrorFile": "onErrorFile"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OFileInputComponent, "o-file-input", never, { "acceptFileType": "accept-file-type"; "maxFileSize": "max-file-size"; "multiple": "multiple"; "maxFiles": "max-files"; "showInfo": "show-info"; "splitUpload": "split-upload"; "additionalData": "additional-data"; "appearance": "appearance"; "hideRequiredMarker": "hide-required-marker"; "labelVisible": "label-visible"; }, { "onBeforeUpload": "onBeforeUpload"; "onBeforeUploadFile": "onBeforeUploadFile"; "onProgress": "onProgress"; "onProgressFile": "onProgressFile"; "onCancel": "onCancel"; "onCancelFile": "onCancelFile"; "onUpload": "onUpload"; "onUploadFile": "onUploadFile"; "onComplete": "onComplete"; "onCompleteFile": "onCompleteFile"; "onError": "onError"; "onErrorFile": "onErrorFile"; }, never, never, false, never>;
 }

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

@@ -74,6 +74,11 @@ export declare class OTableMenuComponent implements OTableMenu, OnInit, AfterVie
     get enabledConfigurationMenu(): boolean;
     get showGroupByButton(): boolean;
     get showChartsOnDemandButton(): boolean;
+    get showFirstDivider(): boolean;
+    get showSecondDivider(): boolean;
+    get showAnyOptionThirdSection(): boolean;
+    get showAnyOptionFirstSection(): boolean;
+    get showAnyOptionSecondSection(): boolean;
     onShowsSelects(): void;
     onExportButtonClicked(): void;
     onChangeColumnsVisibilityClicked(): void;

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

@@ -278,7 +278,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected isInsideInactiveTab(): boolean;
     getComponentFilter(existingFilter?: any): any;
     protected getQuickFilterExpression(): Expression;
-    protected getColumnFiltersExpression(): Expression;
+    getColumnFiltersExpression(): Expression;
     updatePaginationInfo(queryRes: any): void;
     initViewPort(data: any[]): void;
     protected setData(data: any, sqlTypes: any): void;

package/lib/i18n/i18n.d.ts

@@ -290,6 +290,8 @@ export declare const MAP: {
         'FILTERBUILDERMENU.DIALOG.CONFIRM_CLEAR_FILTER': string;
         'OIMAGE.TEXT.DROP&DRAG': string;
         'OIMAGE.BUTTON.BROWSEFILE': string;
+        'REPORT.COLUMN.TRUEVALUE': string;
+        'REPORT.COLUMN.FALSEVALUE': string;
     };
     es: {
         LANGUAGE: string;
@@ -573,6 +575,8 @@ export declare const MAP: {
         'FILTERBUILDERMENU.DIALOG.CONFIRM_CLEAR_FILTER': string;
         'OIMAGE.TEXT.DROP&DRAG': string;
         'OIMAGE.BUTTON.BROWSEFILE': string;
+        'REPORT.COLUMN.TRUEVALUE': string;
+        'REPORT.COLUMN.FALSEVALUE': string;
     };
     pt: {
         LANGUAGE: string;
@@ -844,5 +848,7 @@ export declare const MAP: {
         'FILTERBUILDERMENU.DIALOG.CONFIRM_CLEAR_FILTER': string;
         'OIMAGE.TEXT.DROP&DRAG': string;
         'OIMAGE.BUTTON.BROWSEFILE': string;
+        'REPORT.COLUMN.TRUEVALUE': string;
+        'REPORT.COLUMN.FALSEVALUE': string;
     };
 };

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

@@ -32,4 +32,5 @@ export declare abstract class OFormLayoutManagerBase {
     abstract updateNavigation(data: any, keysValues: any, insertionMode: boolean): any;
     abstract getDataToStore(): any;
     abstract getComponentKey(): string;
+    abstract closeDetails(detailsKeysData: any[], options?: FormLayoutCloseDetailOptions): void;
 }

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.4",
+  "version": "15.0.0-beta.5",
   "description": "Ontimize Web framework using Angular 15",
   "bugs": "https://github.com/OntimizeWeb/ontimize-web-ngx/issues",
   "author": "Imatia S.L.",

package/theme.scss

@@ -73,74 +73,7 @@
     }
   }
 
-}@mixin o-bar-menu-theme($theme-or-color-config) {
-    $theme: map.get($theme-or-color-config, color);
-    $primary: map.get($theme, primary);
-
-
-    $bg-color: #FFF;
-    $fg-color: rgba(0, 0, 0, 0.7);
-
-    $item-bg-color-hover-dark: rgba(0, 0, 0, 0.16);
-    $item-bg-color-hover-light: rgba(255, 255, 255, 0.16);
-
-    .o-bar-menu {
-      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-
-      nav {
-        .fake-ul {
-          .fake-ul {
-            background-color: $bg-color;
-
-            .mat-icon,
-            .o-bar-menu-group-title,
-            .o-bar-menu-item-title,
-            label.toggle {
-              color: $fg-color;
-            }
-
-            .fake-li {
-              background-color: $bg-color;
-            }
-          }
-        }
-
-        a {
-          color: $bg-color;
-        }
-      }
-
-      @media all and (min-width : 768px) {
-        nav .fake-ul {
-          .fake-li .fake-ul .fake-li-hover {
-            background: $item-bg-color-hover-dark;
-          }
-
-          .fake-li-hover {
-            background-color: $item-bg-color-hover-light;
-          }
-        }
-      }
-
-      @media all and (max-width : 767px) {
-        nav {
-          a:hover {
-            background-color: rgba(255, 255, 255, 0.15);
-          }
-
-          .fake-ul {
-            border-top: 1px solid rgba(255, 255, 255, 0.5);
-          }
-        }
-
-        .toggle {
-          &:hover {
-            background-color: rgba(255, 255, 255, 0.15);
-          }
-        }
-      }
-    }
-  }@mixin o-app-sidenav-theme($theme-or-color-config) {
+}@mixin o-app-sidenav-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
@@ -216,7 +149,74 @@
       }
     }
   }
-}@mixin o-breadcrumb-theme($theme-or-color-config) {
+}@mixin o-bar-menu-theme($theme-or-color-config) {
+    $theme: map.get($theme-or-color-config, color);
+    $primary: map.get($theme, primary);
+
+
+    $bg-color: #FFF;
+    $fg-color: rgba(0, 0, 0, 0.7);
+
+    $item-bg-color-hover-dark: rgba(0, 0, 0, 0.16);
+    $item-bg-color-hover-light: rgba(255, 255, 255, 0.16);
+
+    .o-bar-menu {
+      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+
+      nav {
+        .fake-ul {
+          .fake-ul {
+            background-color: $bg-color;
+
+            .mat-icon,
+            .o-bar-menu-group-title,
+            .o-bar-menu-item-title,
+            label.toggle {
+              color: $fg-color;
+            }
+
+            .fake-li {
+              background-color: $bg-color;
+            }
+          }
+        }
+
+        a {
+          color: $bg-color;
+        }
+      }
+
+      @media all and (min-width : 768px) {
+        nav .fake-ul {
+          .fake-li .fake-ul .fake-li-hover {
+            background: $item-bg-color-hover-dark;
+          }
+
+          .fake-li-hover {
+            background-color: $item-bg-color-hover-light;
+          }
+        }
+      }
+
+      @media all and (max-width : 767px) {
+        nav {
+          a:hover {
+            background-color: rgba(255, 255, 255, 0.15);
+          }
+
+          .fake-ul {
+            border-top: 1px solid rgba(255, 255, 255, 0.5);
+          }
+        }
+
+        .toggle {
+          &:hover {
+            background-color: rgba(255, 255, 255, 0.15);
+          }
+        }
+      }
+    }
+  }@mixin o-breadcrumb-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
@@ -642,8 +642,8 @@
       box-sizing: border-box;
       display: block;
       position: absolute;
-      width: 40px;
-      height: 40px;
+      aspect-ratio: 1;
+      height: calc(100% - 12px);
       margin: 6px;
       border: 3px solid;
       border-radius: 50%;

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

@@ -1,4 +1,4 @@
-@use '@angular/material'as mat;
+@use '@angular/material' as mat;
 @use 'variables.scss';
 
 .mat-mdc-form-field {
@@ -36,9 +36,12 @@
     .mat-mdc-form-field-flex {
       .mat-mdc-form-field-infix {
         min-height: auto;
+        align-items: center;
 
-        .mat-mdc-form-field-input-control:not(textarea){
-          height: 1em;
+        @-moz-document url-prefix() {
+          .mat-mdc-form-field-input-control:not(textarea) {
+            height: 1em;
+          }
         }
         .mat-mdc-floating-label {
           display: block;