@esri/solutions-components 0.5.7 → 0.5.8

package/dist/collection/utils/downloadUtils.ts

@@ -43,6 +43,25 @@ interface IAttributeTypes {
   [attributeName: string]: string;
 }
 
+interface ILayerRelationshipQuery {
+  layer: __esri.FeatureLayer;
+  relatedQuery: IRelatedFeaturesQuery;
+}
+
+interface ILayerRelationshipQueryHash {
+  [relationshipId: string]: ILayerRelationshipQuery;
+}
+
+// Class RelationshipQuery doesn't appear to work, and so since
+// https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#queryRelatedFeatures
+// says that the relationshipQuery argument is autocast, we'll set up a variant for the class
+interface IRelatedFeaturesQuery {
+  outFields: string[];
+  relationshipId: string;
+  returnGeometry: boolean;
+  objectIds?: number;
+}
+
 const lineSeparatorChar = "|";
 
 //#endregion
@@ -278,6 +297,44 @@ export function _createFilename(
   return title;
 }
 
+/**
+ * Creates relationship queries for each relationship flag in a popup.
+ * @param layer Layer whose popup is to be examined
+ * @return Hash of relationships by their id, or null if there are no relationship flags in the
+ * popup; each relationship has the properties layer and relatedQuery for the related layer
+ * and the query for that layer
+ */
+export function _createRelationshipQueries(
+  layer: __esri.FeatureLayer,
+): ILayerRelationshipQueryHash {
+
+  const relationships: ILayerRelationshipQueryHash = {};
+  const relationshipFieldPattern = /\{relationships\/\d+\//gm;
+  const relationshipIdPattern = /\d+/;
+
+  // Test if this popup has any relationship references
+  const matches = layer.popupTemplate.content[0].text.match(relationshipFieldPattern);
+  if (matches) {
+    matches.forEach(match => {
+      // Add a query to a found relationship if we don't already have one
+      const id = match.match(relationshipIdPattern)[0];
+      if (!relationships.hasOwnProperty(id)) {
+        const relatedQuery: IRelatedFeaturesQuery = {
+          outFields: ['*'],
+          relationshipId: id,
+          returnGeometry: false
+        };
+        relationships[id] = {
+          layer,
+          relatedQuery
+        } as ILayerRelationshipQuery;
+      }
+    });
+  }
+
+  return relationships;
+}
+
 /**
  * Prepares an attribute's value by applying domain and type information.
  *
@@ -369,6 +426,7 @@ async function _prepareLabels(
 
   // Get the label formatting, if any
   let labelFormat: string;
+  let relationshipQueries: ILayerRelationshipQueryHash = {};
   let arcadeExecutors: IArcadeExecutors = {};
   if (layer.popupEnabled) {
     layer.popupTemplate.fieldInfos.forEach(
@@ -401,6 +459,9 @@ async function _prepareLabels(
     } else if (formatUsingLayerPopup && layer.popupTemplate?.content[0]?.type === "text") {
       labelFormat = _convertPopupTextToLabelSpec(layer.popupTemplate.content[0].text);
 
+      // Do we need any relationship queries?
+      relationshipQueries = _createRelationshipQueries(layer);
+
       // Do we need any Arcade executors?
       arcadeExecutors = await _createArcadeExecutors(labelFormat, layer);
     }
@@ -410,41 +471,100 @@ async function _prepareLabels(
   let labels: string[][];
   // eslint-disable-next-line unicorn/prefer-ternary
   if (labelFormat) {
+    console.log("labelFormat", labelFormat);//???
     const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
     const attributeRegExp = /\{\w+\}/g;
 
     // Find the label fields that we need to replace with values
-    const arcadeExpressionMatches = labelFormat.match(arcadeExpressionRegExp);
-    const attributeMatches = labelFormat.match(attributeRegExp);
+    const arcadeExpressionMatches = labelFormat.match(arcadeExpressionRegExp) ?? [];
+    const attributeMatches = labelFormat.match(attributeRegExp) ?? [];
 
     // Convert feature attributes into an array of labels
-    labels = featureSet.features.map(
-      feature => {
+    const relationshipKeys = Object.keys(relationshipQueries);
+    labels = await Promise.all(featureSet.features.map(
+      async feature => {
         let labelPrep = labelFormat;
 
-        // Replace Arcade expressions
-        if (arcadeExpressionMatches) {
-          arcadeExpressionMatches.forEach(
-            (match: string) => {
-              const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
-              const value = arcadeExecutors[expressionName].execute({"$feature": feature});
-              labelPrep = labelPrep.replace(match, value);
-            }
-          )
-        }
+        // Replace Arcade expressions in this feature
+        arcadeExpressionMatches.forEach(
+          (match: string) => {
+            const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
+            const value = arcadeExecutors[expressionName].execute({"$feature": feature});
+            labelPrep = labelPrep.replace(match, value);
+          }
+        )
+
+        // Replace relationship expressions in this feature
+        const relatedFeatureQueries = [] as Promise<__esri.FeatureSet>[];
+        const relationshipIds = [] as string[];
+        relationshipKeys.forEach(
+          (relationshipId) => {
+            const relationship = relationshipQueries[relationshipId];
+            const objectId = feature.attributes[relationship.layer.objectIdField];
+            const relatedQuery = {
+              ...relationship.relatedQuery,
+              objectIds: [objectId]
+            };
+            relatedFeatureQueries.push(relationship.layer.queryRelatedFeatures(relatedQuery as any));
+            relationshipIds.push(relationshipId);
+          }
+        );
 
-        // Replace non-Arcade fields
-        if (attributeMatches) {
-          attributeMatches.forEach(
-            (match: string) => {
-              const attributeName = match.substring(1, match.length - 1);
-              const value = _prepareAttributeValue(feature.attributes[attributeName],
-                attributeTypes[attributeName], attributeDomains[attributeName],
-                attributeFormats[attributeName], intl);
-              labelPrep = labelPrep.replace(match, value);
-            }
-          )
-        }
+        // Wait for all of the queries for related records for this label
+        const relatedFeatureQueryResults = await Promise.all(relatedFeatureQueries);
+        console.log("relatedFeatureQueryResults", relatedFeatureQueryResults);//???
+        relatedFeatureQueryResults.forEach(
+          (relatedFeatureQueryResult, i) => {
+            // We have an object with FeatureSets grouped by source layer or table objectIds
+            const relationshipId = relationshipIds[i];
+            console.log("relationshipId", relationshipId);//???
+            console.log("relatedFeatureQueryResult", relatedFeatureQueryResult);//???
+
+            // Run through the source layer or table objectIds
+            Object.keys(relatedFeatureQueryResult).forEach(
+              relatedFeatureSetId => {
+                console.log("relatedFeatureSetId", relatedFeatureSetId);//???
+                // We have a feature set
+                const relatedFeatures = relatedFeatureQueryResult[relatedFeatureSetId].features;
+                console.log("relatedFeatures", relatedFeatures);//???
+
+                // Get the values from each feature and replace them in the label
+                relatedFeatures.forEach(
+                  feature => {
+                    // Merge the base and related feature attributes and create the label
+                    // Prefix related feature's attributes with "relationships/<id>/" to match popup
+                    const rePrefix = "\{relationships/" + relationshipId + "/";
+                    const reSuffix = "\}";
+                    console.log("/rePrefix + attributeName + reSuffix/g", rePrefix + "attributeName" + reSuffix);//???
+
+                    const attributes = feature.attributes;
+                    Object.keys(attributes).forEach(
+                      attributeName => {
+                        console.log("/rePrefix + attributeName + reSuffix/g", rePrefix + attributeName + reSuffix);//???
+                        // Replace the value using the attribute name as a relationship
+                        const attributeRelationshipRegExp = new RegExp(rePrefix + attributeName + reSuffix, "g");
+                        labelPrep = labelPrep.replaceAll(attributeRelationshipRegExp, attributes[attributeName]);
+                      }
+                    );
+                  }
+                );
+              }
+            );
+          }
+        );
+
+        // Replace non-Arcade fields in this feature
+        attributeMatches.forEach(
+          (match: string) => {
+            const attributeName = match.substring(1, match.length - 1);
+
+            const value = _prepareAttributeValue(feature.attributes[attributeName],
+              attributeTypes[attributeName], attributeDomains[attributeName],
+              attributeFormats[attributeName], intl);
+            labelPrep = labelPrep.replace(match, value);
+
+          }
+        )
 
         // Split label into lines
         let label = labelPrep.split(lineSeparatorChar);
@@ -454,7 +574,7 @@ async function _prepareLabels(
 
         return label;
       }
-    );
+    ));
 
   } else {
     // Export all attributes

package/dist/components/downloadUtils.js

@@ -2425,6 +2425,38 @@ function _createFilename(selectionSetNames) {
   const title = selectionSetNames.length > 0 ? selectionSetNames.join(", ") : "download";
   return title;
 }
+/**
+ * Creates relationship queries for each relationship flag in a popup.
+ * @param layer Layer whose popup is to be examined
+ * @return Hash of relationships by their id, or null if there are no relationship flags in the
+ * popup; each relationship has the properties layer and relatedQuery for the related layer
+ * and the query for that layer
+ */
+function _createRelationshipQueries(layer) {
+  const relationships = {};
+  const relationshipFieldPattern = /\{relationships\/\d+\//gm;
+  const relationshipIdPattern = /\d+/;
+  // Test if this popup has any relationship references
+  const matches = layer.popupTemplate.content[0].text.match(relationshipFieldPattern);
+  if (matches) {
+    matches.forEach(match => {
+      // Add a query to a found relationship if we don't already have one
+      const id = match.match(relationshipIdPattern)[0];
+      if (!relationships.hasOwnProperty(id)) {
+        const relatedQuery = {
+          outFields: ['*'],
+          relationshipId: id,
+          returnGeometry: false
+        };
+        relationships[id] = {
+          layer,
+          relatedQuery
+        };
+      }
+    });
+  }
+  return relationships;
+}
 /**
  * Prepares an attribute's value by applying domain and type information.
  *
@@ -2485,7 +2517,7 @@ function _prepareAttributeValue(attributeValue, attributeType, attributeDomain,
  * @returns Promise resolving when function is done
  */
 async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLayerPopup = true, includeHeaderNames = false) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const [intl] = await loadModules(["esri/intl"]);
   // Get the features to export
   const featureSet = await queryFeaturesByID(ids, layer);
@@ -2499,6 +2531,7 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
   const attributeFormats = {};
   // Get the label formatting, if any
   let labelFormat;
+  let relationshipQueries = {};
   let arcadeExecutors = {};
   if (layer.popupEnabled) {
     layer.popupTemplate.fieldInfos.forEach(
@@ -2527,6 +2560,8 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
     }
     else if (formatUsingLayerPopup && ((_d = (_c = layer.popupTemplate) === null || _c === void 0 ? void 0 : _c.content[0]) === null || _d === void 0 ? void 0 : _d.type) === "text") {
       labelFormat = _convertPopupTextToLabelSpec(layer.popupTemplate.content[0].text);
+      // Do we need any relationship queries?
+      relationshipQueries = _createRelationshipQueries(layer);
       // Do we need any Arcade executors?
       arcadeExecutors = await _createArcadeExecutors(labelFormat, layer);
     }
@@ -2535,36 +2570,75 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
   let labels;
   // eslint-disable-next-line unicorn/prefer-ternary
   if (labelFormat) {
+    console.log("labelFormat", labelFormat); //???
     const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
     const attributeRegExp = /\{\w+\}/g;
     // Find the label fields that we need to replace with values
-    const arcadeExpressionMatches = labelFormat.match(arcadeExpressionRegExp);
-    const attributeMatches = labelFormat.match(attributeRegExp);
+    const arcadeExpressionMatches = (_e = labelFormat.match(arcadeExpressionRegExp)) !== null && _e !== void 0 ? _e : [];
+    const attributeMatches = (_f = labelFormat.match(attributeRegExp)) !== null && _f !== void 0 ? _f : [];
     // Convert feature attributes into an array of labels
-    labels = featureSet.features.map(feature => {
+    const relationshipKeys = Object.keys(relationshipQueries);
+    labels = await Promise.all(featureSet.features.map(async (feature) => {
       let labelPrep = labelFormat;
-      // Replace Arcade expressions
-      if (arcadeExpressionMatches) {
-        arcadeExpressionMatches.forEach((match) => {
-          const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
-          const value = arcadeExecutors[expressionName].execute({ "$feature": feature });
-          labelPrep = labelPrep.replace(match, value);
-        });
-      }
-      // Replace non-Arcade fields
-      if (attributeMatches) {
-        attributeMatches.forEach((match) => {
-          const attributeName = match.substring(1, match.length - 1);
-          const value = _prepareAttributeValue(feature.attributes[attributeName], attributeTypes[attributeName], attributeDomains[attributeName], attributeFormats[attributeName], intl);
-          labelPrep = labelPrep.replace(match, value);
+      // Replace Arcade expressions in this feature
+      arcadeExpressionMatches.forEach((match) => {
+        const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
+        const value = arcadeExecutors[expressionName].execute({ "$feature": feature });
+        labelPrep = labelPrep.replace(match, value);
+      });
+      // Replace relationship expressions in this feature
+      const relatedFeatureQueries = [];
+      const relationshipIds = [];
+      relationshipKeys.forEach((relationshipId) => {
+        const relationship = relationshipQueries[relationshipId];
+        const objectId = feature.attributes[relationship.layer.objectIdField];
+        const relatedQuery = Object.assign(Object.assign({}, relationship.relatedQuery), { objectIds: [objectId] });
+        relatedFeatureQueries.push(relationship.layer.queryRelatedFeatures(relatedQuery));
+        relationshipIds.push(relationshipId);
+      });
+      // Wait for all of the queries for related records for this label
+      const relatedFeatureQueryResults = await Promise.all(relatedFeatureQueries);
+      console.log("relatedFeatureQueryResults", relatedFeatureQueryResults); //???
+      relatedFeatureQueryResults.forEach((relatedFeatureQueryResult, i) => {
+        // We have an object with FeatureSets grouped by source layer or table objectIds
+        const relationshipId = relationshipIds[i];
+        console.log("relationshipId", relationshipId); //???
+        console.log("relatedFeatureQueryResult", relatedFeatureQueryResult); //???
+        // Run through the source layer or table objectIds
+        Object.keys(relatedFeatureQueryResult).forEach(relatedFeatureSetId => {
+          console.log("relatedFeatureSetId", relatedFeatureSetId); //???
+          // We have a feature set
+          const relatedFeatures = relatedFeatureQueryResult[relatedFeatureSetId].features;
+          console.log("relatedFeatures", relatedFeatures); //???
+          // Get the values from each feature and replace them in the label
+          relatedFeatures.forEach(feature => {
+            // Merge the base and related feature attributes and create the label
+            // Prefix related feature's attributes with "relationships/<id>/" to match popup
+            const rePrefix = "\{relationships/" + relationshipId + "/";
+            const reSuffix = "\}";
+            console.log("/rePrefix + attributeName + reSuffix/g", rePrefix + "attributeName" + reSuffix); //???
+            const attributes = feature.attributes;
+            Object.keys(attributes).forEach(attributeName => {
+              console.log("/rePrefix + attributeName + reSuffix/g", rePrefix + attributeName + reSuffix); //???
+              // Replace the value using the attribute name as a relationship
+              const attributeRelationshipRegExp = new RegExp(rePrefix + attributeName + reSuffix, "g");
+              labelPrep = labelPrep.replaceAll(attributeRelationshipRegExp, attributes[attributeName]);
+            });
+          });
         });
-      }
+      });
+      // Replace non-Arcade fields in this feature
+      attributeMatches.forEach((match) => {
+        const attributeName = match.substring(1, match.length - 1);
+        const value = _prepareAttributeValue(feature.attributes[attributeName], attributeTypes[attributeName], attributeDomains[attributeName], attributeFormats[attributeName], intl);
+        labelPrep = labelPrep.replace(match, value);
+      });
       // Split label into lines
       let label = labelPrep.split(lineSeparatorChar);
       // Trim lines
       label = label.map(line => line.trim());
       return label;
-    });
+    }));
   }
   else {
     // Export all attributes

package/dist/esm/calcite-input-text_5.entry.js

@@ -20,7 +20,7 @@ import { g as goToSelection, h as highlightFeatures, q as queryObjectIds, a as g
 import { c as EWorkflowType, e as ESelectionMode, f as EDrawMode } from './interfaces-523c6558.js';
 import { s as state } from './publicNotificationStore-c36d95bf.js';
 import { a as getComponentClosestLanguage, g as getLocaleComponentStrings } from './locale-54cac39a.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-046ce0aa.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-b9785635.js';
 import './guid-2069664e.js';
 import './key-218d8d4d.js';
 import './index-4c4a4f3d.js';

package/dist/esm/{downloadUtils-046ce0aa.js → downloadUtils-b9785635.js}

@@ -1505,7 +1505,7 @@ function(t){var e=function(t){for(var e=t.length,r=new Uint8Array(e),n=0;n<e;n++
  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  * ====================================================================
  */
-function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):import('./index.es-3fd0e8f6.js')).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
+function(t){function e(){return (n.canvg?Promise.resolve(n.canvg):import('./index.es-70994c40.js')).catch((function(t){return Promise.reject(new Error("Could not load canvg: "+t))})).then((function(t){return t.default?t.default:t}))}E.API.addSvgAsImage=function(t,r,n,i,o,s,c,u){if(isNaN(r)||isNaN(n))throw a.error("jsPDF.addSvgAsImage: Invalid coordinates",arguments),new Error("Invalid coordinates passed to jsPDF.addSvgAsImage");if(isNaN(i)||isNaN(o))throw a.error("jsPDF.addSvgAsImage: Invalid measurements",arguments),new Error("Invalid measurements (width and/or height) passed to jsPDF.addSvgAsImage");var h=document.createElement("canvas");h.width=i,h.height=o;var l=h.getContext("2d");l.fillStyle="#fff",l.fillRect(0,0,h.width,h.height);var f={ignoreMouse:!0,ignoreAnimation:!0,ignoreDimensions:!0},d=this;return e().then((function(e){return e.fromString(l,t,f)}),(function(){return Promise.reject(new Error("Could not load canvg."))})).then((function(t){return t.render(f)})).then((function(){d.addImage(h.toDataURL("image/jpeg",1),r,n,i,o,c,u);}))};}(),E.API.putTotalPages=function(t){var e,r=0;parseInt(this.internal.getFont().id.substr(1),10)<15?(e=new RegExp(t,"g"),r=this.internal.getNumberOfPages()):(e=new RegExp(this.pdfEscape16(t,this.internal.getFont()),"g"),r=this.pdfEscape16(this.internal.getNumberOfPages()+"",this.internal.getFont()));for(var n=1;n<=this.internal.getNumberOfPages();n++)for(var i=0;i<this.internal.pages[n].length;i++)this.internal.pages[n][i]=this.internal.pages[n][i].replace(e,r);return this},E.API.viewerPreferences=function(e,r){var n;e=e||{},r=r||!1;var i,a,o,s={HideToolbar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideMenubar:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},HideWindowUI:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},FitWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},CenterWindow:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.3},DisplayDocTitle:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.4},NonFullScreenPageMode:{defaultValue:"UseNone",value:"UseNone",type:"name",explicitSet:!1,valueSet:["UseNone","UseOutlines","UseThumbs","UseOC"],pdfVersion:1.3},Direction:{defaultValue:"L2R",value:"L2R",type:"name",explicitSet:!1,valueSet:["L2R","R2L"],pdfVersion:1.3},ViewArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},ViewClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintArea:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintClip:{defaultValue:"CropBox",value:"CropBox",type:"name",explicitSet:!1,valueSet:["MediaBox","CropBox","TrimBox","BleedBox","ArtBox"],pdfVersion:1.4},PrintScaling:{defaultValue:"AppDefault",value:"AppDefault",type:"name",explicitSet:!1,valueSet:["AppDefault","None"],pdfVersion:1.6},Duplex:{defaultValue:"",value:"none",type:"name",explicitSet:!1,valueSet:["Simplex","DuplexFlipShortEdge","DuplexFlipLongEdge","none"],pdfVersion:1.7},PickTrayByPDFSize:{defaultValue:!1,value:!1,type:"boolean",explicitSet:!1,valueSet:[!0,!1],pdfVersion:1.7},PrintPageRange:{defaultValue:"",value:"",type:"array",explicitSet:!1,valueSet:null,pdfVersion:1.7},NumCopies:{defaultValue:1,value:1,type:"integer",explicitSet:!1,valueSet:null,pdfVersion:1.7}},c=Object.keys(s),u=[],h=0,l=0,f=0;function d(t,e){var r,n=!1;for(r=0;r<t.length;r+=1)t[r]===e&&(n=!0);return n}if(void 0===this.internal.viewerpreferences&&(this.internal.viewerpreferences={},this.internal.viewerpreferences.configuration=JSON.parse(JSON.stringify(s)),this.internal.viewerpreferences.isSubscribed=!1),n=this.internal.viewerpreferences.configuration,"reset"===e||!0===r){var p=c.length;for(f=0;f<p;f+=1)n[c[f]].value=n[c[f]].defaultValue,n[c[f]].explicitSet=!1;}if("object"===t(e))for(a in e)if(o=e[a],d(c,a)&&void 0!==o){if("boolean"===n[a].type&&"boolean"==typeof o)n[a].value=o;else if("name"===n[a].type&&d(n[a].valueSet,o))n[a].value=o;else if("integer"===n[a].type&&Number.isInteger(o))n[a].value=o;else if("array"===n[a].type){for(h=0;h<o.length;h+=1)if(i=!0,1===o[h].length&&"number"==typeof o[h][0])u.push(String(o[h]-1));else if(o[h].length>1){for(l=0;l<o[h].length;l+=1)"number"!=typeof o[h][l]&&(i=!1);!0===i&&u.push([o[h][0]-1,o[h][1]-1].join(" "));}n[a].value="["+u.join(" ")+"]";}else n[a].value=n[a].defaultValue;n[a].explicitSet=!0;}return !1===this.internal.viewerpreferences.isSubscribed&&(this.internal.events.subscribe("putCatalog",(function(){var t,e=[];for(t in n)!0===n[t].explicitSet&&("name"===n[t].type?e.push("/"+t+" /"+n[t].value):e.push("/"+t+" "+n[t].value));0!==e.length&&this.internal.write("/ViewerPreferences\n<<\n"+e.join("\n")+"\n>>");})),this.internal.viewerpreferences.isSubscribed=!0),this.internal.viewerpreferences.configuration=n,this},
 /** ====================================================================
  * @license
  * jsPDF XMP metadata plugin
@@ -2425,6 +2425,38 @@ function _createFilename(selectionSetNames) {
   const title = selectionSetNames.length > 0 ? selectionSetNames.join(", ") : "download";
   return title;
 }
+/**
+ * Creates relationship queries for each relationship flag in a popup.
+ * @param layer Layer whose popup is to be examined
+ * @return Hash of relationships by their id, or null if there are no relationship flags in the
+ * popup; each relationship has the properties layer and relatedQuery for the related layer
+ * and the query for that layer
+ */
+function _createRelationshipQueries(layer) {
+  const relationships = {};
+  const relationshipFieldPattern = /\{relationships\/\d+\//gm;
+  const relationshipIdPattern = /\d+/;
+  // Test if this popup has any relationship references
+  const matches = layer.popupTemplate.content[0].text.match(relationshipFieldPattern);
+  if (matches) {
+    matches.forEach(match => {
+      // Add a query to a found relationship if we don't already have one
+      const id = match.match(relationshipIdPattern)[0];
+      if (!relationships.hasOwnProperty(id)) {
+        const relatedQuery = {
+          outFields: ['*'],
+          relationshipId: id,
+          returnGeometry: false
+        };
+        relationships[id] = {
+          layer,
+          relatedQuery
+        };
+      }
+    });
+  }
+  return relationships;
+}
 /**
  * Prepares an attribute's value by applying domain and type information.
  *
@@ -2485,7 +2517,7 @@ function _prepareAttributeValue(attributeValue, attributeType, attributeDomain,
  * @returns Promise resolving when function is done
  */
 async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLayerPopup = true, includeHeaderNames = false) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const [intl] = await loadModules(["esri/intl"]);
   // Get the features to export
   const featureSet = await queryFeaturesByID(ids, layer);
@@ -2499,6 +2531,7 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
   const attributeFormats = {};
   // Get the label formatting, if any
   let labelFormat;
+  let relationshipQueries = {};
   let arcadeExecutors = {};
   if (layer.popupEnabled) {
     layer.popupTemplate.fieldInfos.forEach(
@@ -2527,6 +2560,8 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
     }
     else if (formatUsingLayerPopup && ((_d = (_c = layer.popupTemplate) === null || _c === void 0 ? void 0 : _c.content[0]) === null || _d === void 0 ? void 0 : _d.type) === "text") {
       labelFormat = _convertPopupTextToLabelSpec(layer.popupTemplate.content[0].text);
+      // Do we need any relationship queries?
+      relationshipQueries = _createRelationshipQueries(layer);
       // Do we need any Arcade executors?
       arcadeExecutors = await _createArcadeExecutors(labelFormat, layer);
     }
@@ -2535,36 +2570,75 @@ async function _prepareLabels(layer, ids, removeDuplicates = true, formatUsingLa
   let labels;
   // eslint-disable-next-line unicorn/prefer-ternary
   if (labelFormat) {
+    console.log("labelFormat", labelFormat); //???
     const arcadeExpressionRegExp = /\{expression\/\w+\}/g;
     const attributeRegExp = /\{\w+\}/g;
     // Find the label fields that we need to replace with values
-    const arcadeExpressionMatches = labelFormat.match(arcadeExpressionRegExp);
-    const attributeMatches = labelFormat.match(attributeRegExp);
+    const arcadeExpressionMatches = (_e = labelFormat.match(arcadeExpressionRegExp)) !== null && _e !== void 0 ? _e : [];
+    const attributeMatches = (_f = labelFormat.match(attributeRegExp)) !== null && _f !== void 0 ? _f : [];
     // Convert feature attributes into an array of labels
-    labels = featureSet.features.map(feature => {
+    const relationshipKeys = Object.keys(relationshipQueries);
+    labels = await Promise.all(featureSet.features.map(async (feature) => {
       let labelPrep = labelFormat;
-      // Replace Arcade expressions
-      if (arcadeExpressionMatches) {
-        arcadeExpressionMatches.forEach((match) => {
-          const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
-          const value = arcadeExecutors[expressionName].execute({ "$feature": feature });
-          labelPrep = labelPrep.replace(match, value);
-        });
-      }
-      // Replace non-Arcade fields
-      if (attributeMatches) {
-        attributeMatches.forEach((match) => {
-          const attributeName = match.substring(1, match.length - 1);
-          const value = _prepareAttributeValue(feature.attributes[attributeName], attributeTypes[attributeName], attributeDomains[attributeName], attributeFormats[attributeName], intl);
-          labelPrep = labelPrep.replace(match, value);
+      // Replace Arcade expressions in this feature
+      arcadeExpressionMatches.forEach((match) => {
+        const expressionName = match.substring(match.indexOf("/") + 1, match.length - 1);
+        const value = arcadeExecutors[expressionName].execute({ "$feature": feature });
+        labelPrep = labelPrep.replace(match, value);
+      });
+      // Replace relationship expressions in this feature
+      const relatedFeatureQueries = [];
+      const relationshipIds = [];
+      relationshipKeys.forEach((relationshipId) => {
+        const relationship = relationshipQueries[relationshipId];
+        const objectId = feature.attributes[relationship.layer.objectIdField];
+        const relatedQuery = Object.assign(Object.assign({}, relationship.relatedQuery), { objectIds: [objectId] });
+        relatedFeatureQueries.push(relationship.layer.queryRelatedFeatures(relatedQuery));
+        relationshipIds.push(relationshipId);
+      });
+      // Wait for all of the queries for related records for this label
+      const relatedFeatureQueryResults = await Promise.all(relatedFeatureQueries);
+      console.log("relatedFeatureQueryResults", relatedFeatureQueryResults); //???
+      relatedFeatureQueryResults.forEach((relatedFeatureQueryResult, i) => {
+        // We have an object with FeatureSets grouped by source layer or table objectIds
+        const relationshipId = relationshipIds[i];
+        console.log("relationshipId", relationshipId); //???
+        console.log("relatedFeatureQueryResult", relatedFeatureQueryResult); //???
+        // Run through the source layer or table objectIds
+        Object.keys(relatedFeatureQueryResult).forEach(relatedFeatureSetId => {
+          console.log("relatedFeatureSetId", relatedFeatureSetId); //???
+          // We have a feature set
+          const relatedFeatures = relatedFeatureQueryResult[relatedFeatureSetId].features;
+          console.log("relatedFeatures", relatedFeatures); //???
+          // Get the values from each feature and replace them in the label
+          relatedFeatures.forEach(feature => {
+            // Merge the base and related feature attributes and create the label
+            // Prefix related feature's attributes with "relationships/<id>/" to match popup
+            const rePrefix = "\{relationships/" + relationshipId + "/";
+            const reSuffix = "\}";
+            console.log("/rePrefix + attributeName + reSuffix/g", rePrefix + "attributeName" + reSuffix); //???
+            const attributes = feature.attributes;
+            Object.keys(attributes).forEach(attributeName => {
+              console.log("/rePrefix + attributeName + reSuffix/g", rePrefix + attributeName + reSuffix); //???
+              // Replace the value using the attribute name as a relationship
+              const attributeRelationshipRegExp = new RegExp(rePrefix + attributeName + reSuffix, "g");
+              labelPrep = labelPrep.replaceAll(attributeRelationshipRegExp, attributes[attributeName]);
+            });
+          });
         });
-      }
+      });
+      // Replace non-Arcade fields in this feature
+      attributeMatches.forEach((match) => {
+        const attributeName = match.substring(1, match.length - 1);
+        const value = _prepareAttributeValue(feature.attributes[attributeName], attributeTypes[attributeName], attributeDomains[attributeName], attributeFormats[attributeName], intl);
+        labelPrep = labelPrep.replace(match, value);
+      });
       // Split label into lines
       let label = labelPrep.split(lineSeparatorChar);
       // Trim lines
       label = label.map(line => line.trim());
       return label;
-    });
+    }));
   }
   else {
     // Export all attributes

package/dist/esm/{index.es-3fd0e8f6.js → index.es-70994c40.js}

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { a as commonjsGlobal, c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-d5f9d613.js';
-import { _ as _typeof_1 } from './downloadUtils-046ce0aa.js';
+import { _ as _typeof_1 } from './downloadUtils-b9785635.js';
 import './index-d298aca9.js';
 import './loadModules-cd3569de.js';
 import './locale-54cac39a.js';

package/dist/esm/layer-table_2.entry.js

@@ -7,7 +7,7 @@ import { r as registerInstance, h, H as Host, g as getElement, c as createEvent
 import { l as loadModules } from './loadModules-cd3569de.js';
 import { g as getLocaleComponentStrings } from './locale-54cac39a.js';
 import { i as getMapLayerIds, b as getMapLayerView, g as goToSelection, j as queryAllFeatures } from './mapViewUtils-ebbd4733.js';
-import { d as downloadCSV } from './downloadUtils-046ce0aa.js';
+import { d as downloadCSV } from './downloadUtils-b9785635.js';
 import { g as EExpandType } from './interfaces-523c6558.js';
 import './_commonjsHelpers-d5f9d613.js';