@colijnit/sharedcomponents 1.0.60 → 1.0.62

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

@@ -1,25 +1,25 @@
-$sc-stock-info-margin: 10px 0 20px 0 !default;
-$sc-stock-info-padding: 0 10px !default;
-$sc-stock-gap: 10px !default;
-$sc-stock-border-left: solid 1px lightgray !default;
-$sc-stock-line-margin: 10px 0 20px 0 !default;
-$sc-stock-line-font-weight: bold !default;
-$sc-stock-simple-grid-header-fontsize: 14px !default;
-$sc-stock-simple-grid-row-fontsize: 12px !default;
-$sc-stock-simple-grid-row-border-bottom: 1px solid black !default;
-$sc-stock-simple-grid-row-border: none !default;
-$sc-stock-simple-grid-column-cell-padding: 10px 5px !default;
-$sc-stock-tab-link-buttons-active-color: $sc-color-action !default;
-$sc-stock-tab-link-buttons-pointer: pointer !default;
-$sc-stock-grid-margin: 0 0 0 0 !default;
-$sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
-$sc-stock-info-container-width: 100% !default;
-$sc-stock-info-container-padding: 0px !default;
-$sc-stock-info-container-height: 100% !default;
-$sc-stock-image-height: 50px !default;
-$sc-stock-grid-height: 300px !default;
-$sc-stock-grid-overflow-y: auto !default;
-$sc-stock-info-width: 100% !default;
-$sc-stock-info-gap: 30px !default;
-$sc-stock-image-width: 20px !default;
-$sc-stock-transfer-column-width: 100% !default;
+$sc-stock-info-margin: 10px 0 20px 0 !default;
+$sc-stock-info-padding: 0 10px !default;
+$sc-stock-gap: 10px !default;
+$sc-stock-border-left: solid 1px lightgray !default;
+$sc-stock-line-margin: 10px 0 20px 0 !default;
+$sc-stock-line-font-weight: bold !default;
+$sc-stock-simple-grid-header-fontsize: 14px !default;
+$sc-stock-simple-grid-row-fontsize: 12px !default;
+$sc-stock-simple-grid-row-border-bottom: 1px solid black !default;
+$sc-stock-simple-grid-row-border: none !default;
+$sc-stock-simple-grid-column-cell-padding: 10px 5px !default;
+$sc-stock-tab-link-buttons-active-color: $sc-color-action !default;
+$sc-stock-tab-link-buttons-pointer: pointer !default;
+$sc-stock-grid-margin: 0 0 0 0 !default;
+$sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
+$sc-stock-info-container-width: 100% !default;
+$sc-stock-info-container-padding: 0px !default;
+$sc-stock-info-container-height: 100% !default;
+$sc-stock-image-height: 50px !default;
+$sc-stock-grid-height: 300px !default;
+$sc-stock-grid-overflow-y: auto !default;
+$sc-stock-info-width: 100% !default;
+$sc-stock-info-gap: 30px !default;
+$sc-stock-image-width: 20px !default;
+$sc-stock-transfer-column-width: 100% !default;

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

@@ -1,5 +1,5 @@
-@include export-module('co-stock-theme') {
-  .co-stock {
-
-  }
-}
+@include export-module('co-stock-theme') {
+  .co-stock {
+
+  }
+}

package/lib/components/stock/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/stock-statusbar/stock-statusbar.component.d.ts

@@ -1,4 +1,4 @@
-export declare class StockStatusbarComponent {
-    value: number;
-    constructor();
-}
+export declare class StockStatusbarComponent {
+    value: number;
+    constructor();
+}

package/lib/components/stock-statusbar/stock-statusbar.module.d.ts

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

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

@@ -1,24 +1,24 @@
-@include export-module('co-stock-statusbar-layout') {
-  .status-bar {
-    display: flex;
-    height: 10px;
-    width: 36px;
-  }
-
-  .status-bar-block {
-    flex: 1;
-    margin-right: 2px;
-  }
-
-  .red {
-    background-color: #e31919;
-  }
-
-  .orange {
-    background-color: orange;
-  }
-
-  .green {
-    background-color: green;
-  }
-}
+@include export-module('co-stock-statusbar-layout') {
+  .status-bar {
+    display: flex;
+    height: 10px;
+    width: 36px;
+  }
+
+  .status-bar-block {
+    flex: 1;
+    margin-right: 2px;
+  }
+
+  .red {
+    background-color: #e31919;
+  }
+
+  .orange {
+    background-color: orange;
+  }
+
+  .green {
+    background-color: green;
+  }
+}

package/lib/components/stock-statusbar/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/tab-bar/style/_layout.scss

