@indice/ng-components 0.2.92 → 0.2.96

package/bundles/indice-ng-components.umd.js

@@ -623,6 +623,7 @@
     Icons.SendEmail = "ms-Icon ms-Icon--NewMail";
     Icons.Filter = "ms-Icon ms-Icon--Filter";
     Icons.Export = "ms-Icon ms-Icon--ExcelDocument";
+    Icons.Import = "ms-Icon ms-Icon--PeopleAdd";
     Icons.TilesView = "ms-Icon ms-Icon--AppIconDefault";
     Icons.TableView = "ms-Icon ms-Icon--Table";
     Icons.MapView = "ms-Icon ms-Icon--MapPin";
@@ -2086,13 +2087,15 @@
         }
         ViewLayoutComponent.prototype.ngOnInit = function () {
             var _a;
-            rxjs.fromEvent((_a = this.searchInput$) === null || _a === void 0 ? void 0 : _a.nativeElement, 'keyup').pipe(operators.map(function (event) {
-                return event.target.value; // Get input value.
-            }), operators.filter(function (inputValue) { return inputValue.length >= 3 || inputValue.length === 0; }), 
-            // If character length greater than minimumSearchCharacters setting.
-            operators.debounceTime(1000), // Time in milliseconds between key events.
-            operators.distinctUntilChanged() // If previous query is different from current.
-            ).subscribe();
+            if ((_a = this.searchInput$) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+                rxjs.fromEvent(this.searchInput$.nativeElement, 'keyup').pipe(operators.map(function (event) {
+                    return event.target.value; // Get input value.
+                }), operators.filter(function (inputValue) { return inputValue.length >= 3 || inputValue.length === 0; }), 
+                // If character length greater than minimumSearchCharacters setting.
+                operators.debounceTime(1000), // Time in milliseconds between key events.
+                operators.distinctUntilChanged() // If previous query is different from current.
+                ).subscribe();
+            }
         };
         ViewLayoutComponent.prototype.emitActionClick = function (action) {
             this.onAction.emit(action);
@@ -2298,6 +2301,16 @@
             this.onComplete = new i0.EventEmitter();
         }
         FormLayoutComponent.prototype.ngOnInit = function () {
+            var _a;
+            if ((_a = this.searchInput$) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+                rxjs.fromEvent(this.searchInput$.nativeElement, 'keyup').pipe(operators.map(function (event) {
+                    return event.target.value; // Get input value.
+                }), operators.filter(function (inputValue) { return inputValue.length >= 3 || inputValue.length === 0; }), 
+                // If character length greater than minimumSearchCharacters setting.
+                operators.debounceTime(1000), // Time in milliseconds between key events.
+                operators.distinctUntilChanged() // If previous query is different from current.
+                ).subscribe();
+            }
         };
         FormLayoutComponent.prototype.onSidePaneDeactivated = function ($event) {
             this.onComplete.emit(true);
@@ -2309,18 +2322,8 @@
             this.onSearch.emit(text);
         };
         FormLayoutComponent.prototype.searchActionType = function (text) {
-            var _this = this;
             var _a;
-            rxjs.fromEvent((_a = this.searchInput$) === null || _a === void 0 ? void 0 : _a.nativeElement, 'keyup').pipe(operators.map(function (event) {
-                return event.target.value; // Get input value.
-            }), operators.filter(function (inputValue) { return inputValue.length >= 3 || inputValue.length === 0; }), 
-            // If character length greater than minimumSearchCharacters setting.
-            operators.debounceTime(1000), // Time in milliseconds between key events.
-            operators.distinctUntilChanged() // If previous query is different from current.
-            ).subscribe(function (_) {
-                var _a;
-                _this.onSearch.emit((_a = _this.searchInput$) === null || _a === void 0 ? void 0 : _a.nativeElement.value);
-            });
+            this.onSearch.emit((_a = this.searchInput$) === null || _a === void 0 ? void 0 : _a.nativeElement.value);
         };
         FormLayoutComponent.prototype.routerLinkActionClick = function (action, relative) {
             if (relative === void 0) { relative = false; }
@@ -2336,7 +2339,7 @@
     FormLayoutComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lib-form-layout',
-                    template: "<div class=\"form-layout-container\">\r\n  <div class=\"form-header\">\r\n    <div class=\"form-header-inner\">\r\n      <h3 class=\"form-title\">\r\n        {{ title }}\r\n      </h3>\r\n      <p class=\"form-subtitle\">\r\n        {{ subTitle }}\r\n      </p>\r\n    </div>\r\n    <div class=\"form-header-actions\">\r\n      <ng-container *ngFor=\"let action of actions\"\r\n                    [ngSwitch]=\"action.type\">\r\n        <ng-container *ngSwitchCase=\"'search'\">\r\n          <label for=\"search\"\r\n                 class=\"sr-only\">Search</label>\r\n          <div class=\"search-container\">\r\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\r\n              <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                            <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\r\n                          </svg>-->\r\n            </div>\r\n            <input id=\"search\"\r\n                   #search\r\n                   class=\"form-search-input\"\r\n                   [placeholder]=\"searchPlaceholder\"\r\n                   type=\"search\"\r\n                   name=\"search\"\r\n                   (input)=\"searchActionType(search.value)\">\r\n          </div>\r\n          <button type=\"button\"\r\n                  href=\"#\"\r\n                  class=\"btn-form-view-header-search\"\r\n                  [title]=\"action.tooltip\"\r\n                  (click)=\"searchActionClick(action, search.value)\">\r\n            <i [class]=\"action.icon\"></i>\r\n          </button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'router-link'\">\r\n          <button type=\"button\"\r\n                  href=\"#\"\r\n                  class=\"ml-1 btn-form-view-header\"\r\n                  [title]=\"action.tooltip\"\r\n                  (click)=\"routerLinkActionClick(action)\">\r\n            <i [class]=\"action.icon\"></i>\r\n          </button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <button type=\"button\"\r\n                  class=\"ml-1 btn-form-view-header\"\r\n                  [title]=\"action.tooltip\"\r\n                  (click)=\"emitActionClick(action)\">\r\n            <i [class]=\"action.icon\"></i>\r\n          </button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-content-container\">\r\n    <div [ngClass]=\"{'form-content-container-inner': actions}\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n  <lib-side-pane #formPane (onComplete)=\"onSidePaneDeactivated($event)\">\r\n    <router-outlet name=\"formRightPane\"\r\n                   (activate)=\"formPane.onSidePaneActivated($event)\"\r\n                   (deactivate)=\"formPane.onSidePaneDeactivated($event)\"></router-outlet>\r\n  </lib-side-pane>\r\n</div>\r\n"
+                    template: "<div class=\"form-layout-container\">\r\n  <div class=\"form-header\" *ngIf=\"title || subTitle || actions\">\r\n    <div class=\"form-header-inner\">\r\n      <h3 class=\"form-title\">\r\n        {{ title }}\r\n      </h3>\r\n      <p class=\"form-subtitle\">\r\n        {{ subTitle }}\r\n      </p>\r\n    </div>\r\n    <div class=\"form-header-actions\">\r\n      <ng-container *ngFor=\"let action of actions\"\r\n                    [ngSwitch]=\"action.type\">\r\n        <ng-container *ngSwitchCase=\"'search'\">\r\n          <label for=\"search\"\r\n                 class=\"sr-only\">Search</label>\r\n          <div class=\"search-container\">\r\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\r\n              <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                            <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\r\n                          </svg>-->\r\n            </div>\r\n            <input id=\"search\"\r\n                   #search\r\n                   class=\"form-search-input\"\r\n                   [placeholder]=\"searchPlaceholder\"\r\n                   type=\"search\"\r\n                   name=\"search\"\r\n                   (input)=\"searchActionType(search.value)\">\r\n          </div>\r\n          <button type=\"button\"\r\n                  href=\"#\"\r\n                  class=\"btn-form-view-header-search\"\r\n                  [title]=\"action.tooltip\"\r\n                  (click)=\"searchActionClick(action, search.value)\">\r\n            <i [class]=\"action.icon\"></i>\r\n          </button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'router-link'\">\r\n          <button type=\"button\"\r\n                  href=\"#\"\r\n                  class=\"ml-1 btn-form-view-header\"\r\n                  [title]=\"action.tooltip\"\r\n                  (click)=\"routerLinkActionClick(action)\">\r\n            <i [class]=\"action.icon\"></i>\r\n          </button>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <button type=\"button\"\r\n                  class=\"ml-1 btn-form-view-header\"\r\n                  [title]=\"action.tooltip\"\r\n                  (click)=\"emitActionClick(action)\">\r\n            <i [class]=\"action.icon\"></i>\r\n          </button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-content-container\">\r\n    <div [ngClass]=\"{'form-content-container-inner': actions}\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n  <lib-side-pane #formPane (onComplete)=\"onSidePaneDeactivated($event)\">\r\n    <router-outlet name=\"formRightPane\"\r\n                   (activate)=\"formPane.onSidePaneActivated($event)\"\r\n                   (deactivate)=\"formPane.onSidePaneDeactivated($event)\"></router-outlet>\r\n  </lib-side-pane>\r\n</div>\r\n"
                 },] }
     ];
     FormLayoutComponent.ctorParameters = function () { return [