@energycap/components 0.26.2 → 0.26.3-ECAPID-284-App-Bar-Error.20211111-1342

package/bundles/energycap-components.umd.js

@@ -5424,29 +5424,37 @@
          * username as a last ditch effort.
          */
         AvatarComponent.prototype.updateLabel = function () {
+            var _this = this;
             if (this.user) {
+                var userMenuTitle_1 = undefined;
                 var trimmedUser = this.trimUser(this.user);
                 if (trimmedUser.firstName || trimmedUser.lastName) {
                     if (trimmedUser.firstName) {
                         this.label = trimmedUser.firstName.slice(0, 1);
-                        this.user.userMenuTitle = trimmedUser.firstName;
+                        userMenuTitle_1 = trimmedUser.firstName;
                         if (trimmedUser.lastName) {
-                            this.user.userMenuTitle += " " + trimmedUser.lastName;
+                            userMenuTitle_1 += " " + trimmedUser.lastName;
                         }
                     }
                     else {
                         this.label = trimmedUser.lastName.slice(0, 1);
-                        this.user.userMenuTitle = trimmedUser.lastName;
+                        userMenuTitle_1 = trimmedUser.lastName;
                     }
                 }
                 else if (trimmedUser.email) {
                     this.label = trimmedUser.email.slice(0, 1);
-                    this.user.userMenuTitle = trimmedUser.email;
+                    userMenuTitle_1 = trimmedUser.email;
                 }
                 else if (trimmedUser.username) {
                     this.label = trimmedUser.username.slice(0, 1);
-                    this.user.userMenuTitle = trimmedUser.username;
+                    userMenuTitle_1 = trimmedUser.username;
                 }
+                // Modifying the user that was passed in from the hosting component during the page lifecycle can cause an 
+                // "ExpressionChangedAfterItHasBeenCheckedError" error since the value of the input is being changed before the prior page detection
+                // has completed. Using a setTimeout to wait and then set the menu title.
+                setTimeout(function () {
+                    _this.user.userMenuTitle = userMenuTitle_1;
+                });
             }
         };
         /** Return a new user object that has all of the properties of the existing user
@@ -7881,6 +7889,45 @@
         subTitle: [{ type: i0.Input }]
     };
 
+    /**
+     * Format a time to the user's preference for display
+     */
+    var TimeDisplayPipe = /** @class */ (function () {
+        function TimeDisplayPipe(userPreferenceService) {
+            this.userPreferenceService = userPreferenceService;
+            this.lastFormatString = 'HH:mm:ss';
+        }
+        /**
+         * Format a time for display, accounting for user's display preferences.
+         */
+        TimeDisplayPipe.prototype.transform = function (time, showSeconds) {
+            var _this = this;
+            var display = '';
+            var formatString = '';
+            // use user-preferred formats
+            this.userPreferenceService.getPreferences().subscribe(function (result) {
+                //if preferences exist then format time to users preference 
+                //otherwise use the last user preference
+                if (result.preference) {
+                    formatString = result.preference.timeFormat;
+                    if (!showSeconds) {
+                        formatString = formatString.replace(':ss', '');
+                    }
+                    _this.lastFormatString = formatString;
+                }
+            });
+            display = moment__default['default'](time).format(this.lastFormatString);
+            return display;
+        };
+        return TimeDisplayPipe;
+    }());
+    TimeDisplayPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: 'timeDisplay' },] }
+    ];
+    TimeDisplayPipe.ctorParameters = function () { return [
+        { type: UserPreferenceService }
+    ]; };
+
     var ComponentsModule = /** @class */ (function () {
         function ComponentsModule() {
         }
@@ -7920,6 +7967,7 @@
                         ConfirmComponent,
                         DialogComponent,
                         DateDisplayPipe,
+                        TimeDisplayPipe,
                         MockDateDisplayPipe,
                         RadioButtonComponent,
                         CheckboxComponent,
@@ -7967,6 +8015,7 @@
                         FormGroupHelper,
                         DialogService,
                         DateDisplayPipe,
+                        TimeDisplayPipe,
                         MockDateDisplayPipe,
                         RowCountPipe
                     ],
@@ -7988,6 +8037,7 @@
                         ConfirmComponent,
                         DialogComponent,
                         DateDisplayPipe,
+                        TimeDisplayPipe,
                         RadioButtonComponent,
                         CheckboxComponent,
                         NumericboxComponent,
@@ -8704,6 +8754,7 @@
     exports.TagsComponent = TagsComponent;
     exports.TelemetryBaseService = TelemetryBaseService;
     exports.TextboxComponent = TextboxComponent;
+    exports.TimeDisplayPipe = TimeDisplayPipe;
     exports.ToastComponent = ToastComponent;
     exports.ToastEvent = ToastEvent;
     exports.ToastService = ToastService;