@colijnit/transaction 12.1.7 → 12.1.10

package/lib/component/transaction-line-side-panel/style/_theme.scss

@@ -0,0 +1,9 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-line-side-panel-theme') {
+  .co-transaction-line-side-panel {
+    .side-panel-header-divider {
+      border-color: $tp-transaction-line-side-panel-header-divider-color;
+    }
+  }
+}

package/lib/component/transaction-line-side-panel/style/material.scss

@@ -0,0 +1,9 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../transaction-line-side-panel-default/style/material";
+@import "../../transaction-receiving-goods-history/style/material";
+@import "../../transaction-receiving-goods-details/style/material";
+@import "../../transaction-history-grid-status/style/material";
+@import "../../transaction-confirmation-history/style/material";

package/lib/component/transaction-line-side-panel/transaction-line-side-panel.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TabCategory } from "../../enum/tab-category.enum";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class TransactionLineSidePanelComponent {
+    iconService: IconCacheService;
+    readonly icons: typeof Icon;
+    readonly tabCategory: typeof TabCategory;
+    transactionLine: TransactionLineInfo;
+    activeTabCategory: TabCategory;
+    cancelClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    constructor(iconService: IconCacheService);
+    handleCancelClick(event: MouseEvent): void;
+    handleSaveDetailsEdit(): void;
+    handleCancelDetailsEdit(): void;
+}

package/lib/component/transaction-line-side-panel/transaction-line-side-panel.module.d.ts

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

package/lib/component/transaction-line-side-panel-default/style/_layout.scss

@@ -0,0 +1,29 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-line-side-panel-default') {
+  .co-transaction-line-side-panel-default {
+    //.side-panel-header-description {
+    //  font-weight: $tp-transaction-line-side-panel-header-description-font-weight;
+    //}
+    .transaction-line-side-panel-content {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-transaction-line-side-panel-row-gap;
+      overflow: auto;
+      height: 100%;
+    }
+    .collapsible-content-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-transaction-line-side-panel-row-gap;
+    }
+    .side-panel-input-row {
+      display: flex;
+      flex-direction: row;
+      column-gap: $tp-transaction-line-side-panel-row-gap;
+      .side-panel-input {
+        flex-basis: 100%;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-side-panel-default/style/_material-definition.scss

@@ -0,0 +1,10 @@
+$tp-transaction-line-side-panel-font-family: $tp-font-family !default;
+$tp-transaction-line-side-panel-font-size: $tp-font-size !default;
+$tp-transaction-line-side-panel-background-color: white !default;
+$tp-transaction-line-side-panel-width: 500px !default;
+$tp-transaction-line-side-panel-box-shadow: -3px 0px 16px 1px rgb(0, 0, 0, 0.2) !default;
+$tp-transaction-line-side-panel-padding: 10px !default;
+$tp-transaction-line-side-panel-row-gap: 10px !default;
+$tp-transaction-line-side-panel-header-font-family: $tp-font-family !default;
+$tp-transaction-line-side-panel-header-font-size: $tp-font-size !default;
+$tp-transaction-line-side-panel-header-description-font-weight: bold !default;

package/lib/component/transaction-line-side-panel-default/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-line-side-panel-default-theme') {
+  .co-transaction-line-side-panel-default {
+    background-color: $tp-transaction-line-side-panel-background-color;
+  }
+}

package/lib/component/transaction-line-side-panel-default/style/material.scss

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

package/lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { TransactionService } from "../../service/transaction.service";
+export declare class TransactionLineSidePanelDefaultComponent {
+    iconService: IconCacheService;
+    private _transactionService;
+    readonly icons: typeof Icon;
+    transactionLine: TransactionLineInfo;
+    cancelClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    data: any[];
+    constructor(iconService: IconCacheService, _transactionService: TransactionService);
+    handleCancelClick(event: MouseEvent): void;
+}

package/lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.module.d.ts

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

package/lib/component/transaction-lines/style/_layout.scss

@@ -0,0 +1,33 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-lines-layout') {
+  .co-transaction-lines {
+  }
+  draggable-transaction-line.cdk-drag-preview {
+    box-sizing: border-box;
+    border-radius: 4px;
+    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  }
+
+  .draggable-transaction-line.cdk-drag-placeholder {
+    opacity: 0.3;
+  }
+
+  .cdk-drag-animating {
+    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  //.transaction-lines-drag-drop-list.cdk-drop-list-dragging, .draggable-transaction-line.cdk-drag:not(.cdk-drag-placeholder) {
+  //  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
+  //}
+
+  .draggable-transaction-line:last-child {
+    border: none;
+  }
+
+  //.cdk-drop-list-dragging .drag-drop-list:not(.cdk-drag-placeholder) {
+  //  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+  //}
+}

package/lib/component/transaction-lines/style/_material-definition.scss

@@ -0,0 +1,3 @@
+$tp-transaction-lines-add-text-button-background-color: $tp-color-action !default;
+$tp-transaction-lines-add-text-button-text-color: $tp-color-light !default;
+$tp-transaction-lines-grid-amount-background-color: $tp-color-active-light !default;

package/lib/component/transaction-lines/style/_theme.scss

@@ -0,0 +1,19 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-lines-theme') {
+  .co-transaction-lines {
+    .add-text-button {
+      background-color: $tp-transaction-lines-add-text-button-background-color;
+      co-icon [fill] {
+        fill: $tp-transaction-lines-add-text-button-text-color;
+      }
+    }
+  }
+  .co-input-number-picker.transaction-lines-grid-amount {
+    border: none;
+    background-color: $tp-transaction-lines-grid-amount-background-color;
+    input {
+      background-color: $tp-transaction-lines-grid-amount-background-color;
+    }
+  }
+}

package/lib/component/transaction-lines/style/material.scss

@@ -0,0 +1,7 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../component/transaction-line/style/material";
+@import "../../shared/transaction-article-text/style/material";
+@import "../../shared/transaction-article-text-overview/style/material";

package/lib/component/transaction-lines/transaction-lines.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from "@angular/core";
+import { CdkDrag, CdkDragDrop, CdkDropList } from "@angular/cdk/drag-drop";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { TransactionArticleTextComponent } from "../shared/transaction-article-text/transaction-article-text.component";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionAddTextLineRequest } from "@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo";
+import { TransactionService } from "../../service/transaction.service";
+export declare class TransactionLinesComponent {
+    iconCacheService: IconCacheService;
+    private service;
+    readonly icons: typeof Icon;
+    transactionArticleText: TransactionArticleTextComponent;
+    transactionLines: TransactionLineInfo[];
+    preview: boolean;
+    saveTransactionLine: EventEmitter<TransactionAddTextLineRequest>;
+    showSidePanelClicked: EventEmitter<{
+        show: boolean;
+        line: TransactionLineInfo;
+    }>;
+    showClass(): boolean;
+    showTransactionArticleText: boolean;
+    selectedArticleText: TransactionLineInfo;
+    textToEdit: string;
+    userActionRequired: boolean;
+    constructor(iconCacheService: IconCacheService, service: TransactionService);
+    trackByFn(index: number, line: TransactionLineInfo): any;
+    handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
+    handleDrop(event: CdkDragDrop<TransactionLineInfo[]>): void;
+    handleTransactionLineDblClick(line: TransactionLineInfo): void;
+    handleTransactionArticleText(event: MouseEvent): void;
+    closeTransactionArticleText(event: MouseEvent): void;
+    saveTransactionArticleLineText(transactionLine: TransactionAddTextLineRequest): void;
+    handleShowSidePanelClicked(event: boolean, line: TransactionLineInfo): void;
+    private _showArticleTextDialog;
+    private _hideArticleTextDialog;
+}

package/lib/component/transaction-lines/transaction-lines.module.d.ts

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

package/lib/component/transaction-lines-grid/style/_layout.scss

@@ -0,0 +1,37 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-lines-grid-layout') {
+  .co-transaction-lines-grid {
+    display: flex;
+    flex-direction: column;
+    font-family: $tp-transaction-lines-grid-font-family;
+    font-size: $tp-transaction-lines-grid-font-size;
+    .transaction-lines-grid-row {
+      display: flex;
+      flex-direction: row;
+    }
+    .transaction-lines-column {
+      display: flex;
+      flex-direction: column;
+      padding: $tp-transaction-lines-grid-column-padding;
+    }
+    .transaction-lines-column-header {
+      font-family: $tp-transaction-lines-grid-header-font-family;
+      font-size: $tp-transaction-lines-grid-header-font-size;
+      display: flex;
+      font-weight: $tp-transaction-lines-grid-header-font-weight;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin-bottom: $tp-transaction-lines-grid-header-margin-bottom;
+      padding: $tp-transaction-lines-grid-header-padding;
+      border: $tp-transaction-lines-grid-header-border;
+      border-width: $tp-transaction-lines-grid-header-border-width;
+    }
+    .transaction-lines-column-data {
+      min-height: $tp-transaction-lines-grid-data-height;
+      border: $tp-transaction-lines-grid-data-border;
+      border-width: $tp-transaction-lines-grid-data-border-width;
+    }
+  }
+}

package/lib/component/transaction-lines-grid/style/_material-definition.scss

@@ -0,0 +1,19 @@
+$tp-transaction-lines-grid-font-family: $tp-font-family !default;
+$tp-transaction-lines-grid-font-size: $tp-font-size !default;
+
+$tp-transaction-lines-grid-column-padding: 0 5px !default;
+
+$tp-transaction-lines-grid-header-font-family: $tp-font-family !default;
+$tp-transaction-lines-grid-header-font-size: $tp-font-size !default;
+$tp-transaction-lines-grid-header-font-weight: bold !default;
+$tp-transaction-lines-grid-header-font-color: $tp-color-dark !default;
+$tp-transaction-lines-grid-header-margin-bottom: 15px !default;
+$tp-transaction-lines-grid-header-padding: 10px 0 !default;
+$tp-transaction-lines-grid-header-border: solid !default;
+$tp-transaction-lines-grid-header-border-width: 0 0 2px 0 !default;
+$tp-transaction-lines-grid-header-border-color: $tp-color-action !default;
+
+$tp-transaction-lines-grid-data-height: 40px !default;
+$tp-transaction-lines-grid-data-border: solid !default;
+$tp-transaction-lines-grid-data-border-width: 0 0 1px 0 !default;
+$tp-transaction-lines-grid-data-border-color: $tp-color-border !default;

package/lib/component/transaction-lines-grid/style/_theme.scss

@@ -0,0 +1,15 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-lines-grid-theme') {
+  .co-transaction-lines-grid {
+    .transaction-lines-column {
+    }
+    .transaction-lines-column-header {
+      color: $tp-transaction-lines-grid-header-font-color;
+      border-color: $tp-transaction-lines-grid-header-border-color;
+    }
+    .transaction-lines-column-data {
+      border-color: $tp-transaction-lines-grid-data-border-color;
+    }
+  }
+}

package/lib/component/transaction-lines-grid/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../component/transaction-line-grid/style/material";

package/lib/component/transaction-lines-grid/transaction-lines-grid.component.d.ts

@@ -0,0 +1,20 @@
+import { QueryList } from "@angular/core";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { DictionaryService } from "../../service/dictionary.service";
+import { TransactionService } from "../../service/transaction.service";
+import { ColumnAlign, SimpleGridColumnDirective } from "@colijnit/corecomponents_v12";
+export declare class TransactionLinesGridComponent {
+    private _dictionary;
+    private _service;
+    set content(columnComponents: QueryList<SimpleGridColumnDirective>);
+    readonly align: typeof ColumnAlign;
+    transactionLines: TransactionLineInfo[];
+    showClass(): boolean;
+    extraColumns: SimpleGridColumnDirective[];
+    constructor(_dictionary: DictionaryService, _service: TransactionService);
+    changeLineAmount(row: TransactionLineInfo, amount: number): void;
+    handleDrop(data: {
+        from: number;
+        to: number;
+    }): void;
+}

package/lib/component/transaction-lines-grid/transaction-lines-grid.module.d.ts

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

package/lib/component/transaction-nav-bar/style/_layout.scss

@@ -0,0 +1,13 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-nav-bar') {
+  .co-transaction-nav-bar {
+    .nav-bar-wrapper {
+      display: flex;
+    }
+
+    .custom-button-wrapper {
+      padding: 2px;
+    }
+  }
+}

package/lib/component/transaction-nav-bar/style/_material-definition.scss

@@ -0,0 +1 @@
+$tp-transaction: $tp-font-family !default;

package/lib/component/transaction-nav-bar/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction') {
+  .co-transaction {
+
+  }
+}

package/lib/component/transaction-nav-bar/style/material.scss

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

package/lib/component/transaction-nav-bar/transaction-nav-bar-button/transaction-nav-bar-button.component.d.ts

@@ -0,0 +1,14 @@
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TabCategory } from "../../../enum/tab-category.enum";
+export declare class TransactionNavBarButtonComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    tabData: {
+        category: TabCategory;
+        title: string;
+        iconName: Icon;
+    };
+    selectedCategory: TabCategory;
+    constructor(iconCacheService: IconCacheService);
+}

package/lib/component/transaction-nav-bar/transaction-nav-bar-button/transaction-nav-bar-button.component.scss

@@ -0,0 +1,23 @@
+:host {
+
+  .button-wrapper {
+    height: 65px;
+    min-width: 65px;
+    background: white;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+
+    .button-title {
+      font-size: 0.8em;
+      padding: 0 7px 4px 7px;
+    }
+  }
+
+  .selected {
+    box-shadow:0 0 0 1px #558be3 inset;
+  }
+}

package/lib/component/transaction-nav-bar/transaction-nav-bar.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { TabCategory } from "../../enum/tab-category.enum";
+import { DictionaryService } from "../../service/dictionary.service";
+export declare class TransactionNavBarComponent {
+    private _dictionaryService;
+    readonly icons: typeof Icon;
+    selectedTab: TabCategory;
+    tabClicked: EventEmitter<TabCategory>;
+    showClass(): boolean;
+    tabs: {
+        category: TabCategory;
+        title: string;
+        iconName: Icon;
+    }[];
+    constructor(_dictionaryService: DictionaryService);
+    handleTabClick(category: TabCategory): void;
+}

package/lib/component/transaction-nav-bar/transaction-nav-bar.module.d.ts

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

package/lib/component/transaction-receiving-goods-details/style/_layout.scss

@@ -0,0 +1,38 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-receiving-goods-details') {
+  .co-transaction-receiving-goods-details {
+    .receipt-details-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .details-header {
+      font-size: 1.2em;
+      margin-bottom: 10px;
+    }
+
+    .columns-wrapper {
+      display: flex;
+    }
+
+    .details-column {
+      width: 45%;
+    }
+
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+
+      .divider {
+        border-left: 1px solid #dce4ea;
+        margin-bottom: 25px
+      }
+    }
+
+    .details-input {
+      margin-bottom: 25px
+    }
+  }
+}

package/lib/component/transaction-receiving-goods-details/style/_material-definition.scss

@@ -0,0 +1 @@
+$tp-transaction: $tp-font-family !default;

package/lib/component/transaction-receiving-goods-details/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction') {
+  .co-transaction {
+
+  }
+}

package/lib/component/transaction-receiving-goods-details/style/material.scss

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

package/lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component.d.ts

@@ -0,0 +1,6 @@
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+export declare class TransactionReceivingGoodsDetailsComponent {
+    transactionLineInfo: TransactionLineInfo;
+    showClass(): boolean;
+    valuePlaceholder: any;
+}

package/lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.module.d.ts

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

package/lib/component/transaction-receiving-goods-history/style/_layout.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-receiving-goods-history') {
+  .co-transaction-receiving-goods-history {
+
+  }
+}

package/lib/component/transaction-receiving-goods-history/style/_material-definition.scss

@@ -0,0 +1 @@
+$tp-transaction: $tp-font-family !default;

package/lib/component/transaction-receiving-goods-history/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction') {
+  .co-transaction {
+
+  }
+}

package/lib/component/transaction-receiving-goods-history/style/material.scss

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

package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.d.ts

@@ -0,0 +1,5 @@
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+export declare class TransactionReceivingGoodsHistoryComponent {
+    transactionLines: TransactionLineInfo[];
+    showClass(): boolean;
+}

package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.module.d.ts

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

package/lib/component/transaction-totals/style/_layout.scss

@@ -0,0 +1,35 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-totals-layout') {
+  .co-transaction-totals {
+    display: block;
+    .transaction-totals-wrapper {
+      display: grid;
+      grid-template-areas: 'label value';
+      row-gap: $tp-transaction-totals-row-gap;
+      .label {
+        grid-area: label;
+        grid-row: auto;
+        font-family: $tp-transaction-totals-label-font-family;
+        font-size: $tp-transaction-totals-label-font-size;
+        font-weight: $tp-transaction-totals-label-font-weight;
+      }
+      .value {
+        grid-area: value;
+        grid-row: auto;
+        display: flex;
+        justify-content: flex-end;
+        font-family: $tp-transaction-totals-value-font-family;
+        font-size: $tp-transaction-totals-value-font-size;
+        font-weight: $tp-transaction-totals-value-font-weight;
+      }
+    }
+    .add-discount {
+      cursor: pointer;
+      font-family: $tp-transaction-totals-add-discount-font-family;
+      font-size: $tp-transaction-totals-add-discount-font-size;
+      font-weight: $tp-transaction-totals-add-discount-font-weight;
+      margin: $tp-transaction-totals-add-discount-margin;
+    }
+  }
+}

package/lib/component/transaction-totals/style/_material-definition.scss

@@ -0,0 +1,15 @@
+$tp-transaction-totals-label-font-family: $tp-font-family !default;
+$tp-transaction-totals-label-font-size: $tp-font-size !default;
+$tp-transaction-totals-label-font-color: $tp-color-dark !default;
+$tp-transaction-totals-label-font-weight: bold !default;
+$tp-transaction-totals-value-font-family: $tp-font-family !default;
+$tp-transaction-totals-value-font-size: $tp-font-size !default;
+$tp-transaction-totals-value-font-color: $tp-color-dark !default;
+$tp-transaction-totals-value-font-weight: bold !default;
+$tp-transaction-totals-row-gap: 5px !default;
+
+$tp-transaction-totals-add-discount-font-family: $tp-font-family !default;
+$tp-transaction-totals-add-discount-font-size: $tp-font-size !default;
+$tp-transaction-totals-add-discount-font-color: $tp-color-active-light !default;
+$tp-transaction-totals-add-discount-font-weight: normal !default;
+$tp-transaction-totals-add-discount-margin: 5px 0 !default;

package/lib/component/transaction-totals/style/_theme.scss

@@ -0,0 +1,10 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-totals-theme') {
+  .co-transaction-totals {
+    color: $tp-transaction-totals-label-font-color;
+    .add-discount {
+      color: $tp-transaction-totals-add-discount-font-color;
+    }
+  }
+}

package/lib/component/transaction-totals/style/material.scss

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

package/lib/component/transaction-totals/transaction-totals.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
+export declare class TransactionTotalsComponent {
+    totals: TransactionTotal;
+    showDiscount: boolean;
+    discountClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    header: string;
+}

package/lib/component/transaction-totals/transaction-totals.module.d.ts

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