@colijnit/transaction 300.1.47 → 300.1.48

package/index.d.ts

@@ -435,6 +435,7 @@ declare class TransactionSettingsOptions {
 }
 
 declare class TransactionSettings extends Options {
+    currencySymbol: string;
     tempTransactionParameters: TransactionSearchViewRequest;
     transactionParameters: TransactionSearchViewRequest;
     options: TransactionSettingsOptions;
@@ -2111,14 +2112,14 @@ declare enum Icon {
     ArrowPointRight = "arrow_point_right",
     ArrowRightRegular = "arrow_right_regular",
     Article = "article",
-    Attachments = "attachments",
     AtSolid = "at_solid",
+    Attachments = "attachments",
     BarcodeRegular = "barcode_regular",
     BarcodeSolid = "barcode_solid",
     Bars = "bars",
     BarsFilter = "bars_filter",
-    BoxesPackingRegular = "boxes_packing_regular",
     BoxOpenFullRegular = "box_open_full_regular",
+    BoxesPackingRegular = "boxes_packing_regular",
     CalculatorRegularFull = "calculator_regular_full",
     CalendarDay = "calendar_day",
     CalendarDayRegular = "calendar_day_regular",
@@ -2215,9 +2216,9 @@ declare enum Icon {
     PrintRegular = "print_regular",
     PrintSolid = "print_solid",
     Purchase = "purchase",
-    RegularBoxesPackingCircleCheck = "regular_boxes_packing_circle_check",
     RegularBoxOpenCircleCheck = "regular_box_open_circle_check",
     RegularBoxOpenFullCircleCheck = "regular_box_open_full_circle_check",
+    RegularBoxesPackingCircleCheck = "regular_boxes_packing_circle_check",
     RegularCalendarDayLock = "regular_calendar_day_lock",
     RegularCartFlatbedBoxesCircleCheck = "regular_cart_flatbed_boxes_circle_check",
     RegularCartShoppingCheck = "regular_cart_shopping_check",
@@ -2254,10 +2255,10 @@ declare enum Icon {
     ShelvesOpen = "shelves_open",
     ShelvesRegular = "shelves_regular",
     ShelvesSolid = "shelves_solid",
-    SidebarFlipRegular = "sidebar_flip_regular",
     SidePanel = "side_panel",
-    SlidersUpRegular = "sliders_up_regular",
+    SidebarFlipRegular = "sidebar_flip_regular",
     SlideIn = "slide_in",
+    SlidersUpRegular = "sliders_up_regular",
     SplitRegularFull = "split_regular_full",
     SquareFull = "square_full",
     SquareFullSolid = "square_full_solid",
@@ -8583,8 +8584,9 @@ declare class AlternateSupplierViewmodel {
     relationName: string;
 }
 
-declare class TransactionLineSidePanelArticleDetailsComponent {
+declare class TransactionLineSidePanelArticleDetailsComponent implements OnInit, OnDestroy {
     iconCacheService: IconCacheService;
+    private _transactionSettingsService;
     readonly icons: typeof Icon;
     set suppliers(value: RelationListObject[]);
     get suppliers(): RelationListObject[];
@@ -8606,7 +8608,11 @@ declare class TransactionLineSidePanelArticleDetailsComponent {
     private _purchaseAdviceLine;
     private _suppliers;
     showClass(): boolean;
-    constructor(iconCacheService: IconCacheService);
+    currencySymbol: string;
+    private _subs;
+    constructor(iconCacheService: IconCacheService, _transactionSettingsService: TransactionSettingsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     handleCancelClick(): void;
     handleSupplierChanged(supplier: RelationListObject | number): void;
     handleCostChange(): void;
@@ -12328,7 +12334,7 @@ declare abstract class TransactionFilterContentBaseComponent implements OnInit,
     filterItems: QueryList<TransactionFilterItemComponent>;
     totalActiveFiltersChange: EventEmitter<number>;
     readonly searchPlaceholder: typeof SearchPlaceholder;
-    searchRequest: TransactionSearchViewRequest;
+    get searchRequest(): TransactionSearchViewRequest;
     filterButtonLabel: string;
     totalActiveFilters: number;
     labelBasedOnSearchType: Map<SearchType, string>;
@@ -17666,8 +17672,9 @@ declare class TransactionLineGridModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineGridModule>;
 }
 
-declare class TransactionLineSidePanelReplenishmentArticleDetailsComponent {
+declare class TransactionLineSidePanelReplenishmentArticleDetailsComponent implements OnInit, OnDestroy {
     iconCacheService: IconCacheService;
+    private _transactionSettingsService;
     readonly icons: typeof Icon;
     set stockReplenishment(value: StockReplenishment);
     get stockReplenishment(): StockReplenishment;
@@ -17677,7 +17684,11 @@ declare class TransactionLineSidePanelReplenishmentArticleDetailsComponent {
     calculatedAssemblyCost: number;
     private _stockReplenishment;
     showClass(): boolean;
-    constructor(iconCacheService: IconCacheService);
+    currencySymbol: string;
+    private _subs;
+    constructor(iconCacheService: IconCacheService, _transactionSettingsService: TransactionSettingsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     handleCancelClick(): void;
     handleCostChange(): void;
     handleAssemblyCostChange(): void;

package/lib/component/alternate-supplier-tile/style/_layout.scss

@@ -1,142 +1,142 @@
-@include export-module('co-alternate-supplier-tile-layout') {
-  .co-alternate-supplier-tile {
-    .side-panel-header-label {
-      font-size: 10px;
-      color: #7d81a1;
-    }
-
-    .side-panel-header-field {
-      font-size: 12px;
-      overflow-x: clip;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    .side-panel-header-divider {
-      display: flex;
-      border-style: solid;
-      border-width: 0 1px 0 0;
-      border-color: #dce4ea;
-      width: 1px;
-      margin: 5px;
-    }
-
-    .transaction-line-side-panel-article-details-header-item {
-      display: flex;
-      flex-direction: column;
-      row-gap: 5px;
-    }
-
-    .last-item-margin {
-      margin-right: 4%;
-    }
-
-    .center {
-      align-items: center;
-    }
-
-    .bold {
-      font-weight: bold;
-    }
-
-    .max-width-40 {
-      max-width: 40%;
-    }
-
-    .section-wrapper {
-      display: flex;
-      flex-direction: column;
-      padding: 0 0 20px 0;
-
-      .section-title {
-        font-size: 12px;
-        font-weight: 700;
-        margin: 10px 0;
-        color: #000;
-      }
-    }
-
-    .purchase-advice-detail-header {
-      background: #FFFFFF;
-      padding: 10px;
-      display: flex;
-      border-radius: 5px;
-      width: 100%;
-      justify-content: space-between;
-    }
-
-    .detail-column-container {
-      display: flex;
-      flex-direction: row;
-      gap: 10px;
-
-      .detail-column {
-        flex-basis: 100%;
-      }
-
-      .column-input-item {
-        margin-top: 10px;
-      }
-
-      co-input-text, co-list-of-values {
-        &:before {
-          box-shadow: none;
-        }
-      }
-
-      .detail-column-item {
-        margin: 10px 0;
-        display: flex;
-        flex-direction: column;
-        height: 30px;
-      }
-    }
-
-    .half-width {
-      width: 50%;
-    }
-
-    .dynamic-suppliers-wrapper {
-      display: flex;
-      flex-wrap: wrap;
-      margin-bottom: 10px;
-
-      .dynamic-supplier {
-        background: #F5F5FC;
-        border-radius: 11px;
-        min-height: 100px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        max-width: 175px;
-        margin: 0 10px 10px 0;
-        cursor: pointer;
-
-        .supplier-detail-container {
-          display: flex;
-          padding: 5px;
-          min-width: 180px;
-        }
-
-        .supplier-name {
-          font-size: 13px;
-          color: #3e7eff;
-          font-weight: bold;
-          padding: 0 10px;
-        }
-
-        .supplier-date {
-          padding: 5px 10px;
-        }
-      }
-    }
-
-    .selected {
-      background: #d8e5ff !important;
-    }
-
-    .supplier-list {
-      max-width: 250px;
-    }
-  }
-}
+@include export-module('co-alternate-supplier-tile-layout') {
+  .co-alternate-supplier-tile {
+    .side-panel-header-label {
+      font-size: 10px;
+      color: #7d81a1;
+    }
+
+    .side-panel-header-field {
+      font-size: 12px;
+      overflow-x: clip;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .side-panel-header-divider {
+      display: flex;
+      border-style: solid;
+      border-width: 0 1px 0 0;
+      border-color: #dce4ea;
+      width: 1px;
+      margin: 5px;
+    }
+
+    .transaction-line-side-panel-article-details-header-item {
+      display: flex;
+      flex-direction: column;
+      row-gap: 5px;
+    }
+
+    .last-item-margin {
+      margin-right: 4%;
+    }
+
+    .center {
+      align-items: center;
+    }
+
+    .bold {
+      font-weight: bold;
+    }
+
+    .max-width-40 {
+      max-width: 40%;
+    }
+
+    .section-wrapper {
+      display: flex;
+      flex-direction: column;
+      padding: 0 0 20px 0;
+
+      .section-title {
+        font-size: 12px;
+        font-weight: 700;
+        margin: 10px 0;
+        color: #000;
+      }
+    }
+
+    .purchase-advice-detail-header {
+      background: #FFFFFF;
+      padding: 10px;
+      display: flex;
+      border-radius: 5px;
+      width: 100%;
+      justify-content: space-between;
+    }
+
+    .detail-column-container {
+      display: flex;
+      flex-direction: row;
+      gap: 10px;
+
+      .detail-column {
+        flex-basis: 100%;
+      }
+
+      .column-input-item {
+        margin-top: 10px;
+      }
+
+      co-input-text, co-list-of-values {
+        &:before {
+          box-shadow: none;
+        }
+      }
+
+      .detail-column-item {
+        margin: 10px 0;
+        display: flex;
+        flex-direction: column;
+        height: 30px;
+      }
+    }
+
+    .half-width {
+      width: 50%;
+    }
+
+    .dynamic-suppliers-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 10px;
+
+      .dynamic-supplier {
+        background: #F5F5FC;
+        border-radius: 11px;
+        min-height: 100px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        max-width: 175px;
+        margin: 0 10px 10px 0;
+        cursor: pointer;
+
+        .supplier-detail-container {
+          display: flex;
+          padding: 5px;
+          min-width: 180px;
+        }
+
+        .supplier-name {
+          font-size: 13px;
+          color: #3e7eff;
+          font-weight: bold;
+          padding: 0 10px;
+        }
+
+        .supplier-date {
+          padding: 5px 10px;
+        }
+      }
+    }
+
+    .selected {
+      background: #d8e5ff !important;
+    }
+
+    .supplier-list {
+      max-width: 250px;
+    }
+  }
+}

package/lib/component/alternate-supplier-tile/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-alternate-supplier-tile-theme') {
-  .co-alternate-supplier-tile {
-  }
-}
+@include export-module('co-alternate-supplier-tile-theme') {
+  .co-alternate-supplier-tile {
+  }
+}

package/lib/component/alternate-supplier-tile/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/component/core/base/components/transaction-header-contact/style/_layout.scss

@@ -1,65 +1,65 @@
-@include export-module('co-transaction-header-contact-layout') {
-  .co-transaction-header-contact {
-    display: flex;
-    align-items: center;
-    column-gap: var(--co-transaction-header-contact-column-gap);
-    min-width: 0;
-
-    .transaction-header-contact-value {
-      flex: 1 1 auto;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      text-decoration: none;
-    }
-
-    .transaction-header-contact-copy {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      width: var(--co-transaction-header-contact-copy-hit-size);
-      height: var(--co-transaction-header-contact-copy-hit-size);
-      cursor: pointer;
-      // Always visible, so the option is discoverable without a hovering pointer.
-      opacity: var(--co-transaction-header-contact-copy-idle-opacity);
-      transition: var(--co-transaction-header-contact-copy-transition);
-
-      &:hover, &.copied {
-        opacity: 1;
-      }
-
-      .co-icon {
-        width: var(--co-transaction-header-contact-copy-icon-size);
-        height: var(--co-transaction-header-contact-copy-icon-size);
-      }
-    }
-
-    // Deliberately not the screen-mobile mixin: the target has to grow wherever a finger is doing the
-    // tapping, which is the same condition under which the component renders a mailto: / tel: link.
-    // A tablet in landscape is wider than the mobile breakpoint and still needs the bigger target.
-    @media only screen and (max-width: 700px), (hover: none) and (pointer: coarse) {
-      min-height: var(--co-transaction-header-contact-copy-hit-size-touch);
-
-      .transaction-header-contact-copy {
-        width: var(--co-transaction-header-contact-copy-hit-size-touch);
-        height: var(--co-transaction-header-contact-copy-hit-size-touch);
-      }
-    }
-  }
-
-  .transaction-header-contact-clipboard-proxy {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    border-width: 0;
-    // iOS zooms in on a focused field below 16px, even one it cannot see.
-    font-size: 16px;
-    opacity: 0;
-    pointer-events: none;
-  }
-}
+@include export-module('co-transaction-header-contact-layout') {
+  .co-transaction-header-contact {
+    display: flex;
+    align-items: center;
+    column-gap: var(--co-transaction-header-contact-column-gap);
+    min-width: 0;
+
+    .transaction-header-contact-value {
+      flex: 1 1 auto;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-decoration: none;
+    }
+
+    .transaction-header-contact-copy {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      width: var(--co-transaction-header-contact-copy-hit-size);
+      height: var(--co-transaction-header-contact-copy-hit-size);
+      cursor: pointer;
+      // Always visible, so the option is discoverable without a hovering pointer.
+      opacity: var(--co-transaction-header-contact-copy-idle-opacity);
+      transition: var(--co-transaction-header-contact-copy-transition);
+
+      &:hover, &.copied {
+        opacity: 1;
+      }
+
+      .co-icon {
+        width: var(--co-transaction-header-contact-copy-icon-size);
+        height: var(--co-transaction-header-contact-copy-icon-size);
+      }
+    }
+
+    // Deliberately not the screen-mobile mixin: the target has to grow wherever a finger is doing the
+    // tapping, which is the same condition under which the component renders a mailto: / tel: link.
+    // A tablet in landscape is wider than the mobile breakpoint and still needs the bigger target.
+    @media only screen and (max-width: 700px), (hover: none) and (pointer: coarse) {
+      min-height: var(--co-transaction-header-contact-copy-hit-size-touch);
+
+      .transaction-header-contact-copy {
+        width: var(--co-transaction-header-contact-copy-hit-size-touch);
+        height: var(--co-transaction-header-contact-copy-hit-size-touch);
+      }
+    }
+  }
+
+  .transaction-header-contact-clipboard-proxy {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    border-width: 0;
+    // iOS zooms in on a focused field below 16px, even one it cannot see.
+    font-size: 16px;
+    opacity: 0;
+    pointer-events: none;
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/_material-definition.scss

@@ -1,25 +1,25 @@
-$tp-transaction-header-contact-column-gap: 4px !default;
-$tp-transaction-header-contact-copy-icon-size: 11px !default;
-$tp-transaction-header-contact-copy-hit-size: 16px !default;
-// A finger needs a target of its own; on touch the contact row grows to fit it.
-$tp-transaction-header-contact-copy-hit-size-touch: 32px !default;
-$tp-transaction-header-contact-copy-idle-opacity: 0.45 !default;
-$tp-transaction-header-contact-copy-transition: opacity 0.2s !default;
-
-$tp-transaction-header-contact-copy-color: $tp-color-text-grey !default;
-$tp-transaction-header-contact-copy-hover-color: $tp-color-action !default;
-$tp-transaction-header-contact-copied-color: $tp-color-active !default;
-
-@include export-module('co-transaction-header-contact-tokens') {
-  :root {
-    --co-transaction-header-contact-column-gap: #{$tp-transaction-header-contact-column-gap};
-    --co-transaction-header-contact-copy-icon-size: #{$tp-transaction-header-contact-copy-icon-size};
-    --co-transaction-header-contact-copy-hit-size: #{$tp-transaction-header-contact-copy-hit-size};
-    --co-transaction-header-contact-copy-hit-size-touch: #{$tp-transaction-header-contact-copy-hit-size-touch};
-    --co-transaction-header-contact-copy-idle-opacity: #{$tp-transaction-header-contact-copy-idle-opacity};
-    --co-transaction-header-contact-copy-transition: #{$tp-transaction-header-contact-copy-transition};
-    --co-transaction-header-contact-copy-color: #{$tp-transaction-header-contact-copy-color};
-    --co-transaction-header-contact-copy-hover-color: #{$tp-transaction-header-contact-copy-hover-color};
-    --co-transaction-header-contact-copied-color: #{$tp-transaction-header-contact-copied-color};
-  }
-}
+$tp-transaction-header-contact-column-gap: 4px !default;
+$tp-transaction-header-contact-copy-icon-size: 11px !default;
+$tp-transaction-header-contact-copy-hit-size: 16px !default;
+// A finger needs a target of its own; on touch the contact row grows to fit it.
+$tp-transaction-header-contact-copy-hit-size-touch: 32px !default;
+$tp-transaction-header-contact-copy-idle-opacity: 0.45 !default;
+$tp-transaction-header-contact-copy-transition: opacity 0.2s !default;
+
+$tp-transaction-header-contact-copy-color: $tp-color-text-grey !default;
+$tp-transaction-header-contact-copy-hover-color: $tp-color-action !default;
+$tp-transaction-header-contact-copied-color: $tp-color-active !default;
+
+@include export-module('co-transaction-header-contact-tokens') {
+  :root {
+    --co-transaction-header-contact-column-gap: #{$tp-transaction-header-contact-column-gap};
+    --co-transaction-header-contact-copy-icon-size: #{$tp-transaction-header-contact-copy-icon-size};
+    --co-transaction-header-contact-copy-hit-size: #{$tp-transaction-header-contact-copy-hit-size};
+    --co-transaction-header-contact-copy-hit-size-touch: #{$tp-transaction-header-contact-copy-hit-size-touch};
+    --co-transaction-header-contact-copy-idle-opacity: #{$tp-transaction-header-contact-copy-idle-opacity};
+    --co-transaction-header-contact-copy-transition: #{$tp-transaction-header-contact-copy-transition};
+    --co-transaction-header-contact-copy-color: #{$tp-transaction-header-contact-copy-color};
+    --co-transaction-header-contact-copy-hover-color: #{$tp-transaction-header-contact-copy-hover-color};
+    --co-transaction-header-contact-copied-color: #{$tp-transaction-header-contact-copied-color};
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/_theme.scss

@@ -1,34 +1,34 @@
-@include export-module('co-transaction-header-contact-theme') {
-  .co-transaction-header-contact {
-    .transaction-header-contact-value {
-      color: inherit;
-    }
-
-    .transaction-header-contact-copy {
-      svg {
-        fill: var(--co-transaction-header-contact-copy-color);
-      }
-      [fill] {
-        fill: var(--co-transaction-header-contact-copy-color);
-      }
-
-      &:hover {
-        svg {
-          fill: var(--co-transaction-header-contact-copy-hover-color);
-        }
-        [fill] {
-          fill: var(--co-transaction-header-contact-copy-hover-color);
-        }
-      }
-
-      &.copied {
-        svg {
-          fill: var(--co-transaction-header-contact-copied-color);
-        }
-        [fill] {
-          fill: var(--co-transaction-header-contact-copied-color);
-        }
-      }
-    }
-  }
-}
+@include export-module('co-transaction-header-contact-theme') {
+  .co-transaction-header-contact {
+    .transaction-header-contact-value {
+      color: inherit;
+    }
+
+    .transaction-header-contact-copy {
+      svg {
+        fill: var(--co-transaction-header-contact-copy-color);
+      }
+      [fill] {
+        fill: var(--co-transaction-header-contact-copy-color);
+      }
+
+      &:hover {
+        svg {
+          fill: var(--co-transaction-header-contact-copy-hover-color);
+        }
+        [fill] {
+          fill: var(--co-transaction-header-contact-copy-hover-color);
+        }
+      }
+
+      &.copied {
+        svg {
+          fill: var(--co-transaction-header-contact-copied-color);
+        }
+        [fill] {
+          fill: var(--co-transaction-header-contact-copied-color);
+        }
+      }
+    }
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/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";