@skyux/core 5.9.4 → 5.9.7

package/esm2015/lib/modules/numeric/numeric.pipe.js

@@ -12,10 +12,6 @@ import * as i2 from "./numeric.service";
  * 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) }}
- * ```
  */
 export class SkyNumericPipe {
     constructor(localeProvider, numericService, changeDetector) {
@@ -36,6 +32,9 @@ export class SkyNumericPipe {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
+    /**
+     * Formats a number based on the provided options.
+     */
     transform(value, config) {
         var _a;
         const newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +

package/esm2015/lib/modules/numeric/numeric.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"numeric.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/numeric/numeric.pipe.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectorRef,\n  OnDestroy,\n  Pipe,\n  PipeTransform,\n} from '@angular/core';\nimport { SkyAppLocaleProvider } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { NumericOptions } from './numeric.options';\nimport { SkyNumericService } from './numeric.service';\n\n/**\n * Shortens numbers to rounded numbers and abbreviation characters such as K for thousands,\n * M for millions, B for billions, and T for trillions. The pipe also formats for currency.\n * Be sure you have a space after the two curly brackets opening the pipe and\n * a space before the two curly brackets closing the pipe or it will not work.\n * Usage:\n * ```\n * {{ value | skyNumeric(config) }}\n * ```\n */\n@Pipe({\n  name: 'skyNumeric',\n  pure: false,\n})\nexport class SkyNumericPipe implements PipeTransform, OnDestroy {\n  private cacheKey: string;\n  private formattedValue: string;\n  private lastTransformLocale: string;\n  private rawValue: number;\n  private providerLocale: string;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  constructor(\n    private localeProvider: SkyAppLocaleProvider,\n    private readonly numericService: SkyNumericService,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        this.providerLocale = localeInfo.locale;\n        numericService.currentLocale = this.providerLocale;\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public transform(value: number, config?: NumericOptions): string {\n    const newCacheKey =\n      (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +\n      `${value}_${config?.locale || this.providerLocale}`;\n\n    /* If the value and locale are the same as the last transform then return the previous value\n    instead of reformatting. */\n    if (this.formattedValue && this.cacheKey === newCacheKey) {\n      return this.formattedValue;\n    }\n\n    const options = new NumericOptions();\n\n    // The default number of digits is `1`. When truncate is disabled, set digits\n    // to `0` to avoid the unnecessary addition of `.0` at the end of the formatted number.\n    if (config && config.truncate === false && config.digits === undefined) {\n      options.digits = 0;\n    }\n\n    // If the minimum digits is less than the set maximum digits then throw an error\n    if (\n      config &&\n      config.minDigits &&\n      config.digits &&\n      config.minDigits > config.digits\n    ) {\n      throw new Error(\n        'The `digits` property must be greater than or equal to the `minDigits` property'\n      );\n\n      // If there is a minimum digits given but not a maximum then default the maximum to the minimum\n    } else if (config && config.minDigits && !config.digits) {\n      options.digits = config.minDigits;\n    }\n\n    Object.assign(options, config);\n\n    // Assign properties for proper result caching.\n    this.rawValue = value;\n    this.lastTransformLocale = config?.locale ?? this.providerLocale;\n    this.cacheKey = newCacheKey;\n\n    this.formattedValue = this.numericService.formatNumber(value, options);\n    return this.formattedValue;\n  }\n}\n"]}
+{"version":3,"file":"numeric.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/numeric/numeric.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAEjB,IAAI,GAEL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;;;AAEtD;;;;;GAKG;AAKH,MAAM,OAAO,cAAc;IASzB,YACU,cAAoC,EAC3B,cAAiC,EAC1C,cAAiC;QAFjC,mBAAc,GAAd,cAAc,CAAsB;QAC3B,mBAAc,GAAd,cAAc,CAAmB;QAC1C,mBAAc,GAAd,cAAc,CAAmB;QALnC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;QAO1C,IAAI,CAAC,cAAc;aAChB,aAAa,EAAE;aACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC;YACxC,cAAc,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;YACnD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,SAAS,CAAC,KAAa,EAAE,MAAuB;;QACrD,MAAM,WAAW,GACf,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAClE,GAAG,KAAK,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtD;mCAC2B;QAC3B,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,EAAE;YACxD,OAAO,IAAI,CAAC,cAAc,CAAC;SAC5B;QAED,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QAErC,6EAA6E;QAC7E,uFAAuF;QACvF,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE;YACtE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;SACpB;QAED,gFAAgF;QAChF,IACE,MAAM;YACN,MAAM,CAAC,SAAS;YAChB,MAAM,CAAC,MAAM;YACb,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAChC;YACA,MAAM,IAAI,KAAK,CACb,iFAAiF,CAClF,CAAC;YAEF,+FAA+F;SAChG;aAAM,IAAI,MAAM,IAAI,MAAM,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YACvD,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;SACnC;QAED,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAE/B,+CAA+C;QAC/C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,mBAAmB,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,mCAAI,IAAI,CAAC,cAAc,CAAC;QACjE,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;QAE5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACvE,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;;4GA5EU,cAAc;0GAAd,cAAc;4FAAd,cAAc;kBAJ1B,IAAI;mBAAC;oBACJ,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,KAAK;iBACZ","sourcesContent":["import {\n  ChangeDetectorRef,\n  OnDestroy,\n  Pipe,\n  PipeTransform,\n} from '@angular/core';\nimport { SkyAppLocaleProvider } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { NumericOptions } from './numeric.options';\nimport { SkyNumericService } from './numeric.service';\n\n/**\n * Shortens numbers to rounded numbers and abbreviation characters such as K for thousands,\n * M for millions, B for billions, and T for trillions. The pipe also formats for currency.\n * Be sure you have a space after the two curly brackets opening the pipe and\n * a space before the two curly brackets closing the pipe or it will not work.\n */\n@Pipe({\n  name: 'skyNumeric',\n  pure: false,\n})\nexport class SkyNumericPipe implements PipeTransform, OnDestroy {\n  private cacheKey: string;\n  private formattedValue: string;\n  private lastTransformLocale: string;\n  private rawValue: number;\n  private providerLocale: string;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  constructor(\n    private localeProvider: SkyAppLocaleProvider,\n    private readonly numericService: SkyNumericService,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        this.providerLocale = localeInfo.locale;\n        numericService.currentLocale = this.providerLocale;\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  /**\n   * Formats a number based on the provided options.\n   */\n  public transform(value: number, config?: NumericOptions): string {\n    const newCacheKey =\n      (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +\n      `${value}_${config?.locale || this.providerLocale}`;\n\n    /* If the value and locale are the same as the last transform then return the previous value\n    instead of reformatting. */\n    if (this.formattedValue && this.cacheKey === newCacheKey) {\n      return this.formattedValue;\n    }\n\n    const options = new NumericOptions();\n\n    // The default number of digits is `1`. When truncate is disabled, set digits\n    // to `0` to avoid the unnecessary addition of `.0` at the end of the formatted number.\n    if (config && config.truncate === false && config.digits === undefined) {\n      options.digits = 0;\n    }\n\n    // If the minimum digits is less than the set maximum digits then throw an error\n    if (\n      config &&\n      config.minDigits &&\n      config.digits &&\n      config.minDigits > config.digits\n    ) {\n      throw new Error(\n        'The `digits` property must be greater than or equal to the `minDigits` property'\n      );\n\n      // If there is a minimum digits given but not a maximum then default the maximum to the minimum\n    } else if (config && config.minDigits && !config.digits) {\n      options.digits = config.minDigits;\n    }\n\n    Object.assign(options, config);\n\n    // Assign properties for proper result caching.\n    this.rawValue = value;\n    this.lastTransformLocale = config?.locale ?? this.providerLocale;\n    this.cacheKey = newCacheKey;\n\n    this.formattedValue = this.numericService.formatNumber(value, options);\n    return this.formattedValue;\n  }\n}\n"]}

package/esm2015/lib/modules/numeric/numeric.service.js

@@ -24,7 +24,7 @@ export 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.
      */

package/esm2015/lib/modules/numeric/numeric.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"numeric.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/numeric/numeric.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { SkyIntlNumberFormatStyle, SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyNumberFormatUtility } from '../shared/number-format/number-format-utility';\n\nimport { SkyNumericSymbol } from './numeric-symbol';\nimport { NumericOptions } from './numeric.options';\n\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyNumericService {\n  /**\n   * The browser's current locale.\n   * @internal\n   */\n  public set currentLocale(value: string) {\n    this._locale = value;\n  }\n\n  public get currentLocale(): string {\n    return this._locale || 'en-US';\n  }\n\n  /**\n   * @internal\n   */\n  public shortSymbol: string;\n\n  private symbolIndex: SkyNumericSymbol[] = [\n    { value: 1e12, label: this.getSymbol('skyux_numeric_trillions_symbol') },\n    { value: 1e9, label: this.getSymbol('skyux_numeric_billions_symbol') },\n    { value: 1e6, label: this.getSymbol('skyux_numeric_millions_symbol') },\n    { value: 1e3, label: this.getSymbol('skyux_numeric_thousands_symbol') },\n  ];\n\n  private _locale: string;\n\n  constructor(private resourcesService: SkyLibResourcesService) {}\n\n  /**\n   * Shortens with or without symbol (K/M/B/T) depending on value of number.\n   * @param value The number to format.\n   * @param options Format options.\n   */\n  public formatNumber(value: number, options: NumericOptions): string {\n    /* tslint:disable-next-line:no-null-keyword */\n    if (isNaN(value) || value === null) {\n      return '';\n    }\n\n    const decimalPlaceRegExp = /\\.0+$|(\\.[0-9]*[1-9])0+$/;\n\n    // Get the symbol for the number after rounding, since rounding could push the number\n    // into a different symbol range.\n    let roundedNumber = this.roundNumber(value, options.digits);\n    const roundedNumberAbs = Math.abs(roundedNumber);\n\n    let suffix = '';\n\n    for (let i = 0; i < this.symbolIndex.length; i++) {\n      let symbol = this.symbolIndex[i];\n\n      if (\n        options.truncate &&\n        roundedNumberAbs >= options.truncateAfter &&\n        roundedNumberAbs >= symbol.value\n      ) {\n        roundedNumber = this.roundNumber(value / symbol.value, options.digits);\n\n        if (Math.abs(roundedNumber) === 1000 && i > 0) {\n          // Rounding caused the number to cross into the range of the next symbol.\n          symbol = this.symbolIndex[i - 1];\n          roundedNumber /= 1000;\n        }\n\n        suffix = symbol.label;\n\n        break;\n      }\n    }\n\n    let output =\n      roundedNumber.toString().replace(decimalPlaceRegExp, '$1') + suffix;\n\n    this.storeShortenSymbol(output);\n\n    const locale = options.locale || this.currentLocale;\n\n    let digits: string;\n    let isDecimal: boolean;\n\n    // Checks the string entered for format. Using toLowerCase to ignore case.\n    switch (options.format?.toLowerCase()) {\n      // In a case where a decimal value was not shortened and\n      // the digit input is 2 or higher, it forces 2 digits.\n      // For example, this prevents a value like $15.50 from displaying as $15.5.\n      // Note: This will need to be reviewed if we support currencies with\n      // three decimal digits.\n      case 'currency':\n        isDecimal = value % 1 !== 0;\n\n        if (options.minDigits) {\n          digits = `1.${options.minDigits}-${options.digits}`;\n        } else if (isDecimal && options.digits >= 2) {\n          digits = `1.2-${options.digits}`;\n        } else {\n          digits = `1.0-${options.digits}`;\n        }\n\n        output = SkyNumberFormatUtility.formatNumber(\n          locale,\n          parseFloat(output),\n          SkyIntlNumberFormatStyle.Currency,\n          digits,\n          options.iso,\n          // Angular 5+ needs a string for this parameter, but Angular 4 needs a boolean.\n          // To support both versions we can supply 'symbol' which will evaluate truthy for Angular 4\n          // and the appropriate string value for Angular 5+.\n          // See: https://angular.io/api/common/CurrencyPipe#parameters\n          'symbol' as any,\n          options.currencySign\n        );\n        break;\n\n      // The following is a catch-all to ensure that if\n      // anything but currency (or a future option) are entered,\n      // it will be treated like a number.\n      default:\n        // Ensures localization of the number to ensure comma and\n        // decimal separator\n        if (options.minDigits) {\n          digits = `1.${options.minDigits}-${options.digits}`;\n        } else if (options.truncate) {\n          digits = `1.0-${options.digits}`;\n        } else {\n          digits = `1.${options.digits}-${options.digits}`;\n        }\n\n        output = SkyNumberFormatUtility.formatNumber(\n          locale,\n          parseFloat(output),\n          SkyIntlNumberFormatStyle.Decimal,\n          digits\n        );\n        break;\n    }\n\n    if (options.truncate) {\n      output = this.replaceShortenSymbol(output);\n    }\n\n    return output;\n  }\n\n  /**\n   * Rounds a given number\n   *\n   * JS's limitation - numbers bigger than Number.MIN_SAFE_INTEGER or Number.MAX_SAFE_INTEGER\n   * are not guaranteed to be represented or rounded correctly\n   * @param value - value to round\n   * @param precision - what precision to round with, defaults to 0 decimal places\n   */\n  private roundNumber(value: number, precision: number = 0): number {\n    if (precision < 0) {\n      throw new Error('SkyInvalidArgument: precision must be >= 0');\n    }\n\n    /* tslint:disable-next-line:no-null-keyword */\n    /* Sanity check - ignoring coverage but should not ignore if we make this method public */\n    /* istanbul ignore next */\n    if (isNaN(value) || value === null) {\n      return 0;\n    }\n\n    const scaledValue: number = this.scaleNumberByPowerOfTen(\n      value,\n      precision,\n      true\n    );\n    const scaledRoundedValue: number = Math.round(scaledValue);\n    const unscaledRoundedValue: number = this.scaleNumberByPowerOfTen(\n      scaledRoundedValue,\n      precision,\n      false\n    );\n\n    return unscaledRoundedValue;\n  }\n\n  /**\n   * Scales a given number by a power of 10\n   * @param value - value to scale\n   * @param scalar - 10^scalar\n   * @param scaleUp - whether to increase or decrease the value\n   */\n  private scaleNumberByPowerOfTen(\n    value: number,\n    scalar: number,\n    scaleUp: boolean\n  ): number {\n    const valueStr: string = value.toString().toLowerCase();\n    const isExponentFormat: boolean = valueStr.includes('e');\n\n    if (isExponentFormat) {\n      const [base, exp] = valueStr.split('e');\n      const newExp = scaleUp ? Number(exp) + scalar : Number(exp) - scalar;\n      return Number(`${base}e${newExp}`);\n    } else {\n      const e = scaleUp ? 'e' : 'e-';\n      return Number(`${value}${e}${scalar}`);\n    }\n  }\n\n  /**\n   * Stores the symbol added from shortening to reapply later.\n   * @param value The string to derive the shorten symbol from.\n   */\n  private storeShortenSymbol(value: string): void {\n    const symbols: string[] = this.symbolIndex.map((s) => s.label);\n    const regexp = new RegExp(symbols.join('|'), 'ig');\n    const match = value.match(regexp);\n    this.shortSymbol = match ? match.toString() : '';\n  }\n\n  /**\n   * Must have previously called storeShortenSymbol to have something to replace.\n   * Finds the last number in the formatted number, gets the index of the position\n   * after that character and re-inserts the symbol.\n   * Works regardless of currency symbol position.\n   * @param value The string to modify.\n   */\n  private replaceShortenSymbol(value: string): string {\n    const result = /(\\d)(?!.*\\d)/g.exec(value);\n    const pos = result.index + result.length;\n    const output =\n      value.substring(0, pos) + this.shortSymbol + value.substring(pos);\n\n    return output;\n  }\n\n  private getSymbol(key: string): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale({ locale: 'en_US' }, key);\n  }\n}\n"]}
+{"version":3,"file":"numeric.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/numeric/numeric.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { SkyIntlNumberFormatStyle, SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyNumberFormatUtility } from '../shared/number-format/number-format-utility';\n\nimport { SkyNumericSymbol } from './numeric-symbol';\nimport { NumericOptions } from './numeric.options';\n\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyNumericService {\n  /**\n   * The browser's current locale.\n   * @internal\n   */\n  public set currentLocale(value: string) {\n    this._locale = value;\n  }\n\n  public get currentLocale(): string {\n    return this._locale || 'en-US';\n  }\n\n  /**\n   * @internal\n   */\n  public shortSymbol: string;\n\n  private symbolIndex: SkyNumericSymbol[] = [\n    { value: 1e12, label: this.getSymbol('skyux_numeric_trillions_symbol') },\n    { value: 1e9, label: this.getSymbol('skyux_numeric_billions_symbol') },\n    { value: 1e6, label: this.getSymbol('skyux_numeric_millions_symbol') },\n    { value: 1e3, label: this.getSymbol('skyux_numeric_thousands_symbol') },\n  ];\n\n  private _locale: string;\n\n  constructor(private resourcesService: SkyLibResourcesService) {}\n\n  /**\n   * Formats a number based on the provided options.\n   * @param value The number to format.\n   * @param options Format options.\n   */\n  public formatNumber(value: number, options: NumericOptions): string {\n    /* tslint:disable-next-line:no-null-keyword */\n    if (isNaN(value) || value === null) {\n      return '';\n    }\n\n    const decimalPlaceRegExp = /\\.0+$|(\\.[0-9]*[1-9])0+$/;\n\n    // Get the symbol for the number after rounding, since rounding could push the number\n    // into a different symbol range.\n    let roundedNumber = this.roundNumber(value, options.digits);\n    const roundedNumberAbs = Math.abs(roundedNumber);\n\n    let suffix = '';\n\n    for (let i = 0; i < this.symbolIndex.length; i++) {\n      let symbol = this.symbolIndex[i];\n\n      if (\n        options.truncate &&\n        roundedNumberAbs >= options.truncateAfter &&\n        roundedNumberAbs >= symbol.value\n      ) {\n        roundedNumber = this.roundNumber(value / symbol.value, options.digits);\n\n        if (Math.abs(roundedNumber) === 1000 && i > 0) {\n          // Rounding caused the number to cross into the range of the next symbol.\n          symbol = this.symbolIndex[i - 1];\n          roundedNumber /= 1000;\n        }\n\n        suffix = symbol.label;\n\n        break;\n      }\n    }\n\n    let output =\n      roundedNumber.toString().replace(decimalPlaceRegExp, '$1') + suffix;\n\n    this.storeShortenSymbol(output);\n\n    const locale = options.locale || this.currentLocale;\n\n    let digits: string;\n    let isDecimal: boolean;\n\n    // Checks the string entered for format. Using toLowerCase to ignore case.\n    switch (options.format?.toLowerCase()) {\n      // In a case where a decimal value was not shortened and\n      // the digit input is 2 or higher, it forces 2 digits.\n      // For example, this prevents a value like $15.50 from displaying as $15.5.\n      // Note: This will need to be reviewed if we support currencies with\n      // three decimal digits.\n      case 'currency':\n        isDecimal = value % 1 !== 0;\n\n        if (options.minDigits) {\n          digits = `1.${options.minDigits}-${options.digits}`;\n        } else if (isDecimal && options.digits >= 2) {\n          digits = `1.2-${options.digits}`;\n        } else {\n          digits = `1.0-${options.digits}`;\n        }\n\n        output = SkyNumberFormatUtility.formatNumber(\n          locale,\n          parseFloat(output),\n          SkyIntlNumberFormatStyle.Currency,\n          digits,\n          options.iso,\n          // Angular 5+ needs a string for this parameter, but Angular 4 needs a boolean.\n          // To support both versions we can supply 'symbol' which will evaluate truthy for Angular 4\n          // and the appropriate string value for Angular 5+.\n          // See: https://angular.io/api/common/CurrencyPipe#parameters\n          'symbol' as any,\n          options.currencySign\n        );\n        break;\n\n      // The following is a catch-all to ensure that if\n      // anything but currency (or a future option) are entered,\n      // it will be treated like a number.\n      default:\n        // Ensures localization of the number to ensure comma and\n        // decimal separator\n        if (options.minDigits) {\n          digits = `1.${options.minDigits}-${options.digits}`;\n        } else if (options.truncate) {\n          digits = `1.0-${options.digits}`;\n        } else {\n          digits = `1.${options.digits}-${options.digits}`;\n        }\n\n        output = SkyNumberFormatUtility.formatNumber(\n          locale,\n          parseFloat(output),\n          SkyIntlNumberFormatStyle.Decimal,\n          digits\n        );\n        break;\n    }\n\n    if (options.truncate) {\n      output = this.replaceShortenSymbol(output);\n    }\n\n    return output;\n  }\n\n  /**\n   * Rounds a given number\n   *\n   * JS's limitation - numbers bigger than Number.MIN_SAFE_INTEGER or Number.MAX_SAFE_INTEGER\n   * are not guaranteed to be represented or rounded correctly\n   * @param value - value to round\n   * @param precision - what precision to round with, defaults to 0 decimal places\n   */\n  private roundNumber(value: number, precision: number = 0): number {\n    if (precision < 0) {\n      throw new Error('SkyInvalidArgument: precision must be >= 0');\n    }\n\n    /* tslint:disable-next-line:no-null-keyword */\n    /* Sanity check - ignoring coverage but should not ignore if we make this method public */\n    /* istanbul ignore next */\n    if (isNaN(value) || value === null) {\n      return 0;\n    }\n\n    const scaledValue: number = this.scaleNumberByPowerOfTen(\n      value,\n      precision,\n      true\n    );\n    const scaledRoundedValue: number = Math.round(scaledValue);\n    const unscaledRoundedValue: number = this.scaleNumberByPowerOfTen(\n      scaledRoundedValue,\n      precision,\n      false\n    );\n\n    return unscaledRoundedValue;\n  }\n\n  /**\n   * Scales a given number by a power of 10\n   * @param value - value to scale\n   * @param scalar - 10^scalar\n   * @param scaleUp - whether to increase or decrease the value\n   */\n  private scaleNumberByPowerOfTen(\n    value: number,\n    scalar: number,\n    scaleUp: boolean\n  ): number {\n    const valueStr: string = value.toString().toLowerCase();\n    const isExponentFormat: boolean = valueStr.includes('e');\n\n    if (isExponentFormat) {\n      const [base, exp] = valueStr.split('e');\n      const newExp = scaleUp ? Number(exp) + scalar : Number(exp) - scalar;\n      return Number(`${base}e${newExp}`);\n    } else {\n      const e = scaleUp ? 'e' : 'e-';\n      return Number(`${value}${e}${scalar}`);\n    }\n  }\n\n  /**\n   * Stores the symbol added from shortening to reapply later.\n   * @param value The string to derive the shorten symbol from.\n   */\n  private storeShortenSymbol(value: string): void {\n    const symbols: string[] = this.symbolIndex.map((s) => s.label);\n    const regexp = new RegExp(symbols.join('|'), 'ig');\n    const match = value.match(regexp);\n    this.shortSymbol = match ? match.toString() : '';\n  }\n\n  /**\n   * Must have previously called storeShortenSymbol to have something to replace.\n   * Finds the last number in the formatted number, gets the index of the position\n   * after that character and re-inserts the symbol.\n   * Works regardless of currency symbol position.\n   * @param value The string to modify.\n   */\n  private replaceShortenSymbol(value: string): string {\n    const result = /(\\d)(?!.*\\d)/g.exec(value);\n    const pos = result.index + result.length;\n    const output =\n      value.substring(0, pos) + this.shortSymbol + value.substring(pos);\n\n    return output;\n  }\n\n  private getSymbol(key: string): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale({ locale: 'en_US' }, key);\n  }\n}\n"]}

package/esm2015/lib/modules/resize-observer/resize-observer-media-query.service.js

@@ -13,7 +13,7 @@ export class SkyResizeObserverMediaQueryService {
         this.resizeObserverService = resizeObserverService;
         this._breakpoints = [
             {
-                check: (width) => width <= 767,
+                check: (width) => width > 0 && width <= 767,
                 name: SkyMediaBreakpoints.xs,
             },
             {
@@ -66,12 +66,8 @@ export class SkyResizeObserverMediaQueryService {
             this._stopListening.next();
         }
         this._target = element;
-        const width = element.nativeElement.offsetWidth;
-        if (width) {
-            const breakpoint = this.checkBreakpoint(width);
-            this.updateBreakpoint(breakpoint);
-        }
-        this._resizeSubscription = this.resizeObserverService
+        this.checkWidth(element);
+        this.resizeObserverService
             .observe(element)
             .pipe(takeUntil(this._stopListening))
             .subscribe((value) => {
@@ -95,7 +91,9 @@ export class SkyResizeObserverMediaQueryService {
     subscribe(listener) {
         return this._currentBreakpointObservable
             .pipe(takeUntil(this._stopListening))
-            .subscribe(listener);
+            .subscribe((value) => {
+            listener(value);
+        });
     }
     updateBreakpoint(breakpoint) {
         this._currentBreakpoint = breakpoint;
@@ -105,6 +103,14 @@ export class SkyResizeObserverMediaQueryService {
         var _a;
         return (_a = this._breakpoints.find((breakpoint) => breakpoint.check(width))) === null || _a === void 0 ? void 0 : _a.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: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: i1.SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });

package/esm2015/lib/modules/resize-observer/resize-observer-media-query.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer-media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer-media-query.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, OnDestroy } from '@angular/core';\n\nimport { ReplaySubject, Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\nimport { SkyMediaQueryListener } from '../media-query/media-query-listener';\n\nimport { SkyResizeObserverService } from './resize-observer.service';\n\n/**\n * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverMediaQueryService implements OnDestroy {\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints | undefined {\n    return this._currentBreakpoint;\n  }\n\n  private _breakpoints: {\n    check: (width: number) => boolean;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      check: (width: number) => width <= 767,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      check: (width: number) => width > 767 && width <= 991,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      check: (width: number) => width > 991 && width <= 1199,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      check: (width: number) => width > 1199,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n  private _currentBreakpointObservable = new ReplaySubject<\n    SkyMediaBreakpoints | undefined\n  >(1);\n  private _currentBreakpoint: SkyMediaBreakpoints;\n  private _resizeSubscription: Subscription;\n  private _stopListening = new Subject<void>();\n  private _target?: ElementRef;\n\n  constructor(private resizeObserverService: SkyResizeObserverService) {\n    this._stopListening.subscribe(() => {\n      this._target = undefined;\n      this.updateBreakpoint(undefined);\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this._stopListening.next();\n    this._currentBreakpoint = undefined;\n    this._stopListening.complete();\n    this._currentBreakpointObservable.complete();\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.ngOnDestroy();\n  }\n\n  /**\n   * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a\n   * time. Any previous subscriptions will be unsubscribed when a new element is observed.\n   */\n  public observe(element: ElementRef): SkyResizeObserverMediaQueryService {\n    if (this._target) {\n      if (this._target === element) {\n        return this;\n      }\n      this._stopListening.next();\n    }\n    this._target = element;\n    const width = (element.nativeElement as HTMLElement).offsetWidth;\n    if (width) {\n      const breakpoint = this.checkBreakpoint(width);\n      this.updateBreakpoint(breakpoint);\n    }\n    this._resizeSubscription = this.resizeObserverService\n      .observe(element)\n      .pipe(takeUntil(this._stopListening))\n      .subscribe((value) => {\n        const breakpoint = this.checkBreakpoint(value.contentRect.width);\n        /* istanbul ignore else */\n        if (breakpoint !== this._currentBreakpoint) {\n          this.updateBreakpoint(breakpoint);\n        }\n      });\n    return this;\n  }\n\n  /**\n   * Stop watching the container element.\n   */\n  public unobserve(): void {\n    this._stopListening.next();\n  }\n\n  /**\n   * Subscribes to element size changes that cross breakpoints.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this._currentBreakpointObservable\n      .pipe(takeUntil(this._stopListening))\n      .subscribe(listener);\n  }\n\n  private updateBreakpoint(breakpoint: SkyMediaBreakpoints) {\n    this._currentBreakpoint = breakpoint;\n    this._currentBreakpointObservable.next(breakpoint);\n  }\n\n  private checkBreakpoint(width: number): SkyMediaBreakpoints | undefined {\n    return this._breakpoints.find((breakpoint) => breakpoint.check(width))\n      ?.name;\n  }\n}\n"]}
+{"version":3,"file":"resize-observer-media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer-media-query.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, OnDestroy } from '@angular/core';\n\nimport { ReplaySubject, Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\nimport { SkyMediaQueryListener } from '../media-query/media-query-listener';\n\nimport { SkyResizeObserverService } from './resize-observer.service';\n\n/**\n * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverMediaQueryService implements OnDestroy {\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints | undefined {\n    return this._currentBreakpoint;\n  }\n\n  private _breakpoints: {\n    check: (width: number) => boolean;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      check: (width: number) => width > 0 && width <= 767,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      check: (width: number) => width > 767 && width <= 991,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      check: (width: number) => width > 991 && width <= 1199,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      check: (width: number) => width > 1199,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n  private _currentBreakpointObservable = new ReplaySubject<\n    SkyMediaBreakpoints | undefined\n  >(1);\n  private _currentBreakpoint: SkyMediaBreakpoints;\n  private _stopListening = new Subject<void>();\n  private _target?: ElementRef;\n\n  constructor(private resizeObserverService: SkyResizeObserverService) {\n    this._stopListening.subscribe(() => {\n      this._target = undefined;\n      this.updateBreakpoint(undefined);\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this._stopListening.next();\n    this._currentBreakpoint = undefined;\n    this._stopListening.complete();\n    this._currentBreakpointObservable.complete();\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.ngOnDestroy();\n  }\n\n  /**\n   * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a\n   * time. Any previous subscriptions will be unsubscribed when a new element is observed.\n   */\n  public observe(element: ElementRef): SkyResizeObserverMediaQueryService {\n    if (this._target) {\n      if (this._target === element) {\n        return this;\n      }\n      this._stopListening.next();\n    }\n    this._target = element;\n    this.checkWidth(element);\n    this.resizeObserverService\n      .observe(element)\n      .pipe(takeUntil(this._stopListening))\n      .subscribe((value) => {\n        const breakpoint = this.checkBreakpoint(value.contentRect.width);\n        /* istanbul ignore else */\n        if (breakpoint !== this._currentBreakpoint) {\n          this.updateBreakpoint(breakpoint);\n        }\n      });\n    return this;\n  }\n\n  /**\n   * Stop watching the container element.\n   */\n  public unobserve(): void {\n    this._stopListening.next();\n  }\n\n  /**\n   * Subscribes to element size changes that cross breakpoints.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this._currentBreakpointObservable\n      .pipe(takeUntil(this._stopListening))\n      .subscribe((value) => {\n        listener(value);\n      });\n  }\n\n  private updateBreakpoint(breakpoint: SkyMediaBreakpoints) {\n    this._currentBreakpoint = breakpoint;\n    this._currentBreakpointObservable.next(breakpoint);\n  }\n\n  private checkBreakpoint(width: number): SkyMediaBreakpoints | undefined {\n    return this._breakpoints.find((breakpoint) => breakpoint.check(width))\n      ?.name;\n  }\n\n  private checkWidth(element: ElementRef) {\n    const width = (element.nativeElement as HTMLElement).offsetWidth || 0;\n    const breakpoint = this.checkBreakpoint(width);\n    /* istanbul ignore else */\n    if (breakpoint !== this._currentBreakpoint) {\n      this.updateBreakpoint(breakpoint);\n    }\n  }\n}\n"]}

package/fesm2015/skyux-core.js

@@ -1736,7 +1736,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.
      */
@@ -1904,10 +1904,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * 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) {
@@ -1928,6 +1924,9 @@ class SkyNumericPipe {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
+    /**
+     * Formats a number based on the provided options.
+     */
     transform(value, config) {
         var _a;
         const newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
@@ -2494,7 +2493,7 @@ class SkyResizeObserverMediaQueryService {
         this.resizeObserverService = resizeObserverService;
         this._breakpoints = [
             {
-                check: (width) => width <= 767,
+                check: (width) => width > 0 && width <= 767,
                 name: SkyMediaBreakpoints.xs,
             },
             {
@@ -2547,12 +2546,8 @@ class SkyResizeObserverMediaQueryService {
             this._stopListening.next();
         }
         this._target = element;
-        const width = element.nativeElement.offsetWidth;
-        if (width) {
-            const breakpoint = this.checkBreakpoint(width);
-            this.updateBreakpoint(breakpoint);
-        }
-        this._resizeSubscription = this.resizeObserverService
+        this.checkWidth(element);
+        this.resizeObserverService
             .observe(element)
             .pipe(takeUntil(this._stopListening))
             .subscribe((value) => {
@@ -2576,7 +2571,9 @@ class SkyResizeObserverMediaQueryService {
     subscribe(listener) {
         return this._currentBreakpointObservable
             .pipe(takeUntil(this._stopListening))
-            .subscribe(listener);
+            .subscribe((value) => {
+            listener(value);
+        });
     }
     updateBreakpoint(breakpoint) {
         this._currentBreakpoint = breakpoint;
@@ -2586,6 +2583,14 @@ class SkyResizeObserverMediaQueryService {
         var _a;
         return (_a = this._breakpoints.find((breakpoint) => breakpoint.check(width))) === null || _a === void 0 ? void 0 : _a.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: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });