@colijnit/sharedcomponents 1.0.40 → 1.0.41

package/lib/components/screen-config-generator/style/_layout.scss

@@ -0,0 +1,65 @@
+@include export-module('cc-screen-config-generator-layout') {
+  .co-screen-config-generator {
+    padding: 20px;
+    display: flex;
+    overflow: auto;
+    height: 93vh;
+
+    .category-wrapper {
+      display: flex;
+      flex-direction: column;
+
+      .header-wrapper {
+        display: flex;
+        column-gap: 30px;
+        align-items: center;
+        height: 30px;
+        margin-top: 15px;
+
+        h3 {
+          margin-top: 20px;
+        }
+      }
+
+      co-button {
+        width: 20px;
+        height: 20px;
+        justify-content: center;
+      }
+
+      .header-container {
+        padding: 13px;
+        border: 2px solid #dde5eb;
+        border-radius: 11px;
+        margin-top: 10px;
+        min-width: 450px;
+      }
+
+      .rubrics-wrapper {
+        display: flex;
+        column-gap: 20px;
+        width: max-content;
+      }
+
+      .fields-wrapper {
+        display: flex;
+        column-gap: 30px;
+        align-items: center;
+      }
+
+      .category-content-wrapper {
+        display: flex;
+
+        .rubric-wrapper {
+          display: flex;
+          flex-direction: column;
+
+          .inputs-wrapper {
+            display: flex;
+            column-gap: 15px;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/screen-config-generator/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-screen-config-generator-theme') {
+  .co-screen-config-generator {
+  }
+}

package/lib/components/screen-config-generator/style/material.scss

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

package/lib/components/statusbar/statusbar-popup.component.d.ts

@@ -0,0 +1,7 @@
+import { ElementRef } from '@angular/core';
+import { StatusbarData } from './statusbar.component';
+export declare class StatusbarPopupComponent {
+    statusbarData: StatusbarData[];
+    parentForOverlay: ElementRef;
+    showClass: boolean;
+}

package/lib/components/statusbar/statusbar.component.d.ts

@@ -1,4 +1,5 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter } from '@angular/core';
+import { OverlayService } from '@colijnit/corecomponents_v12';
 export interface StatusbarData {
     label: string;
     percentage: number;
@@ -6,18 +7,18 @@ export interface StatusbarData {
     totalCount?: number;
 }
 export declare class StatusbarComponent {
+    private _elementRef;
+    private _overlayService;
     set statusbarData(value: StatusbarData[]);
     get statusbarData(): StatusbarData[];
     focusedStatusIndex: number;
     statusbarClick: EventEmitter<void>;
     showClass(): boolean;
-    constructor();
-    showPopup: boolean;
-    popupClass: string;
+    handleClick(event: MouseEvent): void;
+    popupShowing: boolean;
     private _statusbarData;
-    private _mouseY;
-    private _windowHeight;
-    onStatusbarClick(event: any): void;
-    setPopupClass(): void;
+    constructor(_elementRef: ElementRef, _overlayService: OverlayService);
+    handleShowPopup(event: MouseEvent): void;
+    handleHidePopup(): void;
     adjustTooHighPercentages(): void;
 }

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

@@ -17,46 +17,30 @@
       justify-content: center;
       align-items: center;
     }
-
-    .status-description-popup{
-      min-height: $statusbar-popup-min-height;
-      min-width: $statusbar-popup-min-width;
-      max-width: $statusbar-popup-max-width;
-      padding: $statusbar-popup-padding;
-      border: $statusbar-popup-border;
-      border-radius: $statusbar-popup-border-radius;
-      z-index: $statusbar-popup-z-index;
-
-      &.dropdown {
-        position: absolute;
-        top: $statusbar-popup-dropdown-position-top;
-        left: 50%;
-        transform: translate(-50%, 0);
-      }
-
-      &.dropup {
-        position: absolute;
-        bottom: $statusbar-popup-dropup-position-down;
-        left: 50%;
-        transform: translate(-50%, 0);
-      }
-    }
-
+  }
+  .co-statusbar-popup-wrapper {
+    position: fixed;
+    font-family: $statusbar-font-family;
+    font-size:$statusbar-font-size;
+    min-height: $statusbar-popup-min-height;
+    min-width: $statusbar-popup-min-width;
+    max-width: $statusbar-popup-max-width;
+    padding: $statusbar-popup-padding;
+    border: $statusbar-popup-border;
+    border-radius: $statusbar-popup-border-radius;
+    z-index: $statusbar-popup-z-index;
     .status-descriptions {
       display: flex;
       flex-direction: column;
-
       .status-description {
         display: flex;
         flex-direction: row;
         align-items: center;
-
         span {
           padding-left: $statusbar-status-description-padding-left;
         }
       }
     }
-
     co-linear-gauge {
       &.focused-status {
         div {

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

@@ -3,12 +3,11 @@
     .statusses {
       background-color: $statusbar-background-color;
     }
-
-    .status-description-popup {
-      background-color: $statusbar-background-color;
-      border-color: $statusbar-popup-border-color;
-      box-shadow: $statusbar-popup-border-box-shadow;
-    }
+  }
+  .co-statusbar-popup-wrapper {
+    background-color: $statusbar-background-color;
+    border-color: $statusbar-popup-border-color;
+    box-shadow: $statusbar-popup-border-box-shadow;
   }
 }
 

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@colijnit/sharedapi": "^1.0.1",
-    "pdf-lib": "^1.17.1",
-    "pdfjs-dist": "^2.12.313",
-    "rxjs": "~7.4.0",
-    "signature_pad": "^4.0.2",
-    "zone.js": "~0.11.4"
+    "@angular/common": ">=12.2.0",
+    "@angular/core": ">=12.2.0",
+    "@colijnit/articleapi": ">=1.0.17",
+    "@colijnit/mainapi": ">=1.0.3",
+    "@colijnit/corecomponents_v12": ">=12.0.103",
+    "@colijnit/ioneconnector": ">=2.1.10",
+    "@colijnit/sharedapi": ">=1.0.11",
+    "pdf-lib": ">=1.17.1",
+    "pdfjs-dist": ">=2.12.313",
+    "rxjs": ">=7.4.0",
+    "signature_pad": ">=4.0.2",
+    "zone.js": ">=0.11.4"
   },
   "main": "bundles/colijnit-sharedcomponents.umd.js",
   "module": "fesm2015/colijnit-sharedcomponents.js",
@@ -21,6 +25,6 @@
   "metadata": "colijnit-sharedcomponents.metadata.json",
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": ">=2.3.0"
   }
 }