@skyux/core 5.9.5 → 5.9.6

package/bundles/skyux-core.umd.js

@@ -2187,7 +2187,7 @@
                 configurable: true
             });
             /**
-             * Shortens with or without symbol (K/M/B/T) depending on value of number.
+             * Formats a number based on the provided options.
              * @param value The number to format.
              * @param options Format options.
              */
@@ -2357,10 +2357,6 @@
          * M for millions, B for billions, and T for trillions. The pipe also formats for currency.
          * Be sure you have a space after the two curly brackets opening the pipe and
          * a space before the two curly brackets closing the pipe or it will not work.
-         * Usage:
-         * ```
-         * {{ value | skyNumeric(config) }}
-         * ```
          */
         var SkyNumericPipe = /** @class */ (function () {
             function SkyNumericPipe(localeProvider, numericService, changeDetector) {
@@ -2382,6 +2378,9 @@
                 this.ngUnsubscribe.next();
                 this.ngUnsubscribe.complete();
             };
+            /**
+             * Formats a number based on the provided options.
+             */
             SkyNumericPipe.prototype.transform = function (value, config) {
                 var _a;
                 var newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
@@ -2994,7 +2993,7 @@
                 this.resizeObserverService = resizeObserverService;
                 this._breakpoints = [
                     {
-                        check: function (width) { return width <= 767; },
+                        check: function (width) { return width > 0 && width <= 767; },
                         name: exports.SkyMediaBreakpoints.xs,
                     },
                     {
@@ -3052,12 +3051,8 @@
                     this._stopListening.next();
                 }
                 this._target = element;
-                var width = element.nativeElement.offsetWidth;
-                if (width) {
-                    var breakpoint = this.checkBreakpoint(width);
-                    this.updateBreakpoint(breakpoint);
-                }
-                this._resizeSubscription = this.resizeObserverService
+                this.checkWidth(element);
+                this.resizeObserverService
                     .observe(element)
                     .pipe(operators.takeUntil(this._stopListening))
                     .subscribe(function (value) {
@@ -3081,7 +3076,9 @@
             SkyResizeObserverMediaQueryService.prototype.subscribe = function (listener) {
                 return this._currentBreakpointObservable
                     .pipe(operators.takeUntil(this._stopListening))
-                    .subscribe(listener);
+                    .subscribe(function (value) {
+                    listener(value);
+                });
             };
             SkyResizeObserverMediaQueryService.prototype.updateBreakpoint = function (breakpoint) {
                 this._currentBreakpoint = breakpoint;
@@ -3091,6 +3088,14 @@
                 var _a;
                 return (_a = this._breakpoints.find(function (breakpoint) { return breakpoint.check(width); })) === null || _a === void 0 ? void 0 : _a.name;
             };
+            SkyResizeObserverMediaQueryService.prototype.checkWidth = function (element) {
+                var width = element.nativeElement.offsetWidth || 0;
+                var breakpoint = this.checkBreakpoint(width);
+                /* istanbul ignore else */
+                if (breakpoint !== this._currentBreakpoint) {
+                    this.updateBreakpoint(breakpoint);
+                }
+            };
             return SkyResizeObserverMediaQueryService;
         }());
         SkyResizeObserverMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });