@skyux/core 6.0.0 → 6.0.1

package/fesm2020/skyux-core.mjs

@@ -1809,7 +1809,7 @@ class SkyNumericService {
         return this._locale || 'en-US';
     }
     /**
-     * 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.
      */
@@ -1974,10 +1974,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * 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) }}
- * ```
  */
 class SkyNumericPipe {
     constructor(localeProvider, numericService, changeDetector) {
@@ -1998,6 +1994,9 @@ class SkyNumericPipe {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
+    /**
+     * Formats a number based on the provided options.
+     */
     transform(value, config) {
         const newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
             `${value}_${config?.locale || this.providerLocale}`;
@@ -2555,7 +2554,7 @@ class SkyResizeObserverMediaQueryService {
         this.resizeObserverService = resizeObserverService;
         this._breakpoints = [
             {
-                check: (width) => width <= 767,
+                check: (width) => width > 0 && width <= 767,
                 name: SkyMediaBreakpoints.xs,
             },
             {
@@ -2608,11 +2607,7 @@ class SkyResizeObserverMediaQueryService {
             this._stopListening.next();
         }
         this._target = element;
-        const width = element.nativeElement.offsetWidth;
-        if (width) {
-            const breakpoint = this.checkBreakpoint(width);
-            this.updateBreakpoint(breakpoint);
-        }
+        this.checkWidth(element);
         this.resizeObserverService
             .observe(element)
             .pipe(takeUntil(this._stopListening))
@@ -2637,7 +2632,9 @@ class SkyResizeObserverMediaQueryService {
     subscribe(listener) {
         return this._currentBreakpointObservable
             .pipe(takeUntil(this._stopListening))
-            .subscribe(listener);
+            .subscribe((value) => {
+            listener(value);
+        });
     }
     updateBreakpoint(breakpoint) {
         this._currentBreakpoint = breakpoint;
@@ -2647,6 +2644,14 @@ class SkyResizeObserverMediaQueryService {
         return this._breakpoints.find((breakpoint) => breakpoint.check(width))
             ?.name;
     }
+    checkWidth(element) {
+        const width = element.nativeElement.offsetWidth || 0;
+        const breakpoint = this.checkBreakpoint(width);
+        /* istanbul ignore else */
+        if (breakpoint !== this._currentBreakpoint) {
+            this.updateBreakpoint(breakpoint);
+        }
+    }
 }
 SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });