@provoly/dashboard 0.19.5 → 0.19.7

package/lib/core/i18n/en.translations.d.ts

@@ -334,6 +334,7 @@ export declare const enTranslations: {
                 value: string;
                 values: string;
                 validate: string;
+                limit: string;
             };
             attributes: {
                 datasource: string;

package/lib/core/i18n/fr.translations.d.ts

@@ -334,6 +334,7 @@ export declare const frTranslations: {
                 value: string;
                 values: string;
                 validate: string;
+                limit: string;
             };
             attributes: {
                 datasource: string;

package/lib/core/model/filter.interface.d.ts

@@ -12,6 +12,7 @@ export interface Filter {
     value?: string | number;
     possibleValues?: string;
     hasDateRange?: boolean;
+    limit?: number;
 }
 export interface FilterContext {
     attribute: string;

package/lib/core/store/search/search.service.d.ts

@@ -45,7 +45,7 @@ export declare class SearchService {
         name: string;
         label: string;
         datasource: string;
-    }[] | undefined, search: string): Observable<string[]>;
+    }[] | undefined, search: string, limit?: number): Observable<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SearchService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.19.5",
+  "version": "0.19.7",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -253,18 +253,18 @@
       "esm": "./esm2022/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline-components-subgraph.mjs"
     },
-    "./tooltips/attribute": {
-      "types": "./tooltips/attribute/index.d.ts",
-      "esm2022": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",
-      "esm": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",
-      "default": "./fesm2022/provoly-dashboard-tooltips-attribute.mjs"
-    },
     "./tooltips/cluster": {
       "types": "./tooltips/cluster/index.d.ts",
       "esm2022": "./esm2022/tooltips/cluster/provoly-dashboard-tooltips-cluster.mjs",
       "esm": "./esm2022/tooltips/cluster/provoly-dashboard-tooltips-cluster.mjs",
       "default": "./fesm2022/provoly-dashboard-tooltips-cluster.mjs"
     },
+    "./tooltips/attribute": {
+      "types": "./tooltips/attribute/index.d.ts",
+      "esm2022": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",
+      "esm": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",
+      "default": "./fesm2022/provoly-dashboard-tooltips-attribute.mjs"
+    },
     "./widgets/widget-aggregated-chart": {
       "types": "./widgets/widget-aggregated-chart/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-aggregated-chart/provoly-dashboard-widgets-widget-aggregated-chart.mjs",

package/styles/components/_a-btn.scss

@@ -7,11 +7,8 @@
   align-items: center;
   justify-content: center;
   width: max-content;
-  height: toRem(44);
-  padding: toRem(8) toRem(22);
   border: 0 solid transparent;
   background-color: transparent;
-  font-size: inherit;
   text-align: center;
   white-space: normal;
   letter-spacing: 0;
@@ -19,6 +16,17 @@
   cursor: pointer;
   user-select: none;
   transition: all 0.24s ease-in-out;
+
+  gap: toRem(3);
+  height: toRem(30);
+  padding: toRem(8) toRem(12);
+  font-size: toRem(12);
+  line-height: toRem(13);
+
+  &.-circle {
+    width: toRem(34);
+    height: toRem(34);
+  }
 }
 
 .a-btn {
@@ -164,20 +172,6 @@
     }
   }
 
