@vcmap/core 5.0.0-rc.1 → 5.0.0-rc.12

package/src/{vcs/vcm/layer/featureStore.js → layer/featureStoreLayer.js}

@@ -1,34 +1,34 @@
-import axios from 'axios';
 import Feature from 'ol/Feature.js';
-import { Cesium3DTileFeature, Cesium3DTilePointFeature, ImagerySplitDirection } from '@vcmap/cesium';
+import { Cesium3DTileFeature, Cesium3DTilePointFeature, SplitDirection } from '@vcmap/cesium';
 import VectorSource from 'ol/source/Vector.js';
 import { createEmpty, extend as extendExtent } from 'ol/extent.js';
 
-import Vector from './vector.js';
-import { featureStoreStateSymbol, featureStoreState } from './featureStoreState.js';
+import VectorLayer from './vectorLayer.js';
+import { featureStoreStateSymbol, FeatureStoreLayerState } from './featureStoreLayerState.js';
 import { parseGeoJSON } from './geojsonHelpers.js';
 import { mercatorProjection } from '../util/projection.js';
-import FeatureStoreChanges from './featureStoreChanges.js';
-import VectorStyleItem, { defaultVectorStyle, vectorStyleSymbol } from '../util/style/vectorStyleItem.js';
+import FeatureStoreLayerChanges from './featureStoreLayerChanges.js';
+import VectorStyleItem, { defaultVectorStyle, vectorStyleSymbol } from '../style/vectorStyleItem.js';
 import FeatureVisibility, {
   FeatureVisibilityAction,
   originalStyle,
   synchronizeFeatureVisibility,
   updateOriginalStyle,
 } from './featureVisibility.js';
-import CesiumTilesetCesium, { getExtentFromTileset } from './cesium/cesiumTilesetCesium.js';
-import CesiumMap from '../maps/cesium.js';
-import Openlayers from '../maps/openlayers.js';
-import Oblique from '../maps/oblique.js';
-import CesiumTileset from './cesiumTileset.js';
+import CesiumTilesetCesiumImpl, { getExtentFromTileset } from './cesium/cesiumTilesetCesiumImpl.js';
+import CesiumMap from '../map/cesiumMap.js';
+import OpenlayersMap from '../map/openlayersMap.js';
+import ObliqueMap from '../map/obliqueMap.js';
+import CesiumTilesetLayer from './cesiumTilesetLayer.js';
 import VectorProperties from './vectorProperties.js';
-import VectorOpenlayers from './openlayers/vectorOpenlayers.js';
+import VectorOpenlayersImpl from './openlayers/vectorOpenlayersImpl.js';
 import Layer from './layer.js';
-import DeclarativeStyleItem from '../util/style/declarativeStyleItem.js';
-import VectorOblique from './oblique/vectorOblique.js';
+import DeclarativeStyleItem from '../style/declarativeStyleItem.js';
+import VectorObliqueImpl from './oblique/vectorObliqueImpl.js';
 import Extent from '../util/extent.js';
 import { isMobile } from '../util/isMobile.js';
-import { VcsClassRegistry } from '../classRegistry.js';
+import { layerClassRegistry } from '../classRegistry.js';
+import { requestJson } from '../util/fetch.js';
 
 /**
  * @typedef {Object} FeatureStoreStaticRepresentation
@@ -43,7 +43,7 @@ import { VcsClassRegistry } from '../classRegistry.js';
  * @property {Object} properties - the properties bag
  * @property {Object} geometry
  * @property {Object|undefined} vcsMeta
- * @property {featureStoreState} state
+ * @property {FeatureStoreLayerState} state
  * @property {string} type - the featureType
  * @todo write vcsMeta for features
  * @todo set type to be one of an enum
@@ -66,7 +66,7 @@ import { VcsClassRegistry } from '../classRegistry.js';
 
 /**
  * @typedef {FeatureStoreLayerSchema} FeatureStoreOptions
- * @property {Function|undefined} injectedFetchDynamicFeatureFunc - injected function for fetching dynamic features from a remote FeatureStore server
+ * @property {Function|undefined} injectedFetchDynamicFeatureFunc - injected function for fetching dynamic features from a remote FeatureStoreLayer server
  * @api
  */
 
