@ngx-stoui/core 15.0.1 → 16.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-stoui/core",
-  "version": "15.0.1",
+  "version": "16.0.0",
   "author": {
     "name": "Ronnie Laugen",
     "email": "rhenri@equinor.com"
@@ -21,31 +21,31 @@
     "equinor"
   ],
   "peerDependencies": {
-    "@angular/common": "^15.0.0",
-    "@angular/core": "^15.0.0",
-    "date-fns": "^2.0.0"
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "date-fns": "^2.30.0"
   },
   "dependencies": {
     "tslib": "^2.1.0"
   },
-  "module": "fesm2015/ngx-stoui-core.mjs",
-  "es2020": "fesm2020/ngx-stoui-core.mjs",
-  "esm2020": "esm2020/ngx-stoui-core.mjs",
-  "fesm2020": "fesm2020/ngx-stoui-core.mjs",
-  "fesm2015": "fesm2015/ngx-stoui-core.mjs",
-  "typings": "index.d.ts",
   "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
     ".": {
+      "default": "./fesm2022/ngx-stoui-core.mjs",
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ngx-stoui-core.mjs",
-      "es2020": "./fesm2020/ngx-stoui-core.mjs",
-      "es2015": "./fesm2015/ngx-stoui-core.mjs",
-      "node": "./fesm2015/ngx-stoui-core.mjs",
-      "default": "./fesm2020/ngx-stoui-core.mjs"
+      "esm2022": "./esm2022/ngx-stoui-core.mjs",
+      "esm": "./esm2022/ngx-stoui-core.mjs"
+    },
+    "./ngx-stoui.css": {
+      "default": "./ngx-stoui.css"
+    },
+    "./ngx-datatable.css": {
+      "default": "./ngx-datatable.css"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
   },
+  "module": "fesm2022/ngx-stoui-core.mjs",
+  "typings": "index.d.ts",
   "sideEffects": false
 }

package/style/_fonts.scss

@@ -1,3 +1,3 @@
-@import url("https://cdn.eds.equinor.com/font/equinor-font.css");
-@import url("https://fonts.googleapis.com/css?family=Material+Icons");
-@import url("https://fonts.googleapis.com/css?family=Material+Icons+Outlined");
+@import url("https://cdn.eds.equinor.com/font/equinor-font.css");
+@import url("https://fonts.googleapis.com/css?family=Material+Icons");
+@import url("https://fonts.googleapis.com/css?family=Material+Icons+Outlined");

package/style/datatable/_ngx-datatable-compact.scss

@@ -1,144 +1,144 @@
-$row-height: 24px;
-$icon-height: 16px;
-
-
-.sto-compact .imo-overview, .sto-compact .sto-drawer--compact { //only in .imo-overview for now
-
-  .ngx-datatable.sto-datatable, .ngx-datatable.sto-datatable.inside-card {
-    .datatable-body {
-
-      .progress-linear {
-        height: 3px;
-        margin: -3px 0 0 0;
-
-        .container {
-          height: 3px;
-
-          .bar {
-            height: 3px;
-          }
-        }
-      }
-
-      .datatable-body-row {
-        .datatable-body-cell {
-          padding: 2px 8px;
-
-          &.date-cell {
-            padding: 0px;
-
-            small {
-              display: none;
-            }
-          }
-
-          .datatable-body-cell-label {
-            .mat-icon-button {
-              margin-left: 0;
-              height: $row-height;
-              width: $row-height;
-              line-height: $row-height;
-            }
-          }
-
-        }
-      }
-    }
-
-    .datatable-header {
-      .datatable-header-cell {
-        padding: 4px 8px;
-
-        .column-group-header {
-          &-icon {
-            max-width: 8px;
-            margin-right: 8px;
-            flex-grow: 1;
-
-            .mat-icon {
-              height: 12px;
-              line-height: 12px;
-            }
-          }
-
-        }
-
-        &.sto-datatable__header-column {
-          &--withunit {
-            .sto-datatable__header-column__unit {
-              margin-right: -3px; //Adjusment for weird whitepace
-              font-size: 10px;
-              position: static;
-
-              &::before {
-                content: "("
-              }
-
-              &::after {
-                content: ")"
-              }
-            }
-
-          }
-        }
-      }
-
-    }
-
-    .mat-icon {
-      height: $icon-height;
-      width: $icon-height;
-      font-size: $icon-height;
-      line-height: $icon-height;
-
-    }
-  }
-
-
-  sto-datatable-fixed-row-wrapper {
-    margin-top: 8px;
-  }
-
-
-  .date-status-cell {
-    .month-label {
-      line-height: 20px;
-      position: absolute;
-      left: 2px;
-    }
-  }
-
-}
-
-
-.sto-compact .sto-datatable .datatable-body .datatable-body-cell-label .date-status-cell {
-  line-height: 24px;
-}
-
-.sto-compact .sto-datatable {
-  .datatable-footer .datatable-footer-inner {
-    font-size: 11px;
-    line-height: 13px;
-  }
-}
-
-.sto-compact .imo-overview .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell.sto-datatable__column--editable .datatable-body-cell-label {
-  .mat-form-field-prefix {
-    height: 19px;
-    width: 19px;
-
-    button.mat-icon-button {
-      font-size: 18px;
-      height: 18px;
-      width: 18px;
-      line-height: 18px;
-    }
-
-    .mat-icon {
-      font-size: 16px;
-      height: 16px;
-      width: 16px;
-      line-height: 16px;
-    }
-  }
-}
+$row-height: 24px;
+$icon-height: 16px;
+
+
+.sto-compact .imo-overview, .sto-compact .sto-drawer--compact { //only in .imo-overview for now
+
+  .ngx-datatable.sto-datatable, .ngx-datatable.sto-datatable.inside-card {
+    .datatable-body {
+
+      .progress-linear {
+        height: 3px;
+        margin: -3px 0 0 0;
+
+        .container {
+          height: 3px;
+
+          .bar {
+            height: 3px;
+          }
+        }
+      }
+
+      .datatable-body-row {
+        .datatable-body-cell {
+          padding: 2px 8px;
+
+          &.date-cell {
+            padding: 0px;
+
+            small {
+              display: none;
+            }
+          }
+
+          .datatable-body-cell-label {
+            .mat-icon-button {
+              margin-left: 0;
+              height: $row-height;
+              width: $row-height;
+              line-height: $row-height;
+            }
+          }
+
+        }
+      }
+    }
+
+    .datatable-header {
+      .datatable-header-cell {
+        padding: 4px 8px;
+
+        .column-group-header {
+          &-icon {
+            max-width: 8px;
+            margin-right: 8px;
+            flex-grow: 1;
+
+            .mat-icon {
+              height: 12px;
+              line-height: 12px;
+            }
+          }
+
+        }
+
+        &.sto-datatable__header-column {
+          &--withunit {
+            .sto-datatable__header-column__unit {
+              margin-right: -3px; //Adjusment for weird whitepace
+              font-size: 10px;
+              position: static;
+
+              &::before {
+                content: "("
+              }
+
+              &::after {
+                content: ")"
+              }
+            }
+
+          }
+        }
+      }
+
+    }
+
+    .mat-icon {
+      height: $icon-height;
+      width: $icon-height;
+      font-size: $icon-height;
+      line-height: $icon-height;
+
+    }
+  }
+
+
+  sto-datatable-fixed-row-wrapper {
+    margin-top: 8px;
+  }
+
+
+  .date-status-cell {
+    .month-label {
+      line-height: 20px;
+      position: absolute;
+      left: 2px;
+    }
+  }
+
+}
+
+
+.sto-compact .sto-datatable .datatable-body .datatable-body-cell-label .date-status-cell {
+  line-height: 24px;
+}
+
+.sto-compact .sto-datatable {
+  .datatable-footer .datatable-footer-inner {
+    font-size: 11px;
+    line-height: 13px;
+  }
+}
+
+.sto-compact .imo-overview .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell.sto-datatable__column--editable .datatable-body-cell-label {
+  .mat-form-field-prefix {
+    height: 19px;
+    width: 19px;
+
+    button.mat-icon-button {
+      font-size: 18px;
+      height: 18px;
+      width: 18px;
+      line-height: 18px;
+    }
+
+    .mat-icon {
+      font-size: 16px;
+      height: 16px;
+      width: 16px;
+      line-height: 16px;
+    }
+  }
+}

package/style/datatable/_ngx-datatable-form.scss

