novo-elements 5.2.10 → 5.5.1

package/fesm2015/novo-elements.js

@@ -6305,6 +6305,7 @@ class MixedMultiPickerResults extends BasePickerResults {
         this.renderer = renderer;
         this.labels = labels;
         this.placeholder = '';
+        this.emptyOptionsLabel = '';
         this.internalMap = new Map();
     }
     set term(value) {
@@ -6324,6 +6325,13 @@ class MixedMultiPickerResults extends BasePickerResults {
         if (this.keyboardSubscription) {
             this.keyboardSubscription.unsubscribe();
         }
+        if (this.config.options) {
+            this.config.options.forEach(option => {
+                if (option.clearSecondaryOptions) {
+                    option.clearSecondaryOptions.unsubscribe();
+                }
+            });
+        }
     }
     selectPrimaryOption(primaryOption, event) {
         if (this.keyboardSubscription) {
@@ -6372,6 +6380,18 @@ class MixedMultiPickerResults extends BasePickerResults {
     shouldShowSearchBox(primaryOption) {
         return !!(primaryOption && primaryOption.showSearchOnSecondaryOptions);
     }
+    clearPrimaryOption(primaryOption) {
+        var _a;
+        if (this.internalMap.get(primaryOption.value)) {
+            if (primaryOption.value === ((_a = this.selectedPrimaryOption) === null || _a === void 0 ? void 0 : _a.value)) {
+                this.activeMatch = null;
+                this.matches = [];
+                this.selectedPrimaryOption = null;
+            }
+            this.internalMap.delete(primaryOption.value);
+            this.ref.markForCheck();
+        }
+    }
     filterData() {
         if (this.selectedPrimaryOption) {
             if (this.selectedPrimaryOption.secondaryOptions) {
@@ -6414,6 +6434,11 @@ class MixedMultiPickerResults extends BasePickerResults {
                         this.inputElement.nativeElement.focus();
                     });
                 });
+                if (primaryOption.clearSecondaryOptions) {
+                    primaryOption.clearSecondaryOptions.subscribe(() => {
+                        this.clearPrimaryOption(primaryOption);
+                    });
+                }
             }
             else {
                 this.matches = this.filter(this.internalMap.get(primaryOption.value).items);
@@ -6465,7 +6490,7 @@ MixedMultiPickerResults.decorators = [
                 </novo-list-item>
             </novo-list>
             <div class="mixed-multi-picker-no-results" *ngIf="matches.length === 0 && !isLoading && selectedPrimaryOption" data-automation-id="empty-message">
-                {{ labels.groupedMultiPickerEmpty }}
+                {{ config.emptyOptionsLabel ? config.emptyOptionsLabel : labels.groupedMultiPickerEmpty }}
             </div>
             <div class="mixed-multi-picker-loading" *ngIf="isLoading" data-automation-id="loading-message">
                 <novo-loading theme="line"></novo-loading>
@@ -31302,6 +31327,7 @@ class ControlConfig {
     constructor() {
         this.isEmbedded = false;
         this.isInlineEmbedded = false;
+        this.highlighted = false;
     }
 }
 class BaseControl extends ControlConfig {
@@ -31346,6 +31372,7 @@ class BaseControl extends ControlConfig {
         this.startDate = config.startDate;
         this.endDate = config.endDate;
         this.restrictFieldInteractions = !!config.restrictFieldInteractions;
+        this.highlighted = !!config.highlighted;
         if (!Helpers.isEmpty(config.warning)) {
             this.warning = config.warning;
         }
@@ -32595,7 +32622,7 @@ class FormUtils {
         else if (field.dataSpecialization === 'ALL_WORKFLOW_OPTIONS' && field.options) {
             return field.options;
         }
-        else if (field.workflowOptions && fieldData) {
+        else if (field.workflowOptions) {
             return this.getWorkflowOptions(field.workflowOptions, fieldData);
         }
         else if (field.dataSpecialization === 'SPECIALIZED_OPTIONS' ||
@@ -32619,12 +32646,14 @@ class FormUtils {
         return null;
     }
     getWorkflowOptions(workflowOptions, fieldData) {
-        let currentValue;
-        if (fieldData.id) {
+        let currentValue = null;
+        let currentWorkflowOption = 'initial';
+        if (fieldData === null || fieldData === void 0 ? void 0 : fieldData.id) {
             currentValue = { value: fieldData.id, label: fieldData.label ? fieldData.label : fieldData.id };
+            currentWorkflowOption = fieldData.id;
         }
-        const currentWorkflowOption = fieldData.id ? fieldData.id : 'initial';
         const updateWorkflowOptions = workflowOptions[currentWorkflowOption] || [];
+        // Ensure that the current value is added to the beginning of the options list
         if (currentValue && !updateWorkflowOptions.find((option) => option.value === currentValue.value)) {
             updateWorkflowOptions.unshift(currentValue);
         }
@@ -33401,6 +33430,13 @@ class FieldInteractionApi {
             this.triggerEvent({ controlKey: key, prop: 'required', value: required }, otherForm);
         }
     }
+    highlight(key, isHighlighted, otherForm) {
+        const control = this.getControl(key, otherForm);
+        if (control && !control.restrictFieldInteractions) {
+            control.highlighted = isHighlighted;
+            this.triggerEvent({ controlKey: key, prop: 'highlight', value: isHighlighted }, otherForm);
+        }
+    }
     hide(key, clearValue = true, otherForm) {
         const control = this.getControl(key, otherForm);
         if (control && !control.restrictFieldInteractions) {
@@ -33619,9 +33655,9 @@ class FieldInteractionApi {
     removeStaticOption(key, optionToRemove, otherForm) {
         const control = this.getControl(key, otherForm);
         if (control && !control.restrictFieldInteractions) {
-            let currentOptions = this.getProperty(key, 'options');
+            let currentOptions = this.getProperty(key, 'options', otherForm);
             if (!currentOptions || !currentOptions.length) {
-                const config = this.getProperty(key, 'config');
+                const config = this.getProperty(key, 'config', otherForm);
                 if (config) {
                     currentOptions = config.options;
                     if (currentOptions && Array.isArray(currentOptions)) {
@@ -33642,7 +33678,7 @@ class FieldInteractionApi {
                             currentOptions.splice(index, 1);
                         }
                         config.options = [...currentOptions];
-                        this.setProperty(key, 'config', config);
+                        this.setProperty(key, 'config', config, otherForm);
                     }
                 }
             }
@@ -33663,7 +33699,7 @@ class FieldInteractionApi {
                 if (index !== -1) {
                     currentOptions.splice(index, 1);
                 }
-                this.setProperty(key, 'options', [...currentOptions]);
+                this.setProperty(key, 'options', [...currentOptions], otherForm);
             }
             this.triggerEvent({ controlKey: key, prop: 'options', value: control.options }, otherForm);
         }
@@ -34429,7 +34465,7 @@ NovoControlElement.decorators = [
                             [ngClass]="{'bhi-circle': !isValid, 'bhi-check': isValid}" *ngIf="!condensed || form.controls[control.key].required">
                         </i>
                         <!--Form Controls-->
-                        <div class="novo-control-input {{ form.controls[control.key].controlType }}" [attr.data-automation-id]="control.key" [class.control-disabled]="form.controls[control.key].disabled">
+                        <div class="novo-control-input {{ form.controls[control.key].controlType }}" [attr.data-automation-id]="control.key" [class.control-disabled]="form.controls[control.key].disabled" [class.highlighted]="form.controls[control.key].highlighted">
                             <!--TODO prefix/suffix on the control-->
                             <ng-container *ngIf="templates">
                               <ng-container *ngTemplateOutlet="templates[form.controls[control.key].controlType]; context: templateContext"></ng-container>
@@ -34636,8 +34672,6 @@ class NovoControlGroup {
         }
         else {
             this.form.addControl(this.key, this.fb.array([nestedFormGroup]));
-            // Ensure that field interaction changes for nested forms originating from outside the form will be reflected in the nested elements
-            nestedFormGroup.fieldInteractionEvents.subscribe(this.onFieldInteractionEvent.bind(this));
         }
         this.disabledArray.push({
             edit: true,
@@ -34649,6 +34683,8 @@ class NovoControlGroup {
         }
         this.currentIndex++;
         this.assignIndexes();
+        // Ensure that field interaction changes for nested forms originating from outside the form will be reflected in the nested elements
+        nestedFormGroup.fieldInteractionEvents.subscribe(this.onFieldInteractionEvent.bind(this));
         this.ref.markForCheck();
     }
     /**