@colijnit/transaction 12.1.86 → 12.1.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/bundles/colijnit-transaction.umd.js +1840 -1111
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.d.ts +71 -54
  4. package/colijnit-transaction.metadata.json +1 -1
  5. package/esm2015/colijnit-transaction.js +72 -55
  6. package/esm2015/lib/component/avatar/avatar.component.js +85 -48
  7. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +2 -2
  8. package/esm2015/lib/component/checkout/checkout.component.js +5 -1
  9. package/esm2015/lib/component/core/base/transaction-base.component.js +1 -12
  10. package/esm2015/lib/component/dialog/transaction-line/dialog-transaction-line-discount/dialog-transaction-line-discount.component.js +5 -5
  11. package/esm2015/lib/component/relation/relation-preferences/relation-preferences.component.js +27 -23
  12. package/esm2015/lib/component/search/search-feature.module.js +26 -0
  13. package/esm2015/lib/component/search/search-filter-panel/search-filter-panel.component.js +65 -0
  14. package/esm2015/lib/component/search/search-filter-panel/search-filter-panel.module.js +26 -0
  15. package/esm2015/lib/component/search/search-header-buttons/search-header-buttons.component.js +112 -0
  16. package/esm2015/lib/component/search/search-header-buttons/search-header-buttons.module.js +25 -0
  17. package/esm2015/lib/component/search/search-view-mode.service.js +77 -0
  18. package/esm2015/lib/component/search/search.component.js +87 -0
  19. package/esm2015/lib/component/transaction/transaction.component.js +5 -4
  20. package/esm2015/lib/component/transaction/transaction.module.js +4 -2
  21. package/esm2015/lib/component/transaction-button-bar/transaction-button-bar-button/transaction-sales-purchase-button-bar-button.component.js +4 -5
  22. package/esm2015/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.js +6 -6
  23. package/esm2015/lib/component/transaction-confirmation-history/transaction-confirmation-history.component.js +5 -3
  24. package/esm2015/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.js +13 -15
  25. package/esm2015/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.module.js +6 -2
  26. package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.js +20 -22
  27. package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.module.js +12 -2
  28. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service.js +4 -4
  29. package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-date-button.component.js +1 -3
  30. package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-method.component.js +2 -2
  31. package/esm2015/lib/component/transaction-line-fields/transaction-line-discount-button.component.js +1 -11
  32. package/esm2015/lib/component/transaction-line-fields/transaction-line-price/transaction-line-price.component.js +3 -3
  33. package/esm2015/lib/component/transaction-line-fields/transaction-line-price-list.component.js +2 -2
  34. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.component.js +33 -0
  35. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.module.js +23 -0
  36. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.js +44 -0
  37. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.module.js +23 -0
  38. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.component.js +33 -0
  39. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.module.js +23 -0
  40. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.component.js +44 -0
  41. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.module.js +23 -0
  42. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.component.js +44 -0
  43. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.module.js +23 -0
  44. package/esm2015/lib/component/transaction-navigation-button/transaction-navigation-button.component.js +40 -0
  45. package/esm2015/lib/component/transaction-navigation-button/transaction-navigation-button.module.js +23 -0
  46. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component.js +4 -5
  47. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.js +5 -3
  48. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.module.js +3 -4
  49. package/esm2015/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.js +19 -15
  50. package/esm2015/lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component.js +2 -25
  51. package/esm2015/lib/component/transaction-search/transaction-filter/transaction-purchase-order-filter/transaction-purchase-order-filter.component.js +2 -13
  52. package/esm2015/lib/component/transaction-search/transaction-filter/transaction-sales-order-filter/transaction-sales-order-filter.component.js +1 -12
  53. package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.js +15 -38
  54. package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.module.js +1 -3
  55. package/esm2015/lib/component/transaction-search/transaction-search.component.js +52 -96
  56. package/esm2015/lib/component/transaction-search/transaction-search.module.js +11 -5
  57. package/esm2015/lib/enum/icon.enum.js +2 -1
  58. package/esm2015/lib/model/icon-svg.js +2 -1
  59. package/esm2015/lib/res/dictionary/dictionaries.js +3 -3
  60. package/esm2015/lib/service/pending-reason.service.js +53 -1
  61. package/esm2015/lib/service/transaction-connector-adapter.service.js +34 -15
  62. package/esm2015/lib/service/transaction-connector.service.js +6 -1
  63. package/esm2015/lib/service/transaction-event.service.js +4 -2
  64. package/esm2015/lib/service/transaction.service.js +79 -17
  65. package/esm2015/public_api.js +3 -3
  66. package/fesm2015/colijnit-transaction.js +3327 -2686
  67. package/fesm2015/colijnit-transaction.js.map +1 -1
  68. package/lib/component/avatar/avatar.component.d.ts +21 -12
  69. package/lib/component/core/base/transaction-base.component.d.ts +0 -4
  70. package/lib/component/relation/relation-preferences/relation-preferences.component.d.ts +7 -5
  71. package/lib/component/search/search-feature.module.d.ts +2 -0
  72. package/lib/component/search/search-filter-panel/search-filter-panel.component.d.ts +16 -0
  73. package/lib/component/search/search-filter-panel/search-filter-panel.module.d.ts +2 -0
  74. package/lib/component/search/search-filter-panel/style/_layout.scss +62 -0
  75. package/lib/component/search/search-filter-panel/style/_material-definition.scss +17 -0
  76. package/lib/component/search/search-filter-panel/style/_theme.scss +4 -0
  77. package/lib/component/search/search-filter-panel/style/material.scss +3 -0
  78. package/lib/component/search/search-header-buttons/search-header-buttons.component.d.ts +29 -0
  79. package/lib/component/search/search-header-buttons/search-header-buttons.module.d.ts +2 -0
  80. package/lib/component/search/search-header-buttons/style/_layout.scss +151 -0
  81. package/lib/component/search/search-header-buttons/style/_material-definition.scss +1 -0
  82. package/lib/component/search/search-header-buttons/style/_theme.scss +21 -0
  83. package/lib/component/{transaction-search/transaction-search-header → search/search-header-buttons}/style/material.scss +0 -1
  84. package/lib/component/search/search-view-mode.service.d.ts +23 -0
  85. package/lib/component/search/search.component.d.ts +17 -0
  86. package/lib/component/search/style/_layout.scss +94 -0
  87. package/lib/component/search/style/_material-definition.scss +61 -0
  88. package/lib/component/search/style/_theme.scss +27 -0
  89. package/lib/component/search/style/material.scss +3 -0
  90. package/lib/component/transaction/style/_layout.scss +10 -0
  91. package/lib/component/transaction/style/_material-definition.scss +1 -0
  92. package/lib/component/transaction-line/transaction-purchase-line/style/_layout.scss +3 -0
  93. package/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.d.ts +1 -1
  94. package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.d.ts +0 -2
  95. package/lib/component/transaction-line-fields/transaction-line-delivery-date-button.component.d.ts +0 -2
  96. package/lib/component/transaction-line-fields/transaction-line-discount-button.component.d.ts +0 -1
  97. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.component.d.ts +10 -0
  98. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.module.d.ts +2 -0
  99. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.d.ts +13 -0
  100. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.module.d.ts +2 -0
  101. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.component.d.ts +10 -0
  102. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-delivery-date.module.d.ts +2 -0
  103. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.component.d.ts +13 -0
  104. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.module.d.ts +2 -0
  105. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.component.d.ts +13 -0
  106. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.module.d.ts +2 -0
  107. package/lib/component/transaction-navigation-button/style/_layout.scss +4 -0
  108. package/lib/component/transaction-navigation-button/style/_material-definition.scss +0 -0
  109. package/lib/component/transaction-navigation-button/style/_theme.scss +4 -0
  110. package/lib/component/transaction-navigation-button/style/material.scss +4 -0
  111. package/lib/component/transaction-navigation-button/transaction-navigation-button.component.d.ts +13 -0
  112. package/lib/component/transaction-navigation-button/transaction-navigation-button.module.d.ts +2 -0
  113. package/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/style/_layout.scss +18 -0
  114. package/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.d.ts +1 -1
  115. package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.d.ts +1 -1
  116. package/lib/component/transaction-search/style/_layout.scss +0 -76
  117. package/lib/component/transaction-search/style/_material-definition.scss +0 -24
  118. package/lib/component/transaction-search/style/material.scss +0 -2
  119. package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_layout.scss +0 -23
  120. package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_material-definition.scss +1 -18
  121. package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_theme.scss +0 -4
  122. package/lib/component/transaction-search/transaction-filter/transaction-filter/transaction-filter.component.d.ts +1 -7
  123. package/lib/component/transaction-search/transaction-search-result/style/_material-definition.scss +2 -3
  124. package/lib/component/transaction-search/transaction-search-result/style/_theme.scss +0 -4
  125. package/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.d.ts +6 -11
  126. package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss +3 -0
  127. package/lib/component/transaction-search/transaction-search.component.d.ts +12 -13
  128. package/lib/enum/icon.enum.d.ts +1 -0
  129. package/lib/res/dictionary/dictionaries.d.ts +8 -0
  130. package/lib/service/pending-reason.service.d.ts +9 -0
  131. package/lib/service/transaction-connector-adapter.service.d.ts +7 -5
  132. package/lib/service/transaction-connector.service.d.ts +7 -6
  133. package/lib/service/transaction-event.service.d.ts +3 -1
  134. package/lib/service/transaction.service.d.ts +6 -7
  135. package/package.json +2 -2
  136. package/public_api.d.ts +2 -2
  137. package/esm2015/lib/component/transaction-search/transaction-search-header/transaction-search-header.component.js +0 -126
  138. package/esm2015/lib/component/transaction-search/transaction-search-header/transaction-search-header.module.js +0 -27
  139. package/lib/component/transaction-search/transaction-search-header/style/_layout.scss +0 -147
  140. package/lib/component/transaction-search/transaction-search-header/style/_material-definition.scss +0 -26
  141. package/lib/component/transaction-search/transaction-search-header/style/_theme.scss +0 -17
  142. package/lib/component/transaction-search/transaction-search-header/transaction-search-header.component.d.ts +0 -36
  143. package/lib/component/transaction-search/transaction-search-header/transaction-search-header.module.d.ts +0 -2
@@ -1,31 +1,40 @@
1
- import { AfterViewInit } from "@angular/core";
1
+ import { ChangeDetectorRef, OnChanges, SimpleChanges } from "@angular/core";
2
2
  import { TransactionService } from "../../service/transaction.service";
3
3
  import { SharedService } from "../../service/shared.service";
4
4
  import { ColorSequenceService } from "@colijnit/corecomponents_v12";
5
5
  import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
6
6
  import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
7
7
  import { RelationService } from "../../service/relation.service";
8
- export declare class AvatarComponent implements AfterViewInit {
8
+ export declare class AvatarComponent implements OnChanges {
9
9
  private _transactionService;
10
10
  private _sharedService;
11
11
  private _colorSequenceService;
12
12
  private _relationService;
13
- set image(value: CoDocument);
14
- get image(): CoDocument;
15
- set relationId(value: number);
16
- get relationId(): number;
13
+ private _changeDetector;
14
+ image: CoDocument;
15
+ relationId: number;
17
16
  relation: RelationListObject;
18
17
  showClass(): boolean;
19
- set initials(value: string);
20
- get initials(): string;
21
18
  imageSrc: string;
22
19
  backgroundColor: string;
20
+ set initialsForAvatar(value: string);
21
+ get initialsForAvatar(): string;
22
+ protected set relationForAvatar(value: RelationListObject);
23
+ protected get relationForAvatar(): RelationListObject;
24
+ protected set relationIdForAvatar(value: number);
25
+ protected get relationIdForAvatar(): number;
26
+ protected set imageForAvatar(value: CoDocument);
27
+ protected get imageForAvatar(): CoDocument;
23
28
  private _initials;
24
29
  private _relationId;
30
+ private _relation;
25
31
  private _image;
26
- constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService, _relationService: RelationService);
27
- ngAfterViewInit(): void;
28
- private _getRelation;
29
- private _getImageSrcFromCoDocument;
32
+ constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService, _relationService: RelationService, _changeDetector: ChangeDetectorRef);
33
+ ngOnChanges(changes: SimpleChanges): void;
34
+ private _changeImage;
35
+ private _changeRelation;
36
+ private _setRelationIdForAvatar;
37
+ private _setRelationForAvatar;
38
+ private _setImageForAvatar;
30
39
  private _setBackgroundColor;
