Slb/ab/map layer object selection

sandbox.html

@@ -140,6 +140,9 @@
       createGeometry: data => cadenzaClient.createGeometry(data.embeddingTargetId, data.geometryType, getOptions(data)),
       editGeometry: ({ geometry, ...data }) => cadenzaClient.editGeometry(data.embeddingTargetId, JSON.parse(geometry), getOptions(data)),
       selectObjects: data => cadenzaClient.selectObjects(data.embeddingTargetId, getOptions(data)),
+      setSelection: data => cadenzaClient.setSelection(JSON.parse(data.layerPath), JSON.parse(data.values)),
+      addSelection: data => cadenzaClient.addSelection(JSON.parse(data.layerPath), JSON.parse(data.values)),
+      removeSelection: data => cadenzaClient.removeSelection(JSON.parse(data.layerPath), JSON.parse(data.values)),
       fetchData: data => {
         console.log('Inspect the fetchData() request in the devtools.');
         cadenzaClient.fetchData(data.embeddingTargetId, data.dataType, getOptions(data));
@@ -240,6 +243,9 @@
           <option value="createGeometry">Create Geometry</option>
           <option value="editGeometry">Edit Geometry</option>
           <option value="selectObjects">Select Objects</option>
+          <option value="setSelection">Set Selection</option>
+          <option value="addSelection">Add Selection</option>
+          <option value="removeSelection">Remove Selection</option>
           <option value="downloadData">Download data</option>
           <option value="fetchData">Fetch data</option>
         </select>
@@ -457,6 +463,39 @@
   </div>
 </template>
 
+<template data-action="setSelection">
+  <div>
+    <label for="layerPath">Path to the dataview layer * (JSON Array)</label>
+    <textarea name="layerPath" id="layerPath" rows="5" required></textarea>
+  </div>
+  <div>
+    <label for="values">List of Object identifiers * (JSON Array)</label>
+    <textarea name="values" id="values" rows="5" required></textarea>
+  </div>
+</template>
+
+<template data-action="addSelection">
+  <div>
+    <label for="layerPath">Path to the dataview layer * (JSON Array)</label>
+    <textarea name="layerPath" id="layerPath" rows="5" required></textarea>
+  </div>
+  <div>
+    <label for="values">List of Object identifiers * (JSON Array)</label>
+    <textarea name="values" id="values" rows="5" required></textarea>
+  </div>
+</template>
+
+<template data-action="removeSelection">
+  <div>
+    <label for="layerPath">Path to the dataview layer * (JSON Array)</label>
+    <textarea name="layerPath" id="layerPath" rows="5" required></textarea>
+  </div>
+  <div>
+    <label for="values">List of Object identifiers * (JSON Array)</label>
+    <textarea name="values" id="values" rows="5" required></textarea>
+  </div>
+</template>
+
 <template data-action="downloadData" data-common="data">
   <div>
     <label for="embeddingTargetId">Embedding target ID *</label>

src/cadenza.js

@@ -300,6 +300,7 @@ export class CadenzaClient {
       operationMode,
       useMapSrs,
     });
+    params.append('targetType', 'MAP');
     await this.#show(resolvePath(mapView), params, signal);
     if (geometry) {
       this.#postEvent('setGeometry', { geometry });
@@ -327,6 +328,51 @@ export class CadenzaClient {
     return this.#postRequest('setFilter', { filter });
   }
 
+  /**
+   * Set Selection in the currently shown map view.
+   *
+   * @param {WorkbookLayerPath} layer - The data view layer to set the selection in
+   * @param {string[]} values - The variable values
+   * @return {Promise<void>} A 'Promise' for when the selection was set.
+   */
+  setSelection(
+    /** @type WorkbookLayerPath */ layer,
+    /** @type string[] */ values,
+  ) {
+    this.#log('CadenzaClient#setSelection', layer, values);
+    return this.#postRequest('setSelection', { layer, values });
+  }
+
+  /**
+   * Add Selection in the currently shown map view.
+   *
+   * @param {WorkbookLayerPath} layer - The data view layer to add the selection in
+   * @param {string[]} values - The variable values
+   * @return {Promise<void>} A 'Promise' for when the selection was added.
+   */
+  addSelection(
+    /** @type WorkbookLayerPath */ layer,
+    /** @type string[] */ values,
+  ) {
+    this.#log('CadenzaClient#addSelection', layer, values);
+    return this.#postRequest('addSelection', { layer, values });
+  }
+
+  /**
+   * Remove Selection in the currently shown map view.
+   *
+   * @param {WorkbookLayerPath} layer - The data view layer to remove the selection from
+   * @param {string[]} values - The variable values
+   * @return {Promise<void>} A 'Promise' for when the selection was removed.
+   */
+  removeSelection(
+    /** @type WorkbookLayerPath */ layer,
+    /** @type string[] */ values,
+  ) {
+    this.#log('CadenzaClient#removeSelection', layer, values);
+    return this.#postRequest('removeSelection', { layer, values });
+  }
+
   /**
    * Create a geometry.
    *

src/docs.md

@@ -92,6 +92,7 @@ cadenzaClient.show('{embeddingTargetId}', {
 });
 ```
 
+- The embedded target id can be defined for an open "workbook" in the menu under "more -> Manage workbook -> Embeddeding"
 - If the embedding target cannot be resolved, a 404 page is shown to the user.
 - Cadenza JS does not handle user authentication: If the user is not already logged in, the normal authentication flow of Cadenza will run. By default, the login page would be shown to the user.