@skyux/core 6.0.0-beta.8 → 6.0.1

package/fesm2020/skyux-core.mjs

@@ -116,6 +116,9 @@ class SkyCoreAdapterService {
      * @return Returns `true` if a child element with autofocus is found.
      */
     applyAutoFocus(elementRef) {
+        if (!elementRef) {
+            return false;
+        }
         const elementWithAutoFocus = elementRef.nativeElement.querySelector('[autofocus]');
         // Child was found with the autofocus property. Set focus and return true.
         if (elementWithAutoFocus) {
@@ -138,11 +141,13 @@ class SkyCoreAdapterService {
      */
     getFocusableChildrenAndApplyFocus(elementRef, containerSelector, focusOnContainerIfNoChildrenFound = false) {
         const containerElement = elementRef.nativeElement.querySelector(containerSelector);
-        const focusableChildren = this.getFocusableChildren(containerElement);
-        // Focus first focusable child if available. Otherwise, set focus on container.
-        if (!this.focusFirstElement(focusableChildren) &&
-            focusOnContainerIfNoChildrenFound) {
-            containerElement.focus();
+        if (containerElement) {
+            const focusableChildren = this.getFocusableChildren(containerElement);
+            // Focus first focusable child if available. Otherwise, set focus on container.
+            if (!this.focusFirstElement(focusableChildren) &&
+                focusOnContainerIfNoChildrenFound) {
+                containerElement.focus();
+            }
         }
     }
     /**
@@ -152,6 +157,9 @@ class SkyCoreAdapterService {
      * @param options - Options for getting focusable children.
      */
     getFocusableChildren(element, options) {
+        if (!element) {
+            return [];
+        }
         let elements = Array.prototype.slice.call(element.querySelectorAll(SKY_TABBABLE_SELECTOR));
         // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.
         if (!options || !options.ignoreTabIndex) {
@@ -1700,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;
     }
 }
 
@@ -1827,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.
      */
@@ -1992,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) {
@@ -2016,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}`;
@@ -2573,7 +2554,7 @@ class SkyResizeObserverMediaQueryService {
         this.resizeObserverService = resizeObserverService;
         this._breakpoints = [
             {
-                check: (width) => width <= 767,
+                check: (width) => width > 0 && width <= 767,
                 name: SkyMediaBreakpoints.xs,
             },
             {
@@ -2626,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))
@@ -2655,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;
@@ -2665,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' });