@metadev/lux 0.27.0 → 0.28.0
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/LICENSE +1 -1
- package/README.md +1 -1
- package/esm2022/lib/autocomplete/autocomplete.component.mjs +488 -488
- package/esm2022/lib/autocomplete-list/autocomplete-list.component.mjs +258 -258
- package/esm2022/lib/breadcrumb/breadcrumb.component.mjs +77 -77
- package/esm2022/lib/checkbox/checkbox.component.mjs +156 -156
- package/esm2022/lib/datasource.mjs +1 -1
- package/esm2022/lib/datetime/datetime.component.mjs +312 -312
- package/esm2022/lib/filter/filter.component.mjs +158 -158
- package/esm2022/lib/geolocation/geolocation.component.mjs +423 -423
- package/esm2022/lib/geolocation/geolocation.service.mjs +122 -122
- package/esm2022/lib/geolocation/openlayer-loader.service.mjs +61 -61
- package/esm2022/lib/helperFns.mjs +117 -117
- package/esm2022/lib/input/input.component.mjs +469 -469
- package/esm2022/lib/input/regexp.service.mjs +194 -194
- package/esm2022/lib/lang.mjs +8 -8
- package/esm2022/lib/lux.module.mjs +118 -118
- package/esm2022/lib/map/geopoint.mjs +1 -1
- package/esm2022/lib/map/map.component.mjs +275 -275
- package/esm2022/lib/modal/modal-backdrop.mjs +24 -24
- package/esm2022/lib/modal/modal-config.mjs +11 -11
- package/esm2022/lib/modal/modal-dismiss-reasons.mjs +5 -5
- package/esm2022/lib/modal/modal-ref.mjs +100 -100
- package/esm2022/lib/modal/modal-stack.mjs +181 -181
- package/esm2022/lib/modal/modal-window.mjs +118 -118
- package/esm2022/lib/modal/modal.service.mjs +27 -27
- package/esm2022/lib/modal/util.mjs +81 -81
- package/esm2022/lib/pagination/pagination.component.mjs +144 -144
- package/esm2022/lib/pagination/pagination.mjs +1 -1
- package/esm2022/lib/radiogroup/radiogroup.component.mjs +129 -129
- package/esm2022/lib/select/select.component.mjs +148 -148
- package/esm2022/lib/tooltip/placement.mjs +7 -7
- package/esm2022/lib/tooltip/tooltip-context.mjs +1 -1
- package/esm2022/lib/tooltip/tooltip.component.mjs +21 -21
- package/esm2022/lib/tooltip/tooltip.directive.mjs +69 -69
- package/esm2022/lib/tooltip/tooltip.service.mjs +136 -136
- package/esm2022/lib/tooltip/tooltop-content.mjs +8 -8
- package/esm2022/lib/voice-recognition/voice-recognition.directive.mjs +79 -79
- package/esm2022/lib/window/window.service.mjs +45 -45
- package/esm2022/metadev-lux.mjs +4 -4
- package/esm2022/public-api.mjs +20 -20
- package/fesm2022/metadev-lux.mjs +4372 -4372
- package/fesm2022/metadev-lux.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/autocomplete/autocomplete.component.d.ts +81 -81
- package/lib/autocomplete-list/autocomplete-list.component.d.ts +65 -65
- package/lib/breadcrumb/breadcrumb.component.d.ts +22 -22
- package/lib/checkbox/checkbox.component.d.ts +47 -47
- package/lib/datasource.d.ts +13 -13
- package/lib/datetime/datetime.component.d.ts +69 -69
- package/lib/filter/filter.component.d.ts +51 -51
- package/lib/geolocation/geolocation.component.d.ts +123 -123
- package/lib/geolocation/geolocation.service.d.ts +32 -32
- package/lib/geolocation/openlayer-loader.service.d.ts +7 -7
- package/lib/helperFns.d.ts +15 -15
- package/lib/input/input.component.d.ts +108 -108
- package/lib/input/regexp.service.d.ts +15 -15
- package/lib/lang.d.ts +2 -2
- package/lib/lux.module.d.ts +27 -27
- package/lib/map/geopoint.d.ts +7 -7
- package/lib/map/map.component.d.ts +39 -39
- package/lib/modal/modal-backdrop.d.ts +8 -8
- package/lib/modal/modal-config.d.ts +14 -14
- package/lib/modal/modal-dismiss-reasons.d.ts +4 -4
- package/lib/modal/modal-ref.d.ts +41 -41
- package/lib/modal/modal-stack.d.ts +31 -31
- package/lib/modal/modal-window.d.ts +28 -28
- package/lib/modal/modal.service.d.ts +19 -19
- package/lib/modal/util.d.ts +40 -40
- package/lib/pagination/pagination.component.d.ts +52 -52
- package/lib/pagination/pagination.d.ts +10 -10
- package/lib/radiogroup/radiogroup.component.d.ts +37 -37
- package/lib/select/select.component.d.ts +38 -38
- package/lib/tooltip/placement.d.ts +7 -7
- package/lib/tooltip/tooltip-context.d.ts +3 -3
- package/lib/tooltip/tooltip.component.d.ts +11 -11
- package/lib/tooltip/tooltip.directive.d.ts +27 -27
- package/lib/tooltip/tooltip.service.d.ts +20 -20
- package/lib/tooltip/tooltop-content.d.ts +6 -6
- package/lib/voice-recognition/voice-recognition.directive.d.ts +16 -16
- package/lib/window/window.service.d.ts +11 -11
- package/package.json +3 -4
- package/public-api.d.ts +18 -18
|
@@ -1,125 +1,125 @@
|
|
|
1
|
-
import { DOCUMENT } from '@angular/common';
|
|
2
|
-
import { Component, ElementRef, EventEmitter, Inject, Input, Output, HostBinding, HostListener } from '@angular/core';
|
|
3
|
-
import { getFocusableBoundaryElements, FOCUS } from './util';
|
|
4
|
-
import { ModalDismissReasons } from './modal-dismiss-reasons';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class LuxModalWindowComponent {
|
|
7
|
-
_document;
|
|
8
|
-
_elRef;
|
|
9
|
-
_elWithFocus; // element that is focused prior to modal opening
|
|
10
|
-
ariaDescribedBy;
|
|
11
|
-
ariaLabelledBy;
|
|
12
|
-
backdrop = false;
|
|
13
|
-
keyboard = true;
|
|
14
|
-
windowClass;
|
|
15
|
-
dismissEvent = new EventEmitter();
|
|
16
|
-
get class() {
|
|
17
|
-
return `modal ${this.windowClass || ''}`;
|
|
18
|
-
}
|
|
19
|
-
role = 'dialog';
|
|
20
|
-
tabindex = '-1';
|
|
21
|
-
ariamodal = true;
|
|
22
|
-
get hostAriaLabelledBy() {
|
|
23
|
-
return this.ariaLabelledBy;
|
|
24
|
-
}
|
|
25
|
-
get hostAriaDescribedBy() {
|
|
26
|
-
return this.ariaDescribedBy;
|
|
27
|
-
}
|
|
28
|
-
backdropClick(btn) {
|
|
29
|
-
if (this.backdrop === true && this._elRef.nativeElement === btn) {
|
|
30
|
-
this.dismiss(ModalDismissReasons.BackdropClick);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
escKey(event) {
|
|
34
|
-
if (this.keyboard && !event.defaultPrevented) {
|
|
35
|
-
this.dismiss(ModalDismissReasons.Esc);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
constructor(_document, _elRef) {
|
|
39
|
-
this._document = _document;
|
|
40
|
-
this._elRef = _elRef;
|
|
41
|
-
}
|
|
42
|
-
dismiss(reason) {
|
|
43
|
-
this.dismissEvent.emit(reason);
|
|
44
|
-
}
|
|
45
|
-
ngOnInit() {
|
|
46
|
-
this._elWithFocus = this._document.activeElement;
|
|
47
|
-
}
|
|
48
|
-
ngAfterViewInit() {
|
|
49
|
-
if (!this._elRef.nativeElement.contains(document.activeElement)) {
|
|
50
|
-
const firstFocusable = getFocusableBoundaryElements(this._elRef.nativeElement)[0];
|
|
51
|
-
const elementToFocus = firstFocusable || this._elRef.nativeElement;
|
|
52
|
-
elementToFocus.focus();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
ngOnDestroy() {
|
|
56
|
-
const body = this._document.body;
|
|
57
|
-
const elWithFocus = this._elWithFocus;
|
|
58
|
-
let elementToFocus;
|
|
59
|
-
if (elWithFocus && elWithFocus[FOCUS] && body.contains(elWithFocus)) {
|
|
60
|
-
elementToFocus = elWithFocus;
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
elementToFocus = body;
|
|
64
|
-
}
|
|
65
|
-
elementToFocus.focus();
|
|
66
|
-
this._elWithFocus = null;
|
|
67
|
-
}
|
|
68
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
69
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1
|
+
import { DOCUMENT } from '@angular/common';
|
|
2
|
+
import { Component, ElementRef, EventEmitter, Inject, Input, Output, HostBinding, HostListener } from '@angular/core';
|
|
3
|
+
import { getFocusableBoundaryElements, FOCUS } from './util';
|
|
4
|
+
import { ModalDismissReasons } from './modal-dismiss-reasons';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class LuxModalWindowComponent {
|
|
7
|
+
_document;
|
|
8
|
+
_elRef;
|
|
9
|
+
_elWithFocus; // element that is focused prior to modal opening
|
|
10
|
+
ariaDescribedBy;
|
|
11
|
+
ariaLabelledBy;
|
|
12
|
+
backdrop = false;
|
|
13
|
+
keyboard = true;
|
|
14
|
+
windowClass;
|
|
15
|
+
dismissEvent = new EventEmitter();
|
|
16
|
+
get class() {
|
|
17
|
+
return `modal ${this.windowClass || ''}`;
|
|
18
|
+
}
|
|
19
|
+
role = 'dialog';
|
|
20
|
+
tabindex = '-1';
|
|
21
|
+
ariamodal = true;
|
|
22
|
+
get hostAriaLabelledBy() {
|
|
23
|
+
return this.ariaLabelledBy;
|
|
24
|
+
}
|
|
25
|
+
get hostAriaDescribedBy() {
|
|
26
|
+
return this.ariaDescribedBy;
|
|
27
|
+
}
|
|
28
|
+
backdropClick(btn) {
|
|
29
|
+
if (this.backdrop === true && this._elRef.nativeElement === btn) {
|
|
30
|
+
this.dismiss(ModalDismissReasons.BackdropClick);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
escKey(event) {
|
|
34
|
+
if (this.keyboard && !event.defaultPrevented) {
|
|
35
|
+
this.dismiss(ModalDismissReasons.Esc);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
constructor(_document, _elRef) {
|
|
39
|
+
this._document = _document;
|
|
40
|
+
this._elRef = _elRef;
|
|
41
|
+
}
|
|
42
|
+
dismiss(reason) {
|
|
43
|
+
this.dismissEvent.emit(reason);
|
|
44
|
+
}
|
|
45
|
+
ngOnInit() {
|
|
46
|
+
this._elWithFocus = this._document.activeElement;
|
|
47
|
+
}
|
|
48
|
+
ngAfterViewInit() {
|
|
49
|
+
if (!this._elRef.nativeElement.contains(document.activeElement)) {
|
|
50
|
+
const firstFocusable = getFocusableBoundaryElements(this._elRef.nativeElement)[0];
|
|
51
|
+
const elementToFocus = firstFocusable || this._elRef.nativeElement;
|
|
52
|
+
elementToFocus.focus();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
ngOnDestroy() {
|
|
56
|
+
const body = this._document.body;
|
|
57
|
+
const elWithFocus = this._elWithFocus;
|
|
58
|
+
let elementToFocus;
|
|
59
|
+
if (elWithFocus && elWithFocus[FOCUS] && body.contains(elWithFocus)) {
|
|
60
|
+
elementToFocus = elWithFocus;
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
elementToFocus = body;
|
|
64
|
+
}
|
|
65
|
+
elementToFocus.focus();
|
|
66
|
+
this._elWithFocus = null;
|
|
67
|
+
}
|
|
68
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LuxModalWindowComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: LuxModalWindowComponent, selector: "lux-modal-window", inputs: { ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", backdrop: "backdrop", keyboard: "keyboard", windowClass: "windowClass" }, outputs: { dismissEvent: "dismissEvent" }, host: { listeners: { "click": "backdropClick($event.target)", "keyup.esc": "escKey($event)" }, properties: { "class": "this.class", "attr.role": "this.role", "tabindex": "this.tabindex", "attr.aria-modal": "this.ariamodal", "attr.aria-labelledby": "this.hostAriaLabelledBy", "attr.aria-describedby": "this.hostAriaDescribedBy" } }, ngImport: i0, template: `
|
|
70
70
|
<div class="modal-dialog" role="document">
|
|
71
71
|
<div class="modal-content"><ng-content></ng-content></div>
|
|
72
72
|
</div>
|
|
73
|
-
`, isInline: true });
|
|
74
|
-
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
76
|
-
type: Component,
|
|
77
|
-
args: [{
|
|
78
|
-
selector: 'lux-modal-window',
|
|
73
|
+
`, isInline: true });
|
|
74
|
+
}
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LuxModalWindowComponent, decorators: [{
|
|
76
|
+
type: Component,
|
|
77
|
+
args: [{
|
|
78
|
+
selector: 'lux-modal-window',
|
|
79
79
|
template: `
|
|
80
80
|
<div class="modal-dialog" role="document">
|
|
81
81
|
<div class="modal-content"><ng-content></ng-content></div>
|
|
82
82
|
</div>
|
|
83
|
-
`
|
|
84
|
-
}]
|
|
85
|
-
}], ctorParameters:
|
|
86
|
-
type: Inject,
|
|
87
|
-
args: [DOCUMENT]
|
|
88
|
-
}] }, { type: i0.ElementRef }]
|
|
89
|
-
type: Input
|
|
90
|
-
}], ariaLabelledBy: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], backdrop: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], keyboard: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], windowClass: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], dismissEvent: [{
|
|
99
|
-
type: Output
|
|
100
|
-
}], class: [{
|
|
101
|
-
type: HostBinding,
|
|
102
|
-
args: ['class']
|
|
103
|
-
}], role: [{
|
|
104
|
-
type: HostBinding,
|
|
105
|
-
args: ['attr.role']
|
|
106
|
-
}], tabindex: [{
|
|
107
|
-
type: HostBinding,
|
|
108
|
-
args: ['tabindex']
|
|
109
|
-
}], ariamodal: [{
|
|
110
|
-
type: HostBinding,
|
|
111
|
-
args: ['attr.aria-modal']
|
|
112
|
-
}], hostAriaLabelledBy: [{
|
|
113
|
-
type: HostBinding,
|
|
114
|
-
args: ['attr.aria-labelledby']
|
|
115
|
-
}], hostAriaDescribedBy: [{
|
|
116
|
-
type: HostBinding,
|
|
117
|
-
args: ['attr.aria-describedby']
|
|
118
|
-
}], backdropClick: [{
|
|
119
|
-
type: HostListener,
|
|
120
|
-
args: ['click', ['$event.target']]
|
|
121
|
-
}], escKey: [{
|
|
122
|
-
type: HostListener,
|
|
123
|
-
args: ['keyup.esc', ['$event']]
|
|
124
|
-
}] } });
|
|
125
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
`
|
|
84
|
+
}]
|
|
85
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
86
|
+
type: Inject,
|
|
87
|
+
args: [DOCUMENT]
|
|
88
|
+
}] }, { type: i0.ElementRef }], propDecorators: { ariaDescribedBy: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], ariaLabelledBy: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], backdrop: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], keyboard: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], windowClass: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], dismissEvent: [{
|
|
99
|
+
type: Output
|
|
100
|
+
}], class: [{
|
|
101
|
+
type: HostBinding,
|
|
102
|
+
args: ['class']
|
|
103
|
+
}], role: [{
|
|
104
|
+
type: HostBinding,
|
|
105
|
+
args: ['attr.role']
|
|
106
|
+
}], tabindex: [{
|
|
107
|
+
type: HostBinding,
|
|
108
|
+
args: ['tabindex']
|
|
109
|
+
}], ariamodal: [{
|
|
110
|
+
type: HostBinding,
|
|
111
|
+
args: ['attr.aria-modal']
|
|
112
|
+
}], hostAriaLabelledBy: [{
|
|
113
|
+
type: HostBinding,
|
|
114
|
+
args: ['attr.aria-labelledby']
|
|
115
|
+
}], hostAriaDescribedBy: [{
|
|
116
|
+
type: HostBinding,
|
|
117
|
+
args: ['attr.aria-describedby']
|
|
118
|
+
}], backdropClick: [{
|
|
119
|
+
type: HostListener,
|
|
120
|
+
args: ['click', ['$event.target']]
|
|
121
|
+
}], escKey: [{
|
|
122
|
+
type: HostListener,
|
|
123
|
+
args: ['keyup.esc', ['$event']]
|
|
124
|
+
}] } });
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtd2luZG93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbHV4L3NyYy9saWIvbW9kYWwvbW9kYWwtd2luZG93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFHTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsS0FBSyxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVU5RCxNQUFNLE9BQU8sdUJBQXVCO0lBdUNOO0lBQ2xCO0lBckNGLFlBQVksQ0FBVSxDQUFDLGlEQUFpRDtJQUV2RSxlQUFlLENBQVM7SUFDeEIsY0FBYyxDQUFTO0lBQ3ZCLFFBQVEsR0FBcUIsS0FBSyxDQUFDO0lBQ25DLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDaEIsV0FBVyxDQUFTO0lBRW5CLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTVDLElBQTBCLEtBQUs7UUFDN0IsT0FBTyxTQUFTLElBQUksQ0FBQyxXQUFXLElBQUksRUFBRSxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUN5QixJQUFJLEdBQUcsUUFBUSxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDVCxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ2pELElBQXlDLGtCQUFrQjtRQUN6RCxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDN0IsQ0FBQztJQUNELElBQTBDLG1CQUFtQjtRQUMzRCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUN5QyxhQUFhLENBQ3JELEdBQWdC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LENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZ2V0Rm9jdXNhYmxlQm91bmRhcnlFbGVtZW50cywgRk9DVVMgfSBmcm9tICcuL3V0aWwnO1xuaW1wb3J0IHsgTW9kYWxEaXNtaXNzUmVhc29ucyB9IGZyb20gJy4vbW9kYWwtZGlzbWlzcy1yZWFzb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHV4LW1vZGFsLXdpbmRvdycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWRpYWxvZ1wiIHJvbGU9XCJkb2N1bWVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgTHV4TW9kYWxXaW5kb3dDb21wb25lbnRcbiAgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveVxue1xuICBwcml2YXRlIF9lbFdpdGhGb2N1czogRWxlbWVudDsgLy8gZWxlbWVudCB0aGF0IGlzIGZvY3VzZWQgcHJpb3IgdG8gbW9kYWwgb3BlbmluZ1xuXG4gIEBJbnB1dCgpIGFyaWFEZXNjcmliZWRCeTogc3RyaW5nO1xuICBASW5wdXQoKSBhcmlhTGFiZWxsZWRCeTogc3RyaW5nO1xuICBASW5wdXQoKSBiYWNrZHJvcDogYm9vbGVhbiB8IHN0cmluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBrZXlib2FyZCA9IHRydWU7XG4gIEBJbnB1dCgpIHdpbmRvd0NsYXNzOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGRpc21pc3NFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBtb2RhbCAke3RoaXMud2luZG93Q2xhc3MgfHwgJyd9YDtcbiAgfVxuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnZGlhbG9nJztcbiAgQEhvc3RCaW5kaW5nKCd0YWJpbmRleCcpIHRhYmluZGV4ID0gJy0xJztcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbW9kYWwnKSBhcmlhbW9kYWwgPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1sYWJlbGxlZGJ5JykgZ2V0IGhvc3RBcmlhTGFiZWxsZWRCeSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmFyaWFMYWJlbGxlZEJ5O1xuICB9XG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRlc2NyaWJlZGJ5JykgZ2V0IGhvc3RBcmlhRGVzY3JpYmVkQnkoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5hcmlhRGVzY3JpYmVkQnk7XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudC50YXJnZXQnXSkgYmFja2Ryb3BDbGljayhcbiAgICBidG46IEhUTUxFbGVtZW50XG4gICk6IHZvaWQge1xuICAgIGlmICh0aGlzLmJhY2tkcm9wID09PSB0cnVlICYmIHRoaXMuX2VsUmVmLm5hdGl2ZUVsZW1lbnQgPT09IGJ0bikge1xuICAgICAgdGhpcy5kaXNtaXNzKE1vZGFsRGlzbWlzc1JlYXNvbnMuQmFja2Ryb3BDbGljayk7XG4gICAgfVxuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2tleXVwLmVzYycsIFsnJGV2ZW50J10pIGVzY0tleShldmVudCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmtleWJvYXJkICYmICFldmVudC5kZWZhdWx0UHJldmVudGVkKSB7XG4gICAgICB0aGlzLmRpc21pc3MoTW9kYWxEaXNtaXNzUmVhc29ucy5Fc2MpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgX2RvY3VtZW50OiBhbnksXG4gICAgcHJpdmF0ZSBfZWxSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gICkge31cblxuICBkaXNtaXNzKHJlYXNvbik6IHZvaWQge1xuICAgIHRoaXMuZGlzbWlzc0V2ZW50LmVtaXQocmVhc29uKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2VsV2l0aEZvY3VzID0gdGhpcy5fZG9jdW1lbnQuYWN0aXZlRWxlbWVudDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2VsUmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCkpIHtcbiAgICAgIGNvbnN0IGZpcnN0Rm9jdXNhYmxlID0gZ2V0Rm9jdXNhYmxlQm91bmRhcnlFbGVtZW50cyhcbiAgICAgICAgdGhpcy5fZWxSZWYubmF0aXZlRWxlbWVudFxuICAgICAgKVswXTtcblxuICAgICAgY29uc3QgZWxlbWVudFRvRm9jdXMgPSBmaXJzdEZvY3VzYWJsZSB8fCB0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgZWxlbWVudFRvRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBjb25zdCBib2R5ID0gdGhpcy5fZG9jdW1lbnQuYm9keTtcbiAgICBjb25zdCBlbFdpdGhGb2N1cyA9IHRoaXMuX2VsV2l0aEZvY3VzO1xuXG4gICAgbGV0IGVsZW1lbnRUb0ZvY3VzO1xuICAgIGlmIChlbFdpdGhGb2N1cyAmJiBlbFdpdGhGb2N1c1tGT0NVU10gJiYgYm9keS5jb250YWlucyhlbFdpdGhGb2N1cykpIHtcbiAgICAgIGVsZW1lbnRUb0ZvY3VzID0gZWxXaXRoRm9jdXM7XG4gICAgfSBlbHNlIHtcbiAgICAgIGVsZW1lbnRUb0ZvY3VzID0gYm9keTtcbiAgICB9XG4gICAgZWxlbWVudFRvRm9jdXMuZm9jdXMoKTtcbiAgICB0aGlzLl9lbFdpdGhGb2N1cyA9IG51bGw7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { Injectable, ComponentFactoryResolver, } from '@angular/core';
|
|
2
|
-
import { ModalStack } from './modal-stack';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./modal-stack";
|
|
5
|
-
/**
|
|
6
|
-
* A service that it allow open an close modal components
|
|
7
|
-
*/
|
|
8
|
-
export class ModalService {
|
|
9
|
-
modalStack;
|
|
10
|
-
moduleCFR;
|
|
11
|
-
constructor(modalStack, moduleCFR) {
|
|
12
|
-
this.modalStack = modalStack;
|
|
13
|
-
this.moduleCFR = moduleCFR;
|
|
14
|
-
}
|
|
15
|
-
/**Open a modal component
|
|
16
|
-
* @param content TemplateRef
|
|
17
|
-
*/
|
|
18
|
-
open(content, options = {}) {
|
|
19
|
-
return this.modalStack.open(this.moduleCFR, content, options);
|
|
20
|
-
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
22
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
23
|
-
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
-
type: Injectable,
|
|
26
|
-
args: [{ providedIn: 'root' }]
|
|
27
|
-
}], ctorParameters:
|
|
1
|
+
import { Injectable, ComponentFactoryResolver, } from '@angular/core';
|
|
2
|
+
import { ModalStack } from './modal-stack';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./modal-stack";
|
|
5
|
+
/**
|
|
6
|
+
* A service that it allow open an close modal components
|
|
7
|
+
*/
|
|
8
|
+
export class ModalService {
|
|
9
|
+
modalStack;
|
|
10
|
+
moduleCFR;
|
|
11
|
+
constructor(modalStack, moduleCFR) {
|
|
12
|
+
this.modalStack = modalStack;
|
|
13
|
+
this.moduleCFR = moduleCFR;
|
|
14
|
+
}
|
|
15
|
+
/**Open a modal component
|
|
16
|
+
* @param content TemplateRef
|
|
17
|
+
*/
|
|
18
|
+
open(content, options = {}) {
|
|
19
|
+
return this.modalStack.open(this.moduleCFR, content, options);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ModalService, deps: [{ token: i1.ModalStack }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
22
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ModalService, providedIn: 'root' });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ModalService, decorators: [{
|
|
25
|
+
type: Injectable,
|
|
26
|
+
args: [{ providedIn: 'root' }]
|
|
27
|
+
}], ctorParameters: () => [{ type: i1.ModalStack }, { type: i0.ComponentFactoryResolver }] });
|
|
28
28
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2x1eC9zcmMvbGliL21vZGFsL21vZGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFVBQVUsRUFDVix3QkFBd0IsR0FFekIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSTNDOztHQUVHO0FBRUgsTUFBTSxPQUFPLFlBQVk7SUFFYjtJQUNBO0lBRlYsWUFDVSxVQUFzQixFQUN0QixTQUFtQztRQURuQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGNBQVMsR0FBVCxTQUFTLENBQTBCO0lBQzFDLENBQUM7SUFFSjs7T0FFRztJQUNILElBQUksQ0FBQyxPQUF5QixFQUFFLFVBQTJCLEVBQUU7UUFDM0QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUNoRSxDQUFDO3VHQVhVLFlBQVk7MkdBQVosWUFBWSxjQURDLE1BQU07OzJGQUNuQixZQUFZO2tCQUR4QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEluamVjdGFibGUsXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxTdGFjayB9IGZyb20gJy4vbW9kYWwtc3RhY2snO1xuaW1wb3J0IHsgTW9kYWxSZWYgfSBmcm9tICcuL21vZGFsLXJlZic7XG5pbXBvcnQgeyBMdXhNb2RhbE9wdGlvbnMgfSBmcm9tICcuL21vZGFsLWNvbmZpZyc7XG5cbi8qKlxuICogQSBzZXJ2aWNlIHRoYXQgaXQgYWxsb3cgb3BlbiBhbiBjbG9zZSBtb2RhbCBjb21wb25lbnRzXG4gKi9cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgTW9kYWxTZXJ2aWNlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBtb2RhbFN0YWNrOiBNb2RhbFN0YWNrLFxuICAgIHByaXZhdGUgbW9kdWxlQ0ZSOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXJcbiAgKSB7fVxuXG4gIC8qKk9wZW4gYSBtb2RhbCBjb21wb25lbnRcbiAgICogQHBhcmFtIGNvbnRlbnQgVGVtcGxhdGVSZWZcbiAgICovXG4gIG9wZW4oY29udGVudDogVGVtcGxhdGVSZWY8YW55Piwgb3B0aW9uczogTHV4TW9kYWxPcHRpb25zID0ge30pOiBNb2RhbFJlZiB7XG4gICAgcmV0dXJuIHRoaXMubW9kYWxTdGFjay5vcGVuKHRoaXMubW9kdWxlQ0ZSLCBjb250ZW50LCBvcHRpb25zKTtcbiAgfVxufVxuIl19
|
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
import { fromEvent } from 'rxjs';
|
|
2
|
-
import { filter, map, takeUntil, withLatestFrom } from 'rxjs/operators';
|
|
3
|
-
export const FOCUS = 'focus';
|
|
4
|
-
export var Key;
|
|
5
|
-
(function (Key) {
|
|
6
|
-
Key[Key["Tab"] = 9] = "Tab";
|
|
7
|
-
Key[Key["Enter"] = 13] = "Enter";
|
|
8
|
-
Key[Key["Escape"] = 27] = "Escape";
|
|
9
|
-
Key[Key["Space"] = 32] = "Space";
|
|
10
|
-
Key[Key["PageUp"] = 33] = "PageUp";
|
|
11
|
-
Key[Key["PageDown"] = 34] = "PageDown";
|
|
12
|
-
Key[Key["End"] = 35] = "End";
|
|
13
|
-
Key[Key["Home"] = 36] = "Home";
|
|
14
|
-
Key[Key["ArrowLeft"] = 37] = "ArrowLeft";
|
|
15
|
-
Key[Key["ArrowUp"] = 38] = "ArrowUp";
|
|
16
|
-
Key[Key["ArrowRight"] = 39] = "ArrowRight";
|
|
17
|
-
Key[Key["ArrowDown"] = 40] = "ArrowDown";
|
|
18
|
-
})(Key || (Key = {}));
|
|
19
|
-
export const isDefined = (value) => value !== undefined && value !== null;
|
|
20
|
-
export class ContentRef {
|
|
21
|
-
nodes;
|
|
22
|
-
viewRef;
|
|
23
|
-
componentRef;
|
|
24
|
-
constructor(nodes, viewRef, componentRef) {
|
|
25
|
-
this.nodes = nodes;
|
|
26
|
-
this.viewRef = viewRef;
|
|
27
|
-
this.componentRef = componentRef;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
const FOCUSABLE_ELEMENTS_SELECTOR = [
|
|
31
|
-
'a[href]',
|
|
32
|
-
'button:not([disabled])',
|
|
33
|
-
'input:not([disabled]):not([type="hidden"])',
|
|
34
|
-
'select:not([disabled])',
|
|
35
|
-
'textarea:not([disabled])',
|
|
36
|
-
'[contenteditable]',
|
|
37
|
-
'[tabindex]:not([tabindex="-1"])'
|
|
38
|
-
].join(', ');
|
|
39
|
-
/**
|
|
40
|
-
* Returns first and last focusable elements inside of a given element based on specific CSS selector
|
|
41
|
-
*/
|
|
42
|
-
export const getFocusableBoundaryElements = (element) => {
|
|
43
|
-
const list = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)).filter((el) => el.tabIndex !== -1);
|
|
44
|
-
return [list[0], list[list.length - 1]];
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Function that enforces browser focus to be trapped inside a DOM element.
|
|
48
|
-
*
|
|
49
|
-
* Works only for clicks inside the element and navigation with 'Tab', ignoring clicks outside of the element
|
|
50
|
-
*
|
|
51
|
-
* @param element The element around which focus will be trapped inside
|
|
52
|
-
* @param stopFocusTrap$ The observable stream. When completed the focus trap will clean up listeners
|
|
53
|
-
* and free internal resources
|
|
54
|
-
* @param refocusOnClick Put the focus back to the last focused element whenever a click occurs on element (default to
|
|
55
|
-
* false)
|
|
56
|
-
*/
|
|
57
|
-
export const focusTrap = (element, stopFocusTrap$, refocusOnClick = false) => {
|
|
58
|
-
// last focused element
|
|
59
|
-
const lastFocusedElement$ = fromEvent(element, 'focusin').pipe(takeUntil(stopFocusTrap$), map((e) => e.target));
|
|
60
|
-
// 'tab' / 'shift+tab' stream
|
|
61
|
-
fromEvent(element, 'keydown')
|
|
62
|
-
.pipe(takeUntil(stopFocusTrap$), filter((e) => e.which === Key.Tab), withLatestFrom(lastFocusedElement$))
|
|
63
|
-
.subscribe(([tabEvent, focusedElement]) => {
|
|
64
|
-
const [first, last] = getFocusableBoundaryElements(element);
|
|
65
|
-
if ((focusedElement === first || focusedElement === element) &&
|
|
66
|
-
tabEvent.shiftKey) {
|
|
67
|
-
last.focus();
|
|
68
|
-
tabEvent.preventDefault();
|
|
69
|
-
}
|
|
70
|
-
if (focusedElement === last && !tabEvent.shiftKey) {
|
|
71
|
-
first.focus();
|
|
72
|
-
tabEvent.preventDefault();
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
// inside click
|
|
76
|
-
if (refocusOnClick) {
|
|
77
|
-
fromEvent(element, 'click')
|
|
78
|
-
.pipe(takeUntil(stopFocusTrap$), withLatestFrom(lastFocusedElement$), map((arr) => arr[1]))
|
|
79
|
-
.subscribe((lastFocusedElement) => lastFocusedElement.focus());
|
|
80
|
-
}
|
|
81
|
-
};
|
|
1
|
+
import { fromEvent } from 'rxjs';
|
|
2
|
+
import { filter, map, takeUntil, withLatestFrom } from 'rxjs/operators';
|
|
3
|
+
export const FOCUS = 'focus';
|
|
4
|
+
export var Key;
|
|
5
|
+
(function (Key) {
|
|
6
|
+
Key[Key["Tab"] = 9] = "Tab";
|
|
7
|
+
Key[Key["Enter"] = 13] = "Enter";
|
|
8
|
+
Key[Key["Escape"] = 27] = "Escape";
|
|
9
|
+
Key[Key["Space"] = 32] = "Space";
|
|
10
|
+
Key[Key["PageUp"] = 33] = "PageUp";
|
|
11
|
+
Key[Key["PageDown"] = 34] = "PageDown";
|
|
12
|
+
Key[Key["End"] = 35] = "End";
|
|
13
|
+
Key[Key["Home"] = 36] = "Home";
|
|
14
|
+
Key[Key["ArrowLeft"] = 37] = "ArrowLeft";
|
|
15
|
+
Key[Key["ArrowUp"] = 38] = "ArrowUp";
|
|
16
|
+
Key[Key["ArrowRight"] = 39] = "ArrowRight";
|
|
17
|
+
Key[Key["ArrowDown"] = 40] = "ArrowDown";
|
|
18
|
+
})(Key || (Key = {}));
|
|
19
|
+
export const isDefined = (value) => value !== undefined && value !== null;
|
|
20
|
+
export class ContentRef {
|
|
21
|
+
nodes;
|
|
22
|
+
viewRef;
|
|
23
|
+
componentRef;
|
|
24
|
+
constructor(nodes, viewRef, componentRef) {
|
|
25
|
+
this.nodes = nodes;
|
|
26
|
+
this.viewRef = viewRef;
|
|
27
|
+
this.componentRef = componentRef;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
const FOCUSABLE_ELEMENTS_SELECTOR = [
|
|
31
|
+
'a[href]',
|
|
32
|
+
'button:not([disabled])',
|
|
33
|
+
'input:not([disabled]):not([type="hidden"])',
|
|
34
|
+
'select:not([disabled])',
|
|
35
|
+
'textarea:not([disabled])',
|
|
36
|
+
'[contenteditable]',
|
|
37
|
+
'[tabindex]:not([tabindex="-1"])'
|
|
38
|
+
].join(', ');
|
|
39
|
+
/**
|
|
40
|
+
* Returns first and last focusable elements inside of a given element based on specific CSS selector
|
|
41
|
+
*/
|
|
42
|
+
export const getFocusableBoundaryElements = (element) => {
|
|
43
|
+
const list = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)).filter((el) => el.tabIndex !== -1);
|
|
44
|
+
return [list[0], list[list.length - 1]];
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Function that enforces browser focus to be trapped inside a DOM element.
|
|
48
|
+
*
|
|
49
|
+
* Works only for clicks inside the element and navigation with 'Tab', ignoring clicks outside of the element
|
|
50
|
+
*
|
|
51
|
+
* @param element The element around which focus will be trapped inside
|
|
52
|
+
* @param stopFocusTrap$ The observable stream. When completed the focus trap will clean up listeners
|
|
53
|
+
* and free internal resources
|
|
54
|
+
* @param refocusOnClick Put the focus back to the last focused element whenever a click occurs on element (default to
|
|
55
|
+
* false)
|
|
56
|
+
*/
|
|
57
|
+
export const focusTrap = (element, stopFocusTrap$, refocusOnClick = false) => {
|
|
58
|
+
// last focused element
|
|
59
|
+
const lastFocusedElement$ = fromEvent(element, 'focusin').pipe(takeUntil(stopFocusTrap$), map((e) => e.target));
|
|
60
|
+
// 'tab' / 'shift+tab' stream
|
|
61
|
+
fromEvent(element, 'keydown')
|
|
62
|
+
.pipe(takeUntil(stopFocusTrap$), filter((e) => e.which === Key.Tab), withLatestFrom(lastFocusedElement$))
|
|
63
|
+
.subscribe(([tabEvent, focusedElement]) => {
|
|
64
|
+
const [first, last] = getFocusableBoundaryElements(element);
|
|
65
|
+
if ((focusedElement === first || focusedElement === element) &&
|
|
66
|
+
tabEvent.shiftKey) {
|
|
67
|
+
last.focus();
|
|
68
|
+
tabEvent.preventDefault();
|
|
69
|
+
}
|
|
70
|
+
if (focusedElement === last && !tabEvent.shiftKey) {
|
|
71
|
+
first.focus();
|
|
72
|
+
tabEvent.preventDefault();
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
// inside click
|
|
76
|
+
if (refocusOnClick) {
|
|
77
|
+
fromEvent(element, 'click')
|
|
78
|
+
.pipe(takeUntil(stopFocusTrap$), withLatestFrom(lastFocusedElement$), map((arr) => arr[1]))
|
|
79
|
+
.subscribe((lastFocusedElement) => lastFocusedElement.focus());
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
82
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2x1eC9zcmMvbGliL21vZGFsL3V0aWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEUsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUU3QixNQUFNLENBQU4sSUFBWSxHQWFYO0FBYkQsV0FBWSxHQUFHO0lBQ2IsMkJBQU8sQ0FBQTtJQUNQLGdDQUFVLENBQUE7SUFDVixrQ0FBVyxDQUFBO0lBQ1gsZ0NBQVUsQ0FBQTtJQUNWLGtDQUFXLENBQUE7SUFDWCxzQ0FBYSxDQUFBO0lBQ2IsNEJBQVEsQ0FBQTtJQUNSLDhCQUFTLENBQUE7SUFDVCx3Q0FBYyxDQUFBO0lBQ2Qsb0NBQVksQ0FBQTtJQUNaLDBDQUFlLENBQUE7SUFDZix3Q0FBYyxDQUFBO0FBQ2hCLENBQUMsRUFiVyxHQUFHLEtBQUgsR0FBRyxRQWFkO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsS0FBVSxFQUFXLEVBQUUsQ0FDL0MsS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0FBRXhDLE1BQU0sT0FBTyxVQUFVO0lBRVo7SUFDQTtJQUNBO0lBSFQsWUFDUyxLQUFZLEVBQ1osT0FBaUIsRUFDakIsWUFBZ0M7UUFGaEMsVUFBSyxHQUFMLEtBQUssQ0FBTztRQUNaLFlBQU8sR0FBUCxPQUFPLENBQVU7UUFDakIsaUJBQVksR0FBWixZQUFZLENBQW9CO0lBQ3RDLENBQUM7Q0FDTDtBQUVELE1BQU0sMkJBQTJCLEdBQUc7SUFDbEMsU0FBUztJQUNULHdCQUF3QjtJQUN4Qiw0Q0FBNEM7SUFDNUMsd0JBQXdCO0lBQ3hCLDBCQUEwQjtJQUMxQixtQkFBbUI7SUFDbkIsaUNBQWlDO0NBQ2xDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBRWI7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxDQUMxQyxPQUFvQixFQUNMLEVBQUU7SUFDakIsTUFBTSxJQUFJLEdBQWtCLEtBQUssQ0FBQyxJQUFJLENBQ3BDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FDdEIsMkJBQTJCLENBQ0QsQ0FDN0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxRQUFRLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDMUMsQ0FBQyxDQUFDO0FBRUY7Ozs7Ozs7Ozs7R0FVRztBQUNILE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUN2QixPQUFvQixFQUNwQixjQUErQixFQUMvQixjQUFjLEdBQUcsS0FBSyxFQUNoQixFQUFFO0lBQ1IsdUJBQXVCO0lBQ3ZCLE1BQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFhLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3hFLFNBQVMsQ0FBQyxjQUFjLENBQUMsRUFDekIsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQ3JCLENBQUM7SUFFRiw2QkFBNkI7SUFDN0IsU0FBUyxDQUFnQixPQUFPLEVBQUUsU0FBUyxDQUFDO1NBQ3pDLElBQUksQ0FDSCxTQUFTLENBQUMsY0FBYyxDQUFDLEVBRXpCLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBRWxDLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUNwQztTQUNBLFNBQVMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLGNBQWMsQ0FBQyxFQUFFLEVBQUU7UUFDeEMsTUFBTSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsR0FBRyw0QkFBNEIsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUU1RCxJQUNFLENBQUMsY0FBYyxLQUFLLEtBQUssSUFBSSxjQUFjLEtBQUssT0FBTyxDQUFDO1lBQ3hELFFBQVEsQ0FBQyxRQUFRLEVBQ2pCO1lBQ0EsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2IsUUFBUSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzNCO1FBRUQsSUFBSSxjQUFjLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRTtZQUNqRCxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZCxRQUFRLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDM0I7SUFDSCxDQUFDLENBQUMsQ0FBQztJQUVMLGVBQWU7SUFDZixJQUFJLGNBQWMsRUFBRTtRQUNsQixTQUFTLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQzthQUN4QixJQUFJLENBQ0gsU0FBUyxDQUFDLGNBQWMsQ0FBQyxFQUN6QixjQUFjLENBQUMsbUJBQW1CLENBQUMsRUFDbkMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFnQixDQUFDLENBQ3BDO2FBQ0EsU0FBUyxDQUFDLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxDQUFDLGtCQUFrQixDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7S0FDbEU7QUFDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRSZWYsIFZpZXdSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyLCBtYXAsIHRha2VVbnRpbCwgd2l0aExhdGVzdEZyb20gfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmV4cG9ydCBjb25zdCBGT0NVUyA9ICdmb2N1cyc7XG5cbmV4cG9ydCBlbnVtIEtleSB7XG4gIFRhYiA9IDksXG4gIEVudGVyID0gMTMsXG4gIEVzY2FwZSA9IDI3LFxuICBTcGFjZSA9IDMyLFxuICBQYWdlVXAgPSAzMyxcbiAgUGFnZURvd24gPSAzNCxcbiAgRW5kID0gMzUsXG4gIEhvbWUgPSAzNixcbiAgQXJyb3dMZWZ0ID0gMzcsXG4gIEFycm93VXAgPSAzOCxcbiAgQXJyb3dSaWdodCA9IDM5LFxuICBBcnJvd0Rvd24gPSA0MFxufVxuXG5leHBvcnQgY29uc3QgaXNEZWZpbmVkID0gKHZhbHVlOiBhbnkpOiBib29sZWFuID0+XG4gIHZhbHVlICE9PSB1bmRlZmluZWQgJiYgdmFsdWUgIT09IG51bGw7XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50UmVmIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIG5vZGVzOiBhbnlbXSxcbiAgICBwdWJsaWMgdmlld1JlZj86IFZpZXdSZWYsXG4gICAgcHVibGljIGNvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+XG4gICkge31cbn1cblxuY29uc3QgRk9DVVNBQkxFX0VMRU1FTlRTX1NFTEVDVE9SID0gW1xuICAnYVtocmVmXScsXG4gICdidXR0b246bm90KFtkaXNhYmxlZF0pJyxcbiAgJ2lucHV0Om5vdChbZGlzYWJsZWRdKTpub3QoW3R5cGU9XCJoaWRkZW5cIl0pJyxcbiAgJ3NlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAndGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pJyxcbiAgJ1tjb250ZW50ZWRpdGFibGVdJyxcbiAgJ1t0YWJpbmRleF06bm90KFt0YWJpbmRleD1cIi0xXCJdKSdcbl0uam9pbignLCAnKTtcblxuLyoqXG4gKiBSZXR1cm5zIGZpcnN0IGFuZCBsYXN0IGZvY3VzYWJsZSBlbGVtZW50cyBpbnNpZGUgb2YgYSBnaXZlbiBlbGVtZW50IGJhc2VkIG9uIHNwZWNpZmljIENTUyBzZWxlY3RvclxuICovXG5leHBvcnQgY29uc3QgZ2V0Rm9jdXNhYmxlQm91bmRhcnlFbGVtZW50cyA9IChcbiAgZWxlbWVudDogSFRNTEVsZW1lbnRcbik6IEhUTUxFbGVtZW50W10gPT4ge1xuICBjb25zdCBsaXN0OiBIVE1MRWxlbWVudFtdID0gQXJyYXkuZnJvbShcbiAgICBlbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICBGT0NVU0FCTEVfRUxFTUVOVFNfU0VMRUNUT1JcbiAgICApIGFzIE5vZGVMaXN0T2Y8SFRNTEVsZW1lbnQ+XG4gICkuZmlsdGVyKChlbCkgPT4gZWwudGFiSW5kZXggIT09IC0xKTtcbiAgcmV0dXJuIFtsaXN0WzBdLCBsaXN0W2xpc3QubGVuZ3RoIC0gMV1dO1xufTtcblxuLyoqXG4gKiBGdW5jdGlvbiB0aGF0IGVuZm9yY2VzIGJyb3dzZXIgZm9jdXMgdG8gYmUgdHJhcHBlZCBpbnNpZGUgYSBET00gZWxlbWVudC5cbiAqXG4gKiBXb3JrcyBvbmx5IGZvciBjbGlja3MgaW5zaWRlIHRoZSBlbGVtZW50IGFuZCBuYXZpZ2F0aW9uIHdpdGggJ1RhYicsIGlnbm9yaW5nIGNsaWNrcyBvdXRzaWRlIG9mIHRoZSBlbGVtZW50XG4gKlxuICogQHBhcmFtIGVsZW1lbnQgVGhlIGVsZW1lbnQgYXJvdW5kIHdoaWNoIGZvY3VzIHdpbGwgYmUgdHJhcHBlZCBpbnNpZGVcbiAqIEBwYXJhbSBzdG9wRm9jdXNUcmFwJCBUaGUgb2JzZXJ2YWJsZSBzdHJlYW0uIFdoZW4gY29tcGxldGVkIHRoZSBmb2N1cyB0cmFwIHdpbGwgY2xlYW4gdXAgbGlzdGVuZXJzXG4gKiBhbmQgZnJlZSBpbnRlcm5hbCByZXNvdXJjZXNcbiAqIEBwYXJhbSByZWZvY3VzT25DbGljayBQdXQgdGhlIGZvY3VzIGJhY2sgdG8gdGhlIGxhc3QgZm9jdXNlZCBlbGVtZW50IHdoZW5ldmVyIGEgY2xpY2sgb2NjdXJzIG9uIGVsZW1lbnQgKGRlZmF1bHQgdG9cbiAqIGZhbHNlKVxuICovXG5leHBvcnQgY29uc3QgZm9jdXNUcmFwID0gKFxuICBlbGVtZW50OiBIVE1MRWxlbWVudCxcbiAgc3RvcEZvY3VzVHJhcCQ6IE9ic2VydmFibGU8YW55PixcbiAgcmVmb2N1c09uQ2xpY2sgPSBmYWxzZVxuKTogdm9pZCA9PiB7XG4gIC8vIGxhc3QgZm9jdXNlZCBlbGVtZW50XG4gIGNvbnN0IGxhc3RGb2N1c2VkRWxlbWVudCQgPSBmcm9tRXZlbnQ8Rm9jdXNFdmVudD4oZWxlbWVudCwgJ2ZvY3VzaW4nKS5waXBlKFxuICAgIHRha2VVbnRpbChzdG9wRm9jdXNUcmFwJCksXG4gICAgbWFwKChlKSA9PiBlLnRhcmdldClcbiAgKTtcblxuICAvLyAndGFiJyAvICdzaGlmdCt0YWInIHN0cmVhbVxuICBmcm9tRXZlbnQ8S2V5Ym9hcmRFdmVudD4oZWxlbWVudCwgJ2tleWRvd24nKVxuICAgIC5waXBlKFxuICAgICAgdGFrZVVudGlsKHN0b3BGb2N1c1RyYXAkKSxcblxuICAgICAgZmlsdGVyKChlKSA9PiBlLndoaWNoID09PSBLZXkuVGFiKSxcblxuICAgICAgd2l0aExhdGVzdEZyb20obGFzdEZvY3VzZWRFbGVtZW50JClcbiAgICApXG4gICAgLnN1YnNjcmliZSgoW3RhYkV2ZW50LCBmb2N1c2VkRWxlbWVudF0pID0+IHtcbiAgICAgIGNvbnN0IFtmaXJzdCwgbGFzdF0gPSBnZXRGb2N1c2FibGVCb3VuZGFyeUVsZW1lbnRzKGVsZW1lbnQpO1xuXG4gICAgICBpZiAoXG4gICAgICAgIChmb2N1c2VkRWxlbWVudCA9PT0gZmlyc3QgfHwgZm9jdXNlZEVsZW1lbnQgPT09IGVsZW1lbnQpICYmXG4gICAgICAgIHRhYkV2ZW50LnNoaWZ0S2V5XG4gICAgICApIHtcbiAgICAgICAgbGFzdC5mb2N1cygpO1xuICAgICAgICB0YWJFdmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuXG4gICAgICBpZiAoZm9jdXNlZEVsZW1lbnQgPT09IGxhc3QgJiYgIXRhYkV2ZW50LnNoaWZ0S2V5KSB7XG4gICAgICAgIGZpcnN0LmZvY3VzKCk7XG4gICAgICAgIHRhYkV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgLy8gaW5zaWRlIGNsaWNrXG4gIGlmIChyZWZvY3VzT25DbGljaykge1xuICAgIGZyb21FdmVudChlbGVtZW50LCAnY2xpY2snKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbChzdG9wRm9jdXNUcmFwJCksXG4gICAgICAgIHdpdGhMYXRlc3RGcm9tKGxhc3RGb2N1c2VkRWxlbWVudCQpLFxuICAgICAgICBtYXAoKGFycikgPT4gYXJyWzFdIGFzIEhUTUxFbGVtZW50KVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgobGFzdEZvY3VzZWRFbGVtZW50KSA9PiBsYXN0Rm9jdXNlZEVsZW1lbnQuZm9jdXMoKSk7XG4gIH1cbn07XG4iXX0=
|