@colijnit/sharedcomponents 1.0.57 → 1.0.59

package/lib/components/layout-switcher/style/_layout.scss

@@ -1,94 +1,94 @@
-@include export-module('co-layout-switcher-layout') {
-  .co-layout-switcher {
-
-      position: relative;
-      min-width: $layout-switcher-mask-min-width;
-      height: 100%;
-      .icon-wrapper {
-        cursor: pointer;
-        position: relative;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-evenly;
-        width: $layout-switcher-mask-min-width;
-        height: $layout-switcher-mask-min-height;
-
-        .icon-mask {
-
-
-          position: absolute;
-          left: $layout-switcher-main-icon-left-position;
-          width: 30px;
-          height: 30px;
-        }
-
-        .icon-mask-sidebar-handle {
-          position: absolute;
-          left: $layout-switcher-main-icon-active-left-position;
-          width: 30px;
-          height: 30px;
-        }
-      }
-
-      .mask-wrapper {
-        left: 6em;
-        display: flex;
-        flex-direction: row;
-        position: absolute;
-        min-height: $layout-switcher-mask-min-height;
-        min-width: $layout-switcher-mask-min-width;
-        background: white;
-        z-index: 10;
-        border-right: 1px solid $layout-switcher-color-border;
-
-      }
-
-      .mask-wrapper-active {
-        border: $layout-switcher-border;
-        border-radius: 8px;
-      }
-
-      .mask-content {
-        margin-top: 2rem;
-        margin-left: 2rem;
-        min-width: 350px;
-        background: white;
-        overflow: hidden;
-        display: flex;
-        flex-direction: column;
-
-        span {
-          padding: 1rem;
-          font-size: $layout-switcher-big-text-font-size;
-          font-weight: $layout-switcher-font-weight;
-          color: $layout-switcher-color-text-main;
-          text-decoration: none;
-          height: 50%;
-          width: 50%;
-
-          &.active {
-              background-color: #f0f5ff;
-              border: 1px solid #e5ebfa;
-              border-radius: 8px;
-              color: #3c7dff;
-          }
-
-          p {
-            padding: 1rem;
-            margin-bottom: 1rem;
-            margin-right: 1rem;
-            font-size: $layout-switcher-big-text-font-size;
-          }
-        }
-
-
-      }
-
-
-  }
-}
+@include export-module('co-layout-switcher-layout') {
+  .co-layout-switcher {
+
+      position: relative;
+      min-width: $layout-switcher-mask-min-width;
+      height: 100%;
+      .icon-wrapper {
+        cursor: pointer;
+        position: relative;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-evenly;
+        width: $layout-switcher-mask-min-width;
+        height: $layout-switcher-mask-min-height;
+
+        .icon-mask {
+
+
+          position: absolute;
+          left: $layout-switcher-main-icon-left-position;
+          width: 30px;
+          height: 30px;
+        }
+
+        .icon-mask-sidebar-handle {
+          position: absolute;
+          left: $layout-switcher-main-icon-active-left-position;
+          width: 30px;
+          height: 30px;
+        }
+      }
+
+      .mask-wrapper {
+        left: 6em;
+        display: flex;
+        flex-direction: row;
+        position: absolute;
+        min-height: $layout-switcher-mask-min-height;
+        min-width: $layout-switcher-mask-min-width;
+        background: white;
+        z-index: 10;
+        border-right: 1px solid $layout-switcher-color-border;
+
+      }
+
+      .mask-wrapper-active {
+        border: $layout-switcher-border;
+        border-radius: 8px;
+      }
+
+      .mask-content {
+        margin-top: 2rem;
+        margin-left: 2rem;
+        min-width: 350px;
+        background: white;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+
+        span {
+          padding: 1rem;
+          font-size: $layout-switcher-big-text-font-size;
+          font-weight: $layout-switcher-font-weight;
+          color: $layout-switcher-color-text-main;
+          text-decoration: none;
+          height: 50%;
+          width: 50%;
+
+          &.active {
+              background-color: #f0f5ff;
+              border: 1px solid #e5ebfa;
+              border-radius: 8px;
+              color: #3c7dff;
+          }
+
+          p {
+            padding: 1rem;
+            margin-bottom: 1rem;
+            margin-right: 1rem;
+            font-size: $layout-switcher-big-text-font-size;
+          }
+        }
+
+
+      }
+
+
+  }
+}

package/lib/components/layout-switcher/style/_material-definition.scss

@@ -1,16 +1,16 @@
-$layout-switcher-mask-min-width: 120px !default;
-$layout-switcher-mask-min-height: 120px !default;
-
-$layout-switcher-big-text-font-size: 24px !default;
-
-$layout-switcher-color-text-main: #171721 !default;
-$layout-switcher-font-weight: bold !default;
-
-$color-border: #e5ebfa !default;
-
-$layout-switcher-border: 1px solid $color-border !default;
-
-$layout-switcher-color-border: #e5ebfa !default;
-
-$layout-switcher-main-icon-left-position: 10px;
-$layout-switcher-main-icon-active-left-position: 65px;
+$layout-switcher-mask-min-width: 120px !default;
+$layout-switcher-mask-min-height: 120px !default;
+
+$layout-switcher-big-text-font-size: 24px !default;
+
+$layout-switcher-color-text-main: #171721 !default;
+$layout-switcher-font-weight: bold !default;
+
+$color-border: #e5ebfa !default;
+
+$layout-switcher-border: 1px solid $color-border !default;
+
+$layout-switcher-color-border: #e5ebfa !default;
+
+$layout-switcher-main-icon-left-position: 10px;
+$layout-switcher-main-icon-active-left-position: 65px;

package/lib/components/layout-switcher/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-layout-switcher-theme') {
-  .co-layout-switcher {
-  }
-}
+@include export-module('co-layout-switcher-theme') {
+  .co-layout-switcher {
+  }
+}

package/lib/components/layout-switcher/style/material.scss

@@ -1,6 +1,6 @@
-@import "../../../style/mixin";
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
-
-
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+

package/lib/components/linear-gauge/co-linear-gauge.component.d.ts

@@ -1,11 +1,11 @@
-import { GaugeColor } from "../../enum/gauge-color.enum";
-export declare class CoLinearGaugeComponent {
-    set value(value: number);
-    get value(): number;
-    count: number;
-    showClass(): boolean;
-    private _value;
-    color: GaugeColor;
-    getStyle(): string;
-    private _setColor;
-}
+import { GaugeColor } from "../../enum/gauge-color.enum";
+export declare class CoLinearGaugeComponent {
+    set value(value: number);
+    get value(): number;
+    count: number;
+    showClass(): boolean;
+    private _value;
+    color: GaugeColor;
+    getStyle(): string;
+    private _setColor;
+}

package/lib/components/linear-gauge/co-linear-gauge.module.d.ts

@@ -1,2 +1,2 @@
-export declare class CoLinearGaugeModule {
-}
+export declare class CoLinearGaugeModule {
+}

package/lib/components/linear-gauge/style/_layout.scss

@@ -1,20 +1,20 @@
-@include export-module('co-linear-gauge-layout') {
-  .co-linear-gauge {
-    .linear-gauge {
-      height: $linear-gauge-height;
-      min-width: $linear-gauge-width;
-      max-width: fit-content;
-      margin: $linear-gauge-margin;
-      border: $linear-gauge-border;
-      border-radius: $linear-gauge-border-radius;
-
-      font-family: $linear-gauge-font-family;
-      font-size: $linear-gauge-font-size;
-      font-weight: $linear-gauge-font-weight;
-
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-  }
-}
+@include export-module('co-linear-gauge-layout') {
+  .co-linear-gauge {
+    .linear-gauge {
+      height: $linear-gauge-height;
+      min-width: $linear-gauge-width;
+      max-width: fit-content;
+      margin: $linear-gauge-margin;
+      border: $linear-gauge-border;
+      border-radius: $linear-gauge-border-radius;
+
+      font-family: $linear-gauge-font-family;
+      font-size: $linear-gauge-font-size;
+      font-weight: $linear-gauge-font-weight;
+
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+}

package/lib/components/linear-gauge/style/_material-definition.scss

@@ -1,8 +1,8 @@
-$linear-gauge-font-family: $sc-font-family !default;
-$linear-gauge-font-size: 10px !default;
-$linear-gauge-font-weight: bold !default;
-$linear-gauge-height: 12px !default;
-$linear-gauge-width: 12px !default;
-$linear-gauge-margin: 1px !default;
-$linear-gauge-border: solid 1px !default;
-$linear-gauge-border-radius: 2px !default;
+$linear-gauge-font-family: $sc-font-family !default;
+$linear-gauge-font-size: 10px !default;
+$linear-gauge-font-weight: bold !default;
+$linear-gauge-height: 12px !default;
+$linear-gauge-width: 12px !default;
+$linear-gauge-margin: 1px !default;
+$linear-gauge-border: solid 1px !default;
+$linear-gauge-border-radius: 2px !default;

package/lib/components/linear-gauge/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-linear-gauge-theme') {
-  .co-linear-gauge {
-  }
-}
+@include export-module('co-linear-gauge-theme') {
+  .co-linear-gauge {
+  }
+}

package/lib/components/linear-gauge/style/material.scss

@@ -1,6 +1,6 @@
-@import "../../../style/mixin";
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
-
-
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+

package/lib/components/login/style/_layout.scss

@@ -1,57 +1,57 @@
-@include export-module('co-login-layout') {
-  .co-login {
-    font-family: $sc-login-font-family;
-    font-size: $sc-login-font-size;
-
-    .field-wrapper {
-      display: flex;
-      flex-direction: column;
-      row-gap: $sc-login-fields-row-gap;
-    }
-    .login-submit-button {
-      cursor: pointer;
-      padding: 0;
-      place-content: center;
-      font-family: $sc-login-login-submit-button-font-family;
-      font-size: $sc-login-login-submit-button-font-size;
-      font-style: $sc-login-login-submit-button-font-style;
-      margin: $sc-login-login-submit-button-margin;
-      .label {
-        text-transform: $sc-login-login-submit-button-text-transform;
-      }
-    }
-    .login-extended-wrapper {
-      display: flex;
-      flex-direction: column;
-      margin: $sc-login-login-extended-margin;
-      .login-password-forget-text {
-        cursor: pointer;
-        font-family: $sc-login-password-forgotten-text-font-family;
-        font-size: $sc-login-password-forgotten-text-font-size;
-        font-style: $sc-login-password-forgotten-text-font-style;
-        &.undefined-username {
-          cursor: default;
-          pointer-events: none;
-        }
-      }
-      .login-no-username-text {
-        font-family: $sc-login-no-username-text-font-family;
-        font-size: $sc-login-no-username-text-font-size;
-        font-style: $sc-login-no-username-text-font-style;
-      }
-    }
-    .login-recaptcha {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin: $sc-login-recaptcha-margin;
-      &.hidden {
-        display: none;
-      }
-    }
-    .login-validation-error-message {
-      font-size: $sc-login-login-incorrect-font-size;
-      font-style: $sc-login-login-incorrect-font-style;
-    }
-  }
-}
+@include export-module('co-login-layout') {
+  .co-login {
+    font-family: $sc-login-font-family;
+    font-size: $sc-login-font-size;
+
+    .field-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $sc-login-fields-row-gap;
+    }
+    .login-submit-button {
+      cursor: pointer;
+      padding: 0;
+      place-content: center;
+      font-family: $sc-login-login-submit-button-font-family;
+      font-size: $sc-login-login-submit-button-font-size;
+      font-style: $sc-login-login-submit-button-font-style;
+      margin: $sc-login-login-submit-button-margin;
+      .label {
+        text-transform: $sc-login-login-submit-button-text-transform;
+      }
+    }
+    .login-extended-wrapper {
+      display: flex;
+      flex-direction: column;
+      margin: $sc-login-login-extended-margin;
+      .login-password-forget-text {
+        cursor: pointer;
+        font-family: $sc-login-password-forgotten-text-font-family;
+        font-size: $sc-login-password-forgotten-text-font-size;
+        font-style: $sc-login-password-forgotten-text-font-style;
+        &.undefined-username {
+          cursor: default;
+          pointer-events: none;
+        }
+      }
+      .login-no-username-text {
+        font-family: $sc-login-no-username-text-font-family;
+        font-size: $sc-login-no-username-text-font-size;
+        font-style: $sc-login-no-username-text-font-style;
+      }
+    }
+    .login-recaptcha {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: $sc-login-recaptcha-margin;
+      &.hidden {
+        display: none;
+      }
+    }
+    .login-validation-error-message {
+      font-size: $sc-login-login-incorrect-font-size;
+      font-style: $sc-login-login-incorrect-font-style;
+    }
+  }
+}

package/lib/components/login/style/_material-definition.scss

@@ -1,23 +1,23 @@
-$sc-login-font-family: $sc-font-family !default;
-$sc-login-font-size: $sc-font-size !default;
-$sc-login-fields-row-gap: 5px !default;
-$sc-login-login-submit-button-margin: 20px 0 0 0 !default;
-$sc-login-login-extended-margin: 10px 0 0 0 !default;
-
-$sc-login-login-submit-button-font-family: $sc-font-family !default;
-$sc-login-login-submit-button-font-size: $sc-font-size !default;
-$sc-login-login-submit-button-font-style: normal !default;
-$sc-login-login-submit-button-text-transform: uppercase !default;
-
-$sc-login-password-forgotten-text-font-family: $sc-font-family !default;
-$sc-login-password-forgotten-text-font-size: $sc-font-size !default;
-$sc-login-password-forgotten-text-font-style: normal !default;
-$sc-login-no-username-text-font-family: $sc-font-family !default;
-$sc-login-no-username-text-font-size: $sc-font-size-small !default;
-$sc-login-no-username-text-font-style: italic !default;
-
-$sc-login-recaptcha-margin: 20px 0 0 0 !default;
-
-$sc-login-login-incorrect-font-color: red !default;
-$sc-login-login-incorrect-font-size: $sc-font-size !default;
-$sc-login-login-incorrect-font-style: italic !default;
+$sc-login-font-family: $sc-font-family !default;
+$sc-login-font-size: $sc-font-size !default;
+$sc-login-fields-row-gap: 5px !default;
+$sc-login-login-submit-button-margin: 20px 0 0 0 !default;
+$sc-login-login-extended-margin: 10px 0 0 0 !default;
+
+$sc-login-login-submit-button-font-family: $sc-font-family !default;
+$sc-login-login-submit-button-font-size: $sc-font-size !default;
+$sc-login-login-submit-button-font-style: normal !default;
+$sc-login-login-submit-button-text-transform: uppercase !default;
+
+$sc-login-password-forgotten-text-font-family: $sc-font-family !default;
+$sc-login-password-forgotten-text-font-size: $sc-font-size !default;
+$sc-login-password-forgotten-text-font-style: normal !default;
+$sc-login-no-username-text-font-family: $sc-font-family !default;
+$sc-login-no-username-text-font-size: $sc-font-size-small !default;
+$sc-login-no-username-text-font-style: italic !default;
+
+$sc-login-recaptcha-margin: 20px 0 0 0 !default;
+
+$sc-login-login-incorrect-font-color: red !default;
+$sc-login-login-incorrect-font-size: $sc-font-size !default;
+$sc-login-login-incorrect-font-style: italic !default;

package/lib/components/login/style/_theme.scss

@@ -1,7 +1,7 @@
-@include export-module('co-login-theme') {
-  .co-login {
-    .login-validation-error-message {
-      color: $sc-login-login-incorrect-font-color;
-    }
-  }
-}
+@include export-module('co-login-theme') {
+  .co-login {
+    .login-validation-error-message {
+      color: $sc-login-login-incorrect-font-color;
+    }
+  }
+}

package/lib/components/login/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/multi-property-toggler/multiple-property-toggler.component.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Custom component for enabling and disabling multiple items based on an input enum
+ * For the component to work, an enum is required and a list of enabled items so that
+ * the component knows which items from the enum are already enabled
+ *
+ * Note: can be improved by not only accepting a string array of enabledItemProperties but also a full cgref number because that will save one conversion step as
+ * BO's already contain these numbers.
+ */
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { KeyValuePair } from "../../interface/key-value-pair";
+import { Icon } from "../../enum/icon.enum";
+export declare class MultiplePropertyTogglerComponent implements AfterViewInit {
+    label: string;
+    propertyNamesToToggle: any;
+    readonly: boolean;
+    enableditems: number;
+    enableditemsChange: EventEmitter<number>;
+    readonly onPropertyItemChange: EventEmitter<number>;
+    showClass(): boolean;
+    readonly Icons: typeof Icon;
+    objectifiedEnum: KeyValuePair[];
+    enabledItemNumberList: number[];
+    ngAfterViewInit(): void;
+    isValueActive(propertyToCheck: any): boolean;
+    clickToToggleProperty(target: any): void;
+    makeNumberArrayFromCgRefCodeSum(): void;
+}

package/lib/components/multi-property-toggler/multiple-property-toggler.module.d.ts

@@ -0,0 +1,2 @@
+export declare class MultiplePropertyTogglerModule {
+}

package/lib/components/multi-property-toggler/style/_layout.scss

@@ -0,0 +1,24 @@
+@include export-module('co-multiple-property-toggler-layout') {
+  .co-multiple-property-toggler {
+    display: grid;
+    .row {
+      height: 40px;
+      width: 100%;
+      float: left;
+
+      input-checkbox {
+        float: left;
+        position: relative;
+        background: transparent;
+      }
+
+      label {
+        top: 2px;
+        position: relative;
+        font-size: inherit;
+      }
+    }
+  }
+}
+
+

package/lib/components/multi-property-toggler/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-multiple-property-toggler-theme') {
+  .co-multiple-property-toggler {
+  }
+}

package/lib/components/multi-property-toggler/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";