feat(components/core): allow currencyDisplay to be specified for SkyNumericOptions

[Blackbaud-MitchellThomas]

Internally, the SkyNumericPipe and SkyNumericService use Intl to format number as currency. When the language locale specified, such as en-CA, does not naturally line up with the ISO4217 currency code's locale, such as USD, the default behavior is to format the currency using an unambiguous currency symbol, US$.

In certain scenarios, this more verbose display is not desired. The current default inside skyux is to use the 'symbol' notation, which drives this behavior. However, Intl provides an alternative display setting, 'narrowSymbol', which would only display $ in this scenario.

Currently, consumers are not able to choose this option.

The scope of this PR is to expose currencyDisplay directly on SkyNumberOptions to give consumers the ability to choose this alternate display option.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#narrowsymbol

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit d87be91. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

• nx affected --target lint test posttest --configuration ci --parallel 1 --exclude tag:npm
• nx affected --target build lint test posttest --configuration ci --parallel 1 --exclude *,!tag:npm

---

Sent with 💌 from NxCloud.

[blackbaud-sky-build-user]

Storybook preview

Component Storybooks:

• a11y-storybook
• action-bars-storybook
• ag-grid-storybook
• angular-tree-component-storybook
• avatar-storybook
• colorpicker-storybook
• core-storybook
• data-manager-storybook
• datetime-storybook
• errors-storybook
• flyout-storybook
• forms-storybook
• help-inline-storybook
• indicators-storybook
• inline-form-storybook
• layout-storybook
• lists-storybook
• lookup-storybook
• modals-storybook
• navbar-storybook
• pages-storybook
• phone-field-storybook
• popovers-storybook
• progress-indicator-storybook
• split-view-storybook
• storybook
• tabs-storybook
• text-editor-storybook
• theme-storybook
• tiles-storybook
• toast-storybook

Apps:

• code-examples
• integration
• playground

[Blackbaud-TrevorBurch]

The previous default of false would have set the currencyDisplay to code. Can we update this default to match the previous behavior?

[Blackbaud-TrevorBurch]

I'm a bit surprised this isn't failing any unit tests. The percent pipe does not send a default for currencyAsSymbol which would have resulted in code under the current code. But with this - the percent pipe would now end up with symbol if I'm reading everything correctly. I would like to maintain the current defaults if possible (where the percent pipe uses code and the numeric service defaults to symbol.

[Blackbaud-MitchellThomas]

The reason all the tests show it working as expected is because currency display options don't impact the percent pipe. But I can see the benefit in drawing the consistency a bit tighter in the code. I'll make a couple of tweaks.