@energycap/components 0.27.4-ECAPID-402-MultiSelect-Component.20220126-0812 → 0.27.4-ECAPID-377-Implement-Sidebar.20220126-0948

package/fesm2015/energycap-components.js

@@ -2402,6 +2402,12 @@ class MenuComponent {
          * Item currently highlighted by keyboard navigation
          */
         this.highlightedItem = null;
+        /**
+         * Tells the menu to maintain the selected/lastSelected item. Turning this off is useful for
+         * action type menus that are displayed on the screen at all times and you do not
+         * want the item to be selected when clicked.
+         */
+        this.maintainSelectedItem = true;
         /**
          * Emitted when `selected` is changed. Emits the referenced object.
          *
@@ -2503,8 +2509,14 @@ class MenuComponent {
             else {
                 this.onSelection(item);
             }
-            this.selected = item;
-            this.lastSelected = item;
+            if (this.maintainSelectedItem) {
+                this.selected = item;
+                this.lastSelected = item;
+            }
+            else {
+                this.selected = null;
+                this.lastSelected = null;
+            }
         }
     }
     /**
@@ -2743,6 +2755,7 @@ MenuComponent.propDecorators = {
     noDataText: [{ type: Input }],
     enableKeyNav: [{ type: Input }],
     highlightedItem: [{ type: Input }],
+    maintainSelectedItem: [{ type: Input }],
     selectedChanged: [{ type: Output }],
     menuClosed: [{ type: Output }],
     labelTemplate: [{ type: ViewChild, args: ['label', { static: true },] }],
@@ -7504,6 +7517,31 @@ IfViewportWidthDirective.propDecorators = {
     width: [{ type: Input, args: ['ecIfViewportWidth',] }]
 };
 
+class HighlightTextPipe {
+    transform(value, searchText) {
+        let transformedValue = '';
+        if (value && searchText) {
+            const regex = new RegExp(this.escapeRegex(searchText), 'gi');
+            transformedValue = value.replace(regex, this.strongWrap);
+        }
+        else {
+            transformedValue = value;
+        }
+        return transformedValue;
+    }
+    strongWrap(match) {
+        return `<strong class="text-highlight">${match}</strong>`;
+    }
+    escapeRegex(value) {
+        return value.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    }
+}
+HighlightTextPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'highlightText'
+            },] }
+];
+
 /**
  * Format a time to the user's preference for display
  */
@@ -7890,47 +7928,6 @@ WizardProgressComponent.propDecorators = {
     currentTab: [{ type: Input }]
 };
 
-class MultiselectComponent {
-    constructor() {
-        this.addButtonLabel = '';
-        this.tags = [];
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        if (this.combobox) {
-            this.combobox.hideToggleButton = true;
-        }
-        else {
-            console.warn('The multiselect requires an <ec-combobox> to be provided as transcluded content');
-        }
-    }
-    addItem() {
-        var _a, _b, _c, _d;
-        console.log('adding item ', (_b = (_a = this.combobox) === null || _a === void 0 ? void 0 : _a.formModel) === null || _b === void 0 ? void 0 : _b.value);
-        if ((_d = (_c = this.combobox) === null || _c === void 0 ? void 0 : _c.formModel) === null || _d === void 0 ? void 0 : _d.value) {
-            this.tags.push({ label: this.combobox.formModel.value.label, type: 'info', isDismissable: true });
-            this.combobox.formModel.setValue(null);
-        }
-    }
-    removeTag(tag) {
-        this.tags = this.tags.filter(t => t !== tag);
-        //TODO: emit selectedChanged(tags)
-    }
-}
-MultiselectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ec-multiselect',
-                template: "<div class=\"d-flex mb-2\">\r\n  <ng-content></ng-content>\r\n  <ec-button class=\"textbox-group-btn-right\" label=\"{{addButtonLabel}}\" type=\"secondary\" (clicked)=\"addItem()\"></ec-button>\r\n</div>\r\n<ec-tags\r\n  [tags]=\"tags\"\r\n  (tagClosed)=\"removeTag($event)\">\r\n</ec-tags>\r\n",
-                styles: [":host{flex:1 1}"]
-            },] }
-];
-MultiselectComponent.ctorParameters = () => [];
-MultiselectComponent.propDecorators = {
-    addButtonLabel: [{ type: Input }],
-    combobox: [{ type: ContentChild, args: [ComboboxComponent,] }]
-};
-
 class ComponentsModule {
     /**
      * Providing services through the forRoot pattern here ensures that the components module and the importing
@@ -7961,7 +7958,6 @@ ComponentsModule.decorators = [
                     TableComponent,
                     SearchableTableComponent,
                     ComboboxComponent,
-                    MultiselectComponent,
                     MenuComponent,
                     PopupContainerDirective,
                     DropdownComponent,
@@ -8009,7 +8005,7 @@ ComponentsModule.decorators = [
                     TreeComponent,
                     RelativeDatePipe,
                     ResizableComponent,
-                    MultiselectComponent
+                    HighlightTextPipe
                 ],
                 imports: [
                     CommonModule,
@@ -8027,7 +8023,8 @@ ComponentsModule.decorators = [
                     TimeDisplayPipe,
                     MockDateDisplayPipe,
                     RowCountPipe,
-                    RelativeDatePipe
+                    RelativeDatePipe,
+                    HighlightTextPipe
                 ],
                 exports: [
                     ButtonComponent,
@@ -8041,7 +8038,6 @@ ComponentsModule.decorators = [
                     TableComponent,
                     SearchableTableComponent,
                     ComboboxComponent,
-                    MultiselectComponent,
                     MenuComponent,
                     PopupContainerDirective,
                     DropdownComponent,
@@ -8083,7 +8079,8 @@ ComponentsModule.decorators = [
                     HierarchyTreeComponent,
                     TreeComponent,
                     RelativeDatePipe,
-                    ResizableComponent
+                    ResizableComponent,
+                    HighlightTextPipe
                 ]
             },] }
 ];
@@ -9036,5 +9033,5 @@ class HierarchyBaseTestInjectorFactory {
  * Generated bundle index. Do not edit.
  */
 
-export { AppBarComponent, AvatarComponent, BannerComponent, ButtonComponent, CacheService, CheckboxComponent, ClickAreaForDirective, CollapsibleToggleComponent, ComboboxComponent, ComponentsModule, ConfirmComponent, ConfirmDialogContext, CopyButtonDirective, CustomValidators, DateDisplayPipe, DateTimeHelper, DialogCloseDuration, DialogCloseEvent, DialogCloseLatestEvent, DialogComponent, DialogEvent, DialogGroupComponent, DialogOpenDuration, DialogOpenEndEvent, DialogOpenStartEvent, DialogResult, DialogService, DropdownComponent, ErrorService, FileTypeExtensions, FileUploadComponent, FormControlBase, FormControlComponent, FormGroupComponent, FormGroupHelper, HierarchyBase, HierarchyBaseTestInjectorFactory, HierarchyItem, HierarchyMocks, HierarchyTreeComponent, IfViewportWidthDirective, ItemDisplayComponent, JsonDisplayComponent, JsonHelper, MenuComponent, MockActivatedRoute, MockDateDisplayPipe, MockDialog, MockDialogContent, MockTranslateService, MockTranslationHelperService, NavGroup, NavItemActiveDirective, NumericboxComponent, Overlay, PageBaseComponent, PageBaseComponentTestHelper, PageBaseComponentTestInjectorFactory, PageInitResult, PageStatus, PageStatuses, PageTitleComponent, PageViewComponent, PanelCloseDuration, PanelOpenDuration, PopoverComponent, PopupContainerDirective, RadioButtonComponent, RadioButtonOption, RelativeDatePipe, ResizableBase, ResizableColumnComponent, ResizableComponent, RowCountPipe, ScrollService, SearchableTableComponent, SelectComponent, SpinnerComponent, SplashComponent, SplashService, SpyFactory, TableComponent, TableLockedColumnComponent, TableMasterHeaderRowComponent, TableMasterRowComponent, TablePaginationComponent, TableSelectableRowComponent, TableSelectableRowContext, TabsComponent, Tag, TagsComponent, TelemetryService, TelemetryTrackerService, TextboxComponent, TimeDisplayPipe, ToastComponent, ToastEvent, ToastService, ToasterComponent, TreeComponent, UnicodeStrings, UserPreferenceService, ValidationMessageService, ViewOverlayComponent, WindowService, WizardBaseComponent, WizardButtonsComponent, WizardProgressComponent, canadianPostalCodeRegex, clickEvent, dateInputFormatRegex, findAllSpacesPattern, forEachFormControl, getApiError, getControlValue, getDecimalPattern, integerPattern, isApiError, menuAnimationSpeed, mockRouterFactory, numericboxValidation, orderByIgnoreCase, otherZipCodeRegex, phoneNumberValidationPattern, sortByIgnoreCase, textboxValidation, unitedStatesZipCodeRegex, urlValidationPattern, validateFormGroupValuesAreUnique, ResizableTableDirective as ɵa, MultiselectComponent as ɵb, AvatarService as ɵc, TableDetailRowComponent as ɵd };
+export { AppBarComponent, AvatarComponent, BannerComponent, ButtonComponent, CacheService, CheckboxComponent, ClickAreaForDirective, CollapsibleToggleComponent, ComboboxComponent, ComponentsModule, ConfirmComponent, ConfirmDialogContext, CopyButtonDirective, CustomValidators, DateDisplayPipe, DateTimeHelper, DialogCloseDuration, DialogCloseEvent, DialogCloseLatestEvent, DialogComponent, DialogEvent, DialogGroupComponent, DialogOpenDuration, DialogOpenEndEvent, DialogOpenStartEvent, DialogResult, DialogService, DropdownComponent, ErrorService, FileTypeExtensions, FileUploadComponent, FormControlBase, FormControlComponent, FormGroupComponent, FormGroupHelper, HierarchyBase, HierarchyBaseTestInjectorFactory, HierarchyItem, HierarchyMocks, HierarchyTreeComponent, HighlightTextPipe, IfViewportWidthDirective, ItemDisplayComponent, JsonDisplayComponent, JsonHelper, MenuComponent, MockActivatedRoute, MockDateDisplayPipe, MockDialog, MockDialogContent, MockTranslateService, MockTranslationHelperService, NavGroup, NavItemActiveDirective, NumericboxComponent, Overlay, PageBaseComponent, PageBaseComponentTestHelper, PageBaseComponentTestInjectorFactory, PageInitResult, PageStatus, PageStatuses, PageTitleComponent, PageViewComponent, PanelCloseDuration, PanelOpenDuration, PopoverComponent, PopupContainerDirective, RadioButtonComponent, RadioButtonOption, RelativeDatePipe, ResizableBase, ResizableColumnComponent, ResizableComponent, RowCountPipe, ScrollService, SearchableTableComponent, SelectComponent, SpinnerComponent, SplashComponent, SplashService, SpyFactory, TableComponent, TableLockedColumnComponent, TableMasterHeaderRowComponent, TableMasterRowComponent, TablePaginationComponent, TableSelectableRowComponent, TableSelectableRowContext, TabsComponent, Tag, TagsComponent, TelemetryService, TelemetryTrackerService, TextboxComponent, TimeDisplayPipe, ToastComponent, ToastEvent, ToastService, ToasterComponent, TreeComponent, UnicodeStrings, UserPreferenceService, ValidationMessageService, ViewOverlayComponent, WindowService, WizardBaseComponent, WizardButtonsComponent, WizardProgressComponent, canadianPostalCodeRegex, clickEvent, dateInputFormatRegex, findAllSpacesPattern, forEachFormControl, getApiError, getControlValue, getDecimalPattern, integerPattern, isApiError, menuAnimationSpeed, mockRouterFactory, numericboxValidation, orderByIgnoreCase, otherZipCodeRegex, phoneNumberValidationPattern, sortByIgnoreCase, textboxValidation, unitedStatesZipCodeRegex, urlValidationPattern, validateFormGroupValuesAreUnique, ResizableTableDirective as ɵa, AvatarService as ɵb, TableDetailRowComponent as ɵc };
 //# sourceMappingURL=energycap-components.js.map