nw-style-guide 14.2.2 → 14.3.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.
Files changed (4) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/picker/picker.component.d.ts +6 -3
  4. package/picker/picker.component.js +143 -121
package/README.md CHANGED
@@ -92,7 +92,7 @@ To achieve this we need to:
92
92
  - Once that version is pushed check the npm website where the package is deployed to confirm the latest version deployed is the one you just added https://www.npmjs.com/package/nw-style-guide.
93
93
  - In your Spike or other project change the `nw-style-guide` version in `package.json` to this new version and push and deploy the changes to a test env.
94
94
  - Once changes are approved and everything is looking fine we then need to update the `nw-style-guide` version to remove the beta.0. to do that we call the same command we called earlier `npm version {{version_type}}` it can also be done manually but this command is better as it auto commits the changes.
95
- (just a note from my experience you don't need to include the beta.0 but I'm guessing i'ts good here because if we want to deploy another beta version we would only need to incremenet that 0 to 1 and so on).
95
+ (just a note from my experience you don't need to include the beta.0 but I'm guessing i'ts good here because if we want to deploy another beta version we would only need to increment that 0 to 1 and so on).
96
96
  - Then we push the latest changes to Github.
97
97
  - Once approved, merge the changes into master and a new version will be released shortly automatically. You'll most likely recieve a notification via email and or slack of this new version.
98
98
  - Go back to your project (e.g. Spike) and update the nw-style-guide version in the `package.json` to use the new version you just committed.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nw-style-guide",
3
- "version": "14.2.2",
3
+ "version": "14.3.0",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "email": "garethdn@gmail.com",
package/picker/picker.component.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ChangeDetectorRef, EventEmitter, ElementRef, OnInit, OnDestroy } from '@angular/core';
1
+ import { ChangeDetectorRef, EventEmitter, ElementRef, OnInit, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
2
2
  import { FormControl } from '@angular/forms';
3
3
  import { IPickerItem } from './IPickerItem';
4
4
  import * as i0 from "@angular/core";
5
- export declare class NwPickerComponent implements OnInit, OnDestroy {
5
+ export declare class NwPickerComponent implements OnInit, OnChanges, OnDestroy {
6
6
  chRef: ChangeDetectorRef;
7
7
  items: IPickerItem[];
8
8
  inputClasses: string;
@@ -15,6 +15,8 @@ export declare class NwPickerComponent implements OnInit, OnDestroy {
15
15
  isHeightDynamic: boolean;
16
16
  isMultiSelect: boolean;
17
17
  isMobileDisplay: boolean;
18
+ isDisabled: boolean;
19
+ isChevronHidden: boolean;
18
20
  selections: EventEmitter<IPickerItem[]>;
19
21
  toggleInclude: EventEmitter<{
20
22
  item: IPickerItem;
@@ -42,6 +44,7 @@ export declare class NwPickerComponent implements OnInit, OnDestroy {
42
44
  private _subs;
43
45
  constructor(chRef: ChangeDetectorRef);
44
46
  ngOnInit(): void;
47
+ ngOnChanges(changes: SimpleChanges): void;
45
48
  subscribeToSearchTermChanges(): void;
46
49
  ascend(item: IPickerItem): void;
47
50
  setDisplayItemsFromParentId(parentId: any, e?: KeyboardEvent): void;
@@ -66,5 +69,5 @@ export declare class NwPickerComponent implements OnInit, OnDestroy {
66
69
  getMaxHeight(el: HTMLElement): string;
67
70
  ngOnDestroy(): void;
68
71
  static ɵfac: i0.ɵɵFactoryDeclaration<NwPickerComponent, never>;
69
- static ɵcmp: i0.ɵɵComponentDeclaration<NwPickerComponent, "nw-angular-picker", never, { "items": { "alias": "items"; "required": false; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; "inputPlaceholderText": { "alias": "inputPlaceholderText"; "required": false; }; "noSelectionsPlaceholderText": { "alias": "noSelectionsPlaceholderText"; "required": false; }; "initialParentId": { "alias": "initialParentId"; "required": false; }; "shouldShowSelections": { "alias": "shouldShowSelections"; "required": false; }; "canExclude": { "alias": "canExclude"; "required": false; }; "isHeightDynamic": { "alias": "isHeightDynamic"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "isMobileDisplay": { "alias": "isMobileDisplay"; "required": false; }; }, { "selections": "selections"; "toggleInclude": "toggleInclude"; "toggleExclude": "toggleExclude"; "edit": "edit"; "closed": "closed"; "focus": "focus"; "clearAll": "clearAll"; "clearSingle": "clearSingle"; "clearSearch": "clearSearch"; "desc": "desc"; "asc": "asc"; }, never, [".results-footer"], false, never>;
72
+ static ɵcmp: i0.ɵɵComponentDeclaration<NwPickerComponent, "nw-angular-picker", never, { "items": { "alias": "items"; "required": false; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; "inputPlaceholderText": { "alias": "inputPlaceholderText"; "required": false; }; "noSelectionsPlaceholderText": { "alias": "noSelectionsPlaceholderText"; "required": false; }; "initialParentId": { "alias": "initialParentId"; "required": false; }; "shouldShowSelections": { "alias": "shouldShowSelections"; "required": false; }; "canExclude": { "alias": "canExclude"; "required": false; }; "isHeightDynamic": { "alias": "isHeightDynamic"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "isMobileDisplay": { "alias": "isMobileDisplay"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isChevronHidden": { "alias": "isChevronHidden"; "required": false; }; }, { "selections": "selections"; "toggleInclude": "toggleInclude"; "toggleExclude": "toggleExclude"; "edit": "edit"; "closed": "closed"; "focus": "focus"; "clearAll": "clearAll"; "clearSingle": "clearSingle"; "clearSearch": "clearSearch"; "desc": "desc"; "asc": "asc"; }, never, [".results-footer"], false, never>;
70
73
  }
package/picker/picker.component.js CHANGED
@@ -6,34 +6,40 @@ import * as i0 from "@angular/core";
6
6
  import * as i1 from "@angular/common";
7
7
  import * as i2 from "@angular/forms";
8
8
  const _c0 = ["inputEl"];
9
+ function NwPickerComponent_i_5_Template(rf, ctx) { if (rf & 1) {
10
+ const _r5 = i0.ɵɵgetCurrentView();
11
+ i0.ɵɵelementStart(0, "i", 10);
12
+ i0.ɵɵlistener("click", function NwPickerComponent_i_5_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); const _r0 = i0.ɵɵreference(3); ctx_r4.showResults(); return i0.ɵɵresetView(_r0.focus()); });
13
+ i0.ɵɵelementEnd();
14
+ } }
9
15
  function NwPickerComponent_button_8_Template(rf, ctx) { if (rf & 1) {
10
- const _r4 = i0.ɵɵgetCurrentView();
11
- i0.ɵɵelementStart(0, "button", 10);
12
- i0.ɵɵlistener("mousedown", function NwPickerComponent_button_8_Template_button_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.preventBlur($event)); })("click", function NwPickerComponent_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); const _r0 = i0.ɵɵreference(3); ctx_r5.onReset($event); return i0.ɵɵresetView(_r0.focus()); });
16
+ const _r7 = i0.ɵɵgetCurrentView();
17
+ i0.ɵɵelementStart(0, "button", 11);
18
+ i0.ɵɵlistener("mousedown", function NwPickerComponent_button_8_Template_button_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.preventBlur($event)); })("click", function NwPickerComponent_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); const _r0 = i0.ɵɵreference(3); ctx_r8.onReset($event); return i0.ɵɵresetView(_r0.focus()); });
13
19
  i0.ɵɵtext(1, "\u00D7");
14
20
  i0.ɵɵelementEnd();
15
21
  } }
16
22
  function NwPickerComponent_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
17
- const _r12 = i0.ɵɵgetCurrentView();
18
- i0.ɵɵelementStart(0, "div", 18)(1, "a", 19);
19
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_div_4_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.ascend(ctx_r11.getParentItem(ctx_r11.parentId))); });
20
- i0.ɵɵelement(2, "i", 20);
23
+ const _r15 = i0.ɵɵgetCurrentView();
24
+ i0.ɵɵelementStart(0, "div", 19)(1, "a", 20);
25
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_div_4_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.ascend(ctx_r14.getParentItem(ctx_r14.parentId))); });
26
+ i0.ɵɵelement(2, "i", 21);
21
27
  i0.ɵɵtext(3);
22
28
  i0.ɵɵelementEnd()();
23
29
  } if (rf & 2) {
24
- const ctx_r6 = i0.ɵɵnextContext(2);
30
+ const ctx_r9 = i0.ɵɵnextContext(2);
25
31
  i0.ɵɵadvance(3);
26
- i0.ɵɵtextInterpolate1(" ", ctx_r6.getParentItem(ctx_r6.parentId).displayName, " ");
32
+ i0.ɵɵtextInterpolate1(" ", ctx_r9.getParentItem(ctx_r9.parentId).displayName, " ");
27
33
  } }
28
34
  function NwPickerComponent_div_9_div_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
29
- const _r16 = i0.ɵɵgetCurrentView();
35
+ const _r19 = i0.ɵɵgetCurrentView();
30
36
  i0.ɵɵelementContainerStart(0);
31
- i0.ɵɵelementStart(1, "a", 19);
32
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_div_7_ng_container_1_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(3); ctx_r15.selectionsAreShowing = true; return i0.ɵɵresetView(ctx_r15.edit.emit()); });
37
+ i0.ɵɵelementStart(1, "a", 20);
38
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_div_7_ng_container_1_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(3); ctx_r18.selectionsAreShowing = true; return i0.ɵɵresetView(ctx_r18.edit.emit()); });
33
39
  i0.ɵɵtext(2, "Edit selections");
34
40
  i0.ɵɵelementEnd();
35
- i0.ɵɵelementStart(3, "a", 19);
36
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_div_7_ng_container_1_Template_a_click_3_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r17 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r17.clearSelections($event)); });
41
+ i0.ɵɵelementStart(3, "a", 20);
42
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_div_7_ng_container_1_Template_a_click_3_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.clearSelections($event)); });
37
43
  i0.ɵɵtext(4, "Clear selections");
38
44
  i0.ɵɵelementEnd();
39
45
  i0.ɵɵelementContainerEnd();
@@ -46,196 +52,196 @@ function NwPickerComponent_div_9_div_7_ng_container_2_Template(rf, ctx) { if (rf
46
52
  i0.ɵɵelementContainerEnd();
47
53
  } }
48
54
  function NwPickerComponent_div_9_div_7_Template(rf, ctx) { if (rf & 1) {
49
- i0.ɵɵelementStart(0, "div", 18);
50
- i0.ɵɵtemplate(1, NwPickerComponent_div_9_div_7_ng_container_1_Template, 5, 0, "ng-container", 17);
51
- i0.ɵɵtemplate(2, NwPickerComponent_div_9_div_7_ng_container_2_Template, 3, 0, "ng-container", 17);
55
+ i0.ɵɵelementStart(0, "div", 19);
56
+ i0.ɵɵtemplate(1, NwPickerComponent_div_9_div_7_ng_container_1_Template, 5, 0, "ng-container", 18);
57
+ i0.ɵɵtemplate(2, NwPickerComponent_div_9_div_7_ng_container_2_Template, 3, 0, "ng-container", 18);
52
58
  i0.ɵɵelementEnd();
53
59
  } if (rf & 2) {
54
- const ctx_r8 = i0.ɵɵnextContext(2);
60
+ const ctx_r11 = i0.ɵɵnextContext(2);
55
61
  i0.ɵɵadvance(1);
56
- i0.ɵɵproperty("ngIf", ctx_r8.getSelections().length);
62
+ i0.ɵɵproperty("ngIf", ctx_r11.getSelections().length);
57
63
  i0.ɵɵadvance(1);
58
- i0.ɵɵproperty("ngIf", !ctx_r8.getSelections().length);
64
+ i0.ɵɵproperty("ngIf", !ctx_r11.getSelections().length);
59
65
  } }
