@sitecore-feaas/clientside 0.0.1 → 0.0.3

package/dist/browser/{webcomponent-189a307d.d.ts → webcomponent-7a0e7c34.d.ts}

@@ -2,16 +2,16 @@ interface CloudTemplate {
     hostname?: string;
     library: string;
     component: string;
-    variant: string;
-    version?: string;
+    version: string;
+    revision?: string;
 }
 interface CloudStylesheet {
     hostname?: string;
     library: string;
-    version?: string;
+    revision?: string;
 }
-declare function getComponentURL({ hostname, library, component, variant, version }: CloudTemplate): string;
-declare function getStylesheetURL({ hostname, library, version }: CloudStylesheet): string;
+declare function getComponentURL({ hostname, library, component, version, revision }: CloudTemplate): string;
+declare function getStylesheetURL({ hostname, library, revision }: CloudStylesheet): string;
 declare function fetchComponent(props: CloudTemplate, callback: (html: string) => void): Promise<Response>;
 declare function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void): Promise<Response>;
 
@@ -51,8 +51,8 @@ declare global {
                 data?: any;
                 library: string;
                 component: string;
-                variant: string;
-                version?: string;
+                version: string;
+                revision?: string;
                 hostname?: string;
                 template?: string;
                 children?: any;
@@ -95,7 +95,7 @@ declare class HTMLFeaasStylesheet extends WebComponent {
     render(): void;
     getProps(): {
         library: string;
-        version: string;
+        revision: string;
         hostname: string;
     };
 }

package/dist/node/index.cjs

@@ -834,17 +834,17 @@ function getComponentURL({
   hostname = "https://feaascomponentsapidev.blob.core.windows.net",
   library,
   component,
-  variant,
-  version = "published"
+  version,
+  revision = "published"
 }) {
-  return `${hostname}/components/${component}/variants/${variant}/${version}.html`;
+  return `${hostname}/components/${library}/${component}/${version}/${revision}.html`;
 }
 function getStylesheetURL({
   hostname = `https://feaascomponentsapidev.blob.core.windows.net`,
   library,
-  version = "published"
+  revision = "published"
 }) {
-  return `${hostname}/styles/${library}/${version}.css`;
+  return `${hostname}/styles/${library}/${revision}.css`;
 }
 function fetchComponent(props, callback) {
   return __async(this, null, function* () {
@@ -852,7 +852,7 @@ function fetchComponent(props, callback) {
       getComponentURL(props),
       {},
       (response) => {
-        return response.headers.get("x-ms-meta-variantDeletedAt") == null;
+        return response.headers.get("x-ms-meta-versionDeletedAt") == null;
       },
       (response) => {
         response.text().then(callback);
@@ -959,7 +959,7 @@ function queryScopes(scopes, datapath, singleValue = false, json = scopes) {
     path,
     json
   });
-  if (singleValue && collection) {
+  if (singleValue && collection && Array.isArray(collection)) {
     return collection[0];
   } else {
     return collection;
@@ -978,6 +978,8 @@ function setDOMAttribute(element, attribute, value, config) {
     target = element.tagName == "IMG" ? element : element.querySelector("img, video");
   } else if (attribute == "data-path-href") {
     target = element.querySelector("a") || element.closest("a");
+  } else if (attribute == "data-path-alt") {
+    target = element.querySelector("img, picture");
   } else if (attribute == "data-path-hidden") {
     value = !value ? true : null;
   } else if (attribute == "data-path" || attribute == "data-embed-html" || attribute == "html") {
@@ -1169,7 +1171,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     this.isFetching = false;
   }
   static get observedAttributes() {
-    return ["data", "library", "component", "variant", "version", "hostname", "template"];
+    return ["data", "library", "component", "version", "revision", "hostname", "template"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1232,7 +1234,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     const newProps = this.getProps();
     if (this.template == null) {
       if (!this.isFetching) {
-        if (newProps.component != null && newProps.variant != null) {
+        if (newProps.component != null && newProps.version != null) {
           this.isFetching = true;
           fetchComponent(newProps, (template) => {
             this.template = template;
@@ -1240,7 +1242,7 @@ var HTMLFeaasComponent = class extends WebComponent {
             renderDOMContent(this, this.template, newProps.data);
           }).catch(() => {
             console.error(
-              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.variant}/${newProps.version}`
+              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.version}/${newProps.revision}`
             );
           });
         }
@@ -1254,8 +1256,8 @@ var HTMLFeaasComponent = class extends WebComponent {
       data: this.getData(),
       library: this.getAttribute("library") || void 0,
       component: this.getAttribute("component") || void 0,
-      variant: this.getAttribute("variant") || void 0,
       version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }
@@ -1266,7 +1268,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
     this.connected = false;
   }
   static get observedAttributes() {
-    return ["library", "version", "hostname"];
+    return ["library", "revision", "hostname"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1287,7 +1289,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
   getProps() {
     return {
       library: this.getAttribute("library") || void 0,
-      version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }

package/dist/node/index.d.ts

@@ -1,5 +1,5 @@
-import { H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations, C as CloudStylesheet, b as FEAASComponentProps } from './webcomponent-189a307d.js';
-export { D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, d as autoloadScripts, c as cleanCollectionBit, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-189a307d.js';
+import { H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations, C as CloudStylesheet, b as FEAASComponentProps } from './webcomponent-7a0e7c34.js';
+export { D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, d as autoloadScripts, c as cleanCollectionBit, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-7a0e7c34.js';
 
 declare function fetchAndRevalidate(url: Parameters<typeof fetch>[0], options: Parameters<typeof fetch>[1], validator: (resposne: Response) => boolean, callback: (response: Response, status: 'cached' | 'valid') => void): Promise<Response>;
 

package/dist/node/index.js

@@ -799,17 +799,17 @@ function getComponentURL({
   hostname = "https://feaascomponentsapidev.blob.core.windows.net",
   library,
   component,
-  variant,
-  version = "published"
+  version,
+  revision = "published"
 }) {
-  return `${hostname}/components/${component}/variants/${variant}/${version}.html`;
+  return `${hostname}/components/${library}/${component}/${version}/${revision}.html`;
 }
 function getStylesheetURL({
   hostname = `https://feaascomponentsapidev.blob.core.windows.net`,
   library,
-  version = "published"
+  revision = "published"
 }) {
-  return `${hostname}/styles/${library}/${version}.css`;
+  return `${hostname}/styles/${library}/${revision}.css`;
 }
 function fetchComponent(props, callback) {
   return __async(this, null, function* () {
@@ -817,7 +817,7 @@ function fetchComponent(props, callback) {
       getComponentURL(props),
       {},
       (response) => {
-        return response.headers.get("x-ms-meta-variantDeletedAt") == null;
+        return response.headers.get("x-ms-meta-versionDeletedAt") == null;
       },
       (response) => {
         response.text().then(callback);
@@ -924,7 +924,7 @@ function queryScopes(scopes, datapath, singleValue = false, json = scopes) {
     path,
     json
   });
-  if (singleValue && collection) {
+  if (singleValue && collection && Array.isArray(collection)) {
     return collection[0];
   } else {
     return collection;
@@ -943,6 +943,8 @@ function setDOMAttribute(element, attribute, value, config) {
     target = element.tagName == "IMG" ? element : element.querySelector("img, video");
   } else if (attribute == "data-path-href") {
     target = element.querySelector("a") || element.closest("a");
+  } else if (attribute == "data-path-alt") {
+    target = element.querySelector("img, picture");
   } else if (attribute == "data-path-hidden") {
     value = !value ? true : null;
   } else if (attribute == "data-path" || attribute == "data-embed-html" || attribute == "html") {
@@ -1134,7 +1136,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     this.isFetching = false;
   }
   static get observedAttributes() {
-    return ["data", "library", "component", "variant", "version", "hostname", "template"];
+    return ["data", "library", "component", "version", "revision", "hostname", "template"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1197,7 +1199,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     const newProps = this.getProps();
     if (this.template == null) {
       if (!this.isFetching) {
-        if (newProps.component != null && newProps.variant != null) {
+        if (newProps.component != null && newProps.version != null) {
           this.isFetching = true;
           fetchComponent(newProps, (template) => {
             this.template = template;
@@ -1205,7 +1207,7 @@ var HTMLFeaasComponent = class extends WebComponent {
             renderDOMContent(this, this.template, newProps.data);
           }).catch(() => {
             console.error(
-              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.variant}/${newProps.version}`
+              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.version}/${newProps.revision}`
             );
           });
         }
@@ -1219,8 +1221,8 @@ var HTMLFeaasComponent = class extends WebComponent {
       data: this.getData(),
       library: this.getAttribute("library") || void 0,
       component: this.getAttribute("component") || void 0,
-      variant: this.getAttribute("variant") || void 0,
       version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }
@@ -1231,7 +1233,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
     this.connected = false;
   }
   static get observedAttributes() {
-    return ["library", "version", "hostname"];
+    return ["library", "revision", "hostname"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1252,7 +1254,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
   getProps() {
     return {
       library: this.getAttribute("library") || void 0,
-      version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }

package/dist/node/react.cjs

@@ -128,17 +128,17 @@ function getComponentURL({
   hostname = "https://feaascomponentsapidev.blob.core.windows.net",
   library,
   component,
-  variant,
-  version = "published"
+  version,
+  revision = "published"
 }) {
-  return `${hostname}/components/${component}/variants/${variant}/${version}.html`;
+  return `${hostname}/components/${library}/${component}/${version}/${revision}.html`;
 }
 function getStylesheetURL({
   hostname = `https://feaascomponentsapidev.blob.core.windows.net`,
   library,
-  version = "published"
+  revision = "published"
 }) {
-  return `${hostname}/styles/${library}/${version}.css`;
+  return `${hostname}/styles/${library}/${revision}.css`;
 }
 function fetchComponent(props, callback) {
   return __async(this, null, function* () {
@@ -146,7 +146,7 @@ function fetchComponent(props, callback) {
       getComponentURL(props),
       {},
       (response) => {
-        return response.headers.get("x-ms-meta-variantDeletedAt") == null;
+        return response.headers.get("x-ms-meta-versionDeletedAt") == null;
       },
       (response) => {
         response.text().then(callback);
@@ -971,7 +971,7 @@ function queryScopes(scopes, datapath, singleValue = false, json = scopes) {
     path,
     json
   });
-  if (singleValue && collection) {
+  if (singleValue && collection && Array.isArray(collection)) {
     return collection[0];
   } else {
     return collection;
@@ -990,6 +990,8 @@ function setDOMAttribute(element, attribute, value, config) {
     target = element.tagName == "IMG" ? element : element.querySelector("img, video");
   } else if (attribute == "data-path-href") {
     target = element.querySelector("a") || element.closest("a");
+  } else if (attribute == "data-path-alt") {
+    target = element.querySelector("img, picture");
   } else if (attribute == "data-path-hidden") {
     value = !value ? true : null;
   } else if (attribute == "data-path" || attribute == "data-embed-html" || attribute == "html") {
@@ -1181,7 +1183,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     this.isFetching = false;
   }
   static get observedAttributes() {
-    return ["data", "library", "component", "variant", "version", "hostname", "template"];
+    return ["data", "library", "component", "version", "revision", "hostname", "template"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1244,7 +1246,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     const newProps = this.getProps();
     if (this.template == null) {
       if (!this.isFetching) {
-        if (newProps.component != null && newProps.variant != null) {
+        if (newProps.component != null && newProps.version != null) {
           this.isFetching = true;
           fetchComponent(newProps, (template) => {
             this.template = template;
@@ -1252,7 +1254,7 @@ var HTMLFeaasComponent = class extends WebComponent {
             renderDOMContent(this, this.template, newProps.data);
           }).catch(() => {
             console.error(
-              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.variant}/${newProps.version}`
+              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.version}/${newProps.revision}`
             );
           });
         }
@@ -1266,8 +1268,8 @@ var HTMLFeaasComponent = class extends WebComponent {
       data: this.getData(),
       library: this.getAttribute("library") || void 0,
       component: this.getAttribute("component") || void 0,
-      variant: this.getAttribute("variant") || void 0,
       version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }
@@ -1278,7 +1280,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
     this.connected = false;
   }
   static get observedAttributes() {
-    return ["library", "version", "hostname"];
+    return ["library", "revision", "hostname"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1299,7 +1301,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
   getProps() {
     return {
       library: this.getAttribute("library") || void 0,
-      version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }
@@ -1319,12 +1321,12 @@ function Component(props) {
       if (template == null && !("template" in props)) {
         fetchComponent(props, setTemplate).catch(() => {
           console.error(
-            `FEAAS: Could not fetch component: ${props.library}/${props.component}/${props.variant}/${props.version}`
+            `FEAAS: Could not fetch component: ${props.library}/${props.component}/${props.version}/${props.revision}`
           );
         });
       }
     },
-    "template" in props ? [props.template, null, null, null] : [props.library, props.component, props.variant, props.version, props.hostname]
+    "template" in props ? [props.template, null, null, null] : [props.library, props.component, props.version, props.revision, props.hostname]
   );
   import_react.default.useEffect(() => {
     if (ref.current && template) {

package/dist/node/react.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { b as FEAASComponentProps, C as CloudStylesheet, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations } from './webcomponent-189a307d.js';
-export { C as CloudStylesheet, k as CloudTemplate, D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, d as autoloadScripts, c as cleanCollectionBit, t as fetchComponent, u as fetchStylesheet, m as getComponentURL, p as getStylesheetURL, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-189a307d.js';
+import { b as FEAASComponentProps, C as CloudStylesheet, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, D as Datascopes, F as FEAASCustomizations } from './webcomponent-7a0e7c34.js';
+export { C as CloudStylesheet, k as CloudTemplate, D as Datascopes, E as ExplicitTemplate, b as FEAASComponentProps, F as FEAASCustomizations, H as HTMLFeaasComponent, a as HTMLFeaasStylesheet, d as autoloadScripts, c as cleanCollectionBit, t as fetchComponent, u as fetchStylesheet, m as getComponentURL, p as getStylesheetURL, l as loadScript, n as normalizeCollectionScope, o as observeDOMElement, q as queryScopes, i as renderComponent, r as renderComponentElement, j as renderComponentPromise, f as renderDOMContent, e as renderDOMElement, g as renderStylesheet, h as renderStylesheetPromise, s as setDOMAttribute } from './webcomponent-7a0e7c34.js';
 
 declare function Component(props: FEAASComponentProps): React.DetailedReactHTMLElement<{
     ref: React.MutableRefObject<HTMLElement>;

package/dist/node/react.js

@@ -84,17 +84,17 @@ function getComponentURL({
   hostname = "https://feaascomponentsapidev.blob.core.windows.net",
   library,
   component,
-  variant,
-  version = "published"
+  version,
+  revision = "published"
 }) {
-  return `${hostname}/components/${component}/variants/${variant}/${version}.html`;
+  return `${hostname}/components/${library}/${component}/${version}/${revision}.html`;
 }
 function getStylesheetURL({
   hostname = `https://feaascomponentsapidev.blob.core.windows.net`,
   library,
-  version = "published"
+  revision = "published"
 }) {
-  return `${hostname}/styles/${library}/${version}.css`;
+  return `${hostname}/styles/${library}/${revision}.css`;
 }
 function fetchComponent(props, callback) {
   return __async(this, null, function* () {
@@ -102,7 +102,7 @@ function fetchComponent(props, callback) {
       getComponentURL(props),
       {},
       (response) => {
-        return response.headers.get("x-ms-meta-variantDeletedAt") == null;
+        return response.headers.get("x-ms-meta-versionDeletedAt") == null;
       },
       (response) => {
         response.text().then(callback);
@@ -927,7 +927,7 @@ function queryScopes(scopes, datapath, singleValue = false, json = scopes) {
     path,
     json
   });
-  if (singleValue && collection) {
+  if (singleValue && collection && Array.isArray(collection)) {
     return collection[0];
   } else {
     return collection;
@@ -946,6 +946,8 @@ function setDOMAttribute(element, attribute, value, config) {
     target = element.tagName == "IMG" ? element : element.querySelector("img, video");
   } else if (attribute == "data-path-href") {
     target = element.querySelector("a") || element.closest("a");
+  } else if (attribute == "data-path-alt") {
+    target = element.querySelector("img, picture");
   } else if (attribute == "data-path-hidden") {
     value = !value ? true : null;
   } else if (attribute == "data-path" || attribute == "data-embed-html" || attribute == "html") {
@@ -1137,7 +1139,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     this.isFetching = false;
   }
   static get observedAttributes() {
-    return ["data", "library", "component", "variant", "version", "hostname", "template"];
+    return ["data", "library", "component", "version", "revision", "hostname", "template"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1200,7 +1202,7 @@ var HTMLFeaasComponent = class extends WebComponent {
     const newProps = this.getProps();
     if (this.template == null) {
       if (!this.isFetching) {
-        if (newProps.component != null && newProps.variant != null) {
+        if (newProps.component != null && newProps.version != null) {
           this.isFetching = true;
           fetchComponent(newProps, (template) => {
             this.template = template;
@@ -1208,7 +1210,7 @@ var HTMLFeaasComponent = class extends WebComponent {
             renderDOMContent(this, this.template, newProps.data);
           }).catch(() => {
             console.error(
-              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.variant}/${newProps.version}`
+              `FEAAS: Could not fetch component: ${newProps.component}/${newProps.version}/${newProps.revision}`
             );
           });
         }
@@ -1222,8 +1224,8 @@ var HTMLFeaasComponent = class extends WebComponent {
       data: this.getData(),
       library: this.getAttribute("library") || void 0,
       component: this.getAttribute("component") || void 0,
-      variant: this.getAttribute("variant") || void 0,
       version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }
@@ -1234,7 +1236,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
     this.connected = false;
   }
   static get observedAttributes() {
-    return ["library", "version", "hostname"];
+    return ["library", "revision", "hostname"];
   }
   connectedCallback() {
     this.connected = true;
@@ -1255,7 +1257,7 @@ var HTMLFeaasStylesheet = class extends WebComponent {
   getProps() {
     return {
       library: this.getAttribute("library") || void 0,
-      version: this.getAttribute("version") || void 0,
+      revision: this.getAttribute("revision") || void 0,
       hostname: this.getAttribute("hostname") || void 0
     };
   }
@@ -1275,12 +1277,12 @@ function Component(props) {
       if (template == null && !("template" in props)) {
         fetchComponent(props, setTemplate).catch(() => {
           console.error(
-            `FEAAS: Could not fetch component: ${props.library}/${props.component}/${props.variant}/${props.version}`
+            `FEAAS: Could not fetch component: ${props.library}/${props.component}/${props.version}/${props.revision}`
           );
         });
       }
     },
-    "template" in props ? [props.template, null, null, null] : [props.library, props.component, props.variant, props.version, props.hostname]
+    "template" in props ? [props.template, null, null, null] : [props.library, props.component, props.version, props.revision, props.hostname]
   );
   React.useEffect(() => {
     if (ref.current && template) {

package/dist/node/{webcomponent-189a307d.d.ts → webcomponent-7a0e7c34.d.ts}

@@ -2,16 +2,16 @@ interface CloudTemplate {
     hostname?: string;
     library: string;
     component: string;
-    variant: string;
-    version?: string;
+    version: string;
+    revision?: string;
 }
 interface CloudStylesheet {
     hostname?: string;
     library: string;
-    version?: string;
+    revision?: string;
 }
-declare function getComponentURL({ hostname, library, component, variant, version }: CloudTemplate): string;
-declare function getStylesheetURL({ hostname, library, version }: CloudStylesheet): string;
+declare function getComponentURL({ hostname, library, component, version, revision }: CloudTemplate): string;
+declare function getStylesheetURL({ hostname, library, revision }: CloudStylesheet): string;
 declare function fetchComponent(props: CloudTemplate, callback: (html: string) => void): Promise<Response>;
 declare function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void): Promise<Response>;
 
@@ -51,8 +51,8 @@ declare global {
                 data?: any;
                 library: string;
                 component: string;
-                variant: string;
-                version?: string;
+                version: string;
+                revision?: string;
                 hostname?: string;
                 template?: string;
                 children?: any;
@@ -95,7 +95,7 @@ declare class HTMLFeaasStylesheet extends WebComponent {
     render(): void;
     getProps(): {
         library: string;
-        version: string;
+        revision: string;
         hostname: string;
     };
 }

package/examples/index.html

@@ -4,8 +4,8 @@
     FEAAS.renderComponent(
       {
         componentId: 'our-dominator1',
-        variantId: 'dominator1-variant2',
-        version: 'staged',
+        versionId: 'dominator1-version2',
+        revision: 'staged',
         hostname: 'https://feaascomponentsapidev.blob.core.windows.net',
         data: data
       },