31
40
  }
@@ -9,7 +9,6 @@ import { RelationKind } from "@colijnit/articleapi/build/enum/relation-kind.enum
9
9
  import { RelationAnyType } from "@colijnit/relationapi/build/model/relation-any-type";
10
10
  import { RelationNameKind } from "@colijnit/relationapi/build/enum/relation-name-kind.enum";
11
11
  import { Icon } from "../../../enum/icon.enum";
12
- import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
13
12
  export declare abstract class TransactionBaseComponent {
14
13
  protected transactionService: TransactionService;
15
14
  readonly icons: typeof Icon;
@@ -23,8 +22,6 @@ export declare abstract class TransactionBaseComponent {
23
22
  get transactionInfo(): TransactionInfo;
24
23
  set transactionTotal(value: TransactionTotal);
25
24
  get transactionTotal(): TransactionTotal;
26
- set purchasePortalLine(value: PurchasePortalLine);
27
- get purchasePortalLine(): PurchasePortalLine;
28
25
  set relation(value: RelationAnyType);
29
26
  get relation(): RelationAnyType;
30
27
  expanded: boolean;
@@ -46,7 +43,6 @@ export declare abstract class TransactionBaseComponent {
46
43
  private _transactionLine;
47
44
  private _transactionInfo;
48
45
  private _transactionTotal;
49
- private _purchasePortalLine;
50
46
  constructor(transactionService: TransactionService);
51
47
  handleCommit(value: any): Promise<boolean>;
52
48
  protected commit(value: any): Promise<boolean>;
@@ -1,15 +1,17 @@
1
- import { OnInit } from "@angular/core";
2
1
  import { RelationPrivacySetting } from "@colijnit/relationapi/build/model/relation-privacy-setting.bo";
3
2
  import { TransactionService } from "../../../service/transaction.service";
4
3
  import { RelationBaseComponent } from "../relation-base.component";
5
- export declare class RelationPreferencesComponent extends RelationBaseComponent implements OnInit {
4
+ export declare class PrivacySettingViewModel {
5
+ privacySetting: RelationPrivacySetting;
6
+ checked: boolean;
7
+ }
8
+ export declare class RelationPreferencesComponent extends RelationBaseComponent {
6
9
  private _service;
7
10
  readonly: boolean;
8
11
  showClass(): boolean;
9
- privacySettings: RelationPrivacySetting[];
12
+ privacySettings: PrivacySettingViewModel[];
10
13
  constructor(_service: TransactionService);
11
- ngOnInit(): Promise<void>;
12
- isShared(relationPrivacySetting: RelationPrivacySetting): boolean;
13
14
  changePrivacySetting(relationPrivacySetting: RelationPrivacySetting, value: boolean): void;
15
+ protected relationSet(): void;
14
16
  private _loadPrivacySettings;
15
17
  }
@@ -0,0 +1,2 @@
1
+ export declare class SearchFeatureModule {
2
+ }
@@ -0,0 +1,16 @@
1
+ import { EventEmitter } from "@angular/core";
2
+ import { ColumnAlign } from "@colijnit/corecomponents_v12";
3
+ import { Icon } from "../../../enum/icon.enum";
4
+ import { IconCacheService } from "../../../service/icon-cache.service";
5
+ import { SearchViewModeService } from "../search-view-mode.service";
6
+ export declare class SearchFilterPanelComponent {
7
+ iconCacheService: IconCacheService;
8
+ searchViewModeService: SearchViewModeService;
9
+ readonly align: typeof ColumnAlign;
10
+ readonly icon: typeof Icon;
11
+ resetFilterClick: EventEmitter<void>;
12
+ showClass(): boolean;
13
+ constructor(iconCacheService: IconCacheService, searchViewModeService: SearchViewModeService);
14
+ onResetButtonClick(): void;
15
+ onCloseButtonClick(): void;
16
+ }
@@ -0,0 +1,2 @@
1
+ export declare class SearchFilterPanelModule {
2
+ }
@@ -0,0 +1,62 @@
1
+ @include export-module('co-search-filter-panel-layout') {
2
+ .co-search-filter-panel {
3
+ font-family: $co-search-filter-panel-header-font-family;
4
+ font-size: $co-search-filter-panel-header-font-size;
5
+ width: $co-search-filter-panel-width;
6
+ padding: $co-search-filter-panel-padding;
7
+ display: flex;
8
+ flex-direction: column;
9
+ height: fit-content;
10
+ position: relative;
11
+ border: $co-search-filter-panel-border;
12
+ top: $co-search-filter-panel-top;
13
+
14
+ }
15
+ .search-filter-panel-header-wrapper {
16
+ display: flex;
17
+ justify-content: space-between;
18
+ align-items: baseline;
19
+ padding: $co-search-filter-panel-header-wrapper-padding;
20
+
21
+ .search-filter-panel-header {
22
+ display: flex;
23
+ justify-items: flex-start;
24
+ align-items: baseline;
25
+ font-weight: $co-search-filter-panel-header-font-weight;
26
+ font-size: $co-search-filter-panel-header-font-size;
27
+ color: $co-search-filter-panel-header-color;
28
+
29
+ co-icon {
30
+ margin-left: $co-search-filter-panel-icon-margin-left;
31
+ height: $co-search-filter-panel-icon-height;
32
+ width: $co-search-filter-panel-icon-width;
33
+ }
34
+ }
35
+ }
36
+
37
+ .search-filter-wrapper {
38
+ display: flex;
39
+ min-width: $co-search-filter-wrapper-min-width;
40
+
41
+ &.sidebar {
42
+ position: absolute;
43
+ left: 0;
44
+ transition: left 0.2s ease-in-out;
45
+ z-index: 2;
46
+ background: #FFF;
47
+ min-width: $co-search-filter-panel-wrapper-sidebar-min-width;
48
+ }
49
+
50
+ &.fullscreen {
51
+ position: relative;
52
+ left: 0;
53
+ transition: left 0.2s ease-in-out;
54
+ }
55
+ }
56
+
57
+ .clickable {
58
+ cursor: pointer;
59
+ }
60
+ }
61
+
62
+
@@ -0,0 +1,17 @@
1
+ $co-search-filter-panel-header-font-family: $tp-font-family !default;
2
+ $co-search-filter-panel-header-font-size: $tp-font-size !default;
3
+ $co-search-filter-panel-background-color: $cc-color-light !default;
4
+ $co-search-filter-panel-header-wrapper-padding: 0 10px !default;
5
+ $co-search-filter-panel-header-font-weight: bold !default;
6
+ $co-search-filter-panel-header-font-size: 14px !default;
7
+ $co-search-filter-panel-header-color: $tp-color-font !default;
8
+ $co-search-filter-panel-icon-margin-left: 10px !default;
9
+ $co-search-filter-panel-icon-height: 13px !default;
10
+ $co-search-filter-panel-icon-width: 13px !default;
11
+ $co-search-filter-wrapper-min-width: 360px !default;
12
+ $co-search-filter-panel-wrapper-sidebar-min-width: 370px !default;
13
+
14
+ $co-search-filter-panel-width: 350px !default;
15
+ $co-search-filter-panel-padding: 10px !default;
16
+ $co-search-filter-panel-border: none !default;
17
+ $co-search-filter-panel-top: 0 !default;
@@ -0,0 +1,4 @@
1
+ @include export-module('co-search-filter-panel-theme') {
2
+ .co-search-filter-panel {
3
+ }
4
+ }
@@ -0,0 +1,3 @@
1
+ @import "./material-definition";
2
+ @import "./layout";
3
+ @import "./theme";
@@ -0,0 +1,29 @@
1
+ import { EventEmitter } from "@angular/core";
2
+ import { ContentViewMode } from "../../../enum/content-view-mode.enum";
3
+ import { Icon } from "../../../enum/icon.enum";
4
+ import { SearchViewMode } from "../../../enum/search-view-mode.enum";
5
+ import { DictionaryService } from "../../../service/dictionary.service";
6
+ import { IconCacheService } from "../../../service/icon-cache.service";
7
+ import { SearchViewModeService } from "../search-view-mode.service";
8
+ export declare class SearchHeaderButtonsComponent {
9
+ iconCacheService: IconCacheService;
10
+ private _dictionary;
11
+ searchViewModeService: SearchViewModeService;
12
+ readonly icon: typeof Icon;
13
+ readonly contentViewModes: typeof ContentViewMode;
14
+ readonly searchViewModes: typeof SearchViewMode;
15
+ iconSlideIn: import("@angular/platform-browser").SafeHtml;
16
+ iconResize: import("@angular/platform-browser").SafeHtml;
17
+ iconCancel: import("@angular/platform-browser").SafeHtml;
18
+ addClick: EventEmitter<void>;
19
+ showClass(): boolean;
20
+ label: string;
21
+ searchPlaceholder: string;
22
+ constructor(iconCacheService: IconCacheService, _dictionary: DictionaryService, searchViewModeService: SearchViewModeService);
23
+ get fullscreen(): boolean;
24
+ onResizeClick(): void;
25
+ onCloseSearchClick(): void;
26
+ onAddButtonClick(): void;
27
+ onFilterButtonClick(): void;
28
+ onViewModeChange(viewMode: ContentViewMode): void;
29
+ }
@@ -0,0 +1,2 @@
1
+ export declare class SearchHeaderButtonsModule {
2
+ }
@@ -0,0 +1,151 @@
1
+ @include export-module('co-search-header-buttons-layout') {
2
+ .co-search-header-buttons {
3
+ .search-header-buttons-wrapper {
4
+ display: flex;
5
+ justify-content: center;
6
+ flex-direction: column;
7
+ }
8
+
9
+ .upper-header {
10
+ display: flex;
11
+ justify-content: flex-end;
12
+ height: $co-search-result-upper-header-height;
13
+ padding-left: $co-search-result-upper-header-padding-left;
14
+
15
+ .header-buttons-wrapper {
16
+ display: flex;
17
+ padding: $co-search-result-header-buttons-wrapper-padding;
18
+ }
19
+ }
20
+
21
+ .button-wrapper {
22
+ cursor: pointer;
23
+ }
24
+
25
+ .toggle-sidebar-button {
26
+ height: $co-search-result-header-sidebar-button-size;
27
+ width: $co-search-result-header-sidebar-button-size;
28
+ padding: 0;
29
+
30
+ &:not(.circle).has-icon {
31
+ padding-left: 0;
32
+ }
33
+
34
+ .co-icon {
35
+ width: $co-search-result-header-sidebar-icon-size;
36
+ height: $co-search-result-header-sidebar-icon-size;
37
+ }
38
+
39
+ &.fullscreen {
40
+ height: $co-search-filter-button-icon-size;
41
+ width: $co-search-filter-button-icon-size;
42
+
43
+ .co-icon {
44
+ width: $co-search-filter-button-icon-size;
45
+ height: $co-search-filter-button-icon-size;
46
+ }
47
+ }
48
+ }
49
+
50
+ .search-filter-button {
51
+ height: $co-search-filter-button-size;
52
+ width: $co-search-filter-button-size;
53
+ border-radius: $co-search-filter-button-border-radius;
54
+ //padding: $co-search-filter-button-padding;
55
+ justify-content: center;
56
+
57
+ .co-icon {
58
+ width: $co-search-filter-button-icon-size;
59
+ height: $co-search-filter-button-icon-size;
60
+ }
61
+ }
62
+
63
+ .close-search-button-wrapper {
64
+ display: flex;
65
+ column-gap: $co-search-result-header-search-button-wrapper-column-gap;
66
+
67
+ &.sidebar {
68
+ margin-bottom: 5px;
69
+
70
+ .toggle-sidebar-button {
71
+ justify-content: center;
72
+ width: $co-search-result-header-sidebar-button-size;
73
+ height: $co-search-result-header-sidebar-button-size;
74
+
75
+ co-icon {
76
+ height: $co-search-result-header-sidebar-close-button-size;
77
+ width: $co-search-result-header-sidebar-close-button-size;
78
+ }
79
+ }
80
+ }
81
+ }
82
+
83
+
84
+ .header-searchbar-wrapper {
85
+ display: flex;
86
+ justify-content: center;
87
+ flex-direction: row;
88
+ align-items: center;
89
+ column-gap: $co-search-header-column-gap;
90
+
91
+ .header-searchbar-title {
92
+ font-size: $co-search-header-label-font-size;
93
+ font-weight: $co-search-header-label-font-weight;
94
+ }
95
+ }
96
+
97
+ .header-search-bar-button-wrapper {
98
+ display: flex;
99
+ align-items: center;
100
+ column-gap: $co-search-header-button-wrapper-column-gap;
101
+ }
102
+
103
+ .search-header-content-wrapper {
104
+ &.fullscreen {
105
+ co-input-text {
106
+ width: $co-search-input-text-fullscreen-width;
107
+ transition: width 0.2s ease-in-out;
108
+ }
109
+ }
110
+
111
+ &.sidebar {
112
+ co-input-text {
113
+ width: $co-search-input-text-sidebar-width;
114
+ transition: width 0.2s ease-in-out;
115
+ }
116
+ }
117
+ }
118
+
119
+ .view-mode-buttons-wrapper {
120
+ padding: $co-search-view-modes-wrapper-padding;
121
+ }
122
+
123
+ .add-button {
124
+ cursor: pointer;
125
+ height: $co-search-header-plus-button-size;
126
+ width: $co-search-header-plus-button-size;
127
+ padding: 0;
128
+ display: flex;
129
+ align-items: center;
130
+ justify-content: center;
131
+ border-style: $co-search-header-plus-button-border-style;
132
+ border-width: $co-search-header-plus-button-border-width;
133
+ border-radius: $co-search-header-plus-button-border-radius;
134
+
135
+ .co-icon {
136
+ width: $co-search-header-plus-button-icon-size;
137
+ height: $co-search-header-plus-button-icon-size;
138
+ }
139
+
140
+ svg {
141
+ width: 90%;
142
+ height: 90%;
143
+ }
144
+
145
+ &:not(.circle).has-icon {
146
+ padding-left: 0;
147
+ }
148
+ }
149
+ }
150
+ }
151
+
@@ -0,0 +1,21 @@
1
+ @include export-module('co-search-header-buttons-theme') {
2
+ .co-search-header-buttons {
3
+ .header-searchbar-title {
4
+ color: $co-search-header-label-color;
5
+ }
6
+ .add-button {
7
+ border-color: $co-search-header-plus-button-border-color;
8
+ background-color: $co-search-header-plus-button-background-color;
9
+ svg { // for fontawesome icons
10
+ fill: $co-search-header-plus-button-color;
11
+ }
12
+ & [fill] { // for own icons
13
+ fill: $co-search-header-plus-button-color;
14
+ }
15
+ }
16
+ .search-filter-button {
17
+ background-color: $co-search-filter-button-color;
18
+ cursor: pointer;
19
+ }
20
+ }
21
+ }
@@ -1,5 +1,4 @@
1
1
  @import "./material-definition";
2
2
  @import "./layout";
3
3
  @import "./theme";
4
- @import "../../../view-mode-buttons/style/material";
5
4
 
@@ -0,0 +1,23 @@
1
+ import { ContentViewMode } from "../../enum/content-view-mode.enum";
2
+ import { SearchViewMode } from "../../enum/search-view-mode.enum";
3
+ import { SearchbarViewMode } from "../../enum/searchbar-view-mode.enum";
4
+ export declare class SearchViewModeService {
5
+ readonly searchViewModes: typeof SearchViewMode;
6
+ readonly contentViewModes: typeof ContentViewMode;
7
+ activeSearchViewMode: SearchViewMode;
8
+ activeSearchBarViewMode: SearchbarViewMode;
9
+ activeContentViewMode: ContentViewMode;
10
+ showFilterSidebar: boolean;
11
+ constructor();
12
+ get fullscreen(): boolean;
13
+ get collapsed(): boolean;
14
+ calculateClasses(): any;
15
+ toggleFilter(): void;
16
+ handleHideFilter(): void;
17
+ handleResetFilter(): void;
18
+ onSearchViewResizeClick(): void;
19
+ toggleSearchBar(): void;
20
+ collapseSearchBar(): void;
21
+ expandSearchBar(): void;
22
+ changeContentViewMode(contentViewMode: ContentViewMode): void;
23
+ }
@@ -0,0 +1,17 @@
1
+ import { EventEmitter } from "@angular/core";
2
+ import { Icon } from "../../enum/icon.enum";
3
+ import { SearchViewModeService } from "./search-view-mode.service";
4
+ /**
5
+ * @deprecated Use for IONE the IONE co-search component
6
+ */
7
+ export declare class SearchComponent {
8
+ searchViewModeService: SearchViewModeService;
9
+ readonly icon: typeof Icon;
10
+ get fullscreen(): boolean;
11
+ addClick: EventEmitter<void>;
12
+ resetFilterClick: EventEmitter<void>;
13
+ showClass(): boolean;
14
+ constructor(searchViewModeService: SearchViewModeService);
15
+ onAddClick(): void;
16
+ onResetFilterClick(): void;
17
+ }
@@ -0,0 +1,94 @@
1
+ @include export-module('co-search-layout') {
2
+ .co-search {
3
+ font-family: $co-search-font-family;
4
+ font-size: $co-search-font-size;
5
+ display: block;
6
+
7
+ .search-main-wrapper {
8
+ display: flex;
9
+ width: 100%;
10
+ height: 100%;
11
+ }
12
+
13
+ .search-wrapper {
14
+ display: flex;
15
+ &.fullscreen {
16
+ width: 100%;
17
+ transition: width 0.2s ease-in-out;
18
+ }
19
+ &.sidebar {
20
+ width: $co-search-searchbar-width;
21
+ transition: all 0.2s ease-in-out;
22
+ &.collapsed {
23
+ transform: translate(-$co-search-searchbar-width);
24
+ width: 0;
25
+ height: 0;
26
+ }
27
+ &.expanded {
28
+ transform: translate(0);
29
+ }
30
+ }
31
+ }
32
+ .search-filter-panel {
33
+ display: flex;
34
+ min-width: $co-search-filter-wrapper-min-width;
35
+ min-height: $co-search-filter-wrapper-min-height;
36
+
37
+ &.sidebar {
38
+ position: absolute;
39
+ left: 0;
40
+ transition: left 0.2s ease-in-out;
41
+ z-index: 2;
42
+ background: #FFF;
43
+ min-width: $co-search-filter-wrapper-sidebar-min-width;
44
+ }
45
+ &.fullscreen {
46
+ position: relative;
47
+ left: 0;
48
+ transition: left 0.2s ease-in-out;
49
+ }
50
+ }
51
+
52
+ .search-header-result-wrapper {
53
+ width: $co-search-header-result-wrapper-width;
54
+ min-height: $co-search-header-result-wrapper-min-height;
55
+ }
56
+
57
+ .search-result {
58
+ display: flex;
59
+ overflow-y: auto;
60
+ flex-basis: 100%;
61
+ justify-content: flex-start;
62
+ padding: $co-search-result-wrapper-padding;
63
+ }
64
+
65
+ .search-content-wrapper {
66
+ display: block;
67
+ width: 100%;
68
+ &.fullscreen {
69
+ display: none;
70
+ }
71
+ }
72
+ & > co-icon-collapse-handle {
73
+ position: absolute;
74
+ flex-shrink: 0;
75
+ top: 50vh;
76
+ &.fullscreen {
77
+ opacity: 0;
78
+ }
79
+ &.sidebar {
80
+ transition: all 0.2s ease-in-out;
81
+ &.collapsed {
82
+ opacity: 0;
83
+ transform: translate(0) rotate(90deg);
84
+ }
85
+ &.expanded {
86
+ opacity: 1;
87
+ transition-delay: 0.2s;
88
+ transition-property: opacity;
89
+ transform: translate($co-search-searchbar-width - 17px) rotate(90deg);
90
+ }
91
+ }
92
+ }
93
+ }
94
+ }
@@ -0,0 +1,61 @@
1
+ $co-search-font-family: $tp-font-family !default;
2
+ $co-search-font-size: $tp-font-size !default;
3
+ $co-search-background-color: $cc-color-light !default;
4
+ $co-search-border-color: $tp-color-border !default;
5
+ $co-search-border-style: solid 1px !default;
6
+ $co-search-max-height: 100vh !default;
7
+
8
+ $co-search-searchbar-width: 370px !default;
9
+
10
+ $co-search-filter-wrapper-min-width: 360px !default;
11
+ $co-search-filter-wrapper-min-height: 93vh !default;
12
+ $co-search-sidebar-min-width: 370px !default;
13
+
14
+ $co-search-header-result-wrapper-width: 100% !default;
15
+ $co-search-header-result-wrapper-min-height: 93vh !default;
16
+ $co-search-header-result-wrapper-background-color: $cc-color-light !default;
17
+ $co-search-result-header-search-button-wrapper-column-gap: 10px !default;
18
+
19
+ $co-search-result-width: 100% !default;
20
+ $co-search-result-wrapper-padding: 0 10px !default;
21
+ $co-search-result-upper-header-padding-left: 27px !default;
22
+ $co-search-result-upper-header-height: 20px !default;
23
+ $co-search-result-header-buttons-wrapper-padding: 0 !default;
24
+ $co-search-result-header-sidebar-button-size: 15px !default;
25
+ $co-search-filter-button-icon-size: 20px !default;
26
+
27
+ $co-search-result-header-sidebar-icon-size: 15px !default;
28
+ $co-search-result-header-sidebar-button-color: $tp-color-label !default;
29
+ $co-search-result-header-sidebar-close-button-size: 15px !default;
30
+ $co-search-result-header-sidebar-close-button-color: $tp-color-label !default;
31
+
32
+
33
+ $co-search-view-modes-wrapper-padding: 0 35px !default;
34
+
35
+ $co-search-header-input-text-width: 300px !default;
36
+ $co-search-header-label-color: $tp-color-font !default;
37
+ $co-search-header-label-font-size: 18px !default;
38
+ $co-search-header-label-font-weight: bold !default;
39
+ $co-search-header-column-gap: 20px !default;
40
+ $co-search-header-button-wrapper-column-gap: 0 !default;
41
+ $co-search-header-plus-button-size: 26px !default;
42
+ $co-search-header-plus-button-icon-size: 20px !default;
43
+ $co-search-header-plus-button-color: $tp-color-label !default;
44
+ $co-search-header-plus-button-border-style: solid !default;
45
+ $co-search-header-plus-button-border-width: 0 !default;
46
+ $co-search-header-plus-button-border-color: $tp-color-font !default;
47
+ $co-search-header-plus-button-border-radius: 5px !default;
48
+ $co-search-header-plus-button-background-color: $tp-default-background-accent !default;
49
+
50
+ $co-search-input-text-fullscreen-width: 440px !default;
51
+ $co-search-input-text-sidebar-width: 250px !default;
52
+ $co-search-input-text-sidebar-height: 40px !default;
53
+ $co-search-input-text-label-margin-left: 5% !default;
54
+
55
+ $co-search-filter-panel-background-color: $cc-color-light !default;
56
+ $co-search-filter-button-color: $cc-color-light !default;
57
+ $co-search-filter-button-padding: 20px 0 !default;
58
+ $co-search-filter-button-width: 90% !default;
59
+ $co-search-filter-button-size: 32px !default;
60
+ $co-search-filter-button-border-radius: 5px !default;
61
+ $co-search-filter-wrapper-sidebar-min-width: 370px !default;
@@ -0,0 +1,27 @@
1
+ @include export-module('co-search-theme') {
2
+ .co-search {
3
+ .transaction-search-wrapper {
4
+ background-color: $co-search-background-color;
5
+ .transaction-search-result-wrapper.sidebar.expanded {
6
+ max-height: $co-search-max-height;
7
+ }
8
+ }
9
+ .toggle-sidebar-button {
10
+ svg { // for fontawesome icons
11
+ fill: $co-search-result-header-sidebar-button-color;
12
+ }
13
+ & [fill] { // for own icons
14
+ fill: $co-search-result-header-sidebar-button-color;
15
+ }
16
+ }
17
+
18
+ .search-filter-panel {
19
+ background-color: $co-search-filter-panel-background-color;
20
+ border-color: $cc-color-border;
21
+ }
22
+
23
+ .search-header-result-wrapper {
24
+ background-color: $co-search-header-result-wrapper-background-color;
25
+ }
26
+ }
27
+ }
@@ -0,0 +1,3 @@
1
+ @import "./material-definition";
2
+ @import "./layout";
3
+ @import "./theme";