@@ -1,95 +1,94 @@
-.sto-datatable {
-  .sto-form__field {
-
-    &--readonly, &--disabled {
-      .mat-form-field-flex {
-        border: 0;
-      }
-    }
-
-    width: 100%;
-
-    input[type="number"] {
-      text-align: right;
-    }
-
-    .mat-form-field-infix {
-      border: 0 !important;
-      margin: 0 !important;
-      padding: 1px 0 0 0 !important;
-    }
-
-    .mat-form-field-flex {
-      height: 31px;
-      padding: 4px 6px;
-    }
-
-    .mat-select {
-      .mat-select-arrow {
-        margin-top: -5px;
-      }
-    }
-
-  }
-
-  &__column {
-    &--editable {
-      padding: 2px 0 !important;
-
-      .datatable-body-cell-label .mat-select {
-        height: 14px;
-      }
-
-      .datatable-body-cell-label .mat-icon-button {
-        margin: 0;
-        height: 16px;
-        width: 16px;
-
-        .mat-icon {
-          height: 1.125em;
-          width: 16px;
-        }
-      }
-
-    }
-  }
-
-  .mat-form-field-placeholder, .mat-form-field-label {
-    top: 0;
-  }
-
-  .mat-form-field-label-wrapper {
-    top: 0;
-    padding: 0;
-  }
-}
-
-.sto-compact {
-  .sto-datatable {
-    .sto-form__field {
-      .mat-form-field-flex {
-        height: 19px;
-        padding: 0 6px;
-      }
-
-      .mat-form-field-suffix {
-        height: 22px;
-      }
-
-      &.mat-form-field-type-mat-input {
-        .mat-form-field-underline {
-          bottom: 18px;
-
-          .mat-form-field-ripple {
-            height: 2px;
-          }
-        }
-      }
-    }
-
-    .datatable-body .datatable-body-cell-label {
-      line-height: 19px;
-      height: 100%;
-    }
-  }
-}
+.sto-datatable {
+  .sto-form__field {
+    &--readonly,
+    &--disabled {
+      .mat-mdc-form-field-flex {
+        border: 0;
+      }
+    }
+
+    width: 100%;
+
+    input[type='number'] {
+      text-align: right;
+    }
+
+    .mat-mdc-form-field-infix {
+      border: 0 !important;
+      margin: 0 !important;
+      padding: 1px 0 0 0 !important;
+    }
+
+    .mat-mdc-form-field-flex {
+      height: 31px;
+      padding: 4px 6px;
+    }
+
+    .mat-select {
+      .mat-select-arrow {
+        margin-top: -5px;
+      }
+    }
+  }
+
+  &__column {
+    &--editable {
+      padding: 2px 0 !important;
+
+      .datatable-body-cell-label .mat-select {
+        height: 14px;
+      }
+
+      .datatable-body-cell-label .mat-icon-button {
+        margin: 0;
+        height: 16px;
+        width: 16px;
+
+        .mat-icon {
+          height: 1.125em;
+          width: 16px;
+        }
+      }
+    }
+  }
+
+  .mat-form-field-placeholder,
+  .mat-mdc-floating-label {
+    top: 0;
+  }
+
+  .mat-mdc-floating-label-wrapper {
+    top: 0;
+    padding: 0;
+  }
+}
+
+.sto-compact {
+  .sto-datatable {
+    .sto-form__field {
+      .mat-mdc-form-field-flex {
+        height: 19px;
+        padding: 0 6px;
+      }
+
+      .mat-mdc-form-field-icon-suffix {
+        height: 22px;
+      }
+
+      &.mat-form-field-type-mat-input {
+        .mat-form-field-underline {
+          bottom: 18px;
+
+          .mat-form-field-ripple {
+            height: 2px;
+          }
+        }
+      }
+    }
+
+    .datatable-body .datatable-body-cell-label {
+      line-height: 19px;
+      height: 100%;
+    }
+  }
+}

package/style/datatable/_ngx-datatable-variables.scss

@@ -1,10 +1,10 @@
-//colors: datatable
-
-$datatable-font-size: $font-size;
-$datatable-header-vertical-padding: $space-2x;
-$datatable-header-horizontal-padding: $space-2x;
-$datatable-header-font-size: 11px;
-$datatable-vertical-padding: $space-2x;
-$datatable-horizontal-padding: $space-2x;
-
-$content-height: 20px;
+//colors: datatable
+
+$datatable-font-size: $font-size;
+$datatable-header-vertical-padding: $space-2x;
+$datatable-header-horizontal-padding: $space-2x;
+$datatable-header-font-size: 11px;
+$datatable-vertical-padding: $space-2x;
+$datatable-horizontal-padding: $space-2x;
+
+$content-height: 20px;