@skyux/core 6.0.0-beta.9 → 6.0.2

package/fesm2020/skyux-core.mjs

@@ -1708,42 +1708,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 /**
  * Provides arguments for the number to format.
+ * @deprecated Use the `SkyNumericOptions` interface instead.
  */
 class NumericOptions {
     constructor() {
-        /**
-         * Specifies the maximum number of digits after the decimal separator.
-         * @default 1
-         */
         this.digits = 1;
-        /**
-         * Specifies how to format the number. Options are `currency` or `number`.
-         * @default "number"
-         */
         this.format = 'number';
-        /**
-         * Specifies the format of the currency.
-         * @default "standard"
-         */
         this.currencySign = 'standard';
-        /**
-         * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a
-         * currency code, the component uses the browser's culture to determine the currency unless your
-         * SPA provides a different culture with `SkyAppLocaleProvider`.
-         * @default "USD"
-         */
         this.iso = 'USD';
-        /**
-         * Indicates whether to shorten numbers to rounded numbers and abbreviation characters
-         * such as K for thousands, M for millions, B for billions, and T for trillions.
-         */
         this.truncate = true;
-        /**
-         * Specifies the starting point after which numbers are shortened to rounded numbers
-         * and abbreviation characters.
-         * @default 0
-         */
-        this.truncateAfter = 0;
+        this.truncateAfter = 1000;
     }
 }
 
@@ -1835,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.
      */
@@ -2000,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) {
@@ -2024,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}`;
@@ -2581,7 +2554,7 @@ class SkyResizeObserverMediaQueryService {
         this.resizeObserverService = resizeObserverService;
         this._breakpoints = [
             {
-                check: (width) => width <= 767,
+                check: (width) => width > 0 && width <= 767,
                 name: SkyMediaBreakpoints.xs,
             },
             {
@@ -2634,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))
@@ -2663,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;
@@ -2673,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' });