@colijnit/transaction 12.1.110 → 12.1.112
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.
- package/bundles/colijnit-transaction.umd.js +823 -657
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.d.ts +379 -380
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/colijnit-transaction.js +380 -381
- package/esm2015/lib/component/core/base/transaction-base.component.js +57 -21
- package/esm2015/lib/component/core/core.module.js +19 -24
- package/esm2015/lib/component/core/relation/customer-groups.component.js +14 -9
- package/esm2015/lib/component/relation/relation-address/relation-address.component.js +26 -8
- package/esm2015/lib/component/relation/relation-address/relation-address.module.js +4 -3
- package/esm2015/lib/component/shared/transaction-article-text/transaction-article-text.component.js +59 -21
- package/esm2015/lib/component/shared/transaction-article-text/transaction-article-text.module.js +4 -3
- package/esm2015/lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component.js +22 -21
- package/esm2015/lib/component/transaction/transaction.component.js +33 -25
- package/esm2015/lib/component/transaction-card/transaction-card-invoice/transaction-card-invoice.component.js +6 -6
- package/esm2015/lib/component/transaction-card/transaction-card-order-delivery/transaction-card-order-delivery.component.js +12 -12
- package/esm2015/lib/component/transaction-card/transaction-card-receive-goods/transaction-card-receive-goods.component.js +9 -9
- package/esm2015/lib/component/transaction-header-fields/transaction-header-administrative-relation.component.js +5 -7
- package/esm2015/lib/component/transaction-header-fields/transaction-header-administrative-relation.module.js +4 -3
- package/esm2015/lib/component/transaction-header-fields/transaction-header-branch.component.js +6 -8
- package/esm2015/lib/component/transaction-header-fields/transaction-header-branch.module.js +4 -3
- package/esm2015/lib/component/transaction-header-fields/transaction-header-currency.component.js +5 -7
- package/esm2015/lib/component/transaction-header-fields/transaction-header-currency.module.js +4 -3
- package/esm2015/lib/component/transaction-header-fields/transaction-header-payment-condition.component.js +5 -7
- package/esm2015/lib/component/transaction-header-fields/transaction-header-payment-condition.module.js +4 -3
- package/esm2015/lib/component/transaction-header-fields/transaction-header-price-kind.component.js +6 -7
- package/esm2015/lib/component/transaction-header-fields/transaction-header-price-kind.module.js +4 -3
- package/esm2015/lib/component/transaction-header-fields/transaction-header-sales-person.component.js +5 -7
- package/esm2015/lib/component/transaction-header-fields/transaction-header-sales-person.module.js +4 -3
- package/esm2015/lib/component/transaction-line/transaction-base-line/transaction-base-line.component.js +4 -7
- package/esm2015/lib/component/transaction-line/transaction-goods-allocation-line/transaction-goods-allocation-line.component.js +4 -4
- package/esm2015/lib/component/transaction-line/transaction-invoice-line/transaction-invoice-line-base.component.js +8 -8
- package/esm2015/lib/component/transaction-line/transaction-invoice-line/transaction-invoice-line.component.js +8 -8
- package/esm2015/lib/component/transaction-line/transaction-order-delivery-line/transaction-order-delivery-line-base.component.js +3 -3
- package/esm2015/lib/component/transaction-line/transaction-order-delivery-line/transaction-order-delivery-line.component.js +10 -10
- package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.js +6 -6
- package/esm2015/lib/component/transaction-line/transaction-text-line/transaction-text-line.component.js +8 -3
- package/esm2015/lib/component/transaction-line-action-buttons/transaction-line-action-buttons-popup.component.js +61 -0
- package/esm2015/lib/component/transaction-line-action-buttons/transaction-line-action-buttons.component.js +40 -64
- package/esm2015/lib/component/transaction-line-action-buttons/transaction-line-action-buttons.module.js +8 -4
- package/esm2015/lib/component/transaction-line-fields/transaction-line-commission-code.component.js +6 -2
- package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-method.component.js +10 -2
- package/esm2015/lib/component/transaction-line-fields/transaction-line-price/transaction-line-price.component.js +6 -2
- package/esm2015/lib/component/transaction-line-fields/transaction-line-vat.component.js +8 -1
- package/esm2015/lib/component/transaction-line-fields/transaction-line-warehouse.component.js +9 -1
- package/esm2015/lib/component/transaction-line-fields/transaction-line-warehouse.module.js +4 -3
- package/esm2015/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.js +2 -7
- package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.component.js +5 -5
- package/esm2015/lib/component/transaction-line-sales-allocation/transaction-line-sales-allocation.component.js +4 -4
- package/esm2015/lib/component/transaction-line-side-panel-article-details/transaction-line-side-panel-article-details.component.js +18 -7
- package/esm2015/lib/component/transaction-line-side-panel-article-details/transaction-line-side-panel-article-details.module.js +4 -3
- package/esm2015/lib/component/transaction-line-statusbar/transaction-line-statusbar.component.js +14 -14
- package/esm2015/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.module.js +10 -9
- package/esm2015/lib/component/transaction-print-package-sticker/transaction-print-package-sticker.component.js +4 -4
- package/esm2015/lib/model/icon-svg.js +2 -2
- package/esm2015/lib/res/dictionary/dictionaries.js +2 -2
- package/esm2015/lib/service/transaction-connector-adapter.service.js +16 -1
- package/esm2015/lib/service/transaction-connector.service.js +6 -1
- package/esm2015/lib/service/transaction.service.js +21 -3
- package/esm2015/lib/transaction-version.js +3 -3
- package/fesm2015/colijnit-transaction.js +519 -397
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/lib/component/core/base/transaction-base.component.d.ts +22 -0
- package/lib/component/core/relation/customer-groups.component.d.ts +2 -0
- package/lib/component/relation/relation-address/relation-address.component.d.ts +6 -1
- package/lib/component/shared/transaction-article-text/style/_layout.scss +11 -0
- package/lib/component/shared/transaction-article-text/transaction-article-text.component.d.ts +20 -10
- package/lib/component/shared/transaction-article-text-overview/style/_layout.scss +9 -2
- package/lib/component/shared/transaction-article-text-overview/style/_material-definition.scss +7 -3
- package/lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component.d.ts +8 -9
- package/lib/component/tile/style/_material-definition.scss +1 -1
- package/lib/component/transaction/transaction.component.d.ts +9 -4
- package/lib/component/transaction-card/transaction-card/style/_layout.scss +8 -8
- package/lib/component/transaction-card/transaction-card-invoice/transaction-card-invoice.component.d.ts +2 -2
- package/lib/component/transaction-card/transaction-card-order-delivery/transaction-card-order-delivery.component.d.ts +2 -2
- package/lib/component/transaction-card/transaction-card-receive-goods/transaction-card-receive-goods.component.d.ts +2 -2
- package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss +2 -1
- package/lib/component/transaction-line/transaction-base-line/transaction-base-line.component.d.ts +1 -2
- package/lib/component/transaction-line/transaction-invoice-line/transaction-invoice-line-base.component.d.ts +3 -3
- package/lib/component/transaction-line/transaction-line/style/_layout.scss +8 -8
- package/lib/component/transaction-line/transaction-purchase-order-line/style/_layout.scss +6 -6
- package/lib/component/transaction-line/transaction-text-line/transaction-text-line.component.d.ts +2 -0
- package/lib/component/transaction-line-action-buttons/style/_layout.scss +22 -81
- package/lib/component/transaction-line-action-buttons/style/_material-definition.scss +13 -3
- package/lib/component/transaction-line-action-buttons/style/_theme.scss +8 -4
- package/lib/component/transaction-line-action-buttons/transaction-line-action-buttons-popup.component.d.ts +16 -0
- package/lib/component/transaction-line-action-buttons/transaction-line-action-buttons.component.d.ts +9 -8
- package/lib/component/transaction-line-fields/transaction-line-vat.component.d.ts +1 -0
- package/lib/component/transaction-line-fields/transaction-line-warehouse.component.d.ts +1 -0
- package/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.d.ts +0 -2
- package/lib/component/transaction-line-purchase-receive-goods/style/_layout.scss +4 -4
- package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss +2 -2
- package/lib/res/dictionary/dictionaries.d.ts +2 -0
- package/lib/service/transaction-connector-adapter.service.d.ts +1 -0
- package/lib/service/transaction-connector.service.d.ts +1 -0
- package/lib/service/transaction.service.d.ts +1 -0
- package/lib/style/_variables.scss +2 -1
- package/package.json +3 -3
- package/esm2015/lib/component/core/directive/overlay-parent.directive.js +0 -19
- package/esm2015/lib/component/core/directive/overlay.directive.js +0 -66
- package/esm2015/lib/enum/direction.enum.js +0 -9
- package/lib/component/core/directive/overlay-parent.directive.d.ts +0 -6
- package/lib/component/core/directive/overlay.directive.d.ts +0 -14
- package/lib/enum/direction.enum.d.ts +0 -6
package/lib/component/transaction-line-action-buttons/transaction-line-action-buttons.component.d.ts
CHANGED
|
@@ -1,38 +1,39 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
1
|
+
import { ElementRef, EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { TransactionEventService } from '../../service/transaction-event.service';
|
|
3
3
|
import { TransactionService } from '../../service/transaction.service';
|
|
4
4
|
import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
|
|
5
5
|
import { Icon } from '../../enum/icon.enum';
|
|
6
6
|
import { DictionaryService } from '../../service/dictionary.service';
|
|
7
7
|
import { IconCacheService } from '../../service/icon-cache.service';
|
|
8
|
-
import { Direction } from '../../enum/direction.enum';
|
|
9
8
|
import { TransactionLineInfo } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
|
|
9
|
+
import { OverlayService } from '@colijnit/corecomponents_v12';
|
|
10
10
|
export declare class TransactionLineActionButtonsComponent implements OnInit {
|
|
11
|
+
elementRef: ElementRef;
|
|
11
12
|
iconCacheService: IconCacheService;
|
|
12
13
|
private _transactionService;
|
|
13
14
|
private _dictionaryService;
|
|
14
15
|
private _transactionEventService;
|
|
16
|
+
private _overlayService;
|
|
15
17
|
readonly icons: typeof Icon;
|
|
16
18
|
set transactionLine(value: TransactionLineInfo);
|
|
17
19
|
get transactionLine(): TransactionLineInfo;
|
|
18
|
-
alignDirection: Direction;
|
|
19
|
-
set showActionButtons(value: boolean);
|
|
20
|
-
get showActionButtons(): boolean;
|
|
21
20
|
waitingForUserAction: EventEmitter<boolean>;
|
|
22
21
|
transactionArticleTextOverviewButtonClicked: EventEmitter<TransactionLineInfo>;
|
|
23
22
|
transactionTextButtonClicked: EventEmitter<TransactionLineInfo>;
|
|
24
23
|
articleTextButtonClicked: EventEmitter<TransactionLineInfo>;
|
|
25
24
|
sidePanelButtonClicked: EventEmitter<TransactionLineInfo>;
|
|
26
25
|
showClass(): boolean;
|
|
27
|
-
showActionButtonsDelayed: boolean;
|
|
28
26
|
transactionKind: TransactionKind;
|
|
29
27
|
readonly: boolean;
|
|
28
|
+
showActionButtons: boolean;
|
|
30
29
|
private _transactionLine;
|
|
31
|
-
private
|
|
32
|
-
constructor(iconCacheService: IconCacheService, _transactionService: TransactionService, _dictionaryService: DictionaryService, _transactionEventService: TransactionEventService);
|
|
30
|
+
private _actionButtonsPopupComponentRef;
|
|
31
|
+
constructor(elementRef: ElementRef, iconCacheService: IconCacheService, _transactionService: TransactionService, _dictionaryService: DictionaryService, _transactionEventService: TransactionEventService, _overlayService: OverlayService);
|
|
33
32
|
ngOnInit(): void;
|
|
34
33
|
handleShowHideClick(): void;
|
|
35
34
|
handleTransactionText(): void;
|
|
36
35
|
handleArticleText(): void;
|
|
37
36
|
handleShowSidePanel(): void;
|
|
37
|
+
private _showPopup;
|
|
38
|
+
private _hidePopup;
|
|
38
39
|
}
|
|
@@ -5,7 +5,6 @@ export declare class TransactionLineImageAndDescriptionComponent extends Transac
|
|
|
5
5
|
showClass(): boolean;
|
|
6
6
|
preview: boolean;
|
|
7
7
|
openArticleTextClicked: EventEmitter<string>;
|
|
8
|
-
descriptionDblClick: EventEmitter<void>;
|
|
9
8
|
handleDeleteLine: EventEmitter<MouseEvent>;
|
|
10
9
|
image: string;
|
|
11
10
|
handleOpenArticleText(text: string): void;
|
|
@@ -13,5 +12,4 @@ export declare class TransactionLineImageAndDescriptionComponent extends Transac
|
|
|
13
12
|
protected transactionLineSet(): void;
|
|
14
13
|
protected visibilitySet(visible: boolean): void;
|
|
15
14
|
private _loadLineImage;
|
|
16
|
-
onDescriptionDblClick(): void;
|
|
17
15
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
$tp-transaction-tile-background-color: $tp-color-light !default;
|
|
2
|
-
$tp-transaction-tile-background-color-hover: $tp-color-
|
|
3
|
-
$tp-transaction-tile-background-color-selected:
|
|
2
|
+
$tp-transaction-tile-background-color-hover: $tp-color-hover !default;
|
|
3
|
+
$tp-transaction-tile-background-color-selected: $tp-color-select !default;
|
|
4
4
|
|
|
5
5
|
$tp-transaction-tile-font-family: $tp-font-family !default;
|
|
6
6
|
$tp-transaction-tile-font-size: $tp-font-size !default;
|
|
@@ -10261,6 +10261,7 @@ export declare class Dictionaries {
|
|
|
10261
10261
|
ARRIVAL_DATE2: string;
|
|
10262
10262
|
ARRIVAL_DATE: string;
|
|
10263
10263
|
ARRIVAL_DATE_OBLIGATION: string;
|
|
10264
|
+
ART_ORDER_LINE: string;
|
|
10264
10265
|
ARTICLE: string;
|
|
10265
10266
|
ARTICLEGROUP: string;
|
|
10266
10267
|
ARTICLENR: string;
|
|
@@ -14145,6 +14146,7 @@ export declare class Dictionaries {
|
|
|
14145
14146
|
ORDER_INFORMATION: string;
|
|
14146
14147
|
ORDER_INFORMATION1: string;
|
|
14147
14148
|
ORDER_KIND: string;
|
|
14149
|
+
ORDER_LINE: string;
|
|
14148
14150
|
ORDER_LINES: string;
|
|
14149
14151
|
ORDER_LINES_ALLOCATED_NOT_FOUND: string;
|
|
14150
14152
|
ORDER_LINES_EXIST: string;
|
|
@@ -142,6 +142,7 @@ export declare class TransactionConnectorAdapterService {
|
|
|
142
142
|
resolvePendingLineReason(pendingLineValues: ResolveLinePendingReasonRequest): Promise<TransactionInfoResponse>;
|
|
143
143
|
addTransactionLine(uuid: string, articleNo: string, quantity: number, aboveLineNr: number, belowLineNr: number): Promise<TransactionInfoResponse>;
|
|
144
144
|
addTextLineToTransaction(uuid: string, showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
|
|
145
|
+
updateTextLine(uuid: string, lineUuid: string, showOnDocuments: number, text: string): Promise<TransactionInfoResponse>;
|
|
145
146
|
addRelationToTransaction(uuid: string, relationId: number): Promise<TransactionInfoResponse>;
|
|
146
147
|
changeLineSequence(uuid: string, lineUuid: string, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
|
|
147
148
|
cancelAddTransactionLine(lineUuid: string): Promise<TransactionInfoResponse>;
|
|
@@ -119,6 +119,7 @@ export declare class TransactionConnectorService {
|
|
|
119
119
|
getPostalCodeRetrieval(postcalCode: string, houseNo: string): Promise<GetPostalCodeRetrievalOutputParams>;
|
|
120
120
|
addTransactionLine(uuid: string, articleNo: string, quantity: number, aboveLineNr: number, belowLineNr: number): Promise<TransactionInfoResponse>;
|
|
121
121
|
addTextLineToTransaction(uuid: string, showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
|
|
122
|
+
updateTextLine(uuid: string, lineUuid: string, showOnDocuments: number, text: string): Promise<TransactionInfoResponse>;
|
|
122
123
|
changeLineSequence(uuid: string, lineUuid: string, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
|
|
123
124
|
cancelAddTransactionLine(lineUuid: string): Promise<TransactionInfoResponse>;
|
|
124
125
|
deleteTransactionLine(uuid: string, lineUuid: string): Promise<TransactionInfoResponse>;
|
|
@@ -138,6 +138,7 @@ export declare class TransactionService extends PendingReasonService {
|
|
|
138
138
|
getSalesPersons(date?: Date): Promise<SalesPerson[]>;
|
|
139
139
|
addArticle(articleNo: string, quantity?: number, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
|
|
140
140
|
addTextLine(showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
|
|
141
|
+
updateTextLine(uuid: string, lineUuid: string, showOnDocuments: number, text: string): Promise<boolean>;
|
|
141
142
|
changeLineSequence(lineUuid: string, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
|
|
142
143
|
deleteTransactionLine(transactionUuid: string, TransactionLineUuid: string): Promise<boolean>;
|
|
143
144
|
changeTransactionLineQuantity(transactionUuid: string, lineUuid: string, newQuantity: number): Promise<boolean>;
|
|
@@ -5,6 +5,7 @@ $tp-color-action: #3e7eff !default;
|
|
|
5
5
|
$tp-color-action-light: #DCE4EA !default;
|
|
6
6
|
$tp-color-text-light: $tp-color-less-light !default;
|
|
7
7
|
|
|
8
|
+
$tp-color-select: #f0f5ff !default;
|
|
8
9
|
$tp-color-hover: #e8eceb !default;
|
|
9
10
|
$tp-color-active: #429777 !default;
|
|
10
11
|
$tp-color-grey: #DAD9D9 !default;
|
|
@@ -129,7 +130,7 @@ $cc-co-commit-buttons-cancel-color: $tp-color-label !default;
|
|
|
129
130
|
$cc-simple-grid-header-border-color: white !default;
|
|
130
131
|
$cc-simple-grid-header-font-size: 11px !default;
|
|
131
132
|
$cc-simple-grid-cell-padding: 0 5px !default;
|
|
132
|
-
$cc-simple-grid-row-selected-background-color:
|
|
133
|
+
$cc-simple-grid-row-selected-background-color: $tp-color-select !default;
|
|
133
134
|
$cc-simple-grid-row-height: 60px !default;
|
|
134
135
|
|
|
135
136
|
$cc-co-carousel-padding: 10px 20px !default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@colijnit/transaction",
|
|
3
|
-
"version": "12.1.
|
|
3
|
+
"version": "12.1.112",
|
|
4
4
|
"description": "Colijn IT transaction module for Angular 12",
|
|
5
5
|
"repository": "npm/npm",
|
|
6
6
|
"author": "Colijn IT",
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
"@colijnit/articleapi": ">=1.0.16",
|
|
13
13
|
"@colijnit/catalog": ">=12.1.29",
|
|
14
14
|
"@colijnit/corecomponents": ">=1.12.0",
|
|
15
|
-
"@colijnit/corecomponents_v12": ">=12.0.
|
|
15
|
+
"@colijnit/corecomponents_v12": ">=12.0.107",
|
|
16
16
|
"@colijnit/ioneconnector": ">=2.1.11",
|
|
17
17
|
"@colijnit/mainapi": ">=1.0.10",
|
|
18
18
|
"@colijnit/relationapi": ">=1.0.5",
|
|
19
19
|
"@colijnit/sharedapi": ">=1.0.10",
|
|
20
20
|
"@colijnit/sharedcomponents": ">=1.0.40",
|
|
21
|
-
"@colijnit/transactionapi": ">=1.1.
|
|
21
|
+
"@colijnit/transactionapi": ">=1.1.79",
|
|
22
22
|
"@syncfusion/ej2-angular-buttons": ">=19.3.44",
|
|
23
23
|
"@syncfusion/ej2-angular-calendars": ">=19.3.44",
|
|
24
24
|
"@syncfusion/ej2-angular-dropdowns": ">=19.3.45",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Directive, ElementRef } from "@angular/core";
|
|
2
|
-
export class OverlayParentDirective {
|
|
3
|
-
constructor(elementRef) {
|
|
4
|
-
this.elementRef = elementRef;
|
|
5
|
-
}
|
|
6
|
-
ngOnDestroy() {
|
|
7
|
-
this.elementRef = undefined;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
OverlayParentDirective.decorators = [
|
|
11
|
-
{ type: Directive, args: [{
|
|
12
|
-
selector: '[overlayParent]',
|
|
13
|
-
exportAs: 'overlayParent'
|
|
14
|
-
},] }
|
|
15
|
-
];
|
|
16
|
-
OverlayParentDirective.ctorParameters = () => [
|
|
17
|
-
{ type: ElementRef }
|
|
18
|
-
];
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1wYXJlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJhbnNhY3Rpb24vc3JjL2xpYi9jb21wb25lbnQvY29yZS9kaXJlY3RpdmUvb3ZlcmxheS1wYXJlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBTS9ELE1BQU0sT0FBTyxzQkFBc0I7SUFJakMsWUFDRSxVQUFzQjtRQUV0QixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUM5QixDQUFDOzs7WUFoQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLFFBQVEsRUFBRSxlQUFlO2FBQzFCOzs7WUFMa0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkRlc3Ryb3l9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tvdmVybGF5UGFyZW50XScsXHJcbiAgZXhwb3J0QXM6ICdvdmVybGF5UGFyZW50J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgT3ZlcmxheVBhcmVudERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcblxyXG4gIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuICApIHtcclxuICAgIHRoaXMuZWxlbWVudFJlZiA9IGVsZW1lbnRSZWY7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmVsZW1lbnRSZWYgPSB1bmRlZmluZWQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Directive, ElementRef, Input } from '@angular/core';
|
|
2
|
-
export class OverlayDirective {
|
|
3
|
-
constructor(elementRef) {
|
|
4
|
-
this._elementRef = elementRef;
|
|
5
|
-
}
|
|
6
|
-
set parent(value) {
|
|
7
|
-
if (value && value.elementRef) {
|
|
8
|
-
this._parent = value.elementRef;
|
|
9
|
-
}
|
|
10
|
-
else {
|
|
11
|
-
if (this._parent) {
|
|
12
|
-
this._observer.disconnect();
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
ngOnDestroy() {
|
|
17
|
-
window.removeEventListener("scroll", (event) => this._handleScroll);
|
|
18
|
-
this._observer.disconnect();
|
|
19
|
-
this._elementRef = undefined;
|
|
20
|
-
this._parent = undefined;
|
|
21
|
-
}
|
|
22
|
-
ngOnInit() {
|
|
23
|
-
window.addEventListener("scroll", (event) => this._handleScroll);
|
|
24
|
-
this._initiallyPlaceElement();
|
|
25
|
-
this._observer = new ResizeObserver((entries) => {
|
|
26
|
-
const entry = entries[0];
|
|
27
|
-
const elementRect = this._elementRef.nativeElement.getBoundingClientRect();
|
|
28
|
-
const parentRect = this._parent.nativeElement.getBoundingClientRect();
|
|
29
|
-
this._placeElement(entry.contentRect.bottom, entry.contentRect.right, parentRect, elementRect);
|
|
30
|
-
});
|
|
31
|
-
this._observer.observe(document.body);
|
|
32
|
-
}
|
|
33
|
-
_initiallyPlaceElement() {
|
|
34
|
-
const elementRect = this._elementRef.nativeElement.getBoundingClientRect();
|
|
35
|
-
const parentRect = this._parent.nativeElement.getBoundingClientRect();
|
|
36
|
-
this._placeElement(window.innerHeight, window.innerWidth, parentRect, elementRect);
|
|
37
|
-
}
|
|
38
|
-
_placeElement(bottom, right, parentRect, elementRect) {
|
|
39
|
-
if (bottom < parentRect.bottom + elementRect.height) { // make sure it fits at the bottom
|
|
40
|
-
this._elementRef.nativeElement.style.top = (parentRect.top - elementRect.height) + "px";
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
this._elementRef.nativeElement.style.top = parentRect.bottom + "px";
|
|
44
|
-
}
|
|
45
|
-
if (right < parentRect.left + elementRect.width) { // make sure it fits at the right
|
|
46
|
-
this._elementRef.nativeElement.style.left = (parentRect.right - elementRect.width) + "px";
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
this._elementRef.nativeElement.style.left = parentRect.left + "px";
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
_handleScroll(event) {
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
OverlayDirective.decorators = [
|
|
56
|
-
{ type: Directive, args: [{
|
|
57
|
-
selector: "[overlay]"
|
|
58
|
-
},] }
|
|
59
|
-
];
|
|
60
|
-
OverlayDirective.ctorParameters = () => [
|
|
61
|
-
{ type: ElementRef }
|
|
62
|
-
];
|
|
63
|
-
OverlayDirective.propDecorators = {
|
|
64
|
-
parent: [{ type: Input, args: ["overlay",] }]
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90cmFuc2FjdGlvbi9zcmMvbGliL2NvbXBvbmVudC9jb3JlL2RpcmVjdGl2ZS9vdmVybGF5LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBTTlFLE1BQU0sT0FBTyxnQkFBZ0I7SUFpQjNCLFlBQ0UsVUFBc0I7UUFFdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQztJQW5CRCxJQUNXLE1BQU0sQ0FBQyxLQUE2QjtRQUM3QyxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsVUFBVSxFQUFFO1lBQzdCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsRUFBRSxDQUFDO2FBQzdCO1NBQ0Y7SUFDSCxDQUFDO0lBWU0sV0FBVztRQUNoQixNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDcEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxHQUFHLFNBQVMsQ0FBQztRQUM3QixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUTtRQUNOLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksY0FBYyxDQUNqQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQ1YsTUFBTSxLQUFLLEdBQXdCLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM5QyxNQUFNLFdBQVcsR0FBZSxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3ZGLE1BQU0sVUFBVSxHQUFlLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDbEYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxVQUFVLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDakcsQ0FBQyxDQUNGLENBQUM7UUFDRixJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVPLHNCQUFzQjtRQUM1QixNQUFNLFdBQVcsR0FBZSxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3ZGLE1BQU0sVUFBVSxHQUFlLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDbEYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQ3JGLENBQUM7SUFFTyxhQUFhLENBQUMsTUFBYyxFQUFFLEtBQWEsRUFBRSxVQUFzQixFQUFFLFdBQXVCO1FBQ2xHLElBQUksTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLEdBQUcsV0FBVyxDQUFDLE1BQU0sRUFBRSxFQUFFLGtDQUFrQztZQUN2RixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsVUFBVSxDQUFDLEdBQUcsR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDO1NBQ3pGO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ3JFO1FBQ0QsSUFBSSxLQUFLLEdBQUcsVUFBVSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUMsS0FBSyxFQUFFLEVBQUUsaUNBQWlDO1lBQ2xGLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUM7U0FDM0Y7YUFBTTtZQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7U0FDcEU7SUFDSCxDQUFDO0lBRU8sYUFBYSxDQUFDLEtBQVU7SUFDaEMsQ0FBQzs7O1lBbkVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVzthQUN0Qjs7O1lBTGtCLFVBQVU7OztxQkFRMUIsS0FBSyxTQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtPdmVybGF5UGFyZW50RGlyZWN0aXZlfSBmcm9tICcuL292ZXJsYXktcGFyZW50LmRpcmVjdGl2ZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogXCJbb3ZlcmxheV1cIlxyXG59KVxyXG5leHBvcnQgY2xhc3MgT3ZlcmxheURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSwgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KFwib3ZlcmxheVwiKVxyXG4gIHB1YmxpYyBzZXQgcGFyZW50KHZhbHVlOiBPdmVybGF5UGFyZW50RGlyZWN0aXZlKSB7XHJcbiAgICBpZiAodmFsdWUgJiYgdmFsdWUuZWxlbWVudFJlZikge1xyXG4gICAgICB0aGlzLl9wYXJlbnQgPSB2YWx1ZS5lbGVtZW50UmVmO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgaWYgKHRoaXMuX3BhcmVudCkge1xyXG4gICAgICAgIHRoaXMuX29ic2VydmVyLmRpc2Nvbm5lY3QoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjtcclxuICBwcml2YXRlIF9vYnNlcnZlcjogUmVzaXplT2JzZXJ2ZXI7XHJcbiAgcHJpdmF0ZSBfcGFyZW50OiBFbGVtZW50UmVmO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuICApIHtcclxuICAgIHRoaXMuX2VsZW1lbnRSZWYgPSBlbGVtZW50UmVmO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJzY3JvbGxcIiwgKGV2ZW50KSA9PiB0aGlzLl9oYW5kbGVTY3JvbGwpO1xyXG4gICAgdGhpcy5fb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xyXG4gICAgdGhpcy5fZWxlbWVudFJlZiA9IHVuZGVmaW5lZDtcclxuICAgIHRoaXMuX3BhcmVudCA9IHVuZGVmaW5lZDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoXCJzY3JvbGxcIiwgKGV2ZW50KSA9PiB0aGlzLl9oYW5kbGVTY3JvbGwpO1xyXG4gICAgdGhpcy5faW5pdGlhbGx5UGxhY2VFbGVtZW50KCk7XHJcbiAgICB0aGlzLl9vYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcihcclxuICAgICAgKGVudHJpZXMpID0+IHtcclxuICAgICAgICBjb25zdCBlbnRyeTogUmVzaXplT2JzZXJ2ZXJFbnRyeSA9IGVudHJpZXNbMF07XHJcbiAgICAgICAgY29uc3QgZWxlbWVudFJlY3Q6IENsaWVudFJlY3QgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICAgICAgY29uc3QgcGFyZW50UmVjdDogQ2xpZW50UmVjdCA9IHRoaXMuX3BhcmVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICAgIHRoaXMuX3BsYWNlRWxlbWVudChlbnRyeS5jb250ZW50UmVjdC5ib3R0b20sIGVudHJ5LmNvbnRlbnRSZWN0LnJpZ2h0LCBwYXJlbnRSZWN0LCBlbGVtZW50UmVjdCk7XHJcbiAgICAgIH1cclxuICAgICk7XHJcbiAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKGRvY3VtZW50LmJvZHkpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfaW5pdGlhbGx5UGxhY2VFbGVtZW50KCk6IHZvaWQge1xyXG4gICAgY29uc3QgZWxlbWVudFJlY3Q6IENsaWVudFJlY3QgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBjb25zdCBwYXJlbnRSZWN0OiBDbGllbnRSZWN0ID0gdGhpcy5fcGFyZW50Lm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICB0aGlzLl9wbGFjZUVsZW1lbnQod2luZG93LmlubmVySGVpZ2h0LCB3aW5kb3cuaW5uZXJXaWR0aCwgcGFyZW50UmVjdCwgZWxlbWVudFJlY3QpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfcGxhY2VFbGVtZW50KGJvdHRvbTogbnVtYmVyLCByaWdodDogbnVtYmVyLCBwYXJlbnRSZWN0OiBDbGllbnRSZWN0LCBlbGVtZW50UmVjdDogQ2xpZW50UmVjdCk6IHZvaWQge1xyXG4gICAgaWYgKGJvdHRvbSA8IHBhcmVudFJlY3QuYm90dG9tICsgZWxlbWVudFJlY3QuaGVpZ2h0KSB7IC8vIG1ha2Ugc3VyZSBpdCBmaXRzIGF0IHRoZSBib3R0b21cclxuICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnN0eWxlLnRvcCA9IChwYXJlbnRSZWN0LnRvcCAtIGVsZW1lbnRSZWN0LmhlaWdodCkgKyBcInB4XCI7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc3R5bGUudG9wID0gcGFyZW50UmVjdC5ib3R0b20gKyBcInB4XCI7XHJcbiAgICB9XHJcbiAgICBpZiAocmlnaHQgPCBwYXJlbnRSZWN0LmxlZnQgKyBlbGVtZW50UmVjdC53aWR0aCkgeyAvLyBtYWtlIHN1cmUgaXQgZml0cyBhdCB0aGUgcmlnaHRcclxuICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnN0eWxlLmxlZnQgPSAocGFyZW50UmVjdC5yaWdodCAtIGVsZW1lbnRSZWN0LndpZHRoKSArIFwicHhcIjtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5sZWZ0ID0gcGFyZW50UmVjdC5sZWZ0ICsgXCJweFwiO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfaGFuZGxlU2Nyb2xsKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
// Direction type for regular straight directions.
|
|
2
|
-
export var Direction;
|
|
3
|
-
(function (Direction) {
|
|
4
|
-
Direction["Right"] = "right";
|
|
5
|
-
Direction["Left"] = "left";
|
|
6
|
-
Direction["Up"] = "top";
|
|
7
|
-
Direction["Down"] = "bottom";
|
|
8
|
-
})(Direction || (Direction = {}));
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aW9uLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90cmFuc2FjdGlvbi9zcmMvbGliL2VudW0vZGlyZWN0aW9uLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0RBQWtEO0FBQ2xELE1BQU0sQ0FBTixJQUFZLFNBS1g7QUFMRCxXQUFZLFNBQVM7SUFDbkIsNEJBQWUsQ0FBQTtJQUNmLDBCQUFhLENBQUE7SUFDYix1QkFBVSxDQUFBO0lBQ1YsNEJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsU0FBUyxLQUFULFNBQVMsUUFLcEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBEaXJlY3Rpb24gdHlwZSBmb3IgcmVndWxhciBzdHJhaWdodCBkaXJlY3Rpb25zLlxyXG5leHBvcnQgZW51bSBEaXJlY3Rpb24ge1xyXG4gIFJpZ2h0ID0gXCJyaWdodFwiLFxyXG4gIExlZnQgPSBcImxlZnRcIixcclxuICBVcCA9IFwidG9wXCIsXHJcbiAgRG93biA9IFwiYm90dG9tXCIsXHJcbn1cclxuIl19
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { OverlayParentDirective } from './overlay-parent.directive';
|
|
3
|
-
export declare class OverlayDirective implements OnDestroy, OnInit {
|
|
4
|
-
set parent(value: OverlayParentDirective);
|
|
5
|
-
private _elementRef;
|
|
6
|
-
private _observer;
|
|
7
|
-
private _parent;
|
|
8
|
-
constructor(elementRef: ElementRef);
|
|
9
|
-
ngOnDestroy(): void;
|
|
10
|
-
ngOnInit(): void;
|
|
11
|
-
private _initiallyPlaceElement;
|
|
12
|
-
private _placeElement;
|
|
13
|
-
private _handleScroll;
|
|
14
|
-
}
|