@provoly/dashboard 0.21.9 → 0.21.11
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/esm2022/lib/core/components/select/select-a11y.service.mjs +84 -0
- package/esm2022/lib/core/components/select/select.component.mjs +39 -22
- package/esm2022/lib/core/components/select/select.module.mjs +5 -4
- package/esm2022/lib/core/store/search/search.service.mjs +3 -3
- package/esm2022/lib/dashboard/store/proxy.utils.mjs +16 -5
- package/fesm2022/provoly-dashboard.mjs +249 -141
- package/fesm2022/provoly-dashboard.mjs.map +1 -1
- package/lib/core/components/select/select-a11y.service.d.ts +11 -0
- package/lib/core/components/select/select.component.d.ts +15 -4
- package/lib/core/components/select/select.module.d.ts +6 -5
- package/lib/dashboard/store/proxy.utils.d.ts +2 -0
- package/package.json +19 -19
- package/styles-theme/components-theme/_a-pry-select.theme.scss +4 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EmbeddedViewRef } from '@angular/core';
|
|
2
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
3
|
+
export declare class SelectA11yService {
|
|
4
|
+
protected toggle: (...args: any[]) => void;
|
|
5
|
+
setToggle(toggleCallback: (...args: any[]) => void): void;
|
|
6
|
+
onFocusChange(origin: FocusOrigin, autocomplete: boolean, toggleFocus: () => void, focusSelect: () => void): void;
|
|
7
|
+
onKeydownSelect(event: KeyboardEvent, autocomplete: boolean): void;
|
|
8
|
+
onKeydownAutocompleteInput(event: KeyboardEvent, open: boolean, searchValue: string, optionsModalRef?: EmbeddedViewRef<any>): void;
|
|
9
|
+
onKeydownOption(event: KeyboardEvent, optionDivRef: HTMLDivElement, first: boolean, last: boolean, autocomplete: boolean, selectElement: HTMLDivElement, select: () => void): void;
|
|
10
|
+
focusInitialSelection(optionsModalRef?: EmbeddedViewRef<any>): void;
|
|
11
|
+
}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EmbeddedViewRef, EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { BehaviorSubject, Observable } from 'rxjs';
|
|
4
4
|
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
|
|
5
5
|
import { SubscriptionnerDirective } from '../../../dashboard/components/subscriptionner.directive';
|
|
6
|
+
import { SelectA11yService } from './select-a11y.service';
|
|
7
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
6
8
|
import * as i0 from "@angular/core";
|
|
7
9
|
export declare class PrySelectComponent extends SubscriptionnerDirective implements ControlValueAccessor {
|
|
8
10
|
private _cd;
|
|
9
11
|
private overlay;
|
|
10
12
|
private viewContainerRef;
|
|
13
|
+
a11yService: SelectA11yService;
|
|
11
14
|
id: number;
|
|
12
15
|
_items$: BehaviorSubject<any[]>;
|
|
13
16
|
matchingItems$: Observable<any>;
|
|
@@ -42,15 +45,17 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
|
|
|
42
45
|
get disabled(): boolean;
|
|
43
46
|
overlayRef?: OverlayRef;
|
|
44
47
|
optionsModal: TemplateRef<any>;
|
|
48
|
+
optionsModalRef?: EmbeddedViewRef<any>;
|
|
45
49
|
selectElement: ElementRef<HTMLDivElement>;
|
|
46
50
|
elementRef: HTMLDivElement;
|
|
51
|
+
input?: ElementRef<HTMLInputElement>;
|
|
47
52
|
private _onChange;
|
|
48
53
|
private _onTouched;
|
|
49
54
|
private _disabled;
|
|
50
55
|
focused: boolean;
|
|
51
56
|
modalWidth: number;
|
|
52
57
|
get modalId(): string;
|
|
53
|
-
constructor(_cd: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
|
|
58
|
+
constructor(_cd: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef, a11yService: SelectA11yService);
|
|
54
59
|
registerOnChange(fn: any): void;
|
|
55
60
|
registerOnTouched(fn: any): void;
|
|
56
61
|
setDisabledState(isDisabled: boolean): void;
|
|
@@ -58,12 +63,18 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
|
|
|
58
63
|
clear($event: Event, item: any): void;
|
|
59
64
|
clearAll($event: Event): void;
|
|
60
65
|
search($event: string): void;
|
|
61
|
-
select($event: Event, item: any, index: number): void;
|
|
66
|
+
select($event: Event, item: any, index: number, forceClose?: boolean): void;
|
|
62
67
|
toggle(force?: boolean): void;
|
|
63
68
|
handleClick(): void;
|
|
64
|
-
|
|
69
|
+
toggleFocus(): void;
|
|
70
|
+
focusSelect(): void;
|
|
65
71
|
private getOverlayConfig;
|
|
66
72
|
get _elementRef(): HTMLDivElement;
|
|
73
|
+
onFocusChange: (origin: FocusOrigin) => void;
|
|
74
|
+
onKeydownSelect: (event: KeyboardEvent) => void;
|
|
75
|
+
onKeydownAutocompleteInput: (event: KeyboardEvent) => void;
|
|
76
|
+
onKeydownOption: (event: KeyboardEvent, item: any, index: number, optionDivRef: HTMLDivElement, first: boolean, last: boolean) => void;
|
|
77
|
+
focusInitialSelection: () => void;
|
|
67
78
|
static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectComponent, never>;
|
|
68
79
|
static ɵcmp: i0.ɵɵComponentDeclaration<PrySelectComponent, "pry-select", never, { "items": { "alias": "items"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isForm": { "alias": "isForm"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; "template": { "alias": "template"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "elementRef": { "alias": "elementRef"; "required": false; }; }, { "searched": "searched"; "cleared": "cleared"; }, never, never, false, never>;
|
|
69
80
|
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./select.component";
|
|
3
|
-
import * as i2 from "@angular/
|
|
4
|
-
import * as i3 from "@angular/
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "
|
|
3
|
+
import * as i2 from "@angular/cdk/a11y";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "../icon/icon.module";
|
|
7
|
+
import * as i6 from "../../i18n/i18n.module";
|
|
7
8
|
export declare class PrySelectModule {
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PrySelectModule, [typeof i1.PrySelectComponent], [typeof i2.
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PrySelectModule, [typeof i1.PrySelectComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.PryIconModule, typeof i6.PryI18nModule], [typeof i1.PrySelectComponent]>;
|
|
10
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<PrySelectModule>;
|
|
11
12
|
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Store } from '@ngrx/store';
|
|
2
2
|
import { ResultSet, ResultSets } from '../../core/model/result-set.interface';
|
|
3
|
+
import { Class } from '../../core/store/class/class.interface';
|
|
3
4
|
export declare class ProxyUtils {
|
|
4
5
|
static store: Store;
|
|
5
6
|
static currentlyLoading: string[];
|
|
6
7
|
static requested: {
|
|
7
8
|
[rsId: string]: boolean;
|
|
8
9
|
};
|
|
10
|
+
static classes: Class[];
|
|
9
11
|
static init(store: Store): void;
|
|
10
12
|
static ResultSets(rss: ResultSets): {};
|
|
11
13
|
static ResultSet(rs: ResultSet, rsId: string): {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@provoly/dashboard",
|
|
3
|
-
"version": "0.21.
|
|
3
|
+
"version": "0.21.11",
|
|
4
4
|
"type": "commonjs",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/cdk": "14.x || 15.x || 16.x",
|
|
@@ -96,18 +96,18 @@
|
|
|
96
96
|
"esm": "./esm2022/import/provoly-dashboard-import.mjs",
|
|
97
97
|
"default": "./fesm2022/provoly-dashboard-import.mjs"
|
|
98
98
|
},
|
|
99
|
-
"./pipeline": {
|
|
100
|
-
"types": "./pipeline/index.d.ts",
|
|
101
|
-
"esm2022": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
|
|
102
|
-
"esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
|
|
103
|
-
"default": "./fesm2022/provoly-dashboard-pipeline.mjs"
|
|
104
|
-
},
|
|
105
99
|
"./notification": {
|
|
106
100
|
"types": "./notification/index.d.ts",
|
|
107
101
|
"esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
|
|
108
102
|
"esm": "./esm2022/notification/provoly-dashboard-notification.mjs",
|
|
109
103
|
"default": "./fesm2022/provoly-dashboard-notification.mjs"
|
|
110
104
|
},
|
|
105
|
+
"./pipeline": {
|
|
106
|
+
"types": "./pipeline/index.d.ts",
|
|
107
|
+
"esm2022": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
|
|
108
|
+
"esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
|
|
109
|
+
"default": "./fesm2022/provoly-dashboard-pipeline.mjs"
|
|
110
|
+
},
|
|
111
111
|
"./presentation": {
|
|
112
112
|
"types": "./presentation/index.d.ts",
|
|
113
113
|
"esm2022": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
|
|
@@ -192,18 +192,18 @@
|
|
|
192
192
|
"esm": "./esm2022/components/filter/provoly-dashboard-components-filter.mjs",
|
|
193
193
|
"default": "./fesm2022/provoly-dashboard-components-filter.mjs"
|
|
194
194
|
},
|
|
195
|
-
"./components/scheme-picker": {
|
|
196
|
-
"types": "./components/scheme-picker/index.d.ts",
|
|
197
|
-
"esm2022": "./esm2022/components/scheme-picker/provoly-dashboard-components-scheme-picker.mjs",
|
|
198
|
-
"esm": "./esm2022/components/scheme-picker/provoly-dashboard-components-scheme-picker.mjs",
|
|
199
|
-
"default": "./fesm2022/provoly-dashboard-components-scheme-picker.mjs"
|
|
200
|
-
},
|
|
201
195
|
"./components/metadata-editor": {
|
|
202
196
|
"types": "./components/metadata-editor/index.d.ts",
|
|
203
197
|
"esm2022": "./esm2022/components/metadata-editor/provoly-dashboard-components-metadata-editor.mjs",
|
|
204
198
|
"esm": "./esm2022/components/metadata-editor/provoly-dashboard-components-metadata-editor.mjs",
|
|
205
199
|
"default": "./fesm2022/provoly-dashboard-components-metadata-editor.mjs"
|
|
206
200
|
},
|
|
201
|
+
"./components/scheme-picker": {
|
|
202
|
+
"types": "./components/scheme-picker/index.d.ts",
|
|
203
|
+
"esm2022": "./esm2022/components/scheme-picker/provoly-dashboard-components-scheme-picker.mjs",
|
|
204
|
+
"esm": "./esm2022/components/scheme-picker/provoly-dashboard-components-scheme-picker.mjs",
|
|
205
|
+
"default": "./fesm2022/provoly-dashboard-components-scheme-picker.mjs"
|
|
206
|
+
},
|
|
207
207
|
"./components/sinceDate": {
|
|
208
208
|
"types": "./components/sinceDate/index.d.ts",
|
|
209
209
|
"esm2022": "./esm2022/components/sinceDate/provoly-dashboard-components-sinceDate.mjs",
|
|
@@ -300,18 +300,18 @@
|
|
|
300
300
|
"esm": "./esm2022/widgets/widget-map/provoly-dashboard-widgets-widget-map.mjs",
|
|
301
301
|
"default": "./fesm2022/provoly-dashboard-widgets-widget-map.mjs"
|
|
302
302
|
},
|
|
303
|
-
"./widgets/widget-template": {
|
|
304
|
-
"types": "./widgets/widget-template/index.d.ts",
|
|
305
|
-
"esm2022": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
|
|
306
|
-
"esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
|
|
307
|
-
"default": "./fesm2022/provoly-dashboard-widgets-widget-template.mjs"
|
|
308
|
-
},
|
|
309
303
|
"./widgets/widget-table": {
|
|
310
304
|
"types": "./widgets/widget-table/index.d.ts",
|
|
311
305
|
"esm2022": "./esm2022/widgets/widget-table/provoly-dashboard-widgets-widget-table.mjs",
|
|
312
306
|
"esm": "./esm2022/widgets/widget-table/provoly-dashboard-widgets-widget-table.mjs",
|
|
313
307
|
"default": "./fesm2022/provoly-dashboard-widgets-widget-table.mjs"
|
|
314
308
|
},
|
|
309
|
+
"./widgets/widget-template": {
|
|
310
|
+
"types": "./widgets/widget-template/index.d.ts",
|
|
311
|
+
"esm2022": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
|
|
312
|
+
"esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
|
|
313
|
+
"default": "./fesm2022/provoly-dashboard-widgets-widget-template.mjs"
|
|
314
|
+
},
|
|
315
315
|
"./widgets/widget-tile": {
|
|
316
316
|
"types": "./widgets/widget-tile/index.d.ts",
|
|
317
317
|
"esm2022": "./esm2022/widgets/widget-tile/provoly-dashboard-widgets-widget-tile.mjs",
|