@colijnit/sharedcomponents 262.1.25 → 262.1.26

package/index.d.ts

@@ -1027,7 +1027,7 @@ declare class StockLocationPopupComponent implements OnInit {
     amountInStockChanged(data: any): void;
     handleOkClick(): Promise<void>;
     togglePopup(): void;
-    locationForNumber(number: string): "" | StockLocation;
+    locationForNumber(number: string): StockLocation | "";
     locationChanged(event: StockLocation): void;
     handleStockChange(): void;
     handleSelectedStockState(event: StockStatus): void;
@@ -4773,6 +4773,7 @@ declare class RemarkActivityLeafComponent extends BaseActivityLeafComponent impl
     constructor(fileTypeImgPipe: FileTypeImagePipe, iconCacheService: IconCacheService, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService);
     ngOnInit(): Promise<void>;
     handleViewOrEditClick(event: MouseEvent): void;
+    get hasDocuments(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<RemarkActivityLeafComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RemarkActivityLeafComponent, "co-remark-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
 }
@@ -4813,6 +4814,7 @@ declare class WorkActivityLeafComponent extends BaseActivityLeafComponent {
     showWorkedTime: boolean;
     constructor(fileTypeImgPipe: FileTypeImagePipe, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService, iconCacheService: IconCacheService);
     handleViewOrEditClick(event: MouseEvent): void;
+    get hasDocuments(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkActivityLeafComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WorkActivityLeafComponent, "co-work-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
 }

package/lib/components/activity-modifier/style/_layout.scss

@@ -1,36 +1,36 @@
-@include export-module('co-activity-modifier-layout') {
-  .co-activity-modifier {
-    .co-dialog-wrapper {
-      max-width: 600px;
-      height: 650px;
-      max-height: 300px;
-    }
-    .dialog-header {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-      font-size: 16px;
-      padding: 0;
-      .header-title-wrapper {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        .co-icon {
-          width: 20px;
-          height: 20px;
-        }
-      }
-    }
-    .work-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      .double-column {
-        display: flex;
-        gap: 10px;
-        max-width: 100%;
-      }
-    }
-  }
-}
+@include export-module('co-activity-modifier-layout') {
+  .co-activity-modifier {
+    .co-dialog-wrapper {
+      max-width: 600px;
+      height: 650px;
+      max-height: 300px;
+    }
+    .dialog-header {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 16px;
+      padding: 0;
+      .header-title-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        .co-icon {
+          width: 20px;
+          height: 20px;
+        }
+      }
+    }
+    .work-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .double-column {
+        display: flex;
+        gap: 10px;
+        max-width: 100%;
+      }
+    }
+  }
+}

package/lib/components/activity-modifier/style/_theme.scss

@@ -1,5 +1,5 @@
-@include export-module('co-activity-task-form-theme') {
-  .co-modify-task-form {
-  }
-}
-
+@include export-module('co-activity-task-form-theme') {
+  .co-modify-task-form {
+  }
+}
+

package/lib/components/activity-modifier/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/activity-timeline/style/_layout.scss

@@ -1,86 +1,86 @@
-@include export-module('co-activity-timeline-layout') {
-  .co-activity-timeline {
-    .leaf-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: $leaf-wrapper-gap;
-    }
-    .leaf-task-open {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      cursor: pointer;
-      display: flex;
-      gap: 10px;
-      .worked-time {
-        display: flex;
-        gap: 3px;
-        align-items: center;
-        font-size: 10px;
-      }
-      .has-documents-leaf {
-        position: relative;
-        .amount-documents {
-          position: absolute;
-          right: -5px;
-          top: -5px;
-          width: 10px;
-          height: 10px;
-          font-size: 8px;
-          background: #5fdcb3;
-          color: #FFFFFF;
-          border-radius: 100%;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-      }
-    }
-    .co-activity-leaf {
-      .leaf-header {
-        font-size: $leaf-header-font-size;
-      }
-      .leaf-body {
-        min-height: 30px;
-        .trigger-wrapper {
-          display: flex;
-          gap: $leaf-trigger-wrapper-gap;
-          .workflow-state {
-            font-size: 11px;
-            display: flex;
-            align-items: center;
-            gap: $leaf-trigger-state-end-gap;
-            &.next {
-              gap: $leaf-trigger-state-gap;
-            }
-            &.ended {
-              color: $leaf-trigger-state-end-color;
-            }
-            .co-icon {
-              svg {
-                fill: $leaf-trigger-state-end-color;
-              }
-            }
-          }
-          .trigger-button {
-            padding: 7px 15px;
-            border: 1px solid $leaf-trigger-state-color;
-            color: $leaf-trigger-state-color;
-            border-radius: $leaf-trigger-state-border-radius;
-            cursor: pointer;
-            background: #FFF;
-            transition: all 0.2s ease-in-out;
-            &:hover {
-              color: #FFF;
-              background: $leaf-trigger-state-color;
-              transition: all 0.2s ease-in-out;
-            }
-          }
-        }
-      }
-      .remark-content {
-        font-size: $leaf-header-font-size;
-      }
-    }
-  }
-}
+@include export-module('co-activity-timeline-layout') {
+  .co-activity-timeline {
+    .leaf-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: $leaf-wrapper-gap;
+    }
+    .leaf-task-open {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      cursor: pointer;
+      display: flex;
+      gap: 10px;
+      .worked-time {
+        display: flex;
+        gap: 3px;
+        align-items: center;
+        font-size: 10px;
+      }
+      .has-documents-leaf {
+        position: relative;
+        .amount-documents {
+          position: absolute;
+          right: -5px;
+          top: -5px;
+          width: 10px;
+          height: 10px;
+          font-size: 8px;
+          background: #5fdcb3;
+          color: #FFFFFF;
+          border-radius: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+    .co-activity-leaf {
+      .leaf-header {
+        font-size: $leaf-header-font-size;
+      }
+      .leaf-body {
+        min-height: 30px;
+        .trigger-wrapper {
+          display: flex;
+          gap: $leaf-trigger-wrapper-gap;
+          .workflow-state {
+            font-size: 11px;
+            display: flex;
+            align-items: center;
+            gap: $leaf-trigger-state-end-gap;
+            &.next {
+              gap: $leaf-trigger-state-gap;
+            }
+            &.ended {
+              color: $leaf-trigger-state-end-color;
+            }
+            .co-icon {
+              svg {
+                fill: $leaf-trigger-state-end-color;
+              }
+            }
+          }
+          .trigger-button {
+            padding: 7px 15px;
+            border: 1px solid $leaf-trigger-state-color;
+            color: $leaf-trigger-state-color;
+            border-radius: $leaf-trigger-state-border-radius;
+            cursor: pointer;
+            background: #FFF;
+            transition: all 0.2s ease-in-out;
+            &:hover {
+              color: #FFF;
+              background: $leaf-trigger-state-color;
+              transition: all 0.2s ease-in-out;
+            }
+          }
+        }
+      }
+      .remark-content {
+        font-size: $leaf-header-font-size;
+      }
+    }
+  }
+}

package/lib/components/search-presets/search-preset-overview-component/style/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-search-preset-overview-component-layout') {
-  .co-search-preset-overview-component {
-  }
-}
+@include export-module('cc-search-preset-overview-component-layout') {
+  .co-search-preset-overview-component {
+  }
+}

package/lib/components/search-presets/search-preset-overview-component/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-search-preset-overview-component-theme') {
-  .co-search-preset-overview-component {
-  }
-}
+@include export-module('cc-search-preset-overview-component-theme') {
+  .co-search-preset-overview-component {
+  }
+}

package/lib/components/search-presets/search-preset-overview-component/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/search-presets/search-preset-overview-dialog-component/style/_layout.scss

@@ -1,8 +1,8 @@
-@include export-module('cc-search-preset-overview-dialog-layout') {
-  .co-search-preset-overview-dialog {
-    .co-dialog-wrapper {
-      max-width: 800px;
-      height: 600px;
-    }
-  }
-}
+@include export-module('cc-search-preset-overview-dialog-layout') {
+  .co-search-preset-overview-dialog {
+    .co-dialog-wrapper {
+      max-width: 800px;
+      height: 600px;
+    }
+  }
+}

package/lib/components/search-presets/search-preset-overview-dialog-component/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-search-preset-overview-component.scss-theme') {
-  .co-search-preset-overview {
-  }
-}
+@include export-module('cc-search-preset-overview-component.scss-theme') {
+  .co-search-preset-overview {
+  }
+}

package/lib/components/search-presets/search-preset-overview-dialog-component/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/search-presets/search-preset-save-dialog/style/_layout.scss

@@ -1,26 +1,26 @@
-@include export-module('cc-search-preset-save-dialog-layout') {
-  .co-search-preset-save-dialog {
-    #preset-save-dialog:not(.is-mobile) .co-dialog-wrapper {
-      width: 400px;
-      min-height: 200px;
-      max-height: 500px;
-
-      .save-dialog-contents {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        row-gap: 10px;
-        padding: 10px;
-
-        .co-input-text {
-          width: 100%;
-        }
-
-        .co-list-of-values {
-          width: 100%;
-        }
-      }
-    }
-
-  }
-}
+@include export-module('cc-search-preset-save-dialog-layout') {
+  .co-search-preset-save-dialog {
+    #preset-save-dialog:not(.is-mobile) .co-dialog-wrapper {
+      width: 400px;
+      min-height: 200px;
+      max-height: 500px;
+
+      .save-dialog-contents {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        row-gap: 10px;
+        padding: 10px;
+
+        .co-input-text {
+          width: 100%;
+        }
+
+        .co-list-of-values {
+          width: 100%;
+        }
+      }
+    }
+
+  }
+}