60
66
  function NwPickerComponent_div_9_ng_container_8_a_5_Template(rf, ctx) { if (rf & 1) {
61
- const _r21 = i0.ɵɵgetCurrentView();
62
- i0.ɵɵelementStart(0, "a", 19);
63
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_8_a_5_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.clearSelections($event)); });
67
+ const _r24 = i0.ɵɵgetCurrentView();
68
+ i0.ɵɵelementStart(0, "a", 20);
69
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_8_a_5_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r23.clearSelections($event)); });
64
70
  i0.ɵɵtext(1, "Clear all");
65
71
  i0.ɵɵelementEnd();
66
72
  } }
67
73
  const _c1 = function (a0, a1) { return { "active": a0, "excluded": a1 }; };
68
74
  function NwPickerComponent_div_9_ng_container_8_div_7_Template(rf, ctx) { if (rf & 1) {
69
- const _r24 = i0.ɵɵgetCurrentView();
70
- i0.ɵɵelementStart(0, "div", 24)(1, "span", 25)(2, "span", 26);
75
+ const _r27 = i0.ɵɵgetCurrentView();
76
+ i0.ɵɵelementStart(0, "div", 25)(1, "span", 26)(2, "span", 27);
71
77
  i0.ɵɵtext(3);
72
78
  i0.ɵɵelementEnd();
73
- i0.ɵɵelementStart(4, "button", 27);
74
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_8_div_7_Template_button_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r24); const item_r22 = restoredCtx.$implicit; const ctx_r23 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r23.clearSelection(item_r22)); });
79
+ i0.ɵɵelementStart(4, "button", 28);
80
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_8_div_7_Template_button_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r27); const item_r25 = restoredCtx.$implicit; const ctx_r26 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r26.clearSelection(item_r25)); });
75
81
  i0.ɵɵtext(5, " \u00D7 ");
76
82
  i0.ɵɵelementEnd()()();
77
83
  } if (rf & 2) {
78
- const item_r22 = ctx.$implicit;
79
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c1, item_r22.added, item_r22.excluded));
84
+ const item_r25 = ctx.$implicit;
85
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c1, item_r25.added, item_r25.excluded));
80
86
  i0.ɵɵadvance(3);
81
- i0.ɵɵtextInterpolate(item_r22.displayName);
87
+ i0.ɵɵtextInterpolate(item_r25.displayName);
82
88
  } }
83
89
  function NwPickerComponent_div_9_ng_container_8_Template(rf, ctx) { if (rf & 1) {
84
- const _r26 = i0.ɵɵgetCurrentView();
90
+ const _r29 = i0.ɵɵgetCurrentView();
85
91
  i0.ɵɵelementContainerStart(0);
86
- i0.ɵɵelementStart(1, "div", 18)(2, "a", 19);
87
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_8_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.selectionsAreShowing = false); });
88
- i0.ɵɵelement(3, "i", 20);
92
+ i0.ɵɵelementStart(1, "div", 19)(2, "a", 20);
93
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_8_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.selectionsAreShowing = false); });
94
+ i0.ɵɵelement(3, "i", 21);
89
95
  i0.ɵɵtext(4, " Back ");
90
96
  i0.ɵɵelementEnd();
91
- i0.ɵɵtemplate(5, NwPickerComponent_div_9_ng_container_8_a_5_Template, 2, 0, "a", 21);
97
+ i0.ɵɵtemplate(5, NwPickerComponent_div_9_ng_container_8_a_5_Template, 2, 0, "a", 22);
92
98
  i0.ɵɵelementEnd();
93
- i0.ɵɵelementStart(6, "div", 22);
94
- i0.ɵɵtemplate(7, NwPickerComponent_div_9_ng_container_8_div_7_Template, 6, 5, "div", 23);
99
+ i0.ɵɵelementStart(6, "div", 23);
100
+ i0.ɵɵtemplate(7, NwPickerComponent_div_9_ng_container_8_div_7_Template, 6, 5, "div", 24);
95
101
  i0.ɵɵelementEnd();
96
102
  i0.ɵɵelementContainerEnd();
97
103
  } if (rf & 2) {
98
- const ctx_r9 = i0.ɵɵnextContext(2);
104
+ const ctx_r12 = i0.ɵɵnextContext(2);
99
105
  i0.ɵɵadvance(5);
100
- i0.ɵɵproperty("ngIf", ctx_r9.getSelections().length);
106
+ i0.ɵɵproperty("ngIf", ctx_r12.getSelections().length);
101
107
  i0.ɵɵadvance(2);
102
- i0.ɵɵproperty("ngForOf", ctx_r9.getSelections());
108
+ i0.ɵɵproperty("ngForOf", ctx_r12.getSelections());
103
109
  } }
104
110
  function NwPickerComponent_div_9_ng_container_9_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
105
- const _r36 = i0.ɵɵgetCurrentView();
106
- i0.ɵɵelementStart(0, "div", 34)(1, "input", 35);
107
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_div_2_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r36); const item_r29 = i0.ɵɵnextContext().$implicit; const ctx_r34 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r34.toggleItemInclusion(item_r29, $event)); });
111
+ const _r39 = i0.ɵɵgetCurrentView();
112
+ i0.ɵɵelementStart(0, "div", 35)(1, "input", 36);
113
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_div_2_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r39); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.toggleItemInclusion(item_r32, $event)); });
108
114
  i0.ɵɵelementEnd();
109
- i0.ɵɵelement(2, "label", 36);
115
+ i0.ɵɵelement(2, "label", 37);
110
116
  i0.ɵɵelementEnd();
111
117
  } if (rf & 2) {
112
- const item_r29 = i0.ɵɵnextContext().$implicit;
118
+ const item_r32 = i0.ɵɵnextContext().$implicit;
113
119
  i0.ɵɵadvance(1);
114
- i0.ɵɵpropertyInterpolate1("id", "include-", item_r29.id, "");
115
- i0.ɵɵproperty("checked", item_r29.added);
120
+ i0.ɵɵpropertyInterpolate1("id", "include-", item_r32.id, "");
121
+ i0.ɵɵproperty("checked", item_r32.added);
116
122
  i0.ɵɵadvance(1);
117
- i0.ɵɵpropertyInterpolate1("for", "include-", item_r29.id, "");
123
+ i0.ɵɵpropertyInterpolate1("for", "include-", item_r32.id, "");
118
124
  } }
119
125
  function NwPickerComponent_div_9_ng_container_9_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
120
- const _r40 = i0.ɵɵgetCurrentView();
121
- i0.ɵɵelementStart(0, "div", 37)(1, "input", 35);
122
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_div_3_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r40); const item_r29 = i0.ɵɵnextContext().$implicit; const ctx_r38 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r38.toggleItemExclusion(item_r29, $event)); });
126
+ const _r43 = i0.ɵɵgetCurrentView();
127
+ i0.ɵɵelementStart(0, "div", 38)(1, "input", 36);
128
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_div_3_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r43); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r41 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r41.toggleItemExclusion(item_r32, $event)); });
123
129
  i0.ɵɵelementEnd();
124
- i0.ɵɵelement(2, "label", 36);
130
+ i0.ɵɵelement(2, "label", 37);
125
131
  i0.ɵɵelementEnd();
126
132
  } if (rf & 2) {
127
- const item_r29 = i0.ɵɵnextContext().$implicit;
133
+ const item_r32 = i0.ɵɵnextContext().$implicit;
128
134
  i0.ɵɵadvance(1);
129
- i0.ɵɵpropertyInterpolate1("id", "exclude-", item_r29.id, "");
130
- i0.ɵɵproperty("checked", item_r29.excluded);
135
+ i0.ɵɵpropertyInterpolate1("id", "exclude-", item_r32.id, "");
136
+ i0.ɵɵproperty("checked", item_r32.excluded);
131
137
  i0.ɵɵadvance(1);
132
- i0.ɵɵpropertyInterpolate1("for", "exclude-", item_r29.id, "");
138
+ i0.ɵɵpropertyInterpolate1("for", "exclude-", item_r32.id, "");
133
139
  } }
134
140
  function NwPickerComponent_div_9_ng_container_9_div_1_ng_container_6_em_3_Template(rf, ctx) { if (rf & 1) {
135
- i0.ɵɵelementStart(0, "em", 39);
141
+ i0.ɵɵelementStart(0, "em", 40);
136
142
  i0.ɵɵtext(1);
137
143
  i0.ɵɵelementEnd();
138
144
  } if (rf & 2) {
139
- const val_r43 = ctx.$implicit;
140
- const isLast_r44 = ctx.last;
145
+ const val_r46 = ctx.$implicit;
146
+ const isLast_r47 = ctx.last;
141
147
  i0.ɵɵadvance(1);
142
- i0.ɵɵtextInterpolate2("", val_r43, "", isLast_r44 ? "" : ", ", "");
148
+ i0.ɵɵtextInterpolate2("", val_r46, "", isLast_r47 ? "" : ", ", "");
143
149
  } }
144
150
  function NwPickerComponent_div_9_ng_container_9_div_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
145
151
  i0.ɵɵelementContainerStart(0);
146
152
  i0.ɵɵelementStart(1, "span");
147
153
  i0.ɵɵtext(2, " - ");
148
- i0.ɵɵtemplate(3, NwPickerComponent_div_9_ng_container_9_div_1_ng_container_6_em_3_Template, 2, 2, "em", 38);
154
+ i0.ɵɵtemplate(3, NwPickerComponent_div_9_ng_container_9_div_1_ng_container_6_em_3_Template, 2, 2, "em", 39);
149
155
  i0.ɵɵelementEnd();
150
156
  i0.ɵɵelementContainerEnd();
151
157
  } if (rf & 2) {
152
- const item_r29 = i0.ɵɵnextContext().$implicit;
158
+ const item_r32 = i0.ɵɵnextContext().$implicit;
153
159
  i0.ɵɵadvance(3);
154
- i0.ɵɵproperty("ngForOf", item_r29.searchValues);
160
+ i0.ɵɵproperty("ngForOf", item_r32.searchValues);
155
161
  } }
156
162
  function NwPickerComponent_div_9_ng_container_9_div_1_button_7_Template(rf, ctx) { if (rf & 1) {
157
- const _r48 = i0.ɵɵgetCurrentView();
158
- i0.ɵɵelementStart(0, "button", 40);
159
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r48); const item_r29 = i0.ɵɵnextContext().$implicit; const ctx_r46 = i0.ɵɵnextContext(3); ctx_r46.setDisplayItemsFromParentId(item_r29.id, $event); return i0.ɵɵresetView(ctx_r46.desc.emit(ctx_r46.getParentItem(ctx_r46.parentId))); });
160
- i0.ɵɵelement(1, "i", 41);
163
+ const _r51 = i0.ɵɵgetCurrentView();
164
+ i0.ɵɵelementStart(0, "button", 41);
165
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r51); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r49 = i0.ɵɵnextContext(3); ctx_r49.setDisplayItemsFromParentId(item_r32.id, $event); return i0.ɵɵresetView(ctx_r49.desc.emit(ctx_r49.getParentItem(ctx_r49.parentId))); });
166
+ i0.ɵɵelement(1, "i", 42);
161
167
  i0.ɵɵelementEnd();
162
168
  } }
