@arcgis/coding-components 4.29.0-beta.93 → 4.29.0-beta.94

package/dist/esm/arcgis-arcade-api_6.entry.js

@@ -1,5 +1,10 @@
-import { h, r as registerInstance, c as createEvent, g as getAssetPath, H as Host, a as getElement, F as Fragment } from './index-3732acb8.js';
-import { g as generateTokensCSSForColorMap, e as editor, S as StandaloneServices, I as IStandaloneThemeService, c as createCommonjsModule, b as commonjsGlobal, n as ne, t as te, i as importRequest, l as languages, d as arcadeDefaults, W, U as Uri, B, j, f as filterCollection, G, h as importArcade, k as h$1, F, $, K as KeyCode, D, q, s as supportedFields, Q, R as Range, T, m as KeyMod } from './arcade-defaults-0bc49d1c.js';
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.94
+ */
+import { h, r as registerInstance, c as createEvent, g as getAssetPath, H as Host, a as getElement, F as Fragment } from './index-c845e955.js';
+import { g as generateTokensCSSForColorMap, e as editor, S as StandaloneServices, I as IStandaloneThemeService, c as createCommonjsModule, b as commonjsGlobal, s as se, o as oe, i as importRequest, l as languages, d as arcadeDefaults, H, U as Uri, q, f as U, h as filterCollection, J, j as importArcade, k as h$1, z, O, K as KeyCode, m as I, D, n as supportedFields, G, R as Range, x, p as KeyMod } from './arcade-defaults-106e7abf.js';
 
 async function colorizeCode(code) {
     return await editor.colorize(code, "arcade", { tabSize: 2 });
@@ -2968,7 +2973,7 @@ function setupMonacoEnvironment(assetsPath) {
                     break;
             }
             // If we have a relative path or we are on same orgin, we can use the default js implementation
-            if (!ne(url) || te(url, globalThis.location.href, true)) {
+            if (!se(url) || oe(url, globalThis.location.href, true)) {
                 return new Worker(url, { name: languageId });
             }
             // For cross orgin, we will load the worker code as a string and manufacture a blob
@@ -3015,7 +3020,7 @@ async function getArcadeWorker(uri) {
  * @returns mode for arcade
  */
 async function getMode() {
-    return await import('./arcade-mode-01365fb8.js');
+    return await import('./arcade-mode-a890a073.js');
 }
 // Register the language in Monaco
 languages.register({
@@ -3025,13 +3030,18 @@ languages.register({
     mimetypes: ["application/arcade"]
 });
 // An event emitted when a language is first time needed
-languages.onLanguage(arcadeDefaults.languageId, async () => {
+languages.onLanguage(arcadeDefaults.languageId, () => {
     // Setup the assets path on the arcadeDefaults
     arcadeDefaults.setLanguageOptions({ assetsPath: `${getAssetsPath() ?? "."}/arcade-language` });
     // Async import the language mode
-    const mode = await getMode();
-    // Setup the language mode
-    mode.setupMode(arcadeDefaults);
+    getMode()
+        .then((mode) => {
+        // Setup the language mode
+        mode.setupMode(arcadeDefaults);
+    })
+        .catch((err) => {
+        throw err;
+    });
 });
 
 const arcadeApiCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-color-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}:host calcite-block p:first-of-type{margin-top:0}:host calcite-block code{font-family:var(--calcite-code-family)}:host calcite-block pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-half)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}";
@@ -3094,7 +3104,7 @@ const ArcgisArcadeApi = class {
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
         this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        await W(this, getAssetPath("./assets"));
+        await H(this, getAssetPath("./assets"));
         arcadeDefaults.onModelContextDidChange((key) => {
             if (!this.modelId || key !== Uri.parse(this.modelId).toString()) {
                 return;
@@ -3104,7 +3114,7 @@ const ArcgisArcadeApi = class {
         this._updateApiLibrary();
     }
     disconnectedCallback() {
-        B(this);
+        q(this);
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
     }
@@ -3149,7 +3159,7 @@ const ArcgisArcadeApi = class {
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            j(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            U(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -3160,14 +3170,14 @@ const ArcgisArcadeApi = class {
         if (!filteredApiItems.length) {
             return null;
         }
-        return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: G(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, h("calcite-action", { slot: "actions-end", text: this._t9nStrings?.expand ?? "Expand", icon: "chevron-right", iconFlipRtl: true, scale: "s", onClick: this._selectItem, "data-item": apiItem }))))));
+        return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: J(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, h("calcite-action", { slot: "actions-end", text: this._t9nStrings?.expand ?? "Expand", icon: "chevron-right", iconFlipRtl: true, scale: "s", onClick: this._selectItem, "data-item": apiItem }))))));
     }
     renderApiItemFlowItem() {
         const apiItem = this._selectedApiItem;
         if (!apiItem) {
             return null;
         }
-        return (h("calcite-flow-item", { heading: this._t9nStrings?.constantsandfunctions, beforeBack: this._unselectItem, closable: true, onCalciteFlowItemClose: this._emitClose }, this.hideDocumentationActions ? null : (h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", scale: "s", href: apiItem.link, target: "Arcade Help", "icon-start": "information" }, this._t9nStrings?.moreinformation)), h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => void e?.setFocus() }, this._t9nStrings?.insert ?? "Insert"), h("calcite-block", { open: true, heading: G(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
+        return (h("calcite-flow-item", { heading: this._t9nStrings?.constantsandfunctions, beforeBack: this._unselectItem, closable: true, onCalciteFlowItemClose: this._emitClose }, this.hideDocumentationActions ? null : (h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", scale: "s", href: apiItem.link, target: "Arcade Help", "icon-start": "information" }, this._t9nStrings?.moreinformation)), h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => void e?.setFocus() }, this._t9nStrings?.insert ?? "Insert"), h("calcite-block", { open: true, heading: J(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
                 if (!e) {
                     return;
                 }
@@ -3190,46 +3200,89 @@ const MaxArrayItems = 100;
 const BatchSize = 100;
 
 function isArcadeFeatureSet(value) {
-    return value.declaredRootClass === "esri.arcade.featureset.support.FeatureSet";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredRootClass" in value &&
+        typeof value.declaredRootClass === "string" &&
+        value.declaredRootClass === "esri.arcade.featureset.support.FeatureSet");
 }
 function isArcadeFeature(value) {
-    return value.arcadeDeclaredClass === "esri.arcade.Feature";
+    return (!!value &&
+        typeof value === "object" &&
+        "arcadeDeclaredClass" in value &&
+        typeof value.arcadeDeclaredClass === "string" &&
+        value.arcadeDeclaredClass === "esri.arcade.Feature");
 }
 function isArcadeDictionary(value) {
-    return value.declaredClass === "esri.arcade.Dictionary";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredClass" in value &&
+        typeof value.declaredClass === "string" &&
+        value.declaredClass === "esri.arcade.Dictionary");
 }
 function isGeometry(value) {
-    const declaredClass = value.declaredClass;
-    return typeof declaredClass === "string" && declaredClass.startsWith("esri.geometry.");
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredClass" in value &&
+        typeof value.declaredClass === "string" &&
+        value.declaredClass.startsWith("esri.geometry."));
+}
+function isKnowledgeGraph(value) {
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredClass" in value &&
+        typeof value.declaredClass === "string" &&
+        value.declaredClass.startsWith("esri.rest.knowledgeGraph.KnowledgeGraph"));
 }
 function isArcadePortal(value) {
-    const declaredClass = value.declaredClass;
-    return typeof declaredClass === "string" && declaredClass === "esri.arcade.Portal";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredClass" in value &&
+        typeof value.declaredClass === "string" &&
+        value.declaredClass === "esri.arcade.Portal");
 }
 function isArcadeAttachment(value) {
-    const declaredClass = value.declaredClass;
-    return typeof declaredClass === "string" && declaredClass === "esri.arcade.Attachment";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredClass" in value &&
+        typeof value.declaredClass === "string" &&
+        value.declaredClass === "esri.arcade.Attachment");
 }
 function isArcadeDate(value) {
-    const declaredRootClass = value.declaredRootClass;
-    return typeof declaredRootClass === "string" && declaredRootClass === "esri.arcade.arcadedate";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredRootClass" in value &&
+        typeof value.declaredRootClass === "string" &&
+        value.declaredRootClass === "esri.arcade.arcadedate");
 }
 function isArcadeDateOnly(value) {
-    const declaredRootClass = value.declaredRootClass;
-    return typeof declaredRootClass === "string" && declaredRootClass === "esri.core.sql.dateonly";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredRootClass" in value &&
+        typeof value.declaredRootClass === "string" &&
+        value.declaredRootClass === "esri.core.sql.dateonly");
 }
 function isArcadeTimeOnly(value) {
-    const declaredRootClass = value.declaredRootClass;
-    return typeof declaredRootClass === "string" && declaredRootClass === "esri.core.sql.timeonly";
+    return (!!value &&
+        typeof value === "object" &&
+        "declaredRootClass" in value &&
+        typeof value.declaredRootClass === "string" &&
+        value.declaredRootClass === "esri.core.sql.timeonly");
 }
 function isArcadeImmutableArray(value) {
-    return (typeof value.length === "function" &&
+    return (!!value &&
+        typeof value === "object" &&
+        "length" in value &&
+        typeof value.length === "function" &&
+        "get" in value &&
         typeof value.get === "function" &&
+        "toArray" in value &&
         typeof value.toArray === "function" &&
+        "_elements" in value &&
         Array.isArray(value._elements));
 }
 function valueToArcadeResult(value) {
-    if (value == null || value === undefined) {
+    if (value === null || value === undefined) {
         return { type: "null" };
     }
     if (Array.isArray(value)) {
@@ -3280,6 +3333,9 @@ function valueToArcadeResult(value) {
     if (isGeometry(value)) {
         return { type: "geometry", value };
     }
+    if (isKnowledgeGraph(value)) {
+        return { type: "knowledgeGraph", value };
+    }
     return { type: "unknown" };
 }
 function formatArcadeResultDate(dateObject, lang = "en") {
@@ -3306,9 +3362,6 @@ async function loadArcadeResult(result, timeZone = "system") {
     await result.value.load();
     // Create the first iterator
     result.iterator = result.value.iterator({ aborted: false });
-    if (result.iterator == null) {
-        return result;
-    }
     // Load the first batch of items
     result.features = (await result.iterator.nextBatchAsArcadeFeatures(BatchSize, timeZone)) ?? [];
     return result;
@@ -3337,7 +3390,7 @@ async function executeScript(editorProfile, script, testContext, console) {
             console
         };
         // Execute the script
-        const scriptOutput = await executor.executeAsync(profileVariableInstances ?? {}, executeContext);
+        const scriptOutput = await executor.executeAsync(profileVariableInstances, executeContext);
         // Convert script output to arcade result object and load data if necessary
         const scriptResult = await loadArcadeResult(valueToArcadeResult(scriptOutput), timeZone);
         // Timestamp and measure cost
@@ -3404,6 +3457,7 @@ function setupArcadeTheme() {
         });
     });
 }
+const validKeys = ["comment", "keyword", "identifier", "string", "number", "constant"];
 function updateThemeColors(theme, colorRules) {
     if (colorRules === undefined) {
         setupArcadeTheme();
@@ -3411,8 +3465,14 @@ function updateThemeColors(theme, colorRules) {
     }
     const base = theme === "light" ? "vs" : "vs-dark";
     const rules = [];
-    ["comment", "keyword", "identifier", "string", "number", "constant"].forEach((key) => {
-        // @ts-expect-error
+    Object.keys(colorRules).forEach((key) => {
+        const foreground = colorRules[key];
+        if (!foreground) {
+            return;
+        }
+        rules.push({ token: `${key}.arc`, foreground });
+    });
+    validKeys.forEach((key) => {
         const foreground = colorRules[key];
         if (!foreground) {
             return;
@@ -3431,7 +3491,7 @@ const ArcgisArcadeEditor = class {
         this.scriptChange = createEvent(this, "scriptChange", 3);
         this.diagnosticsChange = createEvent(this, "diagnosticsChange", 3);
         this._componentReadyDefer = new h$1();
-        this._modelId = F();
+        this._modelId = z();
         this._editorProfilePromise = Promise.resolve(undefined);
         this._disposables = [];
         this._executeScript = async () => {
@@ -3542,7 +3602,7 @@ const ArcgisArcadeEditor = class {
      */
     async getEditorInstance() {
         await this._componentReadyDefer.promise;
-        return await this._codeEditorElt?.getEditorInstance();
+        return (await this._codeEditorElt?.getEditorInstance());
     }
     /**
      * Returns the Arcade result for the script for the provided test data.
@@ -3572,7 +3632,7 @@ const ArcgisArcadeEditor = class {
      * @internal
      */
     async updateThemeColors(colorRules) {
-        const theme = $(this._hostElement);
+        const theme = O(this._hostElement);
         updateThemeColors(theme, colorRules);
         if (colorRules === undefined) {
             ["comment", "keyword", "identifier", "string", "number", "constant", "date"].forEach((key) => {
@@ -3601,7 +3661,7 @@ const ArcgisArcadeEditor = class {
         // Starts a locale observer. It will load the correct t9n strings for the component
         // when the locale changes. We also pass updateEditorProfile. It will be invoked the first
         // and on each locale change. The profile has to be refreshed on locale change as well.
-        await W(this, assetsPath, async () => await this._updateEditorProfile());
+        await H(this, assetsPath, async () => await this._updateEditorProfile());
     }
     async componentDidLoad() {
         // Mark on component as ready.
@@ -3629,7 +3689,7 @@ const ArcgisArcadeEditor = class {
         await this._codeEditorElt?.setFocus();
     }
     disconnectedCallback() {
-        B(this);
+        q(this);
         arcadeDefaults.disposeApiContextForModel(this._modelId);
         arcadeDefaults.disposeEditorProfileForModel(this._modelId);
         while (this._disposables.length) {
@@ -3742,7 +3802,7 @@ function createPushFunc(p) {
     return (substring) => `\\${p.push(substring)}\\`;
 }
 function createPopFunc(p) {
-    return (_, offset) => p[offset - 1];
+    return (_, offset) => p[offset - 1] ?? "";
 }
 function indent(index, indentType) {
     return new Array(index + 1).join(indentType);
@@ -3806,6 +3866,50 @@ const expandableTreeItemProps = {
         item.expanded = !item.expanded;
     }
 };
+//#endregion
+//#region Helper Functions
+function renderDictionaryProperty(key) {
+    return (h(Fragment, null, h("span", { class: "dictionary-property" }, key), h("span", null, ":\u00A0")));
+}
+function renderDictionaryAsJsonTree(value, subtree = false) {
+    return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", { class: "string-value" }, jsonFormat(value.castAsJson()))));
+}
+function renderGeometryTree(value, subtree = false) {
+    return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty("type"), value.type)), h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty("value"), h("span", { class: "string-value" }, jsonFormat(value.toJSON()))))));
+}
+function renderSimpleValue(arcadeResult) {
+    switch (arcadeResult.type) {
+        case "unknown":
+        case "null":
+            return h("span", { class: "constant-value" }, arcadeResult.type);
+        case "text":
+            return h("span", { class: "string-value" }, D(arcadeResult.value));
+        case "number":
+            return h("span", { class: "number-value" }, arcadeResult.value.toString());
+        case "boolean":
+            return h("span", { class: "constant-value" }, arcadeResult.value.toString());
+        case "date":
+            return h("span", { class: "date-value" }, formatArcadeResultDate(arcadeResult));
+        case "dateOnly":
+            return h("span", { class: "string-value" }, D(formatArcadeResultDateOnly(arcadeResult)));
+        case "time":
+            return h("span", { class: "string-value" }, D(formatArcadeResultTimeOnly(arcadeResult)));
+        default:
+            return null;
+    }
+}
+function renderFeatureSetTable(arcadeResult) {
+    const fields = supportedFields(arcadeResult.value.fields);
+    return (h("table", null, h("thead", null, h("tr", null, fields.map((field) => (h("th", null, field.name))))), h("tbody", null, arcadeResult.features.map((feature) => (h("tr", null, fields.map((field) => {
+        try {
+            const arcadeResult = valueToArcadeResult(feature.field(field.name));
+            return h("td", null, renderSimpleValue(arcadeResult));
+        }
+        catch {
+            return h("td", null);
+        }
+    })))))));
+}
 const ArcgisArcadeResults = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3833,10 +3937,10 @@ const ArcgisArcadeResults = class {
     //#endregion
     // #region Component lifecycle events
     async componentWillLoad() {
-        await W(this, getAssetPath("./assets"));
+        await H(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
-        B(this);
+        q(this);
     }
     // #endregion
     //#region Private Methods
@@ -3863,18 +3967,18 @@ const ArcgisArcadeResults = class {
             return h("calcite-loader", { scale: "s", type: "indeterminate", label: "" });
         }
         const iconClass = this.result?.type === "error" ? "color-error" : "color-success";
-        return (h("calcite-list", null, this.result ? (h(Fragment, null, h("calcite-list-item", { label: D(this._t9nStrings?.lastexecutionformat, {
+        return (h("calcite-list", null, this.result ? (h(Fragment, null, h("calcite-list-item", { label: I(this._t9nStrings?.lastexecutionformat, {
                 timeStamp: new Intl.DateTimeFormat(this._t9nLocale, {
                     dateStyle: "medium",
                     timeStyle: "medium"
                 }).format(this.result.timeStamp)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: D(this._t9nStrings?.compilationtimeformat, {
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: I(this._t9nStrings?.compilationtimeformat, {
                 time: new Intl.NumberFormat(this._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
                     maximumFractionDigits: 2
                 }).format(this.result.compilationTime ?? 0)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: D(this._t9nStrings?.executiontimeformat, {
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: I(this._t9nStrings?.executiontimeformat, {
                 time: new Intl.NumberFormat(this._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
@@ -3891,66 +3995,44 @@ const ArcgisArcadeResults = class {
         }
         switch (this.result?.type) {
             case "error":
-                return (h("div", { class: "result-value-simple flex-adjustable" }, D(this._t9nStrings?.executionerrorformat, {
+                return (h("div", { class: "result-value-simple flex-adjustable" }, I(this._t9nStrings?.executionerrorformat, {
                     message: this.result.value
                 })));
             case "null":
             case "unknown":
-                return h("div", { class: "result-value-simple ltr-container" }, this.renderSimpleValue(this.result));
+                return h("div", { class: "result-value-simple ltr-container" }, renderSimpleValue(this.result));
             case "text":
             case "number":
             case "date":
             case "dateOnly":
             case "time":
             case "boolean":
-                return (h("div", { class: "result-value-simple ltr-container" }, h("span", { class: "value-type" }, this.result.type, ":\u00A0"), this.renderSimpleValue(this.result)));
+                return (h("div", { class: "result-value-simple ltr-container" }, h("span", { class: "value-type" }, this.result.type, ":\u00A0"), renderSimpleValue(this.result)));
             case "array": {
                 const items = this.result.value ?? [];
                 const firstItems = items.slice(0, MaxArrayItems);
                 return (h("div", { class: "result-value-simple ltr-container" }, h("calcite-tree", { ...treeProps }, h("calcite-tree-item", { expanded: true, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.renderArrayHeader(this.result)), this.renderArrayTree(firstItems, true)))));
             }
             case "geometry":
-                return (h("div", { class: "result-value-simple ltr-container" }, h("calcite-tree", { ...treeProps }, h("calcite-tree-item", { expanded: true, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.result.type), this.renderGeometryTree(this.result.value, true)))));
+                return (h("div", { class: "result-value-simple ltr-container" }, h("calcite-tree", { ...treeProps }, h("calcite-tree-item", { expanded: true, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.result.type), renderGeometryTree(this.result.value, true)))));
             case "attachment":
-                return (h("div", { class: "result-value-simple ltr-container" }, h("calcite-tree", { ...treeProps }, h("calcite-tree-item", { expanded: true, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.result.type), this.renderDictionaryAsJsonTree(this.result.value, true)))));
+                return (h("div", { class: "result-value-simple ltr-container" }, h("calcite-tree", { ...treeProps }, h("calcite-tree-item", { expanded: true, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.result.type), renderDictionaryAsJsonTree(this.result.value, true)))));
             case "feature":
             case "dictionary":
             case "portal":
                 return (h("div", { class: "result-value-simple ltr-container" }, h("calcite-tree", { ...treeProps }, h("calcite-tree-item", { expanded: true, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.result.type), this.renderDictionaryTree(this.result.value, true)))));
             case "featureSet":
-                return (h("div", { class: "result-value-table ltr-container" }, this.renderFeatureSetLabel(this.result), this.renderFeatureSetTable(this.result)));
+                return (h("div", { class: "result-value-table ltr-container" }, this.renderFeatureSetLabel(this.result), renderFeatureSetTable(this.result)));
+            case "knowledgeGraph":
+                return (h("div", { class: "result-value-simple ltr-container" }, h("span", { class: "value-type" }, this.result.type, ":\u00A0"), h("span", { class: "string-value" }, this.result.value.url)));
             default:
                 return (h("div", { class: "result-value-simple flex-adjustable ltr-container" }, this._t9nStrings?.runscriptmessage));
         }
     }
-    renderDictionaryProperty(key) {
-        return (h(Fragment, null, h("span", { class: "dictionary-property" }, key), h("span", null, ":\u00A0")));
-    }
-    renderSimpleValue(arcadeResult) {
-        switch (arcadeResult.type) {
-            case "unknown":
-            case "null":
-                return h("span", { class: "constant-value" }, arcadeResult.type);
-            case "text":
-                return h("span", { class: "string-value" }, q(arcadeResult.value));
-            case "number":
-                return h("span", { class: "number-value" }, arcadeResult.value.toString());
-            case "boolean":
-                return h("span", { class: "constant-value" }, arcadeResult.value.toString());
-            case "date":
-                return h("span", { class: "date-value" }, formatArcadeResultDate(arcadeResult));
-            case "dateOnly":
-                return h("span", { class: "string-value" }, q(formatArcadeResultDateOnly(arcadeResult)));
-            case "time":
-                return h("span", { class: "string-value" }, q(formatArcadeResultTimeOnly(arcadeResult)));
-            default:
-                return null;
-        }
-    }
     renderArrayHeader(arcadeResult) {
         const items = arcadeResult.value ?? [];
         const leftoverCount = Math.max(items.length - MaxArrayItems, 0);
-        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", D(this._t9nStrings?.showingfirstitemsformat, {
+        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", I(this._t9nStrings?.showingfirstitemsformat, {
             count: MaxArrayItems.toString()
         }))) : null));
     }
@@ -3960,12 +4042,6 @@ const ArcgisArcadeResults = class {
             return this.renderTreeItem(arcadeValue, key, !subtree);
         })));
     }
-    renderGeometryTree(value, subtree = false) {
-        return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty("type"), value.type)), h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty("value"), h("span", { class: "string-value" }, jsonFormat(value.toJSON()))))));
-    }
-    renderDictionaryAsJsonTree(value, subtree = false) {
-        return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, h("calcite-tree-item", { class: "string-value" }, jsonFormat(value.castAsJson()))));
-    }
     renderDictionaryTree(value, subtree = false) {
         const geometry = value.geometry?.();
         return (h("calcite-tree", { slot: subtree ? "children" : undefined, ...treeProps }, value.keys().map((key) => {
@@ -3983,41 +4059,29 @@ const ArcgisArcadeResults = class {
             case "dateOnly":
             case "time":
             case "boolean":
-                return (h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty(key), this.renderSimpleValue(arcadeResult))));
+                return (h("calcite-tree-item", null, h("div", { class: "tree-item-label" }, renderDictionaryProperty(key), renderSimpleValue(arcadeResult))));
             case "array": {
                 const items = arcadeResult.value ?? [];
                 const firstItems = items.slice(0, MaxArrayItems);
-                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty(key), this.renderArrayHeader(arcadeResult)), this.renderArrayTree(firstItems, true)));
+                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, renderDictionaryProperty(key), this.renderArrayHeader(arcadeResult)), this.renderArrayTree(firstItems, true)));
             }
             case "geometry":
-                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty(key), h("span", null, arcadeResult.type)), this.renderGeometryTree(arcadeResult.value, true)));
+                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, renderDictionaryProperty(key), h("span", null, arcadeResult.type)), renderGeometryTree(arcadeResult.value, true)));
             case "attachment":
-                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty(key), h("span", null, arcadeResult.type)), this.renderDictionaryAsJsonTree(arcadeResult.value, true)));
+                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, renderDictionaryProperty(key), h("span", null, arcadeResult.type)), renderDictionaryAsJsonTree(arcadeResult.value, true)));
             case "feature":
             case "dictionary":
             case "portal":
-                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, this.renderDictionaryProperty(key), h("span", null, arcadeResult.type)), this.renderDictionaryTree(arcadeResult.value, true)));
+                return (h("calcite-tree-item", { expanded: expanded, ...expandableTreeItemProps }, h("div", { class: "tree-item-label" }, renderDictionaryProperty(key), h("span", null, arcadeResult.type)), this.renderDictionaryTree(arcadeResult.value, true)));
             default:
                 return null;
         }
     }
     renderFeatureSetLabel(arcadeResult) {
-        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", D(this._t9nStrings?.showingfirstitemsformat, {
+        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", I(this._t9nStrings?.showingfirstitemsformat, {
             count: BatchSize.toString()
         }))) : null));
     }
-    renderFeatureSetTable(arcadeResult) {
-        const fields = supportedFields(arcadeResult.value.fields);
-        return (h("table", null, h("thead", null, h("tr", null, fields.map((field) => (h("th", null, field.name))))), h("tbody", null, arcadeResult.features.map((feature) => (h("tr", null, fields.map((field) => {
-            try {
-                const arcadeResult = valueToArcadeResult(feature.field(field.name));
-                return h("td", null, this.renderSimpleValue(arcadeResult));
-            }
-            catch {
-                return h("td", null);
-            }
-        })))))));
-    }
     render() {
         return (h(Host, null, h("header", { class: "flex-row" }, h("calcite-action-bar", { class: "flex-adjustable", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h("calcite-action-group", { scale: "s" }, h("calcite-action", { active: this.openedResultPanel === "output", text: this._t9nStrings?.output ?? "Output", "text-enabled": true, scale: "s", icon: "list-show-all", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "output" }), h("calcite-action", { active: this.openedResultPanel === "console", text: this._t9nStrings?.console ?? "Console", "text-enabled": true, scale: "s", icon: "console", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "console" }), h("calcite-action", { active: this.openedResultPanel === "log", text: this._t9nStrings?.log ?? "Log", "text-enabled": true, scale: "s", icon: "list", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "log" }))), h("calcite-action", { scale: "s", icon: "x", text: this._t9nStrings?.close ?? "", onClick: this._emitClose })), h("article", { class: "flex-adjustable" }, this.loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: "" })) : (h("div", { class: "flex-column y-scrollable-container" }, this.renderOutputPanel(), this.renderConsolePanel(), this.renderLogPanel())))));
     }
