ngx-st-tables 1.1.13 → 15.1.14

package/README.md

@@ -1,24 +1,24 @@
-# NgxStTables
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project ngx-st-tables` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-st-tables`.
-> Note: Don't forget to add `--project ngx-st-tables` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build ngx-st-tables` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build ngx-st-tables`, go to the dist folder `cd dist/ngx-st-tables` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test ngx-st-tables` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# NgxStTables
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-st-tables` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-st-tables`.
+> Note: Don't forget to add `--project ngx-st-tables` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-st-tables` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-st-tables`, go to the dist folder `cd dist/ngx-st-tables` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-st-tables` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/assets/base-collapse-table.scss

@@ -1,49 +1,49 @@
-@import './base-table.scss';
-
-table {
-  width: 100%;
-}
-
-tr.example-detail-row {
-  height: 0;
-}
-
-tr.example-element-row:not(.example-expanded-row):hover {
-  background: whitesmoke;
-}
-
-tr.example-element-row:not(.example-expanded-row):active {
-  background: #efefef;
-}
-
-.example-element-row td {
-  border-bottom-width: 0;
-}
-
-.example-element-detail {
-  overflow: hidden;
-  display: flex;
-}
-
-.example-element-diagram {
-  min-width: 80px;
-  border: 2px solid black;
-  padding: 8px;
-  font-weight: lighter;
-  margin: 8px 0;
-  height: 104px;
-}
-
-.example-element-symbol {
-  font-weight: bold;
-  font-size: 40px;
-  line-height: normal;
-}
-
-.example-element-description {
-  padding: 16px;
-}
-
-.example-element-description-attribution {
-  opacity: 0.5;
-}
+@import './base-table.scss';
+
+table {
+  width: 100%;
+}
+
+tr.example-detail-row {
+  height: 0;
+}
+
+tr.example-element-row:not(.example-expanded-row):hover {
+  background: whitesmoke;
+}
+
+tr.example-element-row:not(.example-expanded-row):active {
+  background: #efefef;
+}
+
+.example-element-row td {
+  border-bottom-width: 0;
+}
+
+.example-element-detail {
+  overflow: hidden;
+  display: flex;
+}
+
+.example-element-diagram {
+  min-width: 80px;
+  border: 2px solid black;
+  padding: 8px;
+  font-weight: lighter;
+  margin: 8px 0;
+  height: 104px;
+}
+
+.example-element-symbol {
+  font-weight: bold;
+  font-size: 40px;
+  line-height: normal;
+}
+
+.example-element-description {
+  padding: 16px;
+}
+
+.example-element-description-attribution {
+  opacity: 0.5;
+}

package/assets/base-table.scss

