@annalib/anna-core 11.2.36 → 11.2.38

package/lib/anna-core-shared-lib/services/anna-generic-table.service.d.ts

@@ -1,4 +1,4 @@
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router } from "@angular/router";
 import { Subject } from "rxjs";
 import { AnnaFilterService } from "./anna-filter.service";
 import { AnnaSortService } from "./anna-sort.service";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "11.2.36",
+  "version": "11.2.38",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^2.0.3",
     "@angular/common": "^14.3.0",

package/src/lib/anna-common-scss/_button.scss

@@ -0,0 +1,18 @@
+@import "./colors";
+
+@mixin enableDisableBtnStyle() {
+    background-color: white;
+    text-decoration: underline;
+    color: $primary-color;
+    border: none;
+
+    &:hover:enabled {
+        color: $charcoal;
+    }
+
+    &:disabled {
+        color: $charcoal;
+        opacity: 0.5;
+        cursor: not-allowed;
+    }
+}

package/src/lib/anna-common-scss/_easy-filter.scss

@@ -0,0 +1,37 @@
+@import "./fonts", "./colors";
+
+@mixin easy-filters() {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    max-width: calc(100% - 4px);
+    margin-bottom: 8px;
+
+    .easy-filters-btn {
+        border: 1px solid $primary-color;
+        border-radius: 12px;
+        background-color: white;
+        color: $primary-color;
+        @include fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.6px);
+        padding: 5px 8px 5px 8px;
+        margin: 15px 8px 0px 0px;
+
+        &:disabled {
+            background-color: $gray74;
+            color: $charcoal;
+            opacity: 0.5;
+            border: 1px solid $gray74;
+            cursor: not-allowed;
+        }
+    }
+
+    button.easy-filter-active {
+        color: white;
+        background: $primary-color;
+    }
+
+    .only-enabled-button {
+        cursor: default;
+        pointer-events: none;
+    }
+}