163
169
  function NwPickerComponent_div_9_ng_container_9_div_1_Template(rf, ctx) { if (rf & 1) {
164
- const _r50 = i0.ɵɵgetCurrentView();
165
- i0.ɵɵelementStart(0, "div", 29)(1, "span", 25);
166
- i0.ɵɵtemplate(2, NwPickerComponent_div_9_ng_container_9_div_1_div_2_Template, 3, 3, "div", 30);
167
- i0.ɵɵtemplate(3, NwPickerComponent_div_9_ng_container_9_div_1_div_3_Template, 3, 3, "div", 31);
168
- i0.ɵɵelementStart(4, "span", 32);
169
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_Template_span_click_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r50); const item_r29 = restoredCtx.$implicit; const ctx_r49 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r49.toggleItemInclusion(item_r29, $event)); });
170
+ const _r53 = i0.ɵɵgetCurrentView();
171
+ i0.ɵɵelementStart(0, "div", 30)(1, "span", 26);
172
+ i0.ɵɵtemplate(2, NwPickerComponent_div_9_ng_container_9_div_1_div_2_Template, 3, 3, "div", 31);
173
+ i0.ɵɵtemplate(3, NwPickerComponent_div_9_ng_container_9_div_1_div_3_Template, 3, 3, "div", 32);
174
+ i0.ɵɵelementStart(4, "span", 33);
175
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_ng_container_9_div_1_Template_span_click_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r53); const item_r32 = restoredCtx.$implicit; const ctx_r52 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r52.toggleItemInclusion(item_r32, $event)); });
170
176
  i0.ɵɵtext(5);
171
- i0.ɵɵtemplate(6, NwPickerComponent_div_9_ng_container_9_div_1_ng_container_6_Template, 4, 1, "ng-container", 17);
177
+ i0.ɵɵtemplate(6, NwPickerComponent_div_9_ng_container_9_div_1_ng_container_6_Template, 4, 1, "ng-container", 18);
172
178
  i0.ɵɵelementEnd();
173
- i0.ɵɵtemplate(7, NwPickerComponent_div_9_ng_container_9_div_1_button_7_Template, 2, 0, "button", 33);
179
+ i0.ɵɵtemplate(7, NwPickerComponent_div_9_ng_container_9_div_1_button_7_Template, 2, 0, "button", 34);
174
180
  i0.ɵɵelementEnd()();
175
181
  } if (rf & 2) {
176
- const item_r29 = ctx.$implicit;
177
- const ctx_r27 = i0.ɵɵnextContext(3);
178
- i0.ɵɵclassProp("active", item_r29.added)("excluded", item_r29.excluded)("has-children", ctx_r27.hasChildren(item_r29.id));
182
+ const item_r32 = ctx.$implicit;
183
+ const ctx_r30 = i0.ɵɵnextContext(3);
184
+ i0.ɵɵclassProp("active", item_r32.added)("excluded", item_r32.excluded)("has-children", ctx_r30.hasChildren(item_r32.id));
179
185
  i0.ɵɵadvance(2);
180
- i0.ɵɵproperty("ngIf", ctx_r27.isMultiSelect);
186
+ i0.ɵɵproperty("ngIf", ctx_r30.isMultiSelect);
181
187
  i0.ɵɵadvance(1);
182
- i0.ɵɵproperty("ngIf", ctx_r27.canExclude && ctx_r27.isMultiSelect);
188
+ i0.ɵɵproperty("ngIf", ctx_r30.canExclude && ctx_r30.isMultiSelect);
183
189
  i0.ɵɵadvance(1);
184
- i0.ɵɵpropertyInterpolate("title", item_r29.displayName);
190
+ i0.ɵɵpropertyInterpolate("title", item_r32.displayName);
185
191
  i0.ɵɵadvance(1);
186
- i0.ɵɵtextInterpolate1(" ", item_r29.displayName, " ");
192
+ i0.ɵɵtextInterpolate1(" ", item_r32.displayName, " ");
187
193
  i0.ɵɵadvance(1);
188
- i0.ɵɵproperty("ngIf", ctx_r27.searchTerm.value.length && (item_r29.searchValues == null ? null : item_r29.searchValues.length));
194
+ i0.ɵɵproperty("ngIf", ctx_r30.searchTerm.value.length && (item_r32.searchValues == null ? null : item_r32.searchValues.length));
189
195
  i0.ɵɵadvance(1);
190
- i0.ɵɵproperty("ngIf", ctx_r27.hasChildren(item_r29.id));
196
+ i0.ɵɵproperty("ngIf", ctx_r30.hasChildren(item_r32.id));
191
197
  } }
192
198
  function NwPickerComponent_div_9_ng_container_9_div_2_Template(rf, ctx) { if (rf & 1) {
193
- i0.ɵɵelementStart(0, "div", 18)(1, "em");
199
+ i0.ɵɵelementStart(0, "div", 19)(1, "em");
194
200
  i0.ɵɵtext(2, "No results");
195
201
  i0.ɵɵelementEnd()();
196
202
  } }
197
203
  function NwPickerComponent_div_9_ng_container_9_Template(rf, ctx) { if (rf & 1) {
198
204
  i0.ɵɵelementContainerStart(0);
199
- i0.ɵɵtemplate(1, NwPickerComponent_div_9_ng_container_9_div_1_Template, 8, 12, "div", 28);
200
- i0.ɵɵtemplate(2, NwPickerComponent_div_9_ng_container_9_div_2_Template, 3, 0, "div", 14);
205
+ i0.ɵɵtemplate(1, NwPickerComponent_div_9_ng_container_9_div_1_Template, 8, 12, "div", 29);
206
+ i0.ɵɵtemplate(2, NwPickerComponent_div_9_ng_container_9_div_2_Template, 3, 0, "div", 15);
201
207
  i0.ɵɵelementContainerEnd();
202
208
  } if (rf & 2) {
203
- const ctx_r10 = i0.ɵɵnextContext(2);
209
+ const ctx_r13 = i0.ɵɵnextContext(2);
204
210
  i0.ɵɵadvance(1);
205
- i0.ɵɵproperty("ngForOf", ctx_r10.displayItems);
211
+ i0.ɵɵproperty("ngForOf", ctx_r13.displayItems);
206
212
  i0.ɵɵadvance(1);
207
- i0.ɵɵproperty("ngIf", ctx_r10.displayItems.length < 1);
213
+ i0.ɵɵproperty("ngIf", ctx_r13.displayItems.length < 1);
208
214
  } }
209
215
  function NwPickerComponent_div_9_Template(rf, ctx) { if (rf & 1) {
210
- const _r52 = i0.ɵɵgetCurrentView();
211
- i0.ɵɵelementStart(0, "div", 11);
212
- i0.ɵɵlistener("mousedown", function NwPickerComponent_div_9_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.preventBlur($event)); });
213
- i0.ɵɵelementStart(1, "div", 12)(2, "button", 13);
214
- i0.ɵɵlistener("click", function NwPickerComponent_div_9_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r52); const ctx_r53 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r53.closeResults()); });
216
+ const _r55 = i0.ɵɵgetCurrentView();
217
+ i0.ɵɵelementStart(0, "div", 12);
218
+ i0.ɵɵlistener("mousedown", function NwPickerComponent_div_9_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r55); const ctx_r54 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r54.preventBlur($event)); });
219
+ i0.ɵɵelementStart(1, "div", 13)(2, "button", 14);
220
+ i0.ɵɵlistener("click", function NwPickerComponent_div_9_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r55); const ctx_r56 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r56.closeResults()); });
215
221
  i0.ɵɵtext(3, "\u00D7");
216
222
  i0.ɵɵelementEnd()();
217
- i0.ɵɵtemplate(4, NwPickerComponent_div_9_div_4_Template, 4, 1, "div", 14);
218
- i0.ɵɵelementStart(5, "div", 15, 16);
219
- i0.ɵɵtemplate(7, NwPickerComponent_div_9_div_7_Template, 3, 2, "div", 14);
220
- i0.ɵɵtemplate(8, NwPickerComponent_div_9_ng_container_8_Template, 8, 2, "ng-container", 17);
221
- i0.ɵɵtemplate(9, NwPickerComponent_div_9_ng_container_9_Template, 3, 2, "ng-container", 17);
223
+ i0.ɵɵtemplate(4, NwPickerComponent_div_9_div_4_Template, 4, 1, "div", 15);
224
+ i0.ɵɵelementStart(5, "div", 16, 17);
225
+ i0.ɵɵtemplate(7, NwPickerComponent_div_9_div_7_Template, 3, 2, "div", 15);
226
+ i0.ɵɵtemplate(8, NwPickerComponent_div_9_ng_container_8_Template, 8, 2, "ng-container", 18);
227
+ i0.ɵɵtemplate(9, NwPickerComponent_div_9_ng_container_9_Template, 3, 2, "ng-container", 18);
222
228
  i0.ɵɵelementEnd();
223
229
  i0.ɵɵprojection(10);
224
230
  i0.ɵɵelementEnd();
225
231
  } if (rf & 2) {
226
- const _r7 = i0.ɵɵreference(6);
227
- const ctx_r2 = i0.ɵɵnextContext();
228
- i0.ɵɵproperty("@slideUpIn", ctx_r2.isMobileDisplay ? "in" : false);
232
+ const _r10 = i0.ɵɵreference(6);
233
+ const ctx_r3 = i0.ɵɵnextContext();
234
+ i0.ɵɵproperty("@slideUpIn", ctx_r3.isMobileDisplay ? "in" : false);
229
235
  i0.ɵɵadvance(4);
230
- i0.ɵɵproperty("ngIf", ctx_r2.parentId && ctx_r2.displayItems.length && !ctx_r2.searchTerm.value.length);
236
+ i0.ɵɵproperty("ngIf", ctx_r3.parentId && ctx_r3.displayItems.length && !ctx_r3.searchTerm.value.length);
231
237
  i0.ɵɵadvance(1);
232
- i0.ɵɵstyleProp("max-height", ctx_r2.getMaxHeight(_r7));
238
+ i0.ɵɵstyleProp("max-height", ctx_r3.getMaxHeight(_r10));
233
239
  i0.ɵɵadvance(2);
234
- i0.ɵɵproperty("ngIf", ctx_r2.shouldShowSelections && !ctx_r2.selectionsAreShowing && ctx_r2.parentId == null && !ctx_r2.searchTerm.value.length);
240
+ i0.ɵɵproperty("ngIf", ctx_r3.shouldShowSelections && !ctx_r3.selectionsAreShowing && ctx_r3.parentId == null && !ctx_r3.searchTerm.value.length);
235
241
  i0.ɵɵadvance(1);
236
- i0.ɵɵproperty("ngIf", ctx_r2.selectionsAreShowing);
242
+ i0.ɵɵproperty("ngIf", ctx_r3.selectionsAreShowing);
237
243
  i0.ɵɵadvance(1);
238
- i0.ɵɵproperty("ngIf", !ctx_r2.selectionsAreShowing);
244
+ i0.ɵɵproperty("ngIf", !ctx_r3.selectionsAreShowing);
239
245
  } }
240
246
  const _c2 = [[["", 8, "results-footer"]]];
241
247
  const _c3 = [".results-footer"];
