ontimize-web-ngx 15.0.4 → 15.1.1

package/lib/util/codes.d.ts

@@ -1,6 +1,9 @@
 export type OAppLayoutMode = 'mobile' | 'desktop';
 export type OSidenavMode = 'over' | 'push' | 'side';
 export type CHANGE_EVENTS = 'onValueChange' | 'onChange';
+export type ORowHeight = 'small' | 'medium' | 'large';
+export type OTableEditionMode = 'none' | 'click' | 'dblclick' | 'doubleclick';
+export type OTableDetailMode = 'none' | 'click' | 'dblclick' | 'doubleclick';
 export declare class Codes {
     static PAGINATED_QUERY_METHOD: string;
     static DELETE_METHOD: string;
@@ -12,13 +15,15 @@ export declare class Codes {
     static DETAIL_ICON: string;
     static EDIT_ICON: string;
     static DEFAULT_ROW_HEIGHT: string;
-    static AVAILABLE_ROW_HEIGHTS_VALUES: string[];
+    static readonly AVAILABLE_ROW_HEIGHTS_VALUES: string[];
     static DETAIL_MODE_NONE: string;
     static DETAIL_MODE_CLICK: string;
     static DETAIL_MODE_DBLCLICK_VALUES: string[];
+    static readonly AVAILABLE_DETAIL_MODES: string[];
     static EDITION_MODE_NONE: string;
     static EDITION_MODE_CLICK: string;
     static EDITION_MODE_DBLCLICK_VALUES: string[];
+    static readonly AVAILABLE_MODES: string[];
     static SELECTION_MODE_NONE: string;
     static SELECTION_MODE_SINGLE: string;
     static SELECTION_MODE_MULTIPLE: string;
@@ -97,4 +102,6 @@ export declare class Codes {
     static getIsDetailObject(): any;
     static formatString(format: number): string;
     static isHourInputAllowed(e: KeyboardEvent): boolean;
+    static isValidEditionMode(editionMode: OTableEditionMode): boolean;
+    static isValidDetailMode(detailMode: OTableDetailMode): any;
 }

package/lib/util/util.d.ts

@@ -46,4 +46,6 @@ export declare class Util {
     static configureMessageService(configureServiceArgs: OConfigureMessageServiceArgs): any;
     static isBase64(file: string): boolean;
     static stringify(obj: object): string;
+    static sortFunction(propertyA: string | number, propertyB: string | number, activeSortDirection: string): number;
+    static cloneArray<T>(arr: T[]): T[];
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ontimize-web-ngx",
   "homepage": "https://github.com/OntimizeWeb/ontimize-web-ngx#readme",
-  "version": "15.0.4",
+  "version": "15.1.1",
   "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);
@@ -1403,7 +1403,7 @@ $layout-gutter-width-horizontal: 14px !default;
         }
 
         &.selected {
-          background: mat.get-color-from-palette($primary, 50, if($is-dark-theme, 0.5, 1));
+          background: mat.get-color-from-palette($background, hover, 0.12);
         }
 
         .mat-mdc-cell {
@@ -1485,7 +1485,8 @@ $layout-gutter-width-horizontal: 14px !default;
   .o-table-quickfilter .quickFilter .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-prefix div {
     border-right: 1px solid mat.get-color-from-palette($foreground, divider);
   }
-}@mixin o-dialog-theme($theme-or-color-config) {
+}
+@mixin o-dialog-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $background: map.get($theme, background);
   $foreground: map.get($theme, foreground);

package/theming/ontimize-style.scss

@@ -336,8 +336,6 @@ $ontimize-dark-theme-foreground: (
   $background-accent-button: if($is-dark-theme, transparent, #ffffff);
   $background-hover-accent-button: if($is-dark-theme, mat.get-color-from-palette($accent, 500, 0.04), mat.get-color-from-palette($accent, 100));
   $background-hover-warn-button: if($is-dark-theme, mat.get-color-from-palette($warn, 500, 0.04), mat.get-color-from-palette($warn, 100));
-  $table-row-over-background: if($is-dark-theme, #ffffff1f, #f5f5f5);
-  $table-row-selected-background: if($is-dark-theme, #f1f6fa80, #eaeaea);
   $sidenav-background-color: if($is-dark-theme, mix(#1e1e1e, mat.get-color-from-palette($primary, 500), 94%), mat.get-color-from-palette($background, status-bar));
 
   .o-app-header {
@@ -546,34 +544,7 @@ $ontimize-dark-theme-foreground: (
 
     .mat-mdc-table {
       .mat-mdc-row {
-        //TO BE DEFINED
-        //       &.o-table-group-row-level-1 {
-        //         font-weight: 900;
-        //         background-color: if($is-dark-theme, #464646, #b2b2b2);
-        //       }
-
-        //       &.o-table-group-row-level-2 {
-        //         font-weight: 800;
-        //         background-color: if($is-dark-theme, #575757, #cccccc);
-        //       }
-
-        //       &.o-table-group-row-level-3 {
-        //         font-weight: 700;
-        //         background-color: if($is-dark-theme,#686868, #e8e8e8);
-        //       }
-
-        //       &.o-table-group-row-level-4 {
-        //         font-weight: 600;
-        //         background-color: if($is-dark-theme, #7a7a7a, #f9f9f9);
-        //       }
-        &:hover:not(.o-table-group-row) {
-          cursor: pointer;
-          background-color: $table-row-over-background;
-        }
 
-        &.selected {
-          background-color: $table-row-selected-background;
-        }
 
         .mat-mdc-cell {
           color: mat.get-color-from-palette($foreground, base);
@@ -784,4 +755,4 @@ $ontimize-dark-theme-foreground: (
     border-radius: variables.$border-radius;
   }
 
-}
+}