@metadev/lux 0.27.0 → 0.29.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 +259 -259
- package/esm2022/lib/breadcrumb/breadcrumb.component.mjs +78 -78
- 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 +123 -123
- package/esm2022/lib/geolocation/openlayer-loader.service.mjs +62 -62
- package/esm2022/lib/helperFns.mjs +118 -118
- package/esm2022/lib/input/input.component.mjs +469 -469
- package/esm2022/lib/input/regexp.service.mjs +195 -195
- package/esm2022/lib/lang.mjs +9 -9
- 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 +101 -101
- package/esm2022/lib/modal/modal-stack.mjs +182 -182
- package/esm2022/lib/modal/modal-window.mjs +118 -118
- package/esm2022/lib/modal/modal.service.mjs +27 -27
- package/esm2022/lib/modal/util.mjs +82 -82
- 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 +137 -137
- 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 +46 -46
- 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: "18.0.2", ngImport: i0, type: LuxModalWindowComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.2", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtd2luZG93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbHV4L3NyYy9saWIvbW9kYWwvbW9kYWwtd2luZG93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFHTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsS0FBSyxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVU5RCxNQUFNLE9BQU8sdUJBQXVCO0lBdUNOO0lBQ2xCO0lBckNGLFlBQVksQ0FBVSxDQUFDLGlEQUFpRDtJQUV2RSxlQUFlLENBQVM7SUFDeEIsY0FBYyxDQUFTO0lBQ3ZCLFFBQVEsR0FBcUIsS0FBSyxDQUFDO0lBQ25DLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDaEIsV0FBVyxDQUFTO0lBRW5CLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTVDLElBQTBCLEtBQUs7UUFDN0IsT0FBTyxTQUFTLElBQUksQ0FBQyxXQUFXLElBQUksRUFBRSxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUN5QixJQUFJLEdBQUcsUUFBUSxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDVCxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ2pELElBQXlDLGtCQUFrQjtRQUN6RCxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDN0IsQ0FBQztJQUNELElBQTBDLG1CQUFtQjtRQUMzRCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUN5QyxhQUFhLENBQ3JELEdBQWdCO1FBRWhCLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEtBQUssR0FBRyxFQUFFLENBQUM7WUFDaEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNsRCxDQUFDO0lBQ0gsQ0FBQztJQUNzQyxNQUFNLENBQUMsS0FBSztRQUNqRCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUM3QyxJQUFJLENBQUMsT0FBTyxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFDNEIsU0FBYyxFQUNoQyxNQUErQjtRQURiLGNBQVMsR0FBVCxTQUFTLENBQUs7UUFDaEMsV0FBTSxHQUFOLE1BQU0sQ0FBeUI7SUFDdEMsQ0FBQztJQUVKLE9BQU8sQ0FBQyxNQUFNO1FBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDO0lBQ25ELENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQztZQUNoRSxNQUFNLGNBQWMsR0FBRyw0QkFBNEIsQ0FDakQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQzFCLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFTCxNQUFNLGNBQWMsR0FBRyxjQUFjLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUM7WUFDbkUsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDO1FBQ2pDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7UUFFdEMsSUFBSSxjQUFjLENBQUM7UUFDbkIsSUFBSSxXQUFXLElBQUksV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUNwRSxjQUFjLEdBQUcsV0FBVyxDQUFDO1FBQy9CLENBQUM7YUFBTSxDQUFDO1lBQ04sY0FBYyxHQUFHLElBQUksQ0FBQztRQUN4QixDQUFDO1FBQ0QsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7dUdBMUVVLHVCQUF1QixrQkF1Q3hCLFFBQVE7MkZBdkNQLHVCQUF1Qix5a0JBTnhCOzs7O0dBSVQ7OzJGQUVVLHVCQUF1QjtrQkFSbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7R0FJVDtpQkFDRjs7MEJBd0NJLE1BQU07MkJBQUMsUUFBUTtrRUFsQ1QsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU07Z0JBRW1CLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFHTSxJQUFJO3NCQUE3QixXQUFXO3VCQUFDLFdBQVc7Z0JBQ0MsUUFBUTtzQkFBaEMsV0FBVzt1QkFBQyxVQUFVO2dCQUNTLFNBQVM7c0JBQXhDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUNXLGtCQUFrQjtzQkFBMUQsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBR08sbUJBQW1CO3NCQUE1RCxXQUFXO3VCQUFDLHVCQUF1QjtnQkFHTSxhQUFhO3NCQUF0RCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFPRCxNQUFNO3NCQUE1QyxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBnZXRGb2N1c2FibGVCb3VuZGFyeUVsZW1lbnRzLCBGT0NVUyB9IGZyb20gJy4vdXRpbCc7XG5pbXBvcnQgeyBNb2RhbERpc21pc3NSZWFzb25zIH0gZnJvbSAnLi9tb2RhbC1kaXNtaXNzLXJlYXNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsdXgtbW9kYWwtd2luZG93JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZGlhbG9nXCIgcm9sZT1cImRvY3VtZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBMdXhNb2RhbFdpbmRvd0NvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95XG57XG4gIHByaXZhdGUgX2VsV2l0aEZvY3VzOiBFbGVtZW50OyAvLyBlbGVtZW50IHRoYXQgaXMgZm9jdXNlZCBwcmlvciB0byBtb2RhbCBvcGVuaW5nXG5cbiAgQElucHV0KCkgYXJpYURlc2NyaWJlZEJ5OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFyaWFMYWJlbGxlZEJ5OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJhY2tkcm9wOiBib29sZWFuIHwgc3RyaW5nID0gZmFsc2U7XG4gIEBJbnB1dCgpIGtleWJvYXJkID0gdHJ1ZTtcbiAgQElucHV0KCkgd2luZG93Q2xhc3M6IHN0cmluZztcblxuICBAT3V0cHV0KCkgZGlzbWlzc0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYG1vZGFsICR7dGhpcy53aW5kb3dDbGFzcyB8fCAnJ31gO1xuICB9XG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdkaWFsb2cnO1xuICBASG9zdEJpbmRpbmcoJ3RhYmluZGV4JykgdGFiaW5kZXggPSAnLTEnO1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1tb2RhbCcpIGFyaWFtb2RhbCA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsbGVkYnknKSBnZXQgaG9zdEFyaWFMYWJlbGxlZEJ5KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuYXJpYUxhYmVsbGVkQnk7XG4gIH1cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZGVzY3JpYmVkYnknKSBnZXQgaG9zdEFyaWFEZXNjcmliZWRCeSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmFyaWFEZXNjcmliZWRCeTtcbiAgfVxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50LnRhcmdldCddKSBiYWNrZHJvcENsaWNrKFxuICAgIGJ0bjogSFRNTEVsZW1lbnRcbiAgKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYmFja2Ryb3AgPT09IHRydWUgJiYgdGhpcy5fZWxSZWYubmF0aXZlRWxlbWVudCA9PT0gYnRuKSB7XG4gICAgICB0aGlzLmRpc21pc3MoTW9kYWxEaXNtaXNzUmVhc29ucy5CYWNrZHJvcENsaWNrKTtcbiAgICB9XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcigna2V5dXAuZXNjJywgWyckZXZlbnQnXSkgZXNjS2V5KGV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMua2V5Ym9hcmQgJiYgIWV2ZW50LmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgIHRoaXMuZGlzbWlzcyhNb2RhbERpc21pc3NSZWFzb25zLkVzYyk7XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBfZG9jdW1lbnQ6IGFueSxcbiAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgKSB7fVxuXG4gIGRpc21pc3MocmVhc29uKTogdm9pZCB7XG4gICAgdGhpcy5kaXNtaXNzRXZlbnQuZW1pdChyZWFzb24pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fZWxXaXRoRm9jdXMgPSB0aGlzLl9kb2N1bWVudC5hY3RpdmVFbGVtZW50O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fZWxSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KSkge1xuICAgICAgY29uc3QgZmlyc3RGb2N1c2FibGUgPSBnZXRGb2N1c2FibGVCb3VuZGFyeUVsZW1lbnRzKFxuICAgICAgICB0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICApWzBdO1xuXG4gICAgICBjb25zdCBlbGVtZW50VG9Gb2N1cyA9IGZpcnN0Rm9jdXNhYmxlIHx8IHRoaXMuX2VsUmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICBlbGVtZW50VG9Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGNvbnN0IGJvZHkgPSB0aGlzLl9kb2N1bWVudC5ib2R5O1xuICAgIGNvbnN0IGVsV2l0aEZvY3VzID0gdGhpcy5fZWxXaXRoRm9jdXM7XG5cbiAgICBsZXQgZWxlbWVudFRvRm9jdXM7XG4gICAgaWYgKGVsV2l0aEZvY3VzICYmIGVsV2l0aEZvY3VzW0ZPQ1VTXSAmJiBib2R5LmNvbnRhaW5zKGVsV2l0aEZvY3VzKSkge1xuICAgICAgZWxlbWVudFRvRm9jdXMgPSBlbFdpdGhGb2N1cztcbiAgICB9IGVsc2Uge1xuICAgICAgZWxlbWVudFRvRm9jdXMgPSBib2R5O1xuICAgIH1cbiAgICBlbGVtZW50VG9Gb2N1cy5mb2N1cygpO1xuICAgIHRoaXMuX2VsV2l0aEZvY3VzID0gbnVsbDtcbiAgfVxufVxuIl19
|
|
@@ -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: "18.0.2", 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: "18.0.2", ngImport: i0, type: ModalService, providedIn: 'root' });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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
|
-
};
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
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
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2x1eC9zcmMvbGliL21vZGFsL3V0aWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEUsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUU3QixNQUFNLENBQU4sSUFBWSxHQWFYO0FBYkQsV0FBWSxHQUFHO0lBQ2IsMkJBQU8sQ0FBQTtJQUNQLGdDQUFVLENBQUE7SUFDVixrQ0FBVyxDQUFBO0lBQ1gsZ0NBQVUsQ0FBQTtJQUNWLGtDQUFXLENBQUE7SUFDWCxzQ0FBYSxDQUFBO0lBQ2IsNEJBQVEsQ0FBQTtJQUNSLDhCQUFTLENBQUE7SUFDVCx3Q0FBYyxDQUFBO0lBQ2Qsb0NBQVksQ0FBQTtJQUNaLDBDQUFlLENBQUE7SUFDZix3Q0FBYyxDQUFBO0FBQ2hCLENBQUMsRUFiVyxHQUFHLEtBQUgsR0FBRyxRQWFkO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsS0FBVSxFQUFXLEVBQUUsQ0FDL0MsS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0FBRXhDLE1BQU0sT0FBTyxVQUFVO0lBRVo7SUFDQTtJQUNBO0lBSFQsWUFDUyxLQUFZLEVBQ1osT0FBaUIsRUFDakIsWUFBZ0M7UUFGaEMsVUFBSyxHQUFMLEtBQUssQ0FBTztRQUNaLFlBQU8sR0FBUCxPQUFPLENBQVU7UUFDakIsaUJBQVksR0FBWixZQUFZLENBQW9CO0lBQ3RDLENBQUM7Q0FDTDtBQUVELE1BQU0sMkJBQTJCLEdBQUc7SUFDbEMsU0FBUztJQUNULHdCQUF3QjtJQUN4Qiw0Q0FBNEM7SUFDNUMsd0JBQXdCO0lBQ3hCLDBCQUEwQjtJQUMxQixtQkFBbUI7SUFDbkIsaUNBQWlDO0NBQ2xDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBRWI7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSw0QkFBNEIsR0FBRyxDQUMxQyxPQUFvQixFQUNMLEVBQUU7SUFDakIsTUFBTSxJQUFJLEdBQWtCLEtBQUssQ0FBQyxJQUFJLENBQ3BDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FDdEIsMkJBQTJCLENBQ0QsQ0FDN0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxRQUFRLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDMUMsQ0FBQyxDQUFDO0FBRUY7Ozs7Ozs7Ozs7R0FVRztBQUNILE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUN2QixPQUFvQixFQUNwQixjQUErQixFQUMvQixjQUFjLEdBQUcsS0FBSyxFQUNoQixFQUFFO0lBQ1IsdUJBQXVCO0lBQ3ZCLE1BQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFhLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQ3hFLFNBQVMsQ0FBQyxjQUFjLENBQUMsRUFDekIsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQ3JCLENBQUM7SUFFRiw2QkFBNkI7SUFDN0IsU0FBUyxDQUFnQixPQUFPLEVBQUUsU0FBUyxDQUFDO1NBQ3pDLElBQUksQ0FDSCxTQUFTLENBQUMsY0FBYyxDQUFDLEVBRXpCLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBRWxDLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUNwQztTQUNBLFNBQVMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLGNBQWMsQ0FBQyxFQUFFLEVBQUU7UUFDeEMsTUFBTSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsR0FBRyw0QkFBNEIsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUU1RCxJQUNFLENBQUMsY0FBYyxLQUFLLEtBQUssSUFBSSxjQUFjLEtBQUssT0FBTyxDQUFDO1lBQ3hELFFBQVEsQ0FBQyxRQUFRLEVBQ2pCLENBQUM7WUFDRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixRQUFRLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsQ0FBQztRQUVELElBQUksY0FBYyxLQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsRCxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZCxRQUFRLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUMsQ0FBQyxDQUFDO0lBRUwsZUFBZTtJQUNmLElBQUksY0FBYyxFQUFFLENBQUM7UUFDbkIsU0FBUyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUM7YUFDeEIsSUFBSSxDQUNILFNBQVMsQ0FBQyxjQUFjLENBQUMsRUFDekIsY0FBYyxDQUFDLG1CQUFtQixDQUFDLEVBQ25DLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBZ0IsQ0FBQyxDQUNwQzthQUNBLFNBQVMsQ0FBQyxDQUFDLGtCQUFrQixFQUFFLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ25FLENBQUM7QUFDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRSZWYsIFZpZXdSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyLCBtYXAsIHRha2VVbnRpbCwgd2l0aExhdGVzdEZyb20gfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmV4cG9ydCBjb25zdCBGT0NVUyA9ICdmb2N1cyc7XG5cbmV4cG9ydCBlbnVtIEtleSB7XG4gIFRhYiA9IDksXG4gIEVudGVyID0gMTMsXG4gIEVzY2FwZSA9IDI3LFxuICBTcGFjZSA9IDMyLFxuICBQYWdlVXAgPSAzMyxcbiAgUGFnZURvd24gPSAzNCxcbiAgRW5kID0gMzUsXG4gIEhvbWUgPSAzNixcbiAgQXJyb3dMZWZ0ID0gMzcsXG4gIEFycm93VXAgPSAzOCxcbiAgQXJyb3dSaWdodCA9IDM5LFxuICBBcnJvd0Rvd24gPSA0MFxufVxuXG5leHBvcnQgY29uc3QgaXNEZWZpbmVkID0gKHZhbHVlOiBhbnkpOiBib29sZWFuID0+XG4gIHZhbHVlICE9PSB1bmRlZmluZWQgJiYgdmFsdWUgIT09IG51bGw7XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50UmVmIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIG5vZGVzOiBhbnlbXSxcbiAgICBwdWJsaWMgdmlld1JlZj86IFZpZXdSZWYsXG4gICAgcHVibGljIGNvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+XG4gICkge31cbn1cblxuY29uc3QgRk9DVVNBQkxFX0VMRU1FTlRTX1NFTEVDVE9SID0gW1xuICAnYVtocmVmXScsXG4gICdidXR0b246bm90KFtkaXNhYmxlZF0pJyxcbiAgJ2lucHV0Om5vdChbZGlzYWJsZWRdKTpub3QoW3R5cGU9XCJoaWRkZW5cIl0pJyxcbiAgJ3NlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAndGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pJyxcbiAgJ1tjb250ZW50ZWRpdGFibGVdJyxcbiAgJ1t0YWJpbmRleF06bm90KFt0YWJpbmRleD1cIi0xXCJdKSdcbl0uam9pbignLCAnKTtcblxuLyoqXG4gKiBSZXR1cm5zIGZpcnN0IGFuZCBsYXN0IGZvY3VzYWJsZSBlbGVtZW50cyBpbnNpZGUgb2YgYSBnaXZlbiBlbGVtZW50IGJhc2VkIG9uIHNwZWNpZmljIENTUyBzZWxlY3RvclxuICovXG5leHBvcnQgY29uc3QgZ2V0Rm9jdXNhYmxlQm91bmRhcnlFbGVtZW50cyA9IChcbiAgZWxlbWVudDogSFRNTEVsZW1lbnRcbik6IEhUTUxFbGVtZW50W10gPT4ge1xuICBjb25zdCBsaXN0OiBIVE1MRWxlbWVudFtdID0gQXJyYXkuZnJvbShcbiAgICBlbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICBGT0NVU0FCTEVfRUxFTUVOVFNfU0VMRUNUT1JcbiAgICApIGFzIE5vZGVMaXN0T2Y8SFRNTEVsZW1lbnQ+XG4gICkuZmlsdGVyKChlbCkgPT4gZWwudGFiSW5kZXggIT09IC0xKTtcbiAgcmV0dXJuIFtsaXN0WzBdLCBsaXN0W2xpc3QubGVuZ3RoIC0gMV1dO1xufTtcblxuLyoqXG4gKiBGdW5jdGlvbiB0aGF0IGVuZm9yY2VzIGJyb3dzZXIgZm9jdXMgdG8gYmUgdHJhcHBlZCBpbnNpZGUgYSBET00gZWxlbWVudC5cbiAqXG4gKiBXb3JrcyBvbmx5IGZvciBjbGlja3MgaW5zaWRlIHRoZSBlbGVtZW50IGFuZCBuYXZpZ2F0aW9uIHdpdGggJ1RhYicsIGlnbm9yaW5nIGNsaWNrcyBvdXRzaWRlIG9mIHRoZSBlbGVtZW50XG4gKlxuICogQHBhcmFtIGVsZW1lbnQgVGhlIGVsZW1lbnQgYXJvdW5kIHdoaWNoIGZvY3VzIHdpbGwgYmUgdHJhcHBlZCBpbnNpZGVcbiAqIEBwYXJhbSBzdG9wRm9jdXNUcmFwJCBUaGUgb2JzZXJ2YWJsZSBzdHJlYW0uIFdoZW4gY29tcGxldGVkIHRoZSBmb2N1cyB0cmFwIHdpbGwgY2xlYW4gdXAgbGlzdGVuZXJzXG4gKiBhbmQgZnJlZSBpbnRlcm5hbCByZXNvdXJjZXNcbiAqIEBwYXJhbSByZWZvY3VzT25DbGljayBQdXQgdGhlIGZvY3VzIGJhY2sgdG8gdGhlIGxhc3QgZm9jdXNlZCBlbGVtZW50IHdoZW5ldmVyIGEgY2xpY2sgb2NjdXJzIG9uIGVsZW1lbnQgKGRlZmF1bHQgdG9cbiAqIGZhbHNlKVxuICovXG5leHBvcnQgY29uc3QgZm9jdXNUcmFwID0gKFxuICBlbGVtZW50OiBIVE1MRWxlbWVudCxcbiAgc3RvcEZvY3VzVHJhcCQ6IE9ic2VydmFibGU8YW55PixcbiAgcmVmb2N1c09uQ2xpY2sgPSBmYWxzZVxuKTogdm9pZCA9PiB7XG4gIC8vIGxhc3QgZm9jdXNlZCBlbGVtZW50XG4gIGNvbnN0IGxhc3RGb2N1c2VkRWxlbWVudCQgPSBmcm9tRXZlbnQ8Rm9jdXNFdmVudD4oZWxlbWVudCwgJ2ZvY3VzaW4nKS5waXBlKFxuICAgIHRha2VVbnRpbChzdG9wRm9jdXNUcmFwJCksXG4gICAgbWFwKChlKSA9PiBlLnRhcmdldClcbiAgKTtcblxuICAvLyAndGFiJyAvICdzaGlmdCt0YWInIHN0cmVhbVxuICBmcm9tRXZlbnQ8S2V5Ym9hcmRFdmVudD4oZWxlbWVudCwgJ2tleWRvd24nKVxuICAgIC5waXBlKFxuICAgICAgdGFrZVVudGlsKHN0b3BGb2N1c1RyYXAkKSxcblxuICAgICAgZmlsdGVyKChlKSA9PiBlLndoaWNoID09PSBLZXkuVGFiKSxcblxuICAgICAgd2l0aExhdGVzdEZyb20obGFzdEZvY3VzZWRFbGVtZW50JClcbiAgICApXG4gICAgLnN1YnNjcmliZSgoW3RhYkV2ZW50LCBmb2N1c2VkRWxlbWVudF0pID0+IHtcbiAgICAgIGNvbnN0IFtmaXJzdCwgbGFzdF0gPSBnZXRGb2N1c2FibGVCb3VuZGFyeUVsZW1lbnRzKGVsZW1lbnQpO1xuXG4gICAgICBpZiAoXG4gICAgICAgIChmb2N1c2VkRWxlbWVudCA9PT0gZmlyc3QgfHwgZm9jdXNlZEVsZW1lbnQgPT09IGVsZW1lbnQpICYmXG4gICAgICAgIHRhYkV2ZW50LnNoaWZ0S2V5XG4gICAgICApIHtcbiAgICAgICAgbGFzdC5mb2N1cygpO1xuICAgICAgICB0YWJFdmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuXG4gICAgICBpZiAoZm9jdXNlZEVsZW1lbnQgPT09IGxhc3QgJiYgIXRhYkV2ZW50LnNoaWZ0S2V5KSB7XG4gICAgICAgIGZpcnN0LmZvY3VzKCk7XG4gICAgICAgIHRhYkV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgLy8gaW5zaWRlIGNsaWNrXG4gIGlmIChyZWZvY3VzT25DbGljaykge1xuICAgIGZyb21FdmVudChlbGVtZW50LCAnY2xpY2snKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbChzdG9wRm9jdXNUcmFwJCksXG4gICAgICAgIHdpdGhMYXRlc3RGcm9tKGxhc3RGb2N1c2VkRWxlbWVudCQpLFxuICAgICAgICBtYXAoKGFycikgPT4gYXJyWzFdIGFzIEhUTUxFbGVtZW50KVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgobGFzdEZvY3VzZWRFbGVtZW50KSA9PiBsYXN0Rm9jdXNlZEVsZW1lbnQuZm9jdXMoKSk7XG4gIH1cbn07XG4iXX0=
|