@@ -251,6 +257,8 @@ export class NwPickerComponent {
251
257
  this.canExclude = true;
252
258
  this.isMultiSelect = true;
253
259
  this.isMobileDisplay = false;
260
+ this.isDisabled = false;
261
+ this.isChevronHidden = false;
254
262
  this.selections = new EventEmitter();
255
263
  this.toggleInclude = new EventEmitter();
256
264
  this.toggleExclude = new EventEmitter();
@@ -273,6 +281,11 @@ export class NwPickerComponent {
273
281
  this.parentId = this.initialParentId;
274
282
  this.subscribeToSearchTermChanges();
275
283
  }
284
+ ngOnChanges(changes) {
285
+ if (this.isDisabled) {
286
+ this.searchTerm.disable();
287
+ }
288
+ }
276
289
  subscribeToSearchTermChanges() {
277
290
  const sub = this.searchTerm.valueChanges.subscribe(val => {
278
291
  this.selectionsAreShowing = false;
@@ -420,13 +433,17 @@ export class NwPickerComponent {
420
433
  this.searchTerm.setValue('', { emitEvent: false });
421
434
  }
422
435
  onFocus() {
423
- this.showResults();
424
- this.focus.emit(this.inputEl);
436
+ if (!this.isDisabled) {
437
+ this.showResults();
438
+ this.focus.emit(this.inputEl);
439
+ }
425
440
  }
426
441
  showResults() {
427
- this.parentId = this.initialParentId;
428
- this.canViewResults = true;
429
- this.setDisplayItemsFromParentId(this.parentId);
442
+ if (!this.isDisabled) {
443
+ this.parentId = this.initialParentId;
444
+ this.canViewResults = true;
445
+ this.setDisplayItemsFromParentId(this.parentId);
446
+ }
430
447
  }
431
448
  close() {
432
449
  this.inputEl.nativeElement.blur();
@@ -474,16 +491,15 @@ NwPickerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NwPickerC
474
491
  } if (rf & 2) {
475
492
  let _t;
476
493
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
477
- } }, inputs: { items: "items", inputClasses: "inputClasses", placeholderText: "placeholderText", inputPlaceholderText: "inputPlaceholderText", noSelectionsPlaceholderText: "noSelectionsPlaceholderText", initialParentId: "initialParentId", shouldShowSelections: "shouldShowSelections", canExclude: "canExclude", isHeightDynamic: "isHeightDynamic", isMultiSelect: "isMultiSelect", isMobileDisplay: "isMobileDisplay" }, outputs: { selections: "selections", toggleInclude: "toggleInclude", toggleExclude: "toggleExclude", edit: "edit", closed: "closed", focus: "focus", clearAll: "clearAll", clearSingle: "clearSingle", clearSearch: "clearSearch", desc: "desc", asc: "asc" }, ngContentSelectors: _c3, decls: 10, vars: 9, consts: [[1, "nw-picker"], [1, "input-container", "hidden-xs"], ["type", "text", 3, "formControl", "placeholder", "focus", "blur", "keyup.escape"], ["inputEl", ""], [1, "input-placeholder", "text-ellipsis", 3, "innerHTML"], [1, "caret", "dropdown-icon", 3, "click"], [1, "form-control", "search-input", "hidden-sm", "hidden-md", "hidden-lg", "text-ellipsis", 3, "innerHTML", "click"], [1, "caret", "dropdown-icon", "hidden-sm", "hidden-md", "hidden-lg", 3, "click"], ["class", "close reset-icon", 3, "mousedown", "click", 4, "ngIf"], ["class", "search-results", 3, "mousedown", 4, "ngIf"], [1, "close", "reset-icon", 3, "mousedown", "click"], [1, "search-results", 3, "mousedown"], [1, "results-header"], [1, "close", 2, "color", "#000", 3, "click"], ["class", "results-actions", 4, "ngIf"], [1, "scroll-container"], ["searchResultsScrollEl", ""], [4, "ngIf"], [1, "results-actions"], ["href", "javascript:;", 1, "picker-action", 3, "click"], ["aria-hidden", "true", 1, "fas", "fa-long-arrow-alt-left"], ["href", "javascript:;", "class", "picker-action", 3, "click", 4, "ngIf"], [1, "selected-items"], ["class", "search-result", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "search-result", 3, "ngClass"], [1, "result-item"], [1, "item-label"], [1, "close", 2, "color", "#000000", 3, "click"], ["class", "search-result", 3, "active", "excluded", "has-children", 4, "ngFor", "ngForOf"], [1, "search-result"], ["class", "checkbox checkbox-placeholder", 4, "ngIf"], ["class", "checkbox checkbox-exclusion checkbox-placeholder", 4, "ngIf"], [1, "item-label", 3, "title", "click"], ["class", "btn btn-ghost drilldown", 3, "click", 4, "ngIf"], [1, "checkbox", "checkbox-placeholder"], ["type", "checkbox", 3, "id", "checked", "click"], [3, "for"], [1, "checkbox", "checkbox-exclusion", "checkbox-placeholder"], ["class", "small", 4, "ngFor", "ngForOf"], [1, "small"], [1, "btn", "btn-ghost", "drilldown", 3, "click"], ["aria-hidden", "true", 1, "fas", "fa-chevron-right"]], template: function NwPickerComponent_Template(rf, ctx) { if (rf & 1) {
478
- const _r54 = i0.ɵɵgetCurrentView();
494
+ } }, inputs: { items: "items", inputClasses: "inputClasses", placeholderText: "placeholderText", inputPlaceholderText: "inputPlaceholderText", noSelectionsPlaceholderText: "noSelectionsPlaceholderText", initialParentId: "initialParentId", shouldShowSelections: "shouldShowSelections", canExclude: "canExclude", isHeightDynamic: "isHeightDynamic", isMultiSelect: "isMultiSelect", isMobileDisplay: "isMobileDisplay", isDisabled: "isDisabled", isChevronHidden: "isChevronHidden" }, outputs: { selections: "selections", toggleInclude: "toggleInclude", toggleExclude: "toggleExclude", edit: "edit", closed: "closed", focus: "focus", clearAll: "clearAll", clearSingle: "clearSingle", clearSearch: "clearSearch", desc: "desc", asc: "asc" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3, decls: 10, vars: 10, consts: [[1, "nw-picker"], [1, "input-container", "hidden-xs"], ["type", "text", 3, "formControl", "placeholder", "focus", "blur", "keyup.escape"], ["inputEl", ""], [1, "input-placeholder", "text-ellipsis", 3, "innerHTML"], ["class", "caret dropdown-icon", 3, "click", 4, "ngIf"], [1, "form-control", "search-input", "hidden-sm", "hidden-md", "hidden-lg", "text-ellipsis", 3, "innerHTML", "click"], [1, "caret", "dropdown-icon", "hidden-sm", "hidden-md", "hidden-lg", 3, "click"], ["class", "close reset-icon", 3, "mousedown", "click", 4, "ngIf"], ["class", "search-results", 3, "mousedown", 4, "ngIf"], [1, "caret", "dropdown-icon", 3, "click"], [1, "close", "reset-icon", 3, "mousedown", "click"], [1, "search-results", 3, "mousedown"], [1, "results-header"], [1, "close", 2, "color", "#000", 3, "click"], ["class", "results-actions", 4, "ngIf"], [1, "scroll-container"], ["searchResultsScrollEl", ""], [4, "ngIf"], [1, "results-actions"], ["href", "javascript:;", 1, "picker-action", 3, "click"], ["aria-hidden", "true", 1, "fas", "fa-long-arrow-alt-left"], ["href", "javascript:;", "class", "picker-action", 3, "click", 4, "ngIf"], [1, "selected-items"], ["class", "search-result", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "search-result", 3, "ngClass"], [1, "result-item"], [1, "item-label"], [1, "close", 2, "color", "#000000", 3, "click"], ["class", "search-result", 3, "active", "excluded", "has-children", 4, "ngFor", "ngForOf"], [1, "search-result"], ["class", "checkbox checkbox-placeholder", 4, "ngIf"], ["class", "checkbox checkbox-exclusion checkbox-placeholder", 4, "ngIf"], [1, "item-label", 3, "title", "click"], ["class", "btn btn-ghost drilldown", 3, "click", 4, "ngIf"], [1, "checkbox", "checkbox-placeholder"], ["type", "checkbox", 3, "id", "checked", "click"], [3, "for"], [1, "checkbox", "checkbox-exclusion", "checkbox-placeholder"], ["class", "small", 4, "ngFor", "ngForOf"], [1, "small"], [1, "btn", "btn-ghost", "drilldown", 3, "click"], ["aria-hidden", "true", 1, "fas", "fa-chevron-right"]], template: function NwPickerComponent_Template(rf, ctx) { if (rf & 1) {
495
+ const _r57 = i0.ɵɵgetCurrentView();
479
496
  i0.ɵɵprojectionDef(_c2);
480
497
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "input", 2, 3);
481
- i0.ɵɵlistener("focus", function NwPickerComponent_Template_input_focus_2_listener() { return ctx.onFocus(); })("blur", function NwPickerComponent_Template_input_blur_2_listener() { return ctx.closeResults(); })("keyup.escape", function NwPickerComponent_Template_input_keyup_escape_2_listener() { i0.ɵɵrestoreView(_r54); const _r0 = i0.ɵɵreference(3); return i0.ɵɵresetView(_r0.blur()); });
498
+ i0.ɵɵlistener("focus", function NwPickerComponent_Template_input_focus_2_listener() { return ctx.onFocus(); })("blur", function NwPickerComponent_Template_input_blur_2_listener() { return ctx.closeResults(); })("keyup.escape", function NwPickerComponent_Template_input_keyup_escape_2_listener() { i0.ɵɵrestoreView(_r57); const _r0 = i0.ɵɵreference(3); return i0.ɵɵresetView(_r0.blur()); });
482
499
  i0.ɵɵelementEnd();
483
500
  i0.ɵɵelement(4, "div", 4);
484
- i0.ɵɵelementStart(5, "i", 5);
485
- i0.ɵɵlistener("click", function NwPickerComponent_Template_i_click_5_listener() { i0.ɵɵrestoreView(_r54); const _r0 = i0.ɵɵreference(3); ctx.showResults(); return i0.ɵɵresetView(_r0.focus()); });
486
- i0.ɵɵelementEnd()();
501
+ i0.ɵɵtemplate(5, NwPickerComponent_i_5_Template, 1, 0, "i", 5);
502
+ i0.ɵɵelementEnd();
487
503
  i0.ɵɵelementStart(6, "div", 6);
488
504
  i0.ɵɵlistener("click", function NwPickerComponent_Template_div_click_6_listener() { return ctx.showResults(); });
489
505
  i0.ɵɵelementEnd();
@@ -499,7 +515,9 @@ NwPickerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NwPickerC
499
515
  i0.ɵɵproperty("formControl", ctx.searchTerm)("placeholder", ctx.inputPlaceholderText);
500
516
  i0.ɵɵadvance(2);
501
517
  i0.ɵɵproperty("innerHTML", ctx.getPlaceholderText(), i0.ɵɵsanitizeHtml);
502
- i0.ɵɵadvance(2);
518
+ i0.ɵɵadvance(1);
519
+ i0.ɵɵproperty("ngIf", !ctx.isChevronHidden);
520
+ i0.ɵɵadvance(1);
503
521
  i0.ɵɵproperty("innerHTML", ctx.getPlaceholderText(), i0.ɵɵsanitizeHtml);
504
522
  i0.ɵɵadvance(2);
505
523
  i0.ɵɵproperty("ngIf", ctx.searchTerm.value);
@@ -534,7 +552,7 @@ NwPickerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NwPickerC
534
552
 
535
553
  <div class="input-placeholder text-ellipsis" [innerHTML]="getPlaceholderText()"></div>
536
554
 
537
- <i (click)="showResults();inputEl.focus()" class="caret dropdown-icon"></i>
555
+ <i *ngIf="!isChevronHidden" (click)="showResults();inputEl.focus()" class="caret dropdown-icon"></i>
538
556
  </div>
539
557
 
540
558
  <!-- END: NOT xs screen -->
@@ -683,6 +701,10 @@ NwPickerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NwPickerC
683
701
  type: Input
684
702
  }], isMobileDisplay: [{
685
703
  type: Input
704
+ }], isDisabled: [{
705
+ type: Input
706
+ }], isChevronHidden: [{
707
+ type: Input
686
708
  }], selections: [{
687
709
  type: Output
688
710
  }], toggleInclude: [{