@@ -1,78 +1,78 @@
-@include export-module('co-tab-bar') {
-  .tab-bar-primary {
-    background-color: $sc-tab-bar-background-color;
-    border-radius: $sc-tab-bar-border-radius;
-    display: flex;
-    font-size: $sc-font-size;
-    gap: $sc-tab-bar-gap;
-    padding: $sc-tab-bar-padding;
-    button {
-      margin: $sc-tab-bar-button-margin;
-      padding: $sc-tab-bar-button-padding;
-      border-radius: $sc-tab-bar-border-radius;
-      border: none;
-      background-color: transparent;
-      cursor: pointer;
-      user-select: none;
-      font-size: $sc-font-size;
-      font-family: $sc-font-family;
-
-      span {
-        font-size: $sc-font-size;
-        text-align: center;
-        font-weight: bold;
-        color: $sc-color-font;
-      }
-
-      &.active {
-        background-color: white;
-      }
-    }
-  }
-
-  .tab-bar {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: 10px;
-  }
-
-  .tab-bar-wrapper {
-    display: grid;
-    grid-template-columns: 15% 70% 15%;
-    margin: 20px 0;
-  }
-
-  .secondary-tab-bar {
-    background-color: $sc-tab-bar-background-color;
-    border-radius: $sc-tab-bar-border-radius;
-    display: flex;
-    font-size: $sc-font-size;
-    gap: $sc-tab-bar-gap;
-    padding: $sc-tab-bar-padding;
-    button {
-      margin: $sc-tab-bar-button-margin;
-      padding: $sc-tab-bar-button-padding;
-      border-radius: $sc-tab-bar-border-radius;
-      border: none;
-      background-color: transparent;
-      cursor: pointer;
-      user-select: none;
-      font-size: $sc-font-size;
-      font-family: $sc-font-family;
-
-      span {
-        font-size: $sc-font-size;
-        text-align: center;
-        font-weight: bold;
-        color: $sc-color-font;
-      }
-
-      &.active {
-        background-color: white;
-      }
-    }
-  }
-
-}
+@include export-module('co-tab-bar') {
+  .tab-bar-primary {
+    background-color: $sc-tab-bar-background-color;
+    border-radius: $sc-tab-bar-border-radius;
+    display: flex;
+    font-size: $sc-font-size;
+    gap: $sc-tab-bar-gap;
+    padding: $sc-tab-bar-padding;
+    button {
+      margin: $sc-tab-bar-button-margin;
+      padding: $sc-tab-bar-button-padding;
+      border-radius: $sc-tab-bar-border-radius;
+      border: none;
+      background-color: transparent;
+      cursor: pointer;
+      user-select: none;
+      font-size: $sc-font-size;
+      font-family: $sc-font-family;
+
+      span {
+        font-size: $sc-font-size;
+        text-align: center;
+        font-weight: bold;
+        color: $sc-color-font;
+      }
+
+      &.active {
+        background-color: white;
+      }
+    }
+  }
+
+  .tab-bar {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .tab-bar-wrapper {
+    display: grid;
+    grid-template-columns: 15% 70% 15%;
+    margin: 20px 0;
+  }
+
+  .secondary-tab-bar {
+    background-color: $sc-tab-bar-background-color;
+    border-radius: $sc-tab-bar-border-radius;
+    display: flex;
+    font-size: $sc-font-size;
+    gap: $sc-tab-bar-gap;
+    padding: $sc-tab-bar-padding;
+    button {
+      margin: $sc-tab-bar-button-margin;
+      padding: $sc-tab-bar-button-padding;
+      border-radius: $sc-tab-bar-border-radius;
+      border: none;
+      background-color: transparent;
+      cursor: pointer;
+      user-select: none;
+      font-size: $sc-font-size;
+      font-family: $sc-font-family;
+
+      span {
+        font-size: $sc-font-size;
+        text-align: center;
+        font-weight: bold;
+        color: $sc-color-font;
+      }
+
+      &.active {
+        background-color: white;
+      }
+    }
+  }
+
+}

package/lib/components/tab-bar/style/_material-definition.scss

@@ -1,6 +1,6 @@
-$sc-tab-bar-border-radius: 5px !default;
-$sc-tab-bar-background-color: #F5F5FC !default;
-$sc-tab-bar-gap: 15px !default;
-$sc-tab-bar-padding: 0 15px !default;
-$sc-tab-bar-button-padding: 5px !default;
-$sc-tab-bar-button-margin: 8px !default;
+$sc-tab-bar-border-radius: 5px !default;
+$sc-tab-bar-background-color: #F5F5FC !default;
+$sc-tab-bar-gap: 15px !default;
+$sc-tab-bar-padding: 0 15px !default;
+$sc-tab-bar-button-padding: 5px !default;
+$sc-tab-bar-button-margin: 8px !default;

package/lib/components/tab-bar/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/tab-bar/tab-bar.component.d.ts

@@ -1,21 +1,21 @@
-import { EventEmitter } from "@angular/core";
-import { Tab } from "./tab.interface";
-import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
-import { StockService } from "../../service/stock.service";
-export declare class TabBarComponent {
-    private _stockService;
-    wareHouseLabel: string;
-    wareHouseSearchLabel: string;
-    tabs: Tab[];
-    secondaryTabs: Tab[];
-    ActivateSecondaryTabs: boolean;
-    dataWareHouseCode: StockManagementWarehouses[];
-    article: any;
-    showWarehouseSelection: boolean;
-    warehouseSelected: EventEmitter<StockManagementWarehouses>;
-    selectedWarehouse: any;
-    constructor(_stockService: StockService);
-    selectTab(tab: Tab): void;
-    selectSecondaryTab(secondaryTab: Tab): void;
-    onSelectWarehouse(event: any): void;
-}
+import { EventEmitter } from "@angular/core";
+import { Tab } from "./tab.interface";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { StockService } from "../../service/stock.service";
+export declare class TabBarComponent {
+    private _stockService;
+    wareHouseLabel: string;
+    wareHouseSearchLabel: string;
+    tabs: Tab[];
+    secondaryTabs: Tab[];
+    ActivateSecondaryTabs: boolean;
+    dataWareHouseCode: StockManagementWarehouses[];
+    article: any;
+    showWarehouseSelection: boolean;
+    warehouseSelected: EventEmitter<StockManagementWarehouses>;
+    selectedWarehouse: StockManagementWarehouses;
+    constructor(_stockService: StockService);
+    selectTab(tab: Tab): void;
+    selectSecondaryTab(secondaryTab: Tab): void;
+    onSelectWarehouse(event: any): void;
+}

package/lib/components/tab-bar/tab-bar.module.d.ts

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

package/lib/components/tab-bar/tab.interface.d.ts

@@ -1,5 +1,5 @@
-export interface Tab {
-    title: string;
-    active: boolean;
-    clickHandler?: () => void;
-}
+export interface Tab {
+    title: string;
+    active: boolean;
+    clickHandler?: () => void;
+}

package/lib/components/tags/component/style/_layout.scss

@@ -1,67 +1,67 @@
-@import "../../../../style/mixin";
-
-@include export-module('sc-tags-layout') {
-  .sc-tags {
-    position: relative;
-    flex-shrink: 0;
-    width: 100%;
-    max-height: 210px;
-
-    .content-wrapper {
-      display: flex;
-      flex-wrap: wrap;
-      padding-top: 5px;
-    }
-
-    collapseable {
-      width: 100%;
-    }
-
-    tag-label {
-      margin-bottom: 5px;
-    }
-
-    .tag-wrapper {
-      display: inline-block;
-    }
-
-    .tag-join-wrapper {
-      display: inline-block;
-      width: 50%;
-    }
-
-    .tag-list-wrapper {
-      padding: 1px;
-      display: flex;
-      flex-wrap: wrap;
-      overflow: auto;
-    }
-
-    .footer {
-      padding-top: 10px;
-    }
-
-    default-ok-cancel-buttons {
-      padding: 20px 0 10px;
-    }
-
-    input {
-      display: none;
-    }
-
-    .tags-available {
-      height: 400px;
-      width: 300px;
-
-      treeview {
-        width: 100%;
-        height: calc(400px - #{$collapseable-header-height});
-      }
-    }
-
-    .tags-joined {
-      height: 400px;
-      width: 600px;
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('sc-tags-layout') {
+  .sc-tags {
+    position: relative;
+    flex-shrink: 0;
+    width: 100%;
+    max-height: 210px;
+
+    .content-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+      padding-top: 5px;
+    }
+
+    collapseable {
+      width: 100%;
+    }
+
+    tag-label {
+      margin-bottom: 5px;
+    }
+
+    .tag-wrapper {
+      display: inline-block;
+    }
+
+    .tag-join-wrapper {
+      display: inline-block;
+      width: 50%;
+    }
+
+    .tag-list-wrapper {
+      padding: 1px;
+      display: flex;
+      flex-wrap: wrap;
+      overflow: auto;
+    }
+
+    .footer {
+      padding-top: 10px;
+    }
+
+    default-ok-cancel-buttons {
+      padding: 20px 0 10px;
+    }
+
+    input {
+      display: none;
+    }
+
+    .tags-available {
+      height: 400px;
+      width: 300px;
+
+      treeview {
+        width: 100%;
+        height: calc(400px - #{$collapseable-header-height});
+      }
+    }
+
+    .tags-joined {
+      height: 400px;
+      width: 600px;
+    }
+  }
+}

package/lib/components/tags/component/style/_material-definition.scss

@@ -1 +1 @@
-$collapseable-header-height: 40px;
+$collapseable-header-height: 40px;

package/lib/components/tags/component/style/_theme.scss

@@ -1,8 +1,8 @@
-@import "../../../../style/mixin";
-@import "./material-definition";
-
-@include export-module('sc-tags-theme') {
-  .sc-tags {
-
-  }
-}
+@import "../../../../style/mixin";
+@import "./material-definition";
+
+@include export-module('sc-tags-theme') {
+  .sc-tags {
+
+  }
+}

package/lib/components/tags/component/style/material.scss

@@ -1,3 +1,3 @@
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";