-  &.-size-sm {
-    gap: toRem(3);
-    height: toRem(30);
-    padding-left: toRem(12);
-    padding-right: toRem(12);
-    font-size: toRem(10);
-    line-height: toRem(13);
-
-    &.-circle {
-      width: toRem(34);
-      height: toRem(34);
-    }
-  }
-
   &.-size-md {
     gap: toRem(5);
     height: toRem(34);

package/styles-theme/base-theme/_typography.theme.scss

@@ -2,12 +2,13 @@
 @use '../abstracts-theme/variables.theme' as *;
 
 body {
-  color: themed($theme-map, 'color', 'primary', 700);
+  color: themed($theme-map, 'color', 'graph', 01);
   @include typography-level(themed($theme-map, 'typography', 'body'));
 }
 
 .a-h1,
 h1 {
+  color: themed($theme-map, 'color', 'graph', 02);
   @include typography-level(themed($theme-map, 'typography', 'title-1'));
 }
 

package/styles-theme/components-theme/_a-btn.theme.scss

@@ -9,6 +9,7 @@
 
   // Default btn settings
   border-radius: $btn-radius-default;
+  color: themed($theme-map, 'color', 'graph', 01);
   @include typography-level(themed($theme-map, 'typography', 'button'));
 
   &--primary,
@@ -37,12 +38,12 @@
   &--secondary,
   &.a-btn--secondary.-circle {
     border: 1px solid themed($theme-map, 'color', 'primary', 500);
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: transparent;
 
     &:hover {
       border: 1px solid themed($theme-map, 'color', 'primary', 600);
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
     }
 
     &:focus,
@@ -147,7 +148,7 @@
 
   // Action add item, circled icon on left + text on right
   &--iconcircle-text {
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     font-weight: 400;
     font-size: 14px;
 

package/styles-theme/components-theme/_a-form-field.theme.scss

@@ -7,7 +7,7 @@
   @include typography-level(themed($theme-map, 'typography', 'form-field'));
   border-color: themed($theme-map, 'color', 'primary', 400);
   border-radius: toRem(4);
-  color: themed($theme-map, 'color', 'primary', 700);
+  color: themed($theme-map, 'color', 'graph', 01);
   background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
   &[aria-invalid='true'] {

package/styles-theme/components-theme/_a-label.theme.scss

@@ -6,7 +6,7 @@
   @include typography-level(themed($theme-map, 'typography', 'label'));
 
   &--help {
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     font-size: toRem(13);
   }
 

package/styles-theme/components-theme/_a-pry-select.theme.scss

@@ -35,7 +35,7 @@
 
   &.ng-select .ng-select-container {
     border-color: themed($theme-map, 'color', 'primary', 400);
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
   }
 

package/styles-theme/components-theme/_a-table.theme.scss

@@ -9,7 +9,7 @@
 
   thead {
     tr {
-      border-bottom-color: themed($theme-map, 'color', 'primary', 700);
+      border-bottom-color: themed($theme-map, 'color', 'graph', 01);
 
       th {
         color: themed($theme-map, 'color', 'primary', 600);
@@ -28,7 +28,7 @@
       &.is-selected,
       &:hover {
         td {
-          color: themed($theme-map, 'color', 'primary', 700);
+          color: themed($theme-map, 'color', 'graph', 01);
           background-color: themed($theme-map, 'color', 'primary', 200);
 
           &.view-details {

package/styles-theme/components-theme/_m-context-menu.theme.scss

@@ -13,7 +13,7 @@
     &__item {
       a[href],
       .a-btn {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         font-size: toRem(14);
         font-weight: 400;
 

package/styles-theme/components-theme/_m-filter.theme.scss

@@ -9,7 +9,7 @@
 
   &__input-wrapper {
     border: 1px solid themed($theme-map, 'color', 'primary', 400);
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
     .pry-select {

package/styles-theme/components-theme/_m-time-picker.theme.scss

@@ -10,7 +10,7 @@
   &__list {
     &__item {
       button {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
 
         &:hover {
           background-color: themed($theme-map, 'color', 'primary', 50);

package/styles-theme/components-theme/_o-date-picker.theme.scss

@@ -23,7 +23,7 @@
     }
 
     .a-time {
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
     }
   }
 

package/styles-theme/components-theme/_o-pry-card-menu.theme.scss

@@ -21,7 +21,7 @@
 
       &:hover,
       &:active {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         background-color: themed($theme-map, 'color', 'primary', 200);
         font-weight: 500;
       }

package/styles-theme/components-theme/_o-pry-presentation.theme.scss

@@ -15,8 +15,6 @@
     }
 
     &__txt {
-      color: themed($theme-map, 'color', 'primary', 600);
-
       .a-p {
         &.-date {
           color: themed($theme-map, 'color', 'primary', 500);

package/styles-theme/components-theme/_o-search-fulltext.theme.scss

@@ -4,11 +4,11 @@
 /* Organism - Search full text */
 .o-search-fulltext {
   &__classes {
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
     &__content {
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
       background-color: themed($theme-map, 'color', 'primary', 300);
     }
 
@@ -23,7 +23,7 @@
   &__classes-overlay {
     &__item {
       &:hover {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         background-color: themed($theme-map, 'color', 'primary', 300);
       }
 
@@ -40,11 +40,11 @@
       box-shadow: 1px 0 5px -2px rgba(0, 0, 0, 0.2);
 
       &__item {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         background-color: themed($theme-map, 'color', 'primary', 50);
 
         &:hover {
-          border-color: themed($theme-map, 'color', 'primary', 700);
+          border-color: themed($theme-map, 'color', 'graph', 01);
         }
 
         .pry-icon {
@@ -52,12 +52,12 @@
         }
 
         &__selected {
-          border-color: themed($theme-map, 'color', 'primary', 700);
+          border-color: themed($theme-map, 'color', 'graph', 01);
           background-color: themed($theme-map, 'color', 'primary', 50);
           font-weight: 700;
 
           .pry-icon {
-            background-color: themed($theme-map, 'color', 'primary', 700);
+            background-color: themed($theme-map, 'color', 'graph', 01);
           }
         }
       }

package/styles-theme/components-theme/_o-settings.theme.scss

@@ -11,7 +11,7 @@
 
     &__header {
       .a-h2 {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         font-size: toRem(18);
       }
 

package/styles-theme/components-theme/_o-widget.theme.scss

@@ -10,9 +10,7 @@
     border-bottom: 1px themed($theme-map, 'color', 'primary', 300) solid;
 
     &__content {
-      &__title {
-        color: themed($theme-map, 'color', 'primary', 800);
-      }
+      color: #113B6E; //themed($theme-map, 'color', 'primary', 800);
     }
   }
 

package/styles-theme/components-theme/_overlay.theme.scss

@@ -5,12 +5,12 @@
 
 .pry-tooltip-container {
   @include typography-level(themed($theme-map, 'typography', 'panel'));
-  color: themed($theme-map, 'color', 'primary', 700);
+  color: themed($theme-map, 'color', 'graph', 01);
   background-color: themed($theme-map, 'color', 'primary', 50);
 
   &.pry-tooltip-reversed {
     color: themed($theme-map, 'color', 'primary', 'contrast', 700);
-    background-color: themed($theme-map, 'color', 'primary', 700);
+    background-color: themed($theme-map, 'color', 'graph', 01);
   }
 
   box-shadow:
@@ -20,12 +20,12 @@
 }
 
 .pry-overlay-container {
-  color: themed($theme-map, 'color', 'primary', 700);
+  color: themed($theme-map, 'color', 'graph', 01);
   background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
   &.pry-overlay-reversed {
     color: themed($theme-map, 'color', 'primary', 'contrast', 700);
-    background-color: themed($theme-map, 'color', 'primary', 700);
+    background-color: themed($theme-map, 'color', 'graph', 01);
   }
 
   box-shadow:

package/styles-theme/layout-theme/_o-manifest-layout.theme.scss

@@ -15,7 +15,7 @@
     }
 
     .a-p {
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
 
       &__title {
         color: themed($theme-map, 'color', 'primary', 400);

package/styles-theme/layout-theme/_o-workspace.theme.scss

@@ -9,7 +9,7 @@
 
     .m-actions-list__item {
       .a-toggle {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         font-size: toRem(15);
         font-weight: 400;
       }