@@ -1,155 +1,155 @@
-.search-form {
-  button {
-    height: 40px;
-  }
-
-  mat-form-field {
-    &:first-child {
-      padding-left: 0;
-    }
-
-    &:last-child {
-      padding-right: 0;
-    }
-  }
-
-  .clear {
-    padding: 0;
-
-    i {
-      height: 20px;
-      width: 20px;
-      font-size: 20px;
-      cursor: pointer;
-    }
-  }
-}
-
-table {
-  width: 100%;
-  box-shadow: none;
-
-  th.mat-header-cell:first-of-type,
-  td.mat-cell:first-of-type,
-  td.mat-footer-cell:first-of-type {
-    padding-left: 12px;
-  }
-
-  th.mat-header-cell:last-of-type,
-  td.mat-cell:last-of-type,
-  td.mat-footer-cell:last-of-type {
-    padding-right: 12px;
-  }
-
-  &::ng-deep {
-    thead {
-      tr {
-        background-color: #fff9c4;
-
-        th {
-          border-color: #fdd835;
-        }
-      }
-    }
-
-    tbody {
-      & > tr {
-        cursor: pointer;
-
-        &.active {
-          background-color: #a5d6a7;
-        }
-
-        &:hover {
-          background-color: #a5d6a7;
-        }
-
-        &.disabled {
-          cursor: not-allowed;
-
-          &:hover {
-            background-color: inherit;
-          }
-        }
-
-        &.detail-row {
-          height: 0;
-          cursor: default;
-
-          &:hover {
-            background-color: transparent;
-          }
-
-          .element-detail {
-            overflow: hidden;
-            display: flex;
-
-            p {
-              padding: 20px 0;
-              margin-bottom: 0;
-              white-space: pre-wrap;
-            }
-          }
-        }
-
-        td {
-          i.active-row {
-            color: #1b5e20;
-            font-weight: bold;
-            font-size: 25px;
-            height: 25px;
-            width: 25px;
-            margin-top: 2px;
-          }
-        }
-
-        td {
-          & > div {
-            max-height: 200px;
-            overflow: hidden;
-            overflow-y: auto;
-          }
-          a {
-            button {
-              color: #000;
-            }
-
-            i {
-              color: #333;
-            }
-          }
-        }
-      }
-    }
-
-    .mat-column-active {
-      width: 48px;
-    }
-  }
-
-  &.no-hover {
-    &::ng-deep {
-      tbody {
-        tr {
-          cursor: default;
-
-          &.active {
-            background-color: transparent;
-          }
-
-          &:hover {
-            background-color: transparent;
-          }
-        }
-      }
-    }
-  }
-
-  &.admin-table {
-    &::ng-deep {
-      .actions-cell {
-        width: 100px;
-      }
-    }
-  }
-}
+.search-form {
+  button {
+    height: 40px;
+  }
+
+  mat-form-field {
+    &:first-child {
+      padding-left: 0;
+    }
+
+    &:last-child {
+      padding-right: 0;
+    }
+  }
+
+  .clear {
+    padding: 0;
+
+    i {
+      height: 20px;
+      width: 20px;
+      font-size: 20px;
+      cursor: pointer;
+    }
+  }
+}
+
+table {
+  width: 100%;
+  box-shadow: none;
+
+  th.mat-header-cell:first-of-type,
+  td.mat-cell:first-of-type,
+  td.mat-footer-cell:first-of-type {
+    padding-left: 12px;
+  }
+
+  th.mat-header-cell:last-of-type,
+  td.mat-cell:last-of-type,
+  td.mat-footer-cell:last-of-type {
+    padding-right: 12px;
+  }
+
+  &::ng-deep {
+    thead {
+      tr {
+        background-color: #fff9c4;
+
+        th {
+          border-color: #fdd835;
+        }
+      }
+    }
+
+    tbody {
+      & > tr {
+        cursor: pointer;
+
+        &.active {
+          background-color: #a5d6a7;
+        }
+
+        &:hover {
+          background-color: #a5d6a7;
+        }
+
+        &.disabled {
+          cursor: not-allowed;
+
+          &:hover {
+            background-color: inherit;
+          }
+        }
+
+        &.detail-row {
+          height: 0;
+          cursor: default;
+
+          &:hover {
+            background-color: transparent;
+          }
+
+          .element-detail {
+            overflow: hidden;
+            display: flex;
+
+            p {
+              padding: 20px 0;
+              margin-bottom: 0;
+              white-space: pre-wrap;
+            }
+          }
+        }
+
+        td {
+          i.active-row {
+            color: #1b5e20;
+            font-weight: bold;
+            font-size: 25px;
+            height: 25px;
+            width: 25px;
+            margin-top: 2px;
+          }
+        }
+
+        td {
+          & > div {
+            max-height: 200px;
+            overflow: hidden;
+            overflow-y: auto;
+          }
+          a {
+            button {
+              color: #000;
+            }
+
+            i {
+              color: #333;
+            }
+          }
+        }
+      }
+    }
+
+    .mat-column-active {
+      width: 48px;
+    }
+  }
+
+  &.no-hover {
+    &::ng-deep {
+      tbody {
+        tr {
+          cursor: default;
+
+          &.active {
+            background-color: transparent;
+          }
+
+          &:hover {
+            background-color: transparent;
+          }
+        }
+      }
+    }
+  }
+
+  &.admin-table {
+    &::ng-deep {
+      .actions-cell {
+        width: 100px;
+      }
+    }
+  }
+}