@@ -4084,12 +4148,12 @@ const ArcgisArcadeSuggestions = class {
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
         this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        await W(this, getAssetPath("./assets"));
+        await H(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
-        B(this);
+        q(this);
     }
     // #endregion
     //#region Private Methods
@@ -4107,7 +4171,7 @@ const ArcgisArcadeSuggestions = class {
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            j(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            U(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -4203,10 +4267,10 @@ const ArcgisArcadeVariables = class {
     //#endregion
     // #region Component lifecycle events
     async componentWillLoad() {
-        await W(this, getAssetPath("./assets"));
+        await H(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
-        B(this);
+        q(this);
         this._flowObserver?.disconnect();
     }
     // #endregion
@@ -4231,7 +4295,7 @@ const ArcgisArcadeVariables = class {
         // When switching between flow the same reference is reused
         this._flowObserver = new MutationObserver(() => {
             // Get the last panel and try to set focus on the input element
-            j(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            U(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -4259,7 +4323,7 @@ const ArcgisArcadeVariables = class {
     }
     renderEditorVariables(collection) {
         // Filter the variables. Skip group, we will filter the children later on.
-        const filterExpression = Q(this._filterValue);
+        const filterExpression = G(this._filterValue);
         const filteredVariables = collection.variables.filter((variable) => variable.passFilter(filterExpression));
         if (!filteredVariables.length) {
             return h("div", { class: "notice-container" }, this._t9nStrings?.noitems ?? "No item");
@@ -4314,7 +4378,7 @@ const ArcgisCodeEditor = class {
         this._disposables = [];
         this.value = undefined;
         this.language = undefined;
-        this.modelId = F();
+        this.modelId = z();
     }
     valuePropChange(newValue, oldValue) {
         if (!this._editorInstance || newValue === oldValue) {
@@ -4448,7 +4512,7 @@ const ArcgisCodeEditor = class {
             this.valueChange.emit(script);
         });
         // Detect if the host element or its ancestors got a theme attribute mutation
-        this._themeObserver = T(this._hostElt, ["class"], () => this.updateTheme());
+        this._themeObserver = x(this._hostElt, ["class"], () => this.updateTheme());
         // Update the theme of the Monaco Editor
         this.updateTheme();
         // Creates a resize observer to re-layout the editor on size changing
@@ -4479,7 +4543,7 @@ const ArcgisCodeEditor = class {
         // This is called the first time and subsequently by the Mutation Observer
         // Figure out the theme by walking the ancestor path.
         // If no theme is found then default to light.
-        const theme = $(this._hostElt) === "light" ? "vs" : "vs-dark";
+        const theme = O(this._hostElt) === "light" ? "vs" : "vs-dark";
         if (theme === this._currentTheme) {
             return;
         }

package/dist/esm/arcgis-coding-components.js

@@ -1,5 +1,10 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-3732acb8.js';
-export { s as setNonce } from './index-3732acb8.js';
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.94
+ */
+import { p as promiseResolve, b as bootstrapLazy } from './index-c845e955.js';
+export { s as setNonce } from './index-c845e955.js';
 
 /*
  Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/{css-aade9167.js → css-5029659c.js}

@@ -1,3 +1,8 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.94
+ */
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.45.0(5e5af013f8d295555a7210df0d5f2cea0bf5dd56)