raise-common-lib 0.0.40 → 0.0.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raise-common-lib",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "peerDependencies": {
     "@angular/common": "^8.2.3 || ^9.0.0",
     "@angular/core": "^8.2.3 || ^9.0.0"

package/src/assets/style/reset/button.scss

@@ -1,4 +1,4 @@
-.e-btn {
+.e-btn:not(.e-lib) {
   font-family: var(--rs-font-family);
   display: flex;
   justify-content: center;
@@ -73,7 +73,23 @@
   }
 }
 
-.e-dropdown-btn {
+.e-dropdown-btn:not(.e-icon-btn) {
+  font-family: var(--rs-font-family);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  font-style: normal;
+  background: transparent !important;
+  color: var(--rs-cancel-btn-color) !important;
+  border-color: transparent !important;
+  height: 32px;
+  min-width: 80px;
+  padding: 0 10px;
+  font-size: 12px;
+  border-radius: 4px;
+  box-shadow: none !important;
+  line-height: normal;
   &.e-active {
     border-color: rgba(31, 123, 255, 0.2) !important;
     background: rgba(31, 123, 255, 0.04) !important;

package/src/assets/style/reset/dropdown.scss

@@ -202,7 +202,7 @@
       line-height: 14px; /* 127.273% */
     }
 
-    .e-list-item {
+    .e-list-group-item,.e-list-item {
       font-family: Arial;
       font-size: var(--rs-input-font-size);
       min-height: var(--rs-input-line-height);
@@ -229,7 +229,7 @@
           &:hover {
             background-color: transparent !important;
           }
-          .e-check {
+          .e-check,.e-stop {
             background-color: #007bff !important;
             border-color: #007bff !important;
             color: #fff !important;

package/src/assets/style/reset/grid.scss

@@ -31,18 +31,25 @@
     .e-checkbox-wrapper {
       .e-icons {
         margin: 0;
+        display: none;
         &.e-check,
         &.e-stop {
+          display: inline-block;
           color: #fff !important;
           background-color: var(--rs-active-color);
           border-color: var(--rs-active-color);
         }
       }
     }
+    &:hover {
+      .e-checkbox-wrapper .e-icons {
+        display: inline-block;
+      }
+    }
   }
   .e-gridheader {
     border-bottom-color: transparent;
-    padding-right: 5px
+    padding-right: 5px;
   }
   .e-gridheader .e-fltr-icon .e-sortfilterdiv {
     color: #929dab !important;
@@ -67,8 +74,18 @@
     }
     &.e-active {
       background: rgba(31, 123, 255, 0.08); // selected bg
+      .e-checkbox-wrapper {
+        display: block;
+      }
+      .rowcell-menu {
+        display: block;
+      }
+    }
+    .rowcell-menu {
+      display: none;
     }
     .e-checkbox-wrapper {
+      display: none;
       .e-icons.e-check {
         color: #fff !important;
         background-color: var(--rs-active-color);
@@ -81,6 +98,12 @@
       .e-updatedtd
     ):not(.e-indentcell) {
     background-color: var(--rs-grid-row-hover-bg) !important; // hover bg
+    .e-checkbox-wrapper {
+      display: block;
+    }
+    .rowcell-menu {
+      display: block;
+    }
   }
 
   .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover
@@ -248,3 +271,56 @@
     }
   }
 }
+.grid-loading {
+  .e-gridcontent {
+    .e-rowcell {
+      border-bottom: 0;
+      position: relative;
+      color: transparent !important;
+
+      .text-ellipsis,
+      .e-checkbox-wrapper,
+      img,
+      div,
+      span,
+      .mat-chip-list-wrapper {
+        visibility: hidden !important;
+      }
+
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        width: calc(200% + 200px);
+        animation: e-shimmer-wave 1s infinite;
+        animation-timing-function: ease-in-out;
+        background-image: linear-gradient(
+          90deg,
+          transparent calc(50% - 100px),
+          rgb(255, 255, 255) 50%,
+          transparent calc(50% + 100px)
+        );
+        transition: 0.5s;
+      }
+
+      &::before {
+        content: "";
+        position: absolute;
+        left: 0px;
+        right: 8px;
+        top: 50%;
+        transform: translateY(-50%);
+        height: 15px;
+        border-radius: 4px;
+        background: linear-gradient(
+            0deg,
+            rgba(103, 80, 164, 0.08),
+            rgba(103, 80, 164, 0.08)
+          ),
+          white;
+      }
+    }
+  }
+}

package/src/assets/style/reset/input.scss

@@ -77,3 +77,9 @@ ejs-numerictextbox.e-lib.error {
     }
   }
 }
+input::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}
+textarea::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}

package/src/assets/style/variables.scss

@@ -40,7 +40,7 @@
   --rs-input-line-height: 28px;
   --rs-input-font-size: 12px;
   --rs-input-color: var(--rs-primary-color);
-  --rs-input-disabled-color: #44566c;
+  --rs-input-disabled-color: #adb5bd;
   --rs-input-border-color: var(--rs-border-color);
   --rs-input-border-radius: 4px;
   --rs-input-disabled-bg: #f7f8fa;