@provoly/dashboard 0.21.10 → 0.21.11

package/lib/core/components/select/select-a11y.service.d.ts

@@ -0,0 +1,11 @@
+import { EmbeddedViewRef } from '@angular/core';
+import { FocusOrigin } from '@angular/cdk/a11y';
+export declare class SelectA11yService {
+    protected toggle: (...args: any[]) => void;
+    setToggle(toggleCallback: (...args: any[]) => void): void;
+    onFocusChange(origin: FocusOrigin, autocomplete: boolean, toggleFocus: () => void, focusSelect: () => void): void;
+    onKeydownSelect(event: KeyboardEvent, autocomplete: boolean): void;
+    onKeydownAutocompleteInput(event: KeyboardEvent, open: boolean, searchValue: string, optionsModalRef?: EmbeddedViewRef<any>): void;
+    onKeydownOption(event: KeyboardEvent, optionDivRef: HTMLDivElement, first: boolean, last: boolean, autocomplete: boolean, selectElement: HTMLDivElement, select: () => void): void;
+    focusInitialSelection(optionsModalRef?: EmbeddedViewRef<any>): void;
+}

package/lib/core/components/select/select.component.d.ts

@@ -1,13 +1,16 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EmbeddedViewRef, EventEmitter, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { SubscriptionnerDirective } from '../../../dashboard/components/subscriptionner.directive';
+import { SelectA11yService } from './select-a11y.service';
+import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export declare class PrySelectComponent extends SubscriptionnerDirective implements ControlValueAccessor {
     private _cd;
     private overlay;
     private viewContainerRef;
+    a11yService: SelectA11yService;
     id: number;
     _items$: BehaviorSubject<any[]>;
     matchingItems$: Observable<any>;
@@ -42,15 +45,17 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     get disabled(): boolean;
     overlayRef?: OverlayRef;
     optionsModal: TemplateRef<any>;
+    optionsModalRef?: EmbeddedViewRef<any>;
     selectElement: ElementRef<HTMLDivElement>;
     elementRef: HTMLDivElement;
+    input?: ElementRef<HTMLInputElement>;
     private _onChange;
     private _onTouched;
     private _disabled;
     focused: boolean;
     modalWidth: number;
     get modalId(): string;
-    constructor(_cd: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
+    constructor(_cd: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef, a11yService: SelectA11yService);
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -58,12 +63,18 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     clear($event: Event, item: any): void;
     clearAll($event: Event): void;
     search($event: string): void;
-    select($event: Event, item: any, index: number): void;
+    select($event: Event, item: any, index: number, forceClose?: boolean): void;
     toggle(force?: boolean): void;
     handleClick(): void;
-    onInputFocus(force?: boolean): void;
+    toggleFocus(): void;
+    focusSelect(): void;
     private getOverlayConfig;
     get _elementRef(): HTMLDivElement;
+    onFocusChange: (origin: FocusOrigin) => void;
+    onKeydownSelect: (event: KeyboardEvent) => void;
+    onKeydownAutocompleteInput: (event: KeyboardEvent) => void;
+    onKeydownOption: (event: KeyboardEvent, item: any, index: number, optionDivRef: HTMLDivElement, first: boolean, last: boolean) => void;
+    focusInitialSelection: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectComponent, never>;
     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>;
 }

package/lib/core/components/select/select.module.d.ts

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./select.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../icon/icon.module";
-import * as i5 from "../../i18n/i18n.module";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "../icon/icon.module";
+import * as i6 from "../../i18n/i18n.module";
 export declare class PrySelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PrySelectModule, [typeof i1.PrySelectComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.PryIconModule, typeof i5.PryI18nModule], [typeof i1.PrySelectComponent]>;
+    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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PrySelectModule>;
 }

package/lib/dashboard/store/proxy.utils.d.ts

@@ -1,11 +1,13 @@
 import { Store } from '@ngrx/store';
 import { ResultSet, ResultSets } from '../../core/model/result-set.interface';
+import { Class } from '../../core/store/class/class.interface';
 export declare class ProxyUtils {
     static store: Store;
     static currentlyLoading: string[];
     static requested: {
         [rsId: string]: boolean;
     };
+    static classes: Class[];
     static init(store: Store): void;
     static ResultSets(rss: ResultSets): {};
     static ResultSet(rs: ResultSet, rsId: string): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.21.10",
+  "version": "0.21.11",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",

package/styles-theme/components-theme/_a-pry-select.theme.scss

@@ -41,4 +41,8 @@
     color: themed($theme-map, 'color', 'primary', 500);
     background-color: themed($theme-map, 'color', 'primary', 200);
   }
+
+  &__clear {
+    color: themed($theme-map, 'color', 'grey', 500);
+  }
 }