@@ -74,14 +74,13 @@ import { VcsClassRegistry } from '../classRegistry.js';
 export const isTiledFeature = Symbol('isTiledFeature');
 
 /**
- * FeatureStore Layer
+ * FeatureStoreLayer Layer
  * @class
- * @export
- * @extends {Vector}
+ * @extends {VectorLayer}
  * @api
  */
-class FeatureStore extends Vector {
-  static get className() { return 'vcs.vcm.layer.FeatureStore'; }
+class FeatureStoreLayer extends VectorLayer {
+  static get className() { return 'FeatureStoreLayer'; }
 
   /**
    * @returns {FeatureStoreOptions}
@@ -89,11 +88,11 @@ class FeatureStore extends Vector {
   static getDefaultOptions() {
     return {
       id: '',
-      type: 'vcs.vcm.layer.FeatureStore',
+      type: 'FeatureStoreLayer',
       featureType: 'simple',
       features: [],
-      ...Vector.getDefaultOptions(),
-      projection: mercatorProjection.getConfigObject(),
+      ...VectorLayer.getDefaultOptions(),
+      projection: mercatorProjection.toJSON(),
       staticRepresentation: {},
       hiddenStaticFeatureIds: [],
       vcsMeta: {
@@ -108,7 +107,7 @@ class FeatureStore extends Vector {
    * @param {FeatureStoreOptions} options
    */
   constructor(options) {
-    const defaultOptions = FeatureStore.getDefaultOptions();
+    const defaultOptions = FeatureStoreLayer.getDefaultOptions();
     const vectorOptions = {
       projection: defaultOptions.projection,
       ...options,
@@ -116,8 +115,8 @@ class FeatureStore extends Vector {
     super(vectorOptions);
     this._supportedMaps = [
       CesiumMap.className,
-      Openlayers.className,
-      Oblique.className,
+      OpenlayersMap.className,
+      ObliqueMap.className,
     ];
 
     /**
@@ -136,10 +135,10 @@ class FeatureStore extends Vector {
     this.hiddenStaticFeatureIds = new Set(options.hiddenStaticFeatureIds || defaultOptions.hiddenStaticFeatureIds);
 
     /**
-     * @type {FeatureStoreChanges}
+     * @type {FeatureStoreLayerChanges}
      * @api
      */
-    this.changeTracker = new FeatureStoreChanges(this);
+    this.changeTracker = new FeatureStoreLayerChanges(this);
 
     const { vcsMeta } = defaultOptions;
     if (options.vcsMeta) {
@@ -249,7 +248,7 @@ class FeatureStore extends Vector {
   _loadTwoDim() {
     if (!this._twoDimLoaded) {
       this._twoDimLoaded = (async () => {
-        const { data } = await axios.get(this.staticRepresentation.twoDim);
+        const data = await requestJson(this.staticRepresentation.twoDim);
         const { features } = parseGeoJSON(data, {
           targetProjection: mercatorProjection,
           dynamicStyle: true,
@@ -288,14 +287,14 @@ class FeatureStore extends Vector {
 
   /**
    * @param {import("@vcmap/core").VcsMap} map
-   * @returns {Array<VectorOblique|import("@vcmap/core").VectorCesium|VectorOpenlayers|CesiumTilesetCesium>}
+   * @returns {Array<VectorObliqueImpl|import("@vcmap/core").VectorCesiumImpl|VectorOpenlayersImpl|CesiumTilesetCesiumImpl>}
    */
   // @ts-ignore
   createImplementationsForMap(map) {
     const impls = /** @type {Array<import("@vcmap/core").LayerImplementation>} */
       (super.createImplementationsForMap(map));
     if (map instanceof CesiumMap && this.staticRepresentation && this.staticRepresentation.threeDim) {
-      impls.push(new CesiumTilesetCesium(map, /** @type {CesiumTilesetImplementationOptions} */ ({
+      impls.push(new CesiumTilesetCesiumImpl(map, /** @type {CesiumTilesetImplementationOptions} */ ({
         url: this.staticRepresentation.threeDim,
         tilesetOptions: {
           maximumScreenSpaceError: isMobile() ? this.screenSpaceErrorMobile : this.screenSpaceError,
@@ -310,19 +309,20 @@ class FeatureStore extends Vector {
         name: this.name,
         style: this.style,
         featureVisibility: this._staticFeatureVisibility,
-        splitDirection: ImagerySplitDirection.NONE,
+        globalHider: this.globalHider,
+        splitDirection: SplitDirection.NONE,
         jumpToLocation: false,
       })));
     } else if (this.staticRepresentation && this.staticRepresentation.twoDim) {
       this._loadTwoDim();
-      if (map instanceof Openlayers) {
-        impls.push(new VectorOpenlayers(map, this._getTwoDimStaticImplOptions()));
-      } else if (map instanceof Oblique) {
-        impls.push(new VectorOblique(map, this._getTwoDimStaticImplOptions()));
+      if (map instanceof OpenlayersMap) {
+        impls.push(new VectorOpenlayersImpl(map, this._getTwoDimStaticImplOptions()));
+      } else if (map instanceof ObliqueMap) {
+        impls.push(new VectorObliqueImpl(map, this._getTwoDimStaticImplOptions()));
       }
     }
     // eslint-disable-next-line max-len
-    return /** @type {Array<VectorOblique|import("@vcmap/core").VectorCesium|VectorOpenlayers|CesiumTilesetCesium>} */ (impls);
+    return /** @type {Array<VectorObliqueImpl|import("@vcmap/core").VectorCesiumImpl|VectorOpenlayersImpl|CesiumTilesetCesiumImpl>} */ (impls);
   }
 
   /**
@@ -371,7 +371,7 @@ class FeatureStore extends Vector {
 
   /**
    * @inheritDoc
-   * @param {string|import("ol/style/Style").default|import("ol/style/Style").StyleFunction|import("@vcmap/core").StyleItem} style
+   * @param {import("ol/style/Style").default|import("ol/style/Style").StyleFunction|import("@vcmap/core").StyleItem} style
    * @param {boolean=} silent
    * @api
    */
@@ -409,7 +409,7 @@ class FeatureStore extends Vector {
    */
   setEditing(symbol, featureType) {
     this.getImplementations().forEach((impl) => {
-      if (impl instanceof CesiumTilesetCesium) {
+      if (impl instanceof CesiumTilesetCesiumImpl) {
         if (impl.initialized) {
           if (featureType != null) {
             impl.cesium3DTileset[symbol] = featureType;
@@ -447,7 +447,7 @@ class FeatureStore extends Vector {
    */
   objectClickedHandler(feature) {
     if ((feature instanceof Cesium3DTileFeature || feature instanceof Cesium3DTilePointFeature)) {
-      return CesiumTileset.prototype.objectClickedHandler.call(this, feature);
+      return CesiumTilesetLayer.prototype.objectClickedHandler.call(this, feature);
     } else if (feature instanceof Feature) {
       return super.objectClickedHandler(feature);
     }
@@ -463,7 +463,7 @@ class FeatureStore extends Vector {
       // @ts-ignore
       return super.getGenericFeatureFromClickedObject(/** @type {VectorClickedObject} */ (object));
     }
-    const generic = CesiumTileset.prototype.getGenericFeatureFromClickedObject.call(this, object);
+    const generic = CesiumTilesetLayer.prototype.getGenericFeatureFromClickedObject.call(this, object);
     generic.layerName = this.name;
     generic.layerClass = this.className;
     return generic;
@@ -481,9 +481,9 @@ class FeatureStore extends Vector {
     const extent = super.getZoomToExtent();
     const mercatorExtent = extent ? extent.getCoordinatesInProjection(mercatorProjection) : createEmpty();
     if (this.staticRepresentation.threeDim) {
-      const threeDImpl = /** @type {CesiumTilesetCesium} */ (this.getImplementations()
+      const threeDImpl = /** @type {CesiumTilesetCesiumImpl} */ (this.getImplementations()
         .find((impl) => {
-          return impl instanceof CesiumTilesetCesium && impl.cesium3DTileset;
+          return impl instanceof CesiumTilesetCesiumImpl && impl.cesium3DTileset;
         }));
 
       if (threeDImpl) {
@@ -497,7 +497,7 @@ class FeatureStore extends Vector {
     }
 
     const actualExtent = new Extent({
-      ...mercatorProjection.getConfigObject(),
+      projection: mercatorProjection.toJSON(),
       coordinates: mercatorExtent,
     });
 
@@ -522,7 +522,7 @@ class FeatureStore extends Vector {
 
     this.getImplementations()
       .forEach((impl) => {
-        if (impl instanceof CesiumTilesetCesium && impl.cesium3DTileset) {
+        if (impl instanceof CesiumTilesetCesiumImpl && impl.cesium3DTileset) {
           impl.cesium3DTileset.maximumScreenSpaceError = value;
         }
       });
@@ -530,7 +530,7 @@ class FeatureStore extends Vector {
 
   /**
    * switch an array of static features to dynamic features
-   * This is done by hiding the static features and adding their dynamic counterparts to the FeatureStore layer
+   * This is done by hiding the static features and adding their dynamic counterparts to the FeatureStoreLayer layer
    * @param {string|number} [featureId] input static feature ID
    * @returns {Promise<import("ol").Feature<import("ol/geom/Geometry").default>>}
    * @api
@@ -573,7 +573,7 @@ class FeatureStore extends Vector {
     this.hiddenStaticFeatureIds.add(featureId);
     const feature = new Feature();
     feature.setId(featureId);
-    feature[featureStoreStateSymbol] = featureStoreState.STATIC;
+    feature[featureStoreStateSymbol] = FeatureStoreLayerState.STATIC;
     this.changeTracker.removeFeature(feature);
   }
 
@@ -596,9 +596,9 @@ class FeatureStore extends Vector {
    * @inheritDoc
    * @returns {FeatureStoreOptions}
    */
-  getConfigObject() {
-    const config = /** @type {FeatureStoreOptions} */ (super.getConfigObject());
-    const defaultOptions = FeatureStore.getDefaultOptions();
+  toJSON() {
+    const config = /** @type {FeatureStoreOptions} */ (super.toJSON());
+    const defaultOptions = FeatureStoreLayer.getDefaultOptions();
 
     delete config.projection;
     config.vcsMeta = this.vectorProperties
@@ -643,5 +643,5 @@ class FeatureStore extends Vector {
   }
 }
 
-VcsClassRegistry.registerClass(FeatureStore.className, FeatureStore);
-export default FeatureStore;
+layerClassRegistry.registerClass(FeatureStoreLayer.className, FeatureStoreLayer);
+export default FeatureStoreLayer;

package/src/{vcs/vcm/layer/featureStoreChanges.js → layer/featureStoreLayerChanges.js}

@@ -1,10 +1,10 @@
-import axios from 'axios';
 import { unByKey } from 'ol/Observable.js';
 import Feature from 'ol/Feature.js';
 import { check } from '@vcsuite/check';
-import { featureStoreState, featureStoreStateSymbol } from './featureStoreState.js';
+import { FeatureStoreLayerState, featureStoreStateSymbol } from './featureStoreLayerState.js';
 import { parseGeoJSON, writeGeoJSONFeature } from './geojsonHelpers.js';
-import VcsObject from '../object.js';
+import VcsObject from '../vcsObject.js';
+import { requestJson } from '../util/fetch.js';
 
 /**
  * @typedef {Object} FeatureStoreTrackResults
@@ -26,22 +26,81 @@ import VcsObject from '../object.js';
  * @property {boolean} changed
  */
 
+/**
+ * @typedef {Object} CommitAction
+ * @property {string} action
+ * @property {import("ol/format/GeoJSON").GeoJSONFeature} feature
+ * @property {import("ol").Feature<import("ol/geom/Geometry").default>} original
+ * @property {function(string=):void} success
+ */
+
+/**
+ * @param {Set<import("ol").Feature<import("ol/geom/Geometry").default>>} added
+ * @param {Set<import("ol").Feature<import("ol/geom/Geometry").default>>} edited
+ * @param {Set<import("ol").Feature<import("ol/geom/Geometry").default>>} removed
+ * @returns {Array<CommitAction>}
+ * @private
+ */
+export function createCommitActions(added, edited, removed) {
+  const actions = [];
+  added.forEach((f) => {
+    const feature = writeGeoJSONFeature(f, { writeStyle: true });
+    actions.push({
+      action: 'add',
+      feature,
+      original: f,
+      success(data) {
+        f.setId(data);
+        f[featureStoreStateSymbol] = FeatureStoreLayerState.DYNAMIC;
+      },
+    });
+  });
+
+  edited.forEach((f) => {
+    const feature = writeGeoJSONFeature(f, { writeStyle: true });
+    feature._id = f.getId();
+    feature.geomety = 'test'; // XXX why test???
+    actions.push({
+      action: 'edit',
+      original: f,
+      feature,
+      success() {
+        if (f[featureStoreStateSymbol] === FeatureStoreLayerState.STATIC) {
+          f[featureStoreStateSymbol] = FeatureStoreLayerState.EDITED;
+        }
+      },
+    });
+  });
+
+  removed.forEach((f) => {
+    const _id = f.getId();
+    actions.push({
+      original: f,
+      action: 'remove',
+      feature: { _id },
+      success() {},
+    });
+  });
+
+  return actions;
+}
+
 /**
  * do not construct directly, use the layers .changeTracker instead
  * @class
  * @extends {VcsObject}
  * @api
  */
-class FeatureStoreChanges extends VcsObject {
-  static get className() { return 'vcs.vcm.layer.FeatureStoreChanges'; }
+class FeatureStoreLayerChanges extends VcsObject {
+  static get className() { return 'FeatureStoreLayerChanges'; }
 
   /**
-   * @param {import("@vcmap/core").FeatureStore} layer
+   * @param {import("@vcmap/core").FeatureStoreLayer} layer
    */
   constructor(layer) {
     super({});
 
-    /** @type {import("@vcmap/core").FeatureStore} */
+    /** @type {import("@vcmap/core").FeatureStoreLayer} */
     this.layer = layer;
     /** @type {FeatureStoreChangesListeners} */
     this._changesListeners = {
@@ -107,85 +166,42 @@ class FeatureStoreChanges extends VcsObject {
    * @returns {Promise<void>}
    * @api
    */
-  commitChanges(url) {
-    const actions = [];
-    this._addedFeatures.forEach((f) => {
-      const feature = writeGeoJSONFeature(f, { writeStyle: true });
-      actions.push({
-        action: 'add',
-        feature,
-        original: f,
-        success(data) {
-          f.setId(data);
-          f[featureStoreStateSymbol] = featureStoreState.DYNAMIC;
+  async commitChanges(url) {
+    const actions = createCommitActions(this._addedFeatures, this._editedFeatures, this._removedFeatures);
+    if (actions.length > 0) {
+      const data = await requestJson(url.toString(), {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
         },
+        body: JSON.stringify(actions.map(a => ({ action: a.action, feature: a.feature }))),
       });
-    });
 
-    this._editedFeatures.forEach((f) => {
-      const feature = writeGeoJSONFeature(f, { writeStyle: true });
-      feature._id = f.getId();
-      feature.geomety = 'test';
-      actions.push({
-        action: 'edit',
-        original: f,
-        feature,
-        success() {
-          if (f[featureStoreStateSymbol] === featureStoreState.STATIC) {
-            f[featureStoreStateSymbol] = featureStoreState.EDITED;
-          }
-        },
+      const failures = data.failedActions.map(({ index, error }) => {
+        const action = actions[index];
+        this.getLogger().log(`failed action ${action.action}: ${error}`);
+        actions[index] = null;
+        return this._resetFeature(action.original);
       });
-    });
 
-    this._removedFeatures.forEach((f) => {
-      const _id = f.getId();
-      actions.push({
-        original: f,
-        action: 'remove',
-        feature: { _id },
-        success() {},
-      });
-    });
-    /** @type {Promise<void>} */
-    let promise = Promise.resolve();
-    if (actions.length) {
-      // @ts-ignore
-      promise = axios.post(url.toString(), actions.map(a => ({ action: a.action, feature: a.feature })))
-        .then(({ data }) => {
-          const failures = data.failedActions.map(({ index, error }) => {
-            const action = actions[index];
-            this.getLogger().log(`failed action ${action.action}: ${error}`);
-            actions[index] = null;
-            return this._resetFeature(action.original);
-          });
-
-          actions
-            .filter(a => a)
-            .forEach(({ action, success }) => {
-              if (action === 'add') {
-                success(data.insertedIds.shift()._id); // XXX should this be shift or should we find the index?
-              } else {
-                success();
-              }
-            });
-          return Promise.all(failures);
+      actions
+        .filter(a => a)
+        .forEach(({ action, success }) => {
+          if (action === 'add') {
+            success(data.insertedIds.shift()._id); // XXX should this be shift or should we find the index?
+          } else {
+            success();
+          }
         });
-    }
-
-    return promise
-      .then(() => {
-        const promises = [];
-        this._convertedFeatures.forEach((f) => { promises.push(this._resetFeature(f)); });
-        return Promise.all(promises);
-      })
-      .then(() => {
-        this._resetValues();
-      })
-      .catch((err) => {
-        this._resetValues();
+      await Promise.all(failures);
+    } else {
+      try {
+        await Promise.all([...this._convertedFeatures].map(async (f) => { await this._resetFeature(f); }));
+      } catch (err) {
         this.getLogger().error(err.message);
-      });
+      }
+      this._resetValues();
+    }
   }
 
   /**
@@ -222,7 +238,7 @@ class FeatureStoreChanges extends VcsObject {
       return Promise.resolve();
     }
 
-    if (feature[featureStoreStateSymbol] === featureStoreState.STATIC) {
+    if (feature[featureStoreStateSymbol] === FeatureStoreLayerState.STATIC) {
       this.layer.resetStaticFeature(featureId);
       return Promise.resolve();
     }
@@ -279,7 +295,7 @@ class FeatureStoreChanges extends VcsObject {
     if (!feature[featureStoreStateSymbol]) {
       this._addedFeatures.add(feature);
       this.values.changed = true;
-    } else if (feature[featureStoreStateSymbol] === featureStoreState.STATIC) {
+    } else if (feature[featureStoreStateSymbol] === FeatureStoreLayerState.STATIC) {
       this._convertedFeatures.add(feature);
       this.values.changed = true;
     }
@@ -357,4 +373,4 @@ class FeatureStoreChanges extends VcsObject {
   }
 }
 
-export default FeatureStoreChanges;
+export default FeatureStoreLayerChanges;

package/src/{vcs/vcm/layer/featureStoreState.js → layer/featureStoreLayerState.js}

@@ -10,9 +10,8 @@ export const featureStoreStateSymbol = Symbol('vcsFeatureType');
  * @property {string} STATIC
  * @property {string} EDITED
  * @api
- * @export
  */
-export const featureStoreState = {
+export const FeatureStoreLayerState = {
   DYNAMIC: 'dynamic',
   STATIC: 'static',
   EDITED: 'edited',

package/src/{vcs/vcm/layer → layer}/featureVisibility.js

@@ -2,9 +2,9 @@ import { Color, Cesium3DTileFeature, Cesium3DTilePointFeature, Entity as CesiumE
 import Feature from 'ol/Feature.js';
 import Style from 'ol/style/Style.js';
 
-import VectorStyleItem, { fromCesiumColor } from '../util/style/vectorStyleItem.js';
-import { emptyStyle } from '../util/style/styleHelpers.js';
-import VcsEvent from '../event/vcsEvent.js';
+import VectorStyleItem, { fromCesiumColor } from '../style/vectorStyleItem.js';
+import { emptyStyle } from '../style/styleHelpers.js';
+import VcsEvent from '../vcsEvent.js';
 
 /**
  * Set on an ol.Feature or Cesium.Cesium3DTileFeature to indicate its style before it was hidden or highlighted.
@@ -181,7 +181,6 @@ export function showFeature(feature, symbol) {
 /**
  * Enumeration of feature visibility actions.
  * @enum {number}
- * @export
  * @api
  * @property {number} HIGHLIGHT
  * @property {number} UNHIGHLIGHT
@@ -232,6 +231,9 @@ export function synchronizeFeatureVisibility(source, destination) {
 }
 
 /**
+ * FeatureVisibility handles the visibility and highlighting of features of a specific {@link FeatureLayer} or {@link DataSourceLayer}
+ * and its {@link FeatureLayerImplementation} resp. {@link DataSourceCesiumImpl}.
+ * The visibility is being synchronized with the {@link GlobalHider}.
  * @class
  */
 class FeatureVisibility {
@@ -264,8 +266,9 @@ class FeatureVisibility {
           usedStyle = fromCesiumColor(style);
         } else if (style instanceof Style) {
           usedStyle = new VectorStyleItem({});
-          if (style.getText() && style.getText().getText()) {
-            usedStyle.label = style.getText().getText();
+          if (style.getText() && style.getText().getText() && !Array.isArray(style.getText().getText())) {
+            // getText can return a rich Text Array<string> We do not support this at the moment.
+            usedStyle.label = String(style.getText().getText());
           }
           usedStyle.style = style;
         }