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

package/bundles/energycap-components.umd.js

@@ -2653,6 +2653,12 @@
              * 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.
              *
@@ -2755,8 +2761,14 @@
                 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;
+                }
             }
         };
         /**
@@ -3000,6 +3012,7 @@
         noDataText: [{ type: i0.Input }],
         enableKeyNav: [{ type: i0.Input }],
         highlightedItem: [{ type: i0.Input }],
+        maintainSelectedItem: [{ type: i0.Input }],
         selectedChanged: [{ type: i0.Output }],
         menuClosed: [{ type: i0.Output }],
         labelTemplate: [{ type: i0.ViewChild, args: ['label', { static: true },] }],
@@ -8154,6 +8167,34 @@
         width: [{ type: i0.Input, args: ['ecIfViewportWidth',] }]
     };
 
+    var HighlightTextPipe = /** @class */ (function () {
+        function HighlightTextPipe() {
+        }
+        HighlightTextPipe.prototype.transform = function (value, searchText) {
+            var transformedValue = '';
+            if (value && searchText) {
+                var regex = new RegExp(this.escapeRegex(searchText), 'gi');
+                transformedValue = value.replace(regex, this.strongWrap);
+            }
+            else {
+                transformedValue = value;
+            }
+            return transformedValue;
+        };
+        HighlightTextPipe.prototype.strongWrap = function (match) {
+            return "<strong class=\"text-highlight\">" + match + "</strong>";
+        };
+        HighlightTextPipe.prototype.escapeRegex = function (value) {
+            return value.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+        };
+        return HighlightTextPipe;
+    }());
+    HighlightTextPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'highlightText'
+                },] }
+    ];
+
     /**
      * Format a time to the user's preference for display
      */
@@ -8558,48 +8599,6 @@
         currentTab: [{ type: i0.Input }]
     };
 
-    var MultiselectComponent = /** @class */ (function () {
-        function MultiselectComponent() {
-            this.addButtonLabel = '';
-            this.tags = [];
-        }
-        MultiselectComponent.prototype.ngOnInit = function () {
-        };
-        MultiselectComponent.prototype.ngAfterViewInit = function () {
-            if (this.combobox) {
-                this.combobox.hideToggleButton = true;
-            }
-            else {
-                console.warn('The multiselect requires an <ec-combobox> to be provided as transcluded content');
-            }
-        };
-        MultiselectComponent.prototype.addItem = function () {
-            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);
-            }
-        };
-        MultiselectComponent.prototype.removeTag = function (tag) {
-            this.tags = this.tags.filter(function (t) { return t !== tag; });
-            //TODO: emit selectedChanged(tags)
-        };
-        return MultiselectComponent;
-    }());
-    MultiselectComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    MultiselectComponent.propDecorators = {
-        addButtonLabel: [{ type: i0.Input }],
-        combobox: [{ type: i0.ContentChild, args: [ComboboxComponent,] }]
-    };
-
     var ComponentsModule = /** @class */ (function () {
         function ComponentsModule() {
         }
@@ -8633,7 +8632,6 @@
                         TableComponent,
                         SearchableTableComponent,
                         ComboboxComponent,
-                        MultiselectComponent,
                         MenuComponent,
                         PopupContainerDirective,
                         DropdownComponent,
@@ -8681,7 +8679,7 @@
                         TreeComponent,
                         RelativeDatePipe,
                         ResizableComponent,
-                        MultiselectComponent
+                        HighlightTextPipe
                     ],
                     imports: [
                         common.CommonModule,
@@ -8699,7 +8697,8 @@
                         TimeDisplayPipe,
                         MockDateDisplayPipe,
                         RowCountPipe,
-                        RelativeDatePipe
+                        RelativeDatePipe,
+                        HighlightTextPipe
                     ],
                     exports: [
                         ButtonComponent,
@@ -8713,7 +8712,6 @@
                         TableComponent,
                         SearchableTableComponent,
                         ComboboxComponent,
-                        MultiselectComponent,
                         MenuComponent,
                         PopupContainerDirective,
                         DropdownComponent,
@@ -8755,7 +8753,8 @@
                         HierarchyTreeComponent,
                         TreeComponent,
                         RelativeDatePipe,
-                        ResizableComponent
+                        ResizableComponent,
+                        HighlightTextPipe
                     ]
                 },] }
     ];
@@ -9899,6 +9898,7 @@
     exports.HierarchyBaseTestInjectorFactory = HierarchyBaseTestInjectorFactory;
     exports.HierarchyItem = HierarchyItem;
     exports.HierarchyTreeComponent = HierarchyTreeComponent;
+    exports.HighlightTextPipe = HighlightTextPipe;
     exports.IfViewportWidthDirective = IfViewportWidthDirective;
     exports.ItemDisplayComponent = ItemDisplayComponent;
     exports.JsonDisplayComponent = JsonDisplayComponent;
@@ -9988,9 +9988,8 @@
     exports.urlValidationPattern = urlValidationPattern;
     exports.validateFormGroupValuesAreUnique = validateFormGroupValuesAreUnique;
     exports.ɵa = ResizableTableDirective;
-    exports.ɵb = MultiselectComponent;
-    exports.ɵc = AvatarService;
-    exports.ɵd = TableDetailRowComponent;
+    exports.ɵb = AvatarService;
+    exports.ɵc = TableDetailRowComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });