genesys-spark 4.5.0 → 4.6.1

package/README.md

@@ -29,13 +29,26 @@ import { registerSparkComponents } from 'genesys-spark';
 await registerSparkComponents();
 ```
 
+### Loading the chart components
+
+When initializing your app/page, call `registerSparkChartComponents`, which will inject
+the script and style tags into your page that define the chart related Spark custom elements:
+
+```js
+import { registerSparkChartComponents } from 'genesys-spark';
+
+// It's not _required_ to await component loading, but it can help prevent a flash
+// of unstyled content.
+await registerSparkChartComponents();
+```
+
 ### Font Loading
 
-While `registerSparkComponents()` will add the required webfonts to your page if
-they are not already present, it is recommended that you link stylesheets to load
-the Urbanist and Noto Sans fonts in your document prior to starting your app. This
-will improve loading performance and prevent a jarring font transition when the
-required fonts load.
+While `registerSparkComponents()` and `registerSparkChartComponents()` will add
+the required web fonts to your page if they are not already present, it is recommended
+that you link stylesheets to load the Urbanist and Noto Sans fonts in your document
+prior to starting your app. This will improve loading performance and prevent a
+jarring font transition when the required fonts load.
 
 ## Asset loading details
 

package/dist/index.js

@@ -15,12 +15,18 @@ var NON_STANDARD_DOMAINS = [
  * Returns the origin that web component assets should be loaded from.
  * Will use the domain of the current window if it matches a Genesys domain.
  */
+function getComponentAssetsOrigin() {
+    return getAssetsOrigin();
+}
+function getChartComponentAssetsOrigin() {
+    return getAssetsOrigin();
+}
 function getAssetsOrigin() {
     var matchedDomain = getRegionDomain();
     return "https://app.".concat(matchedDomain || DEFAULT_DOMAIN);
 }
 function getFontOrigin() {
-    return getAssetsOrigin();
+    return getComponentAssetsOrigin();
 }
 function getRegionDomain() {
     var pageHost = window.location.hostname;
@@ -241,17 +247,19 @@ var intl = /*#__PURE__*/Object.freeze({
     relativeTimeFormat: relativeTimeFormat
 });
 
-var ASSET_PREFIX = '/spark-components/build-assets/4.5.0-34/genesys-webcomponents/';
-var SCRIPT_PATH = 'genesys-webcomponents.esm.js';
-var STYLE_PATH = 'genesys-webcomponents.css';
-var assetsOrigin = getAssetsOrigin();
-var SCRIPT_SRC = "".concat(assetsOrigin).concat(ASSET_PREFIX).concat(SCRIPT_PATH);
-var STYLE_HREF = "".concat(assetsOrigin).concat(ASSET_PREFIX).concat(STYLE_PATH);
-var fontOrigin = getFontOrigin();
-var FONTS = {
-    Urbanist: "".concat(fontOrigin, "/webfonts/urbanist.css"),
-    'Noto Sans': "".concat(fontOrigin, "/webfonts/noto-sans.css")
-};
+var COMPONENT_ASSET_PREFIX = '/spark-components/build-assets/4.6.1-72/genesys-webcomponents/';
+var CHART_COMPONENT_ASSET_PREFIX = '/spark-components/build-assets/4.6.1-72/genesys-chart-webcomponents/';
+/**
+ * TODO
+ */
+function loadSparkFonts() {
+    var fontOrigin = getFontOrigin();
+    var FONTS = {
+        Urbanist: "".concat(fontOrigin, "/webfonts/urbanist.css"),
+        'Noto Sans': "".concat(fontOrigin, "/webfonts/noto-sans.css")
+    };
+    return checkAndLoadFonts(FONTS);
+}
 /**
  * Loads the spark web components, as well as required CSS and fonts from a
  * shared CDN. Performance can be optimized by pre-loading fonts in static HTML.
@@ -262,11 +270,31 @@ var FONTS = {
  * unexpected failures.
  */
 function registerSparkComponents() {
+    var SCRIPT_PATH = 'genesys-webcomponents.esm.js';
+    var STYLE_PATH = 'genesys-webcomponents.css';
+    var assetsOrigin = getComponentAssetsOrigin();
+    var SCRIPT_SRC = "".concat(assetsOrigin).concat(COMPONENT_ASSET_PREFIX).concat(SCRIPT_PATH);
+    var STYLE_HREF = "".concat(assetsOrigin).concat(COMPONENT_ASSET_PREFIX).concat(STYLE_PATH);
+    return Promise.all([
+        checkAndLoadScript(SCRIPT_SRC),
+        checkAndLoadStyle(STYLE_HREF),
+        loadSparkFonts()
+    ]).then();
+}
+/**
+ * TODO
+ */
+function registerSparkChartComponents() {
+    var SCRIPT_PATH = 'genesys-chart-webcomponents.esm.js';
+    var STYLE_PATH = 'genesys-chart-webcomponents.css';
+    var assetsOrigin = getChartComponentAssetsOrigin();
+    var SCRIPT_SRC = "".concat(assetsOrigin).concat(CHART_COMPONENT_ASSET_PREFIX).concat(SCRIPT_PATH);
+    var STYLE_HREF = "".concat(assetsOrigin).concat(CHART_COMPONENT_ASSET_PREFIX).concat(STYLE_PATH);
     return Promise.all([
         checkAndLoadScript(SCRIPT_SRC),
         checkAndLoadStyle(STYLE_HREF),
-        checkAndLoadFonts(FONTS)
+        loadSparkFonts()
     ]).then();
 }
 
-export { intl as Intl, registerSparkComponents };
+export { intl as Intl, loadSparkFonts, registerSparkChartComponents, registerSparkComponents };

package/dist/src/hosts.d.ts

@@ -5,5 +5,7 @@ declare global {
  * Returns the origin that web component assets should be loaded from.
  * Will use the domain of the current window if it matches a Genesys domain.
  */
+export declare function getComponentAssetsOrigin(): string;
+export declare function getChartComponentAssetsOrigin(): string;
 export declare function getAssetsOrigin(): string;
 export declare function getFontOrigin(): string;

package/dist/src/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * TODO
+ */
+export declare function loadSparkFonts(): Promise<void>;
 /**
  * Loads the spark web components, as well as required CSS and fonts from a
  * shared CDN. Performance can be optimized by pre-loading fonts in static HTML.
@@ -8,4 +12,8 @@
  * unexpected failures.
  */
 export declare function registerSparkComponents(): Promise<void>;
+/**
+ * TODO
+ */
+export declare function registerSparkChartComponents(): Promise<void>;
 export * as Intl from './intl';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark",
-  "version": "4.5.0",
+  "version": "4.6.1",
   "description": "",
   "license": "ISC",
   "author": "",