package/lib/components/search-presets/search-preset-save-dialog/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-search-preset-save-dialog-theme') {
-  .co-search-preset-save-dialog {
-  }
-}
+@include export-module('cc-search-preset-save-dialog-theme') {
+  .co-search-preset-save-dialog {
+  }
+}

package/lib/components/search-presets/search-preset-save-dialog/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/search-presets/search-presets-pinned/style/_layout.scss

@@ -1,59 +1,59 @@
-@include export-module('cc-co-search-preset-pinned-layout') {
-  .co-search-preset-pinned {
-    width: 100%;
-    padding: 2px;
-    min-height: 30px;
-    display: flex;
-    .preset-button {
-      display: block;
-    }
-    .pinned-presets-row {
-      width: 100%;
-      display: flex;
-      flex-direction: row;
-      column-gap: 5px;
-      padding: 10px 10px 10px 20px;
-      justify-content: flex-start;
-      flex-wrap: wrap;
-    }
-    .presets-wrapper {
-      display: flex;
-      align-items: center;
-      flex-wrap: wrap;
-      gap: 5px
-    }
-    .presets {
-      height: 16px;
-      font-size: 10px;
-      color: #000000;
-      background: #f5f5fa;
-      border-radius: 5px;
-      padding: 2px 7px;
-      user-select: none;
-
-      &.active {
-        color: #FFFFFF;
-        background: red;
-      }
-    }
-
-    .show-all-button {
-      height: 16px;
-      font-size: 10px;
-      color: #000000;
-      display: flex;
-      align-items: center;
-      background: #FFFFFF;
-      border: 1px solid;
-      border-radius: 5px;
-      padding: 2px 7px;
-      cursor: pointer;
-
-      &:hover {
-        background: #1A73E8;
-        color: #FFF;
-        filter: none;
-      }
-    }
-  }
-}
+@include export-module('cc-co-search-preset-pinned-layout') {
+  .co-search-preset-pinned {
+    width: 100%;
+    padding: 2px;
+    min-height: 30px;
+    display: flex;
+    .preset-button {
+      display: block;
+    }
+    .pinned-presets-row {
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+      padding: 10px 10px 10px 20px;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+    }
+    .presets-wrapper {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 5px
+    }
+    .presets {
+      height: 16px;
+      font-size: 10px;
+      color: #000000;
+      background: #f5f5fa;
+      border-radius: 5px;
+      padding: 2px 7px;
+      user-select: none;
+
+      &.active {
+        color: #FFFFFF;
+        background: red;
+      }
+    }
+
+    .show-all-button {
+      height: 16px;
+      font-size: 10px;
+      color: #000000;
+      display: flex;
+      align-items: center;
+      background: #FFFFFF;
+      border: 1px solid;
+      border-radius: 5px;
+      padding: 2px 7px;
+      cursor: pointer;
+
+      &:hover {
+        background: #1A73E8;
+        color: #FFF;
+        filter: none;
+      }
+    }
+  }
+}

package/lib/components/search-presets/search-presets-pinned/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-co-search-preset-pinned-theme') {
-  .co-search-preset-pinned {
-  }
-}
+@include export-module('cc-co-search-preset-pinned-theme') {
+  .co-search-preset-pinned {
+  }
+}

package/lib/components/search-presets/search-presets-pinned/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/timeline/style/_layout.scss

@@ -42,6 +42,7 @@
       box-shadow: $timeline-item-wrapper-box-shadow;
       background-color: $timeline-item-wrapper-background;
       min-width: $timeline-item-wrapper-min-width;
+      min-height: $timeline-item-wrapper-min-height;
       width: fit-content;
     }
     .timeline-item {

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

@@ -15,6 +15,7 @@ $timeline-item-wrapper-padding: 10px !default;
 $timeline-item-wrapper-box-shadow: 0 3px 5px 1px #0000001a !default;
 $timeline-item-wrapper-background: #FFFFFF !default;
 $timeline-item-wrapper-min-width: 50% !default;
+$timeline-item-wrapper-min-height: 60px !default;
 $timeline-item-gap: 15px !default;
 $timeline-item-date-font-size: 9px !default;
 $timeline-item-date-gap: 15px !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "262.1.25",
+  "version": "262.1.26",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",