@byuhbll/components 4.0.0-alpha.14 → 4.0.0-alpha.16

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.
Files changed (30) hide show
  1. package/esm2022/lib/animations/animations.mjs +5 -5
  2. package/esm2022/lib/checkbox/checkbox.component.mjs +15 -0
  3. package/esm2022/lib/expand-collapse/expand-collapse.component.mjs +3 -3
  4. package/esm2022/lib/hbll-header/hbll-header.component.mjs +26 -7
  5. package/esm2022/lib/hbll-header/nav-bar/nav-bar.component.mjs +255 -229
  6. package/esm2022/lib/hbll-header/nav-bar-dropdown/nav-bar-dropdown.component.mjs +3 -3
  7. package/esm2022/lib/header-with-impersonation/header-with-impersonation.component.mjs +38 -0
  8. package/esm2022/lib/impersonate-modal/impersonate-modal.component.mjs +5 -3
  9. package/esm2022/lib/impersonation-banner/impersonation-banner.component.mjs +3 -4
  10. package/esm2022/lib/multi-select/multi-select.component.mjs +115 -0
  11. package/esm2022/lib/ss-search-bar/advanced-search/advanced-search.component.mjs +5 -5
  12. package/esm2022/lib/ss-search-bar/ss-search-bar.component.mjs +2 -2
  13. package/esm2022/lib/utils.mjs +2 -3
  14. package/esm2022/public-api.mjs +2 -1
  15. package/fesm2022/byuhbll-components.mjs +495 -417
  16. package/fesm2022/byuhbll-components.mjs.map +1 -1
  17. package/lib/{hbll-checkbox/hbll-checkbox.component.d.ts → checkbox/checkbox.component.d.ts} +1 -1
  18. package/lib/hbll-header/hbll-header.component.d.ts +7 -3
  19. package/lib/hbll-header/nav-bar/nav-bar.component.d.ts +5 -3
  20. package/lib/header-with-impersonation/header-with-impersonation.component.d.ts +19 -0
  21. package/lib/impersonate-modal/impersonate-modal.component.d.ts +2 -0
  22. package/lib/impersonation-banner/impersonation-banner.component.d.ts +1 -2
  23. package/lib/{hbll-multi-select/hbll-multi-select.component.d.ts → multi-select/multi-select.component.d.ts} +1 -1
  24. package/lib/ss-search-bar/advanced-search/advanced-search.component.d.ts +4 -1
  25. package/package.json +1 -1
  26. package/public-api.d.ts +1 -0
  27. package/styles/scss/_vars.scss +1 -0
  28. package/styles/scss/shared.scss +7 -0
  29. package/esm2022/lib/hbll-checkbox/hbll-checkbox.component.mjs +0 -15
  30. package/esm2022/lib/hbll-multi-select/hbll-multi-select.component.mjs +0 -115
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class HbllCheckboxComponent {
3
3
  isChecked: import("@angular/core").InputSignal<boolean>;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<HbllCheckboxComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<HbllCheckboxComponent, "lib-hbll-checkbox", never, { "isChecked": { "alias": "isChecked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<HbllCheckboxComponent, "lib-checkbox", never, { "isChecked": { "alias": "isChecked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
6
6
  }
@@ -6,8 +6,10 @@ export declare class HbllHeaderComponent implements AfterViewInit {
6
6
  private readonly r2;
7
7
  private readonly http;
8
8
  private readonly bo;
9
+ private doc;
9
10
  header: ElementRef;
10
- name: import("@angular/core").InputSignal<string>;
11
+ name: string;
12
+ mainsitebaseurl: string;
11
13
  showImpersonateButton: import("@angular/core").InputSignal<boolean>;
12
14
  openImpersonationModal: EventEmitter<void>;
13
15
  login: EventEmitter<void>;
@@ -15,7 +17,7 @@ export declare class HbllHeaderComponent implements AfterViewInit {
15
17
  private formatDateForHours;
16
18
  private accountInfoEl;
17
19
  private hoursEl;
18
- protected isLoggedIn: import("@angular/core").Signal<boolean>;
20
+ protected get isLoggedIn(): boolean;
19
21
  protected libraryHours: import("@angular/core").Signal<LibraryHours | undefined>;
20
22
  protected hoursExceptions$: import("rxjs").Observable<LibraryHours[]>;
21
23
  protected showAccountDropdown: boolean;
@@ -24,8 +26,10 @@ export declare class HbllHeaderComponent implements AfterViewInit {
24
26
  protected showNavBar: boolean;
25
27
  protected isScreenSmall: import("@angular/core").Signal<boolean | undefined>;
26
28
  ngAfterViewInit(): void;
29
+ protected openSidebarNav: () => void;
30
+ protected closeSidebarNav: () => void;
27
31
  private onResize;
28
32
  private setMobileSidebarHeight;
29
33
  static ɵfac: i0.ɵɵFactoryDeclaration<HbllHeaderComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<HbllHeaderComponent, "lib-hbll-header", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "showImpersonateButton": { "alias": "showImpersonateButton"; "required": false; "isSignal": true; }; }, { "openImpersonationModal": "openImpersonationModal"; "login": "login"; "logout": "logout"; }, never, never, true, never>;
34
+ static ɵcmp: i0.ɵɵComponentDeclaration<HbllHeaderComponent, "lib-hbll-header", never, { "name": { "alias": "name"; "required": false; }; "mainsitebaseurl": { "alias": "mainsitebaseurl"; "required": false; }; "showImpersonateButton": { "alias": "showImpersonateButton"; "required": false; "isSignal": true; }; }, { "openImpersonationModal": "openImpersonationModal"; "login": "login"; "logout": "logout"; }, never, never, true, never>;
31
35
  }
@@ -1,3 +1,4 @@
1
+ import { Signal } from '@angular/core';
1
2
  import { NavBarDropdownComponent } from '../nav-bar-dropdown/nav-bar-dropdown.component';
2
3
  import * as i0 from "@angular/core";
3
4
  type NavInfo = {
@@ -17,12 +18,13 @@ type Link = {
17
18
  };
18
19
  export declare class NavBarComponent {
19
20
  private bo;
21
+ mainSiteBaseUrl: import("@angular/core").InputSignal<string>;
20
22
  height: import("@angular/core").InputSignal<number | null>;
21
23
  dropdownComps: NavBarDropdownComponent[];
22
24
  protected handleDropdownOpenEvent: (title: string) => void;
23
- protected isScreenSmall: import("@angular/core").Signal<boolean | undefined>;
24
- protected navInfos: NavInfo[];
25
+ protected isScreenSmall: Signal<boolean | undefined>;
26
+ protected navInfos: Signal<NavInfo[]>;
25
27
  static ɵfac: i0.ɵɵFactoryDeclaration<NavBarComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<NavBarComponent, "lib-nav-bar", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<NavBarComponent, "lib-nav-bar", never, { "mainSiteBaseUrl": { "alias": "mainSiteBaseUrl"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
27
29
  }
28
30
  export {};
@@ -0,0 +1,19 @@
1
+ import { EventEmitter, Signal } from '@angular/core';
2
+ import { TokenPayload } from '../models/token-payload';
3
+ import { JwtPayload } from 'jwt-decode';
4
+ import * as i0 from "@angular/core";
5
+ export declare class HeaderWithImpersonationComponent {
6
+ accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
7
+ oidcBaseUri: import("@angular/core").InputSignal<string>;
8
+ oidcDefaultIdp: import("@angular/core").InputSignal<string>;
9
+ login: EventEmitter<void>;
10
+ logout: EventEmitter<void>;
11
+ endImpersonation: EventEmitter<void>;
12
+ protected parsedToken: Signal<(JwtPayload & Record<string, any>) | null>;
13
+ protected name: Signal<any>;
14
+ protected showImpersonateButton: Signal<boolean>;
15
+ protected showImpersonationModal: boolean;
16
+ private isImpersonating;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<HeaderWithImpersonationComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<HeaderWithImpersonationComponent, "lib-header-with-impersonation", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": false; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": false; "isSignal": true; }; }, { "login": "login"; "logout": "logout"; "endImpersonation": "endImpersonation"; }, never, never, true, never>;
19
+ }
@@ -2,6 +2,8 @@ import { EventEmitter, OnDestroy, PipeTransform } from '@angular/core';
2
2
  import { Subject } from 'rxjs';
3
3
  import { TokenPayload } from '../models/token-payload';
4
4
  import * as i0 from "@angular/core";
5
+ export declare const defaultOidcBaseUri = "https://keycloak.lib.byu.edu/";
6
+ export declare const defaultOidcDefaultIdp = "byu-realm";
5
7
  export declare class ImpersonateUserPipe implements PipeTransform {
6
8
  transform(user: ImpersonateSearchResult): string;
7
9
  static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonateUserPipe, never>;
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter, Signal } from '@angular/core';
2
- import { AccessStatus, type ApplicationAccess } from './models/application-access';
2
+ import { type ApplicationAccess } from './models/application-access';
3
3
  import { TokenPayload } from '../models/token-payload';
4
4
  import { JwtPayload } from 'jwt-decode';
5
5
  import { PersonSummary } from './models/person-summary';
@@ -26,7 +26,6 @@ export declare class ImpersonationBannerComponent {
26
26
  blocked: ApplicationAccess[];
27
27
  none: ApplicationAccess[];
28
28
  } | null | undefined>;
29
- protected STATUSES: typeof AccessStatus;
30
29
  static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonationBannerComponent, never>;
31
30
  static ɵcmp: i0.ɵɵComponentDeclaration<ImpersonationBannerComponent, "lib-impersonation-banner", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "personBaseUri": { "alias": "personBaseUri"; "required": false; "isSignal": true; }; "libraryApiBaseUri": { "alias": "libraryApiBaseUri"; "required": false; "isSignal": true; }; }, { "endImpersonation": "endImpersonation"; }, never, never, true, never>;
32
31
  }
@@ -48,5 +48,5 @@ export declare class HbllMultiSelectComponent {
48
48
  */
49
49
  private addOptionToSelectedOptions;
50
50
  static ɵfac: i0.ɵɵFactoryDeclaration<HbllMultiSelectComponent, never>;
51
- static ɵcmp: i0.ɵɵComponentDeclaration<HbllMultiSelectComponent, "lib-hbll-multi-select", never, { "allOptions": { "alias": "allOptions"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; }, { "selectedKeysChange": "selectedKeysChange"; }, never, never, true, never>;
51
+ static ɵcmp: i0.ɵɵComponentDeclaration<HbllMultiSelectComponent, "lib-multi-select", never, { "allOptions": { "alias": "allOptions"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; }, { "selectedKeysChange": "selectedKeysChange"; }, never, never, true, never>;
52
52
  }
@@ -105,7 +105,10 @@ export declare class AdvancedSearchComponent implements OnDestroy {
105
105
  readonly 'law -- iclrs': "Law & Religion Studies";
106
106
  readonly 'law -- main': "Main Collection";
107
107
  readonly 'law -- media': "Media";
108
- readonly 'law -- reserve': "Reserve";
108
+ readonly 'law -- reserve': "Reserve"; /**
109
+ * Takes a `FormGroup` and syncs up the `field` and `qualifier` values.
110
+ * After syncing, when the `field` value changes, the `qualifier` value will update appropriately.
111
+ */
109
112
  readonly 'law -- self_help': "Self Help";
110
113
  readonly 'law -- study_guides': "Study Guides";
111
114
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@byuhbll/components",
3
- "version": "4.0.0-alpha.14",
3
+ "version": "4.0.0-alpha.16",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^18.0.0",
6
6
  "@angular/core": "^18.0.0"
package/public-api.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './lib/hbll-header/hbll-header.component';
2
+ export * from './lib/header-with-impersonation/header-with-impersonation.component';
2
3
  export * from './lib/impersonate-modal/impersonate-modal.component';
3
4
  export * from './lib/impersonation-banner/impersonation-banner.component';
4
5
  export * from './lib/ss-search-bar/ss-search-bar.component';
@@ -1,5 +1,6 @@
1
1
  $navy-blue: #002e5d;
2
2
  $royal-blue: #0047ba;
3
+ $royal-blue--hover: #1967e5;
3
4
 
4
5
  $primary-blue: #3a6093;
5
6
 
@@ -0,0 +1,7 @@
1
+ * {
2
+ box-sizing: border-box;
3
+ text-decoration: none;
4
+ &:not(.material-symbols-outlined) {
5
+ font-family: inherit;
6
+ }
7
+ }
@@ -1,15 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { Component, input } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- export class HbllCheckboxComponent {
5
- constructor() {
6
- this.isChecked = input(false);
7
- }
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllCheckboxComponent, isStandalone: true, selector: "lib-hbll-checkbox", inputs: { isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked()\">\n @if (isChecked()) {\n <span class=\"material-symbols-outlined components-icon\"> check </span>\n }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
10
- }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllCheckboxComponent, decorators: [{
12
- type: Component,
13
- args: [{ selector: 'lib-hbll-checkbox', standalone: true, imports: [CommonModule], template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked()\">\n @if (isChecked()) {\n <span class=\"material-symbols-outlined components-icon\"> check </span>\n }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"] }]
14
- }] });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGJsbC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvaGJsbC1jaGVja2JveC9oYmxsLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9oYmxsLWNoZWNrYm94L2hibGwtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVNqRCxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUUksY0FBUyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUM1Qjs4R0FGWSxxQkFBcUI7a0dBQXJCLHFCQUFxQiw2TkNWbEMsd05BS0EsbWVER2MsWUFBWTs7MkZBRWIscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNJLG1CQUFtQixjQUdqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi1oYmxsLWNoZWNrYm94JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaGJsbC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaGJsbC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEhibGxDaGVja2JveENvbXBvbmVudCB7XG4gICAgaXNDaGVja2VkID0gaW5wdXQoZmFsc2UpO1xufVxuIiwiPHNwYW4gY2xhc3M9XCJjb21wb25lbnRzLWNoZWNrYm94LWNvbnRhaW5lclwiIFtjbGFzcy5jb21wb25lbnRzLWNoZWNrZWRdPVwiaXNDaGVja2VkKClcIj5cbiAgICBAaWYgKGlzQ2hlY2tlZCgpKSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBjb21wb25lbnRzLWljb25cIj4gY2hlY2sgPC9zcGFuPlxuICAgIH1cbjwvc3Bhbj5cbiJdfQ==
@@ -1,115 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { MatAutocompleteModule, } from '@angular/material/autocomplete';
4
- import { MatFormFieldModule } from '@angular/material/form-field';
5
- import { MatChipsModule } from '@angular/material/chips';
6
- import { COMMA, ENTER } from '@angular/cdk/keycodes';
7
- import { MatIconModule } from '@angular/material/icon';
8
- import { FormControl, ReactiveFormsModule } from '@angular/forms';
9
- import { combineLatest } from 'rxjs';
10
- import { map, startWith } from 'rxjs/operators';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@angular/common";
13
- import * as i2 from "@angular/material/chips";
14
- import * as i3 from "@angular/material/form-field";
15
- import * as i4 from "@angular/material/autocomplete";
16
- import * as i5 from "@angular/material/core";
17
- import * as i6 from "@angular/forms";
18
- export class HbllMultiSelectComponent {
19
- constructor() {
20
- this.allOptions = {};
21
- this.label = '';
22
- /**
23
- * An array that indicates which keys are selected.
24
- */
25
- this.selectedKeys = [];
26
- /**
27
- * An EventEmitter that emits an array of keys indicating which options are currently selected.
28
- */
29
- this.selectedKeysChange = new EventEmitter();
30
- this.inputControl = new FormControl('');
31
- this.filteredOptions$ = combineLatest([
32
- this.inputControl.valueChanges.pipe(startWith('')),
33
- this.selectedKeysChange.asObservable().pipe(startWith([])),
34
- ]).pipe(map(([key]) =>
35
- // Display filtered options if there is a value, else display all options currently not selected.
36
- key
37
- ? this.filterOptions(key)
38
- : Object.keys(this.allOptions).filter((key) => !this.selectedKeys.find((selectedOption) => key === selectedOption))));
39
- this.separatorKeysCodes = [ENTER, COMMA];
40
- /**
41
- * Adds an option to the array of selected keys when a user selects from the autocomplete.
42
- * @param {MatAutocompleteSelectedEvent} event MatAutocompleteSelectedEvent
43
- */
44
- this.selectOption = (event) => {
45
- this.addOptionToSelectedOptions(event.option.value);
46
- };
47
- /**
48
- * Filters the options by the supplied value as well as the currently selected values.
49
- * @param {string} value value to filter by.
50
- * @returns {string[]} the filtered keys
51
- */
52
- this.filterOptions = (value) => {
53
- return Object.keys(this.allOptions).filter((key) => this.allOptions[key].toLowerCase().includes(value.toLowerCase()) &&
54
- !this.selectedKeys.includes(key));
55
- };
56
- /**
57
- * Adds a key to the selected keys array if the option is truthy and not already in the array.
58
- * The input is also cleared (if available), and the new selected keys are emitted.
59
- * @param {key} option key to add
60
- */
61
- this.addOptionToSelectedOptions = (key) => {
62
- if (key && !this.selectedKeys.includes(key) && this.allOptions[key]) {
63
- this.selectedKeys.push(key);
64
- this.inputControl.setValue('');
65
- this.selectedKeysChange.emit(this.selectedKeys);
66
- if (this.inputRef)
67
- this.inputRef.nativeElement.value = '';
68
- }
69
- };
70
- }
71
- /**
72
- * Adds a key from the input to the array of selected key.
73
- * The value from the input must match a key from the record of all options.
74
- * @param {MatChipInputEvent} event MatChipInputEvent
75
- */
76
- addOption(event) {
77
- this.addOptionToSelectedOptions(event.value);
78
- }
79
- /**
80
- * Removes a key from the array of selected options and emits the new selected keys.
81
- * @param {MultiSelectKeyValPair} key key to remove
82
- */
83
- removeOption(key) {
84
- const index = this.selectedKeys.indexOf(key);
85
- if (index >= 0) {
86
- this.selectedKeys.splice(index, 1);
87
- this.selectedKeysChange.emit(this.selectedKeys);
88
- }
89
- }
90
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
91
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: HbllMultiSelectComponent, isStandalone: true, selector: "lib-hbll-multi-select", inputs: { allOptions: "allOptions", label: "label", selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"components-multi-select\">\n <mat-form-field appearance=\"outline\">\n <mat-chip-grid #chipGrid [attr.aria-label]=\"label + ' selection'\">\n @for (key of selectedKeys; track key) {\n @if (allOptions[key]) {\n <mat-chip-row (removed)=\"removeOption(key)\" data-testid=\"matChipRow\">\n {{ allOptions[key] }}\n <button\n matChipRemove\n [attr.aria-label]=\"'remove ' + allOptions[key]\"\n [attr.data-testid]=\"'remove' + key\"\n >\n <span class=\"material-symbols-outlined components-icon\"> cancel </span>\n </button>\n </mat-chip-row>\n }\n }\n </mat-chip-grid>\n <label class=\"components-hidden\" for=\"input\">{{ label }}</label>\n <input\n [placeholder]=\"label | titlecase\"\n #input\n id=\"input\"\n [formControl]=\"inputControl\"\n [matChipInputFor]=\"chipGrid\"\n [matAutocomplete]=\"auto\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n (matChipInputTokenEnd)=\"addOption($event)\"\n data-testid=\"input\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selectOption($event)\"\n data-testid=\"autocomplete\"\n >\n @for (key of filteredOptions$ | async; track key) {\n <mat-option [value]=\"key\" data-testid=\"autocompleteOption\">\n {{ allOptions[key] }}\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n", styles: [".components-multi-select{font:inherit}.components-multi-select mat-form-field{font:inherit;background-color:#fff;width:100%}.components-multi-select mat-form-field .mat-mdc-form-field-infix{padding:.35em 0;min-height:0}.components-multi-select mat-form-field .mat-mdc-chip-input{font:inherit;margin-left:0}.components-multi-select mat-form-field .mat-mdc-chip-input::placeholder{opacity:.75}.components-multi-select mat-form-field .mat-mdc-text-field-wrapper{padding:0 .5em}.components-multi-select .components-icon{font-size:1em}.components-multi-select .mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{font:inherit}.components-multi-select .components-hidden{display:none}.mat-mdc-option.mdc-list-item{background-color:#fff;font:inherit}.mat-mdc-autocomplete-panel{background-color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i2.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
92
- }
93
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: HbllMultiSelectComponent, decorators: [{
94
- type: Component,
95
- args: [{ selector: 'lib-hbll-multi-select', standalone: true, imports: [
96
- CommonModule,
97
- MatChipsModule,
98
- MatFormFieldModule,
99
- MatAutocompleteModule,
100
- ReactiveFormsModule,
101
- MatIconModule,
102
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"components-multi-select\">\n <mat-form-field appearance=\"outline\">\n <mat-chip-grid #chipGrid [attr.aria-label]=\"label + ' selection'\">\n @for (key of selectedKeys; track key) {\n @if (allOptions[key]) {\n <mat-chip-row (removed)=\"removeOption(key)\" data-testid=\"matChipRow\">\n {{ allOptions[key] }}\n <button\n matChipRemove\n [attr.aria-label]=\"'remove ' + allOptions[key]\"\n [attr.data-testid]=\"'remove' + key\"\n >\n <span class=\"material-symbols-outlined components-icon\"> cancel </span>\n </button>\n </mat-chip-row>\n }\n }\n </mat-chip-grid>\n <label class=\"components-hidden\" for=\"input\">{{ label }}</label>\n <input\n [placeholder]=\"label | titlecase\"\n #input\n id=\"input\"\n [formControl]=\"inputControl\"\n [matChipInputFor]=\"chipGrid\"\n [matAutocomplete]=\"auto\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n (matChipInputTokenEnd)=\"addOption($event)\"\n data-testid=\"input\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n (optionSelected)=\"selectOption($event)\"\n data-testid=\"autocomplete\"\n >\n @for (key of filteredOptions$ | async; track key) {\n <mat-option [value]=\"key\" data-testid=\"autocompleteOption\">\n {{ allOptions[key] }}\n </mat-option>\n }\n </mat-autocomplete>\n </mat-form-field>\n</div>\n", styles: [".components-multi-select{font:inherit}.components-multi-select mat-form-field{font:inherit;background-color:#fff;width:100%}.components-multi-select mat-form-field .mat-mdc-form-field-infix{padding:.35em 0;min-height:0}.components-multi-select mat-form-field .mat-mdc-chip-input{font:inherit;margin-left:0}.components-multi-select mat-form-field .mat-mdc-chip-input::placeholder{opacity:.75}.components-multi-select mat-form-field .mat-mdc-text-field-wrapper{padding:0 .5em}.components-multi-select .components-icon{font-size:1em}.components-multi-select .mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{font:inherit}.components-multi-select .components-hidden{display:none}.mat-mdc-option.mdc-list-item{background-color:#fff;font:inherit}.mat-mdc-autocomplete-panel{background-color:#fff!important}\n"] }]
103
- }], propDecorators: { inputRef: [{
104
- type: ViewChild,
105
- args: ['input']
106
- }], allOptions: [{
107
- type: Input
108
- }], label: [{
109
- type: Input
110
- }], selectedKeys: [{
111
- type: Input
112
- }], selectedKeysChange: [{
113
- type: Output
114
- }] } });
115
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGJsbC1tdWx0aS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2hibGwtbXVsdGktc2VsZWN0L2hibGwtbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9oYmxsLW11bHRpLXNlbGVjdC9oYmxsLW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0gscUJBQXFCLEdBRXhCLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFxQixjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFjLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNqRCxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQW9CaEQsTUFBTSxPQUFPLHdCQUF3QjtJQWxCckM7UUFvQmEsZUFBVSxHQUEyQixFQUFFLENBQUM7UUFDeEMsVUFBSyxH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SSxDQUFDLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwRCxDQUFDO0lBQ0wsQ0FBQzs4R0FoRFEsd0JBQXdCO2tHQUF4Qix3QkFBd0IsK1RDekNyQyxxekRBMkNBLDIzQkRoQlEsWUFBWSxnSkFDWixjQUFjLDR1QkFDZCxrQkFBa0IseU9BQ2xCLHFCQUFxQix3MUJBQ3JCLG1CQUFtQix5a0JBQ25CLGFBQWE7OzJGQVNSLHdCQUF3QjtrQkFsQnBDLFNBQVM7K0JBQ0ksdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLG1CQUFtQjt3QkFDbkIsYUFBYTtxQkFDaEIsaUJBR2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFLbkIsUUFBUTtzQkFBbkMsU0FBUzt1QkFBQyxPQUFPO2dCQUNULFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUlHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBSUksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gICAgTWF0QXV0b2NvbXBsZXRlU2VsZWN0ZWRFdmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYXV0b2NvbXBsZXRlJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0Q2hpcElucHV0RXZlbnQsIE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgQ09NTUEsIEVOVEVSIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgY29tYmluZUxhdGVzdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwLCBzdGFydFdpdGggfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLWhibGwtbXVsdGktc2VsZWN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRDaGlwc01vZHVsZSxcbiAgICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgICAgICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIE1hdEljb25Nb2R1bGUsXG4gICAgXSxcbiAgICAvLyBOZWNlc3NhcnkgdG8gb3ZlcnJpZGUgbWF0ZXJpYWwgZGVzaWduIHN0eWxlcy5cbiAgICAvLyBJTVBPUlRBTlQ6IFRpZ2h0bHkgc2NvcGUgY2xhc3NlcyBhbmQgaWRzIHRvIHRoaXMgY29tcG9uZW50IGlmIHRoZXkgYXJlIG5lY2Vzc2FyeS5cbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9oYmxsLW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaGJsbC1tdWx0aS1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSGJsbE11bHRpU2VsZWN0Q29tcG9uZW50IHtcbiAgICBAVmlld0NoaWxkKCdpbnB1dCcpIHByaXZhdGUgaW5wdXRSZWYhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAgIEBJbnB1dCgpIGFsbE9wdGlvbnM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7fTtcbiAgICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICAgIC8qKlxuICAgICAqIEFuIGFycmF5IHRoYXQgaW5kaWNhdGVzIHdoaWNoIGtleXMgYXJlIHNlbGVjdGVkLlxuICAgICAqL1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkS2V5czogc3RyaW5nW10gPSBbXTtcbiAgICAvKipcbiAgICAgKiBBbiBFdmVudEVtaXR0ZXIgdGhhdCBlbWl0cyBhbiBhcnJheSBvZiBrZXlzIGluZGljYXRpbmcgd2hpY2ggb3B0aW9ucyBhcmUgY3VycmVudGx5IHNlbGVjdGVkLlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBzZWxlY3RlZEtleXNDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZ1tdPigpO1xuXG4gICAgcHJvdGVjdGVkIGlucHV0Q29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gICAgcHJvdGVjdGVkIGZpbHRlcmVkT3B0aW9ucyQ6IE9ic2VydmFibGU8c3RyaW5nW10+ID0gY29tYmluZUxhdGVzdChbXG4gICAgICAgIHRoaXMuaW5wdXRDb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKHN0YXJ0V2l0aCgnJykpLFxuICAgICAgICB0aGlzLnNlbGVjdGVkS2V5c0NoYW5nZS5hc09ic2VydmFibGUoKS5waXBlKHN0YXJ0V2l0aChbXSkpLFxuICAgIF0pLnBpcGUoXG4gICAgICAgIG1hcCgoW2tleV06IFtzdHJpbmcgfCBudWxsLCB1bmtub3duXSkgPT5cbiAgICAgICAgICAgIC8vIERpc3BsYXkgZmlsdGVyZWQgb3B0aW9ucyBpZiB0aGVyZSBpcyBhIHZhbHVlLCBlbHNlIGRpc3BsYXkgYWxsIG9wdGlvbnMgY3VycmVudGx5IG5vdCBzZWxlY3RlZC5cbiAgICAgICAgICAgIGtleVxuICAgICAgICAgICAgICAgID8gdGhpcy5maWx0ZXJPcHRpb25zKGtleSlcbiAgICAgICAgICAgICAgICA6IE9iamVjdC5rZXlzKHRoaXMuYWxsT3B0aW9ucykuZmlsdGVyKFxuICAgICAgICAgICAgICAgICAgICAgIChrZXkpID0+ICF0aGlzLnNlbGVjdGVkS2V5cy5maW5kKChzZWxlY3RlZE9wdGlvbikgPT4ga2V5ID09PSBzZWxlY3RlZE9wdGlvbiksXG4gICAgICAgICAgICAgICAgICApLFxuICAgICAgICApLFxuICAgICk7XG4gICAgcHJvdGVjdGVkIHNlcGFyYXRvcktleXNDb2RlczogbnVtYmVyW10gPSBbRU5URVIsIENPTU1BXTtcblxuICAgIC8qKlxuICAgICAqIEFkZHMgYSBrZXkgZnJvbSB0aGUgaW5wdXQgdG8gdGhlIGFycmF5IG9mIHNlbGVjdGVkIGtleS5cbiAgICAgKiBUaGUgdmFsdWUgZnJvbSB0aGUgaW5wdXQgbXVzdCBtYXRjaCBhIGtleSBmcm9tIHRoZSByZWNvcmQgb2YgYWxsIG9wdGlvbnMuXG4gICAgICogQHBhcmFtIHtNYXRDaGlwSW5wdXRFdmVudH0gZXZlbnQgTWF0Q2hpcElucHV0RXZlbnRcbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgYWRkT3B0aW9uKGV2ZW50OiBNYXRDaGlwSW5wdXRFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFkZE9wdGlvblRvU2VsZWN0ZWRPcHRpb25zKGV2ZW50LnZhbHVlKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZW1vdmVzIGEga2V5IGZyb20gdGhlIGFycmF5IG9mIHNlbGVjdGVkIG9wdGlvbnMgYW5kIGVtaXRzIHRoZSBuZXcgc2VsZWN0ZWQga2V5cy5cbiAgICAgKiBAcGFyYW0ge011bHRpU2VsZWN0S2V5VmFsUGFpcn0ga2V5IGtleSB0byByZW1vdmVcbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgcmVtb3ZlT3B0aW9uKGtleTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5zZWxlY3RlZEtleXMuaW5kZXhPZihrZXkpO1xuICAgICAgICBpZiAoaW5kZXggPj0gMCkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEtleXMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRLZXlzQ2hhbmdlLmVtaXQodGhpcy5zZWxlY3RlZEtleXMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQWRkcyBhbiBvcHRpb24gdG8gdGhlIGFycmF5IG9mIHNlbGVjdGVkIGtleXMgd2hlbiBhIHVzZXIgc2VsZWN0cyBmcm9tIHRoZSBhdXRvY29tcGxldGUuXG4gICAgICogQHBhcmFtIHtNYXRBdXRvY29tcGxldGVTZWxlY3RlZEV2ZW50fSBldmVudCBNYXRBdXRvY29tcGxldGVTZWxlY3RlZEV2ZW50XG4gICAgICovXG4gICAgcHJvdGVjdGVkIHNlbGVjdE9wdGlvbiA9IChldmVudDogTWF0QXV0b2NvbXBsZXRlU2VsZWN0ZWRFdmVudCk6IHZvaWQgPT4ge1xuICAgICAgICB0aGlzLmFkZE9wdGlvblRvU2VsZWN0ZWRPcHRpb25zKGV2ZW50Lm9wdGlvbi52YWx1ZSk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIEZpbHRlcnMgdGhlIG9wdGlvbnMgYnkgdGhlIHN1cHBsaWVkIHZhbHVlIGFzIHdlbGwgYXMgdGhlIGN1cnJlbnRseSBzZWxlY3RlZCB2YWx1ZXMuXG4gICAgICogQHBhcmFtIHtzdHJpbmd9IHZhbHVlIHZhbHVlIHRvIGZpbHRlciBieS5cbiAgICAgKiBAcmV0dXJucyB7c3RyaW5nW119IHRoZSBmaWx0ZXJlZCBrZXlzXG4gICAgICovXG4gICAgcHJpdmF0ZSBmaWx0ZXJPcHRpb25zID0gKHZhbHVlOiBzdHJpbmcpOiBzdHJpbmdbXSA9PiB7XG4gICAgICAgIHJldHVybiBPYmplY3Qua2V5cyh0aGlzLmFsbE9wdGlvbnMpLmZpbHRlcihcbiAgICAgICAgICAgIChrZXk6IHN0cmluZykgPT5cbiAgICAgICAgICAgICAgICB0aGlzLmFsbE9wdGlvbnNba2V5XS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHZhbHVlLnRvTG93ZXJDYXNlKCkpICYmXG4gICAgICAgICAgICAgICAgIXRoaXMuc2VsZWN0ZWRLZXlzLmluY2x1ZGVzKGtleSksXG4gICAgICAgICk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIEFkZHMgYSBrZXkgdG8gdGhlIHNlbGVjdGVkIGtleXMgYXJyYXkgaWYgdGhlIG9wdGlvbiBpcyB0cnV0aHkgYW5kIG5vdCBhbHJlYWR5IGluIHRoZSBhcnJheS5cbiAgICAgKiBUaGUgaW5wdXQgaXMgYWxzbyBjbGVhcmVkIChpZiBhdmFpbGFibGUpLCBhbmQgdGhlIG5ldyBzZWxlY3RlZCBrZXlzIGFyZSBlbWl0dGVkLlxuICAgICAqIEBwYXJhbSB7a2V5fSBvcHRpb24ga2V5IHRvIGFkZFxuICAgICAqL1xuICAgIHByaXZhdGUgYWRkT3B0aW9uVG9TZWxlY3RlZE9wdGlvbnMgPSAoa2V5OiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICAgICAgaWYgKGtleSAmJiAhdGhpcy5zZWxlY3RlZEtleXMuaW5jbHVkZXMoa2V5KSAmJiB0aGlzLmFsbE9wdGlvbnNba2V5XSkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEtleXMucHVzaChrZXkpO1xuICAgICAgICAgICAgdGhpcy5pbnB1dENvbnRyb2wuc2V0VmFsdWUoJycpO1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEtleXNDaGFuZ2UuZW1pdCh0aGlzLnNlbGVjdGVkS2V5cyk7XG4gICAgICAgICAgICBpZiAodGhpcy5pbnB1dFJlZikgdGhpcy5pbnB1dFJlZi5uYXRpdmVFbGVtZW50LnZhbHVlID0gJyc7XG4gICAgICAgIH1cbiAgICB9O1xufVxuIiwiPGRpdiBjbGFzcz1cImNvbXBvbmVudHMtbXVsdGktc2VsZWN0XCI+XG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgIDxtYXQtY2hpcC1ncmlkICNjaGlwR3JpZCBbYXR0ci5hcmlhLWxhYmVsXT1cImxhYmVsICsgJyBzZWxlY3Rpb24nXCI+XG4gICAgICAgICAgICBAZm9yIChrZXkgb2Ygc2VsZWN0ZWRLZXlzOyB0cmFjayBrZXkpIHtcbiAgICAgICAgICAgICAgICBAaWYgKGFsbE9wdGlvbnNba2V5XSkge1xuICAgICAgICAgICAgICAgICAgICA8bWF0LWNoaXAtcm93IChyZW1vdmVkKT1cInJlbW92ZU9wdGlvbihrZXkpXCIgZGF0YS10ZXN0aWQ9XCJtYXRDaGlwUm93XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBhbGxPcHRpb25zW2tleV0gfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXRDaGlwUmVtb3ZlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCIncmVtb3ZlICcgKyBhbGxPcHRpb25zW2tleV1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmRhdGEtdGVzdGlkXT1cIidyZW1vdmUnICsga2V5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgY29tcG9uZW50cy1pY29uXCI+IGNhbmNlbCA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtY2hpcC1yb3c+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICA8L21hdC1jaGlwLWdyaWQ+XG4gICAgICAgIDxsYWJlbCBjbGFzcz1cImNvbXBvbmVudHMtaGlkZGVuXCIgZm9yPVwiaW5wdXRcIj57eyBsYWJlbCB9fTwvbGFiZWw+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImxhYmVsIHwgdGl0bGVjYXNlXCJcbiAgICAgICAgICAgICNpbnB1dFxuICAgICAgICAgICAgaWQ9XCJpbnB1dFwiXG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiaW5wdXRDb250cm9sXCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcEdyaWRcIlxuICAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgICAgICAgIFttYXRDaGlwSW5wdXRTZXBhcmF0b3JLZXlDb2Rlc109XCJzZXBhcmF0b3JLZXlzQ29kZXNcIlxuICAgICAgICAgICAgKG1hdENoaXBJbnB1dFRva2VuRW5kKT1cImFkZE9wdGlvbigkZXZlbnQpXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiaW5wdXRcIlxuICAgICAgICAvPlxuICAgICAgICA8bWF0LWF1dG9jb21wbGV0ZVxuICAgICAgICAgICAgI2F1dG89XCJtYXRBdXRvY29tcGxldGVcIlxuICAgICAgICAgICAgKG9wdGlvblNlbGVjdGVkKT1cInNlbGVjdE9wdGlvbigkZXZlbnQpXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiYXV0b2NvbXBsZXRlXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgQGZvciAoa2V5IG9mIGZpbHRlcmVkT3B0aW9ucyQgfCBhc3luYzsgdHJhY2sga2V5KSB7XG4gICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cImtleVwiIGRhdGEtdGVzdGlkPVwiYXV0b2NvbXBsZXRlT3B0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGFsbE9wdGlvbnNba2V5XSB9fVxuICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9tYXQtYXV0b2NvbXBsZXRlPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG48L2Rpdj5cbiJdfQ==