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

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

@@ -5,6 +5,13 @@ export declare const DEFAULT_INPUTS_O_CURRENCY_INPUT: string[];
 export declare class OCurrencyInputComponent extends ORealInputComponent implements OnInit {
     static currency_icons: string[];
     currency_symbols: {
+        EUR: string;
+        USD: string;
+        BRL: string;
+        JPY: string;
+        CNY: string;
+        RUB: string;
+        AED: string;
         CRC: string;
         NGN: string;
         PHP: string;

package/lib/util/currencyUtil.d.ts

@@ -0,0 +1,41 @@
+export declare class CurrencyUtil {
+    static languageToCurrencyCode: {
+        es: string;
+        en: string;
+        pt: string;
+        fr: string;
+        de: string;
+        it: string;
+        ja: string;
+        zh: string;
+        ru: string;
+        ar: string;
+        cr: string;
+        ng: string;
+        ph: string;
+        pl: string;
+        py: string;
+        th: string;
+        ua: string;
+        vn: string;
+    };
+    static currencyCodeToSymbol: {
+        EUR: string;
+        USD: string;
+        BRL: string;
+        JPY: string;
+        CNY: string;
+        RUB: string;
+        AED: string;
+        CRC: string;
+        NGN: string;
+        PHP: string;
+        PLN: string;
+        PYG: string;
+        THB: string;
+        UAH: string;
+        VND: string;
+    };
+    static getCurrencyCode(language: string): string;
+    static getCurrencyCodeFromSymbol(symbol: string): string | undefined;
+}

package/lib/util/index.d.ts

@@ -6,3 +6,4 @@ export * from './util';
 export * from './codes';
 export * from './filter-expression.utils';
 export * from './service.utils';
+export * from './currencyUtil';

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

package/theme.scss

@@ -73,7 +73,74 @@
     }
   }
 
-}@mixin o-app-sidenav-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-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);
@@ -149,74 +216,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-breadcrumb-theme($theme-or-color-config) {
+}@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);
@@ -981,11 +981,6 @@
     }
 
   }
-
-  /*MAT MENU*/
-  .o-mat-menu.mat-mdc-menu-panel {
-    min-height: auto;
-  }
 }// Layout-padding-xxx & Layout-margin-xxxx
 // ------------------------------
 $baseline-grid: 8px !default;

package/theming/ontimize-style-v8.scss

@@ -68,7 +68,7 @@ $app-background-color: #eaeaea;
 @mixin ontimize-theme-styles($theme-or-color-config) {
 
   $theme: map.get($theme-or-color-config, color);
-
+  $typography: mat.get-typography-config($theme-or-color-config);
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
   $background: map.get($theme, background);
@@ -89,6 +89,7 @@ $app-background-color: #eaeaea;
   @include o-density.checkbox();
   @include o-density.list();
   @include o-density.radio();
+  @include o-density.menu($typography);
   @include o-table-style.o-table-style($theme-or-color-config);
   @include report-on-demand.report-on-demand($theme-or-color-config);
   @include charts-on-demand.o-chart-on-demand($theme-or-color-config);

package/theming/styles/density.scss

@@ -72,4 +72,19 @@
 
 @mixin o-form-field() {
   @include mat.form-field-density(-2);
+}
+
+@mixin menu($typography) {
+
+  /*MAT MENU*/
+  .o-mat-menu.mat-mdc-menu-panel {
+    min-height: auto;
+
+    @if($typography) {
+      .mdc-list-item__primary-text{
+        font-size: mat.font-size($typography, body-2);
+
+      }
+    }
+  }
 }