@arcgis/coding-components 4.34.0-next.45 → 4.34.0-next.47

package/dist/components/arcgis-arcade-editor/customElement.js

@@ -1,26 +1,25 @@
 import { g as u, c as g } from "../../chunks/runtime.js";
-import { html as t, nothing as r } from "lit";
-import { KeyCode as _ } from "monaco-editor";
+import { css as _, html as t, nothing as r } from "lit";
+import { KeyCode as m } from "monaco-editor";
 import "monaco-editor/esm/vs/editor/standalone/browser/standaloneServices.js";
 import "monaco-editor/esm/vs/editor/standalone/common/standaloneTheme.js";
 import "monaco-editor/esm/vs/editor/common/languages/supports/tokenization.js";
-import { LitElement as m, createEvent as c, noShadowRoot as f, safeClassMap as a } from "@arcgis/lumina";
-import { Deferred as x, generateGuid as b } from "@arcgis/components-utils";
-import { D as P, e as l } from "../../chunks/arcade-executor.js";
-import { s as v } from "../../chunks/setup-monaco.js";
+import { LitElement as f, createEvent as c, noShadowRoot as x, safeClassMap as a } from "@arcgis/lumina";
+import { Deferred as b, generateGuid as P } from "@arcgis/components-utils";
+import { D as v, e as l } from "../../chunks/arcade-executor.js";
+import { s as $ } from "../../chunks/setup-monaco.js";
 import { b as s } from "../../chunks/arcade-defaults.js";
-import { a as $ } from "../../chunks/arcade-service-accessors.js";
-import { u as E } from "../../chunks/useT9n.js";
-import { createRef as S, ref as A } from "lit-html/directives/ref.js";
-import { css as w } from "@lit/reactive-element/css-tag.js";
+import { a as E } from "../../chunks/arcade-service-accessors.js";
+import { u as S } from "../../chunks/useT9n.js";
+import { createRef as A, ref as w } from "lit-html/directives/ref.js";
 import { s as y } from "../../chunks/editor.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const D = w`@layer{arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.sticky{position:sticky;top:0;z-index:10}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}.main-action-bar{border-bottom:var(--arcgis-coding-components-border)!important;flex:0 0 auto;calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}arcgis-arcade-results{border-top:var(--arcgis-coding-components-border)!important;box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}.hidden{display:none}}}`;
-class C extends m {
+v4.34.0-next.47 */
+const D = _`@layer{arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.sticky{position:sticky;top:0;z-index:10}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}.main-action-bar{border-bottom:var(--arcgis-coding-components-border)!important;flex:0 0 auto;calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}arcgis-arcade-results{border-top:var(--arcgis-coding-components-border)!important;box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}.hidden{display:none}}}`;
+class C extends f {
   constructor() {
-    super(...arguments), this._codeEditorElt = S(), this._componentReadyDefer = new x(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this.messages = E(), this._modelId = b(), this._openArcadeHelp = () => void window.open(P, "Arcade Help"), this._toggleSidePanel = (e) => {
+    super(...arguments), this._codeEditorElt = A(), this._componentReadyDefer = new b(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this.messages = S(), this._modelId = P(), this._openArcadeHelp = () => void window.open(v, "Arcade Help"), this._toggleSidePanel = (e) => {
       if (!e.target)
         return;
       const i = e.target?.dataset.panelName ?? "none";
@@ -31,7 +30,7 @@ class C extends m {
     this.properties = { _apiLibrary: 16, _consoleLogs: 16, _editorProfile: 16, _executingScript: 16, _executionResult: 16, _preparingArcade: 16, _resultPanel: 16, _showExecutionPanel: 16, editorInstance: 32, editorOptions: 0, hideDocumentationActions: 5, hideSideBar: 5, openedSidePanel: 2, profile: 0, script: 1, sideActionBarExpanded: 7, snippets: 0, suggestions: 0, testData: 0, customPanels: 0 };
   }
   static {
-    this.shadowRootOptions = f;
+    this.shadowRootOptions = x;
   }
   static {
     this.styles = [D, y];
@@ -60,7 +59,7 @@ class C extends m {
   }
   async load() {
     const e = u("./assets");
-    v(e), await this._updateEditorProfile();
+    $(e), await this._updateEditorProfile();
   }
   willUpdate(e) {
     (e.has("messages") || e.has("profile")) && this._updateDataModelDeps(), e.has("testData") && this._testDataChanged(), e.has("snippets") && s.updateApiContextForModel(this._modelId, {
@@ -69,7 +68,7 @@ class C extends m {
   }
   async loaded() {
     this._componentReadyDefer.resolve(), await this._updateApiLibrary();
-    const e = await $();
+    const e = await E();
     this._disposables.push(e.onDiagnosticsChange((i) => !this._preparingArcade && this.arcgisDiagnosticsChange.emit(i.diagnostics))), this.testData && this._addExecuteScriptAction(), await this._codeEditorElt.value?.setFocus();
   }
   disconnectedCallback() {
@@ -141,7 +140,7 @@ class C extends m {
       // An unique identifier for the action.
       id: "run-script",
       label: "Run Arcade Expression",
-      keybindings: [_.F5],
+      keybindings: [m.F5],
       contextMenuGroupId: "code",
       contextMenuOrder: 1,
       run: () => {
@@ -158,7 +157,7 @@ class C extends m {
     return this.testData ? t`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${() => void this._executeScript().catch(console.error)}></calcite-action>${this._executionResult ? t`<calcite-action .text=${this.messages.lastresults ?? ""} .active=${this._showExecutionPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>` : null}</calcite-action-group></calcite-action-bar>` : null;
   }
   renderMainPanel() {
-    return t`<arcgis-code-editor class="flex-adjustable" .editorOptions=${this.editorOptions} .language=${s.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${A(this._codeEditorElt)}></arcgis-code-editor>`;
+    return t`<arcgis-code-editor class="flex-adjustable" .editorOptions=${this.editorOptions} .language=${s.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${w(this._codeEditorElt)}></arcgis-code-editor>`;
   }
   renderAction({ id: e, label: i, icon: o, active: n, panelName: d, iconFlipRtl: h = !1, onClick: p = this._toggleSidePanel }) {
     return t`<calcite-action id=${e ?? r} .text=${i} .textEnabled=${this.sideActionBarExpanded} .icon=${o} .active=${n} @click=${p} data-panel-name=${d ?? r} .iconFlipRtl=${h}></calcite-action>${!this.sideActionBarExpanded && t`<calcite-tooltip .referenceElement=${e}><span>${i}</span></calcite-tooltip>` || ""}`;

package/dist/components/arcgis-arcade-results/customElement.js

@@ -1,15 +1,14 @@
 import { c as P } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { nothing as y, LitElement as C, createEvent as f, safeClassMap as v } from "@arcgis/lumina";
+import { css as C, html as t } from "lit";
+import { nothing as y, LitElement as M, createEvent as f, safeClassMap as v } from "@arcgis/lumina";
 import { setValuesInString as o, quoteString as g } from "@arcgis/components-utils";
-import { B as b, v as h, M as m, f as M, a as R, b as A } from "../../chunks/arcade-executor.js";
-import { u as I } from "../../chunks/useT9n.js";
-import { css as L } from "@lit/reactive-element/css-tag.js";
+import { B as b, v as h, M as m, f as R, a as A, b as I } from "../../chunks/arcade-executor.js";
+import { u as L } from "../../chunks/useT9n.js";
 import { s as O } from "../../chunks/fields.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const D = L`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}.ltr-container{direction:ltr}calcite-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.color-info{color:var(--calcite-color-status-info)}.color-error{color:var(--calcite-color-status-danger)}.color-success{color:var(--calcite-color-status-success)}[class*=result-value-]{font-size:var(--calcite-font-size--2);line-height:1.25rem;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-md)}.console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-md);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}.result-value-table{table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap;thead{background-color:var(--calcite-color-foreground-2)}tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}th,td{border-inline-start:1px solid var(--calcite-color-border-3);border-inline-end:1px solid var(--calcite-color-border-3);text-align:start;padding:var(--calcite-spacing-xxs);.string-value{white-space:pre}}th{font-weight:var(--calcite-font-weight-medium)}}}.tree-item-label,.number-value,.string-value,.boolean-value{font-family:var(--calcite-code-family)}.tree-item-label,.value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.dictionary-property{color:var(--arcgis-editor-identifier)}.number-value{color:var(--arcgis-editor-number)}.string-value{color:var(--arcgis-editor-string);white-space:pre-wrap}.constant-value{color:var(--arcgis-editor-constant)}.date-value{color:var(--arcgis-editor-date)}}`, l = {
+v4.34.0-next.47 */
+const D = C`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}.ltr-container{direction:ltr}calcite-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.color-info{color:var(--calcite-color-status-info)}.color-error{color:var(--calcite-color-status-danger)}.color-success{color:var(--calcite-color-status-success)}[class*=result-value-]{font-size:var(--calcite-font-size--2);line-height:1.25rem;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-md)}.console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-md);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}.result-value-table{table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap;thead{background-color:var(--calcite-color-foreground-2)}tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}th,td{border-inline-start:1px solid var(--calcite-color-border-3);border-inline-end:1px solid var(--calcite-color-border-3);text-align:start;padding:var(--calcite-spacing-xxs);.string-value{white-space:pre}}th{font-weight:var(--calcite-font-weight-medium)}}}.tree-item-label,.number-value,.string-value,.boolean-value{font-family:var(--calcite-code-family)}.tree-item-label,.value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.dictionary-property{color:var(--arcgis-editor-identifier)}.number-value{color:var(--arcgis-editor-number)}.string-value{color:var(--arcgis-editor-string);white-space:pre-wrap}.constant-value{color:var(--arcgis-editor-constant)}.date-value{color:var(--arcgis-editor-date)}}`, l = {
   lines: !0,
   selectionMode: "none",
   scale: "s",
@@ -31,11 +30,11 @@ const D = L`:host{display:flex;flex-direction:column;width:100%;background-color
     case "boolean":
       return t`<span class="constant-value">${e.value.toString()}</span>`;
     case "date":
-      return t`<span class="date-value">${A(e)}</span>`;
+      return t`<span class="date-value">${I(e)}</span>`;
     case "dateOnly":
-      return t`<span class="string-value">${g(R(e))}</span>`;
+      return t`<span class="string-value">${g(A(e))}</span>`;
     case "time":
-      return t`<span class="string-value">${g(M(e))}</span>`;
+      return t`<span class="string-value">${g(R(e))}</span>`;
     default:
       return null;
   }
@@ -54,7 +53,7 @@ const D = L`:host{display:flex;flex-direction:column;width:100%;background-color
   count: b.toString()
 })}</span>` : null}</div>`, T = ({ items: e, subtree: a, t9nStrings: s }) => t`<calcite-tree slot=${"children"} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${e.map((c, i) => {
   const n = h(c);
-  return $({ arcadeResult: n, name: i, expanded: !1, t9nStrings: s });
+  return $({ arcadeResult: n, name: i, expanded: !a, t9nStrings: s });
 })}</calcite-tree>`, $ = ({ arcadeResult: e, name: a, expanded: s, t9nStrings: c }) => {
   switch (e.type) {
     case "null":
@@ -97,9 +96,9 @@ const D = L`:host{display:flex;flex-direction:column;width:100%;background-color
     a.expanded = !a.expanded;
   }
 };
-class z extends C {
+class z extends M {
   constructor() {
-    super(...arguments), this.messages = I(), this.openedResultPanel = "output", this.arcgisClose = f({ bubbles: !1 }), this.arcgisOpenedResultPanelChange = f({ bubbles: !1 });
+    super(...arguments), this.messages = L(), this.openedResultPanel = "output", this.arcgisClose = f({ bubbles: !1 }), this.arcgisOpenedResultPanelChange = f({ bubbles: !1 });
   }
   static {
     this.properties = { consoleLogs: 0, loading: 5, openedResultPanel: 3, result: 0 };

package/dist/components/arcgis-arcade-suggestions/customElement.js

@@ -1,24 +1,23 @@
 import { c as n } from "../../chunks/runtime.js";
-import { ref as l } from "lit-html/directives/ref.js";
-import { html as s, nothing as c } from "lit";
-import { setFocusOnElement as d, focusElement as g } from "@arcgis/components-utils";
-import { LitElement as u, createEvent as r } from "@arcgis/lumina";
-import { g as a, o as h, b as m, c as f } from "../../chunks/markdown.js";
-import { f as p } from "../../chunks/monaco-importer.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { css as _ } from "@lit/reactive-element/css-tag.js";
+import { ref as l } from "lit/directives/ref.js";
+import { css as d, html as s, nothing as c } from "lit";
+import { setFocusOnElement as g, focusElement as u } from "@arcgis/components-utils";
+import { LitElement as h, createEvent as r } from "@arcgis/lumina";
+import { g as a, o as m, b as f, c as p } from "../../chunks/markdown.js";
+import { f as b } from "../../chunks/monaco-importer.js";
+import { u as _ } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
+v4.34.0-next.47 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
 }
-const S = _`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
-class $ extends u {
+const S = d`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
+class $ extends h {
   constructor() {
     super(...arguments), this._beforeBack = async () => {
       this._selectedSuggestion = void 0;
-    }, this.messages = b(), this._colorizeStyle = "", this._filterValue = "", this.closed = !1, this.arcgisClose = r({ bubbles: !1 }), this.arcgisItemSelected = r({ bubbles: !1 });
+    }, this.messages = _(), this._colorizeStyle = "", this._filterValue = "", this.closed = !1, this.arcgisClose = r({ bubbles: !1 }), this.arcgisItemSelected = r({ bubbles: !1 });
   }
   static {
     this.properties = { _colorizeStyle: 16, _filterValue: 16, _selectedSuggestion: 16, suggestions: 0, closed: 5 };
@@ -27,7 +26,7 @@ class $ extends u {
     this.styles = S;
   }
   load() {
-    this._colorizeStyle = a(), this._themeChangedListener = h(() => this._colorizeStyle = a());
+    this._colorizeStyle = a(), this._themeChangedListener = m(() => this._colorizeStyle = a());
   }
   willUpdate(e) {
     e.has("suggestions") && this.suggestionsPropChanged();
@@ -44,7 +43,7 @@ class $ extends u {
       return;
     }
     this._flowObserver || (this._flowObserver = new MutationObserver(() => {
-      d(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      g(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
     }), this._flowObserver.observe(e, { attributes: !0, attributeFilter: ["id"], childList: !0 }));
   }
   _updateFilterValue(e) {
@@ -61,17 +60,17 @@ class $ extends u {
     this.arcgisClose.emit();
   }
   _colorizeCode(e) {
-    e !== void 0 && m(e, this._selectedSuggestion.code, "arcade");
+    e !== void 0 && f(e, this._selectedSuggestion.code, "arcade");
   }
   renderSuggestionGroups() {
     return this.suggestions === void 0 ? null : v(this.suggestions) ? this.suggestions.map((e) => s`<calcite-list-item-group .heading=${e.label}>${this.renderSuggestionListItems(e.suggestions)}</calcite-list-item-group>`) : this.renderSuggestionListItems(this.suggestions);
   }
   renderSuggestionListItems(e) {
-    return e = p(e, "label", this._filterValue), e.length ? e.map((t) => s`<calcite-list-item .label=${t.label} .description=${t.description} @calciteListItemSelect=${(i) => this._emitItemSelected(i, t)} @keydown=${(i) => this._emitItemSelected(i, t)} data-item=${t ?? c}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(i) => this._showSuggestionDetail(i, t)} data-item=${t ?? c}></calcite-action></calcite-list-item>`) : s`<div class="notice-container">${this.messages.noitems}</div>`;
+    return e = b(e, "label", this._filterValue), e.length ? e.map((t) => s`<calcite-list-item .label=${t.label} .description=${t.description} @calciteListItemSelect=${(i) => this._emitItemSelected(i, t)} @keydown=${(i) => this._emitItemSelected(i, t)} data-item=${t ?? c}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} scale=s icon=chevron-right icon-flip-rtl @click=${(i) => this._showSuggestionDetail(i, t)} data-item=${t ?? c}></calcite-action></calcite-list-item>`) : s`<div class="notice-container">${this.messages.noitems}</div>`;
   }
   renderSuggestionFlowItem() {
     const e = this._selectedSuggestion;
-    return e ? s`<calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .beforeBack=${this._beforeBack} selected><calcite-button width=half slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(t) => this._emitItemSelected(t, e)} data-item=${e ?? c} ${l(g)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${f(e.documentation) ?? ""}></div><pre><code ${l(this._colorizeCode)}></code></pre></calcite-block></calcite-flow-item>` : null;
+    return e ? s`<calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .beforeBack=${this._beforeBack} selected><calcite-button width=half slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(t) => this._emitItemSelected(t, e)} data-item=${e ?? c} ${l(u)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${p(e.documentation) ?? ""}></div><pre><code ${l(this._colorizeCode)}></code></pre></calcite-block></calcite-flow-item>` : null;
   }
   render() {
     return this.closed ? null : s`<style>${this._colorizeStyle}</style><calcite-flow ${l(this.flowFocusHandler)}><calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedSuggestion}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input><calcite-list label=suggestions>${this.renderSuggestionGroups()}</calcite-list></calcite-flow-item>${this.renderSuggestionFlowItem()}</calcite-flow>`;

package/dist/components/arcgis-code-editor/customElement.js

@@ -4,12 +4,12 @@ import { Deferred as g, generateGuid as s, observeAncestorsMutation as B, getEle
 import { LitElement as w, createEvent as i, noShadowRoot as E } from "@arcgis/lumina";
 import { s as Q } from "../../chunks/setup-monaco.js";
 import "../../chunks/sql-expr-contribution.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { css as m } from "lit";
 import { load as h } from "@arcgis/lumina/controllers";
 import { Range as M, Uri as c, KeyMod as n, KeyCode as t } from "monaco-editor";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
+v4.34.0-next.47 */
 const x = m`@layer{/*!-----------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/components/arcgis-editor-variables/customElement.js

@@ -1,22 +1,21 @@
 import { c as o } from "../../chunks/runtime.js";
-import { ref as c } from "lit-html/directives/ref.js";
-import { html as s } from "lit";
-import { LitElement as n, createEvent as a } from "@arcgis/lumina";
-import { setFocusOnElement as d, createFilterExpression as h } from "@arcgis/components-utils";
-import { u as f } from "../../chunks/useT9n.js";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { ref as c } from "lit/directives/ref.js";
+import { css as n, html as s } from "lit";
+import { LitElement as d, createEvent as a } from "@arcgis/lumina";
+import { setFocusOnElement as h, createFilterExpression as f } from "@arcgis/components-utils";
+import { u } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const m = u`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2);word-break:break-word}}`;
+v4.34.0-next.47 */
+const m = n`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2);word-break:break-word}}`;
 function g(l) {
   l.key === "Enter" && l.stopPropagation();
 }
-class p extends n {
+class p extends d {
   constructor() {
     super(...arguments), this._beforeBack = async () => {
       this.removeLastPanelRenderer(), this._filterValue = "";
-    }, this.messages = f(), this._filterValue = "", this._flowItemRenderers = [], this._mode = "profile", this._mutationCounter = 1, this.loading = !1, this.closed = !1, this.arcgisClose = a({ bubbles: !1 }), this.arcgisItemSelected = a({ bubbles: !1 });
+    }, this.messages = u(), this._filterValue = "", this._flowItemRenderers = [], this._mode = "profile", this._mutationCounter = 1, this.loading = !1, this.closed = !1, this.arcgisClose = a({ bubbles: !1 }), this.arcgisItemSelected = a({ bubbles: !1 });
   }
   static {
     this.properties = { _filterValue: 16, _flowItemRenderers: 16, _mode: 16, _mutationCounter: 16, loading: 5, modelId: 1, closed: 5, variable: 0 };
@@ -51,7 +50,7 @@ class p extends n {
       return;
     }
     this._flowObserver || (this._flowObserver = new MutationObserver(() => {
-      d(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      h(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
     }), this._flowObserver.observe(e, { attributes: !0, attributeFilter: ["id"], childList: !0 }));
   }
   _updateFilterValue(e) {
@@ -106,7 +105,7 @@ class p extends n {
     }), r = !0), s`<calcite-flow-item .heading=${this._getHeadingForCollection(e)} .description=${this._getDescriptionForCollection(e)} .beforeBack=${this._beforeBack} closable @calciteFlowItemClose=${this._emitClose} .selected=${i}><calcite-action slot=header-actions-end .text=${this.messages.backtotop ?? ""} scale=m .hidden=${t || this._isMode("featureSet")} icon=chevrons-left icon-flip-rtl @click=${this._backToTop}></calcite-action><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${r ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? ""}></calcite-loader>` : s`<calcite-list label=variables>${this.renderEditorVariables(e)}</calcite-list>`}</calcite-flow-item>`;
   }
   renderEditorVariables(e) {
-    const t = h(this._filterValue), i = e.variables.filter((r) => r.passFilter(t));
+    const t = f(this._filterValue), i = e.variables.filter((r) => r.passFilter(t));
     return i.length ? i.map((r) => this.renderEditorVariable(r)) : s`<div class="notice-container">${this.messages.noitems}</div>`;
   }
   renderEditorVariable(e) {

package/dist/components/arcgis-language-api-panel/customElement.js

@@ -1,20 +1,19 @@
 import { c as m } from "../../chunks/runtime.js";
-import { ref as o } from "lit-html/directives/ref.js";
-import { html as s } from "lit";
-import { setFocusOnElement as h, addLTRMark as c, focusElement as u } from "@arcgis/components-utils";
-import { LitElement as f, createEvent as a } from "@arcgis/lumina";
-import { g as r, o as p, c as n, a as g } from "../../chunks/markdown.js";
-import { f as _ } from "../../chunks/monaco-importer.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { css as v } from "@lit/reactive-element/css-tag.js";
+import { ref as c } from "lit/directives/ref.js";
+import { css as h, html as s } from "lit";
+import { setFocusOnElement as u, addLTRMark as o, focusElement as f } from "@arcgis/components-utils";
+import { LitElement as p, createEvent as a } from "@arcgis/lumina";
+import { g as r, o as g, c as n, a as _ } from "../../chunks/markdown.js";
+import { f as b } from "../../chunks/monaco-importer.js";
+import { u as v } from "../../chunks/useT9n.js";
 import { s as d } from "../../chunks/sql-expr-contribution.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const y = v`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
-class I extends f {
+v4.34.0-next.47 */
+const y = h`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
+class I extends p {
   constructor() {
-    super(...arguments), this.messages = b(), this._unselectItem = async () => {
+    super(...arguments), this.messages = v(), this._unselectItem = async () => {
       this._selectedApiItem = void 0;
     }, this._colorizeStyle = "", this._filterValue = "", this.languageId = "arcade", this.hideDocumentationActions = !1, this.loading = !1, this.closed = !1, this.arcgisClose = a({ bubbles: !1 }), this.arcgisItemSelected = a({ bubbles: !1 });
   }
@@ -25,7 +24,7 @@ class I extends f {
     this.styles = y;
   }
   async load() {
-    await d(this.languageId), this._colorizeStyle = r(), this._themeChangedListener = p(() => this._colorizeStyle = r());
+    await d(this.languageId), this._colorizeStyle = r(), this._themeChangedListener = g(() => this._colorizeStyle = r());
   }
   willUpdate(e) {
     if (e.has("languageId") && d(this.languageId), e.has("apiLibrary")) {
@@ -49,7 +48,7 @@ class I extends f {
       return;
     }
     this._flowObserver || (this._flowObserver = new MutationObserver(() => {
-      h(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      u(e.querySelector("calcite-flow-item:last-child"), "calcite-input");
     }), this._flowObserver.observe(e, { attributes: !0, attributeFilter: ["id"], childList: !0 }));
   }
   _emitItemSelected(e, i) {
@@ -72,21 +71,21 @@ class I extends f {
     this._filterValue = e.currentTarget.value ?? "";
   }
   _elementToMarkdown(e) {
-    e !== void 0 && (e.innerHTML = n(this._selectedApiItem.examples), g(e, this.languageId).catch(console.error));
+    e !== void 0 && (e.innerHTML = n(this._selectedApiItem.examples), _(e, this.languageId).catch(console.error));
   }
   renderApiCategory(e) {
-    const i = _(e.items, "name", this._filterValue);
-    return i.length ? s`<calcite-list-item-group .heading=${e.title}>${i.map((t) => s`<calcite-list-item .label=${c(t.completion.detail)} @calciteListItemSelect=${(l) => this._emitItemSelected(l, t)} @keydown=${(l) => this._emitItemSelected(l, t)}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} icon=chevron-right icon-flip-rtl scale=s @click=${(l) => this._selectItem(l, t)}></calcite-action></calcite-list-item>`)}</calcite-list-item-group>` : null;
+    const i = b(e.items, "name", this._filterValue);
+    return i.length ? s`<calcite-list-item-group .heading=${e.title}>${i.map((t) => s`<calcite-list-item .label=${o(t.completion.detail)} @calciteListItemSelect=${(l) => this._emitItemSelected(l, t)} @keydown=${(l) => this._emitItemSelected(l, t)}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} icon=chevron-right icon-flip-rtl scale=s @click=${(l) => this._selectItem(l, t)}></calcite-action></calcite-list-item>`)}</calcite-list-item-group>` : null;
   }
   renderApiItemFlowItem() {
     const e = this._selectedApiItem;
-    return e ? s`<calcite-flow-item .heading=${this.messages.constantsandfunctions} .beforeBack=${this._unselectItem} closable @calciteFlowItemClose=${this._emitClose} selected>${this.hideDocumentationActions ? null : s`<calcite-button width=half slot=footer appearance=outline kind=brand scale=s .href=${e.link} target=Help icon-start=information>${this.messages.moreinformation}</calcite-button>`}<calcite-button .width=${this.hideDocumentationActions ? "full" : "half"} slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(i) => this._emitItemSelectedAndClose(i, e)} ${o(u)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${c(e.completion.detail)}><div .innerHTML=${n(e.completion.documentation) ?? ""}></div>${e.examples ? s`<div ${o(this._elementToMarkdown)}></div>` : null}</calcite-block></calcite-flow-item>` : null;
+    return e ? s`<calcite-flow-item .heading=${this.messages.constantsandfunctions} .beforeBack=${this._unselectItem} closable @calciteFlowItemClose=${this._emitClose} selected>${this.hideDocumentationActions ? null : s`<calcite-button width=half slot=footer appearance=outline kind=brand scale=s .href=${e.link} target=Help icon-start=information>${this.messages.moreinformation}</calcite-button>`}<calcite-button .width=${this.hideDocumentationActions ? "full" : "half"} slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${(i) => this._emitItemSelectedAndClose(i, e)} ${c(f)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${o(e.completion.detail)}><div .innerHTML=${n(e.completion.documentation) ?? ""}></div>${e.examples ? s`<div ${c(this._elementToMarkdown)}></div>` : null}</calcite-block></calcite-flow-item>` : null;
   }
   render() {
     if (this.closed)
       return null;
     const e = (this.apiLibrary ?? []).map((t) => this.renderApiCategory(t)), i = e.every((t) => !t);
-    return s`<style>${this._colorizeStyle}</style><calcite-flow ${o(this.flowFocusHandler)}><calcite-flow-item .heading=${this.messages.constantsandfunctions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedApiItem}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${this.loading ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"}></calcite-loader>` : s`<calcite-list label="arcade api">${i ? s`<div class="notice-container">${this.messages.noitems}</div>` : e}</calcite-list>`}</calcite-flow-item>${this.renderApiItemFlowItem()}</calcite-flow>`;
+    return s`<style>${this._colorizeStyle}</style><calcite-flow ${c(this.flowFocusHandler)}><calcite-flow-item .heading=${this.messages.constantsandfunctions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedApiItem}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${this.loading ? s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"}></calcite-loader>` : s`<calcite-list label="arcade api">${i ? s`<div class="notice-container">${this.messages.noitems}</div>` : e}</calcite-list>`}</calcite-flow-item>${this.renderApiItemFlowItem()}</calcite-flow>`;
   }
 }
 m("arcgis-language-api-panel", I);

package/dist/components/arcgis-sql-expression-editor/customElement.js

@@ -1,25 +1,24 @@
 import { c as o } from "../../chunks/runtime.js";
-import { html as i } from "lit";
-import { LitElement as r, createEvent as n, noShadowRoot as c, safeClassMap as s } from "@arcgis/lumina";
-import { generateGuid as l } from "@arcgis/components-utils";
+import { css as r, html as i } from "lit";
+import { LitElement as n, createEvent as c, noShadowRoot as l, safeClassMap as s } from "@arcgis/lumina";
+import { generateGuid as d } from "@arcgis/components-utils";
 import { a } from "../../chunks/sql-expr-defaults.js";
-import { u as d } from "../../chunks/useT9n.js";
-import { createRef as p, ref as h } from "lit-html/directives/ref.js";
-import { css as g } from "@lit/reactive-element/css-tag.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { createRef as h, ref as g } from "lit-html/directives/ref.js";
 import { s as f } from "../../chunks/editor.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const _ = g`@layer{arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%}}`;
-class m extends r {
+v4.34.0-next.47 */
+const _ = r`@layer{arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border)!important;box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%}}`;
+class u extends n {
   constructor() {
-    super(...arguments), this._codeEditorElt = p(), this.messages = d(), this._modelId = l(), this._preparing = !1, this.sideActionBarExpanded = !1, this.script = "", this.hideSideBar = !1, this.arcgisScriptChange = n({ bubbles: !1 });
+    super(...arguments), this._codeEditorElt = h(), this.messages = p(), this._modelId = d(), this._preparing = !1, this.sideActionBarExpanded = !1, this.script = "", this.hideSideBar = !1, this.arcgisScriptChange = c({ bubbles: !1 });
   }
   static {
     this.properties = { _activeAction: 16, _apiLibrary: 16, _editorProfile: 16, _preparing: 16, sideActionBarExpanded: 16, profile: 0, script: 1, hideSideBar: 5 };
   }
   static {
-    this.shadowRootOptions = c;
+    this.shadowRootOptions = l;
   }
   static {
     this.styles = [_, f];
@@ -76,10 +75,10 @@ class m extends r {
   }
   render() {
     const e = this._getFeatureSetVariable();
-    return i`<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><arcgis-code-editor language=arcgis-sql-expression .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} ${h(this._codeEditorElt)}></arcgis-code-editor></div>${!this.hideSideBar && i`<arcgis-editor-variables .variable=${e} .closed=${this._activeAction !== "fields"} class=${s(this._activeAction === "fields" && "side-panel flex-panel border-inline-start")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${() => this._setActiveAction(void 0)} data-panel-name=none></arcgis-editor-variables>` || ""}${!this.hideSideBar && i`<arcgis-language-api-panel class=${s(this._activeAction === "functions" && "side-panel flex-panel border-inline-start")} .closed=${this._activeAction !== "functions"} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${() => this._setActiveAction(void 0)} .loading=${this._preparing} .apiLibrary=${this._apiLibrary} data-panel-name=none hide-documentation-actions .languageId=${a.languageId}></arcgis-language-api-panel>` || ""}${!this.hideSideBar && i`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=fields-action .text=${this.messages.fields ?? "Fields"} icon=profile-variables .active=${this._activeAction === "fields"} data-panel-name=fields @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip reference-element=fields-action><span>${this.messages.fields ?? "Fields"}</span></calcite-tooltip>` || ""}<calcite-action id=functions-action .text=${this.messages.functions ?? "Functions"} icon=function .active=${this._activeAction === "functions"} data-panel-name=functions @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip reference-element=functions-action><span>${this.messages.functions ?? "Functions"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</div>`;
+    return i`<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><arcgis-code-editor language=arcgis-sql-expression .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} ${g(this._codeEditorElt)}></arcgis-code-editor></div>${!this.hideSideBar && i`<arcgis-editor-variables .variable=${e} .closed=${this._activeAction !== "fields"} class=${s(this._activeAction === "fields" && "side-panel flex-panel border-inline-start")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${() => this._setActiveAction(void 0)} data-panel-name=none></arcgis-editor-variables>` || ""}${!this.hideSideBar && i`<arcgis-language-api-panel class=${s(this._activeAction === "functions" && "side-panel flex-panel border-inline-start")} .closed=${this._activeAction !== "functions"} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${() => this._setActiveAction(void 0)} .loading=${this._preparing} .apiLibrary=${this._apiLibrary} data-panel-name=none hide-documentation-actions .languageId=${a.languageId}></arcgis-language-api-panel>` || ""}${!this.hideSideBar && i`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=fields-action .text=${this.messages.fields ?? "Fields"} icon=profile-variables .active=${this._activeAction === "fields"} data-panel-name=fields @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip reference-element=fields-action><span>${this.messages.fields ?? "Fields"}</span></calcite-tooltip>` || ""}<calcite-action id=functions-action .text=${this.messages.functions ?? "Functions"} icon=function .active=${this._activeAction === "functions"} data-panel-name=functions @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip reference-element=functions-action><span>${this.messages.functions ?? "Functions"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</div>`;
   }
 }
-o("arcgis-sql-expression-editor", m);
+o("arcgis-sql-expression-editor", u);
 export {
-  m as ArcgisSqlExpressionEditor
+  u as ArcgisSqlExpressionEditor
 };

package/dist/components/arcgis-sql-expression-fields/customElement.js

@@ -1,17 +1,16 @@
 import { c as o } from "../../chunks/runtime.js";
-import { repeat as a } from "lit-html/directives/repeat.js";
-import { html as i } from "lit";
-import { LitElement as r, createEvent as c } from "@arcgis/lumina";
-import { a as n } from "../../chunks/sql-expr-defaults.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { repeat as a } from "lit/directives/repeat.js";
+import { css as r, html as i } from "lit";
+import { LitElement as n, createEvent as c } from "@arcgis/lumina";
+import { a as m } from "../../chunks/sql-expr-defaults.js";
+import { u as d } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const h = d`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
-class f extends r {
+v4.34.0-next.47 */
+const h = r`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
+class f extends n {
   constructor() {
-    super(...arguments), this.messages = m(), this._filterValue = "", this._flowItemRenderers = [], this._mutationCounter = 1, this.loading = !1, this.arcgisClose = c({ bubbles: !1 }), this.arcgisFieldSelected = c({ bubbles: !1 });
+    super(...arguments), this.messages = d(), this._filterValue = "", this._flowItemRenderers = [], this._mutationCounter = 1, this.loading = !1, this.arcgisClose = c({ bubbles: !1 }), this.arcgisFieldSelected = c({ bubbles: !1 });
   }
   static {
     this.properties = { _filterValue: 16, _flowItemRenderers: 16, _mutationCounter: 16, loading: 5, modelId: 1 };
@@ -46,7 +45,7 @@ class f extends r {
     this.arcgisClose.emit();
   }
   render() {
-    const t = n.getFeatureLayerForModel(this.modelId ?? "");
+    const t = m.getFeatureLayerForModel(this.modelId ?? "");
     return this.loading || !this.modelId || !t ? i`<calcite-block .heading=${this.messages.availablefields ?? ""}></calcite-block>` : i`<calcite-flow><calcite-flow-item .heading=${this.messages.availablefields ?? ""} closable @calciteFlowItemClose=${this._emitClose}><calcite-list label=fields filter-enabled>${a(t.fields, (e) => e.name, (e) => i`<calcite-list-item @click=${this._handleSelectField} .label=${e.name} .description=${e.alias ?? ""} .value=${e.name}>${e.domain && i`<calcite-action slot=actions-end text=open icon=chevron-right @click=${() => {
       const s = e.domain;
       s?.type === "coded-value" && (this._flowItemRenderers = [

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-03T04:39:24",
+  "timestamp": "2025-07-05T04:43:11",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.45",
+    "version": "4.34.0-next.47",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-03T04:39:24",
+  "timestamp": "2025-07-05T04:43:11",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.45",
+    "version": "4.34.0-next.47",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/coding-components",
-  "version": "4.34.0-next.45",
+  "version": "4.34.0-next.47",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -3,7 +3,7 @@ import { a as c } from "./chunks/arcade-defaults.js";
 import { s as p } from "./chunks/sql-expr-defaults.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
+v4.34.0-next.47 */
 const a = s, r = t;
 export {
   c as arcade,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
+v4.34.0-next.47 */
 const o = i(e, {
   "arcgis-arcade-coding-assistant": [() => import("./components/arcgis-arcade-coding-assistant/customElement.js"), "appVersion,assistantsEnabled,closed,closePanel:,editorRef:,feedbackServiceUrl,helpBase,insertText:,layer,portalUrl,serviceUrl;destroy"],
   "arcgis-arcade-editor": [() => import("./components/arcgis-arcade-editor/customElement.js"), "customPanels:,editorInstance:,editorOptions:,hideDocumentationActions,hideSideBar,openedSidePanel:,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getEditorInstance,getScript,getTestResult,setFocus"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/coding-components",
-  "version": "4.34.0-next.45",
+  "version": "4.34.0-next.47",
   "description": "Contains components for editing code in different languages. The currently supported languages are html, css, json, TypeScript, JavaScript, and Arcade.",
   "keywords": [
     "ArcGIS",
@@ -39,10 +39,11 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/arcade-languageservice": "4.34.0-next.45",
-    "@arcgis/components-utils": "4.34.0-next.45",
-    "@arcgis/languages-api-utils": "4.34.0-next.45",
-    "@arcgis/lumina": "4.34.0-next.45",
+    "@arcgis/arcade-languageservice": "4.34.0-next.47",
+    "@arcgis/components-utils": "4.34.0-next.47",
+    "@arcgis/languages-api-utils": "4.34.0-next.47",
+    "@arcgis/lumina": "4.34.0-next.47",
+    "lit": "^3.3.0",
     "monaco-editor": "^0.52.0",
     "tslib": "^2.8.1",
     "vscode-languageserver-types": "^3.17.5"

package/dist/cdn/FJHYM2AU.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-import j from"./FLIBYULR.js";import"./JXGM3JD6.js";import i from"./SLSD32VB.js";import{a as v,c as r,d as I,e as n}from"./IP2NP65N.js";import{b as a}from"./VMFR2UM7.js";import{a as _}from"./GKDDSRJD.js";import"./LFOJWKJS.js";import e from"./WDTMSDTN.js";import d from"./CTE2KALO.js";import"./ANIBK6R6.js";import{g as b}from"./GRJD3YSJ.js";import"./7HAX2DYJ.js";import{C as f,g as p,h as s,l as o,y as g}from"./TOKFJNMD.js";import{d as h,e as u,q as c}from"./TKB26H6G.js";import"./OLOYINUO.js";import"./TXEBWUJB.js";export default $arcgis.t(([,,,d])=>{var $=p`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`,m=class extends g{constructor(){super(...arguments),this.messages=_(),this._unselectItem=async()=>{this._selectedApiItem=void 0},this._colorizeStyle="",this._filterValue="",this.languageId="arcade",this.hideDocumentationActions=!1,this.loading=!1,this.closed=!1,this.arcgisClose=o({bubbles:!1}),this.arcgisItemSelected=o({bubbles:!1})}static{this.properties={_colorizeStyle:16,_filterValue:16,_selectedApiItem:16,languageId:1,apiLibrary:0,hideDocumentationActions:5,loading:5,closed:5}}static{this.styles=$}async load(){await d(this.languageId),this._colorizeStyle=r(),this._themeChangedListener=I(()=>this._colorizeStyle=r())}willUpdate(e){if(e.has("languageId")&&d(this.languageId),e.has("apiLibrary")){if(!this._selectedApiItem)return;for(let i of this.apiLibrary??[])for(let t of i.items)if(t.name===this._selectedApiItem.name){this._selectedApiItem=t;return}this._selectedApiItem=void 0}}disconnectedCallback(){super.disconnectedCallback(),this._flowObserver?.disconnect(),this._themeChangedListener?.dispose()}flowFocusHandler(e){if(!e){this._flowObserver?.disconnect(),this._flowObserver=void 0;return}this._flowObserver||(this._flowObserver=new MutationObserver(()=>{u(e.querySelector("calcite-flow-item:last-child"),"calcite-input")}),this._flowObserver.observe(e,{attributes:!0,attributeFilter:["id"],childList:!0}))}_emitItemSelected(e,i){if(!i)return;let t=e;(!t.key||t.key==="Enter")&&(e.preventDefault(),this.arcgisItemSelected.emit(i.completion.insertText??""))}_emitClose(){this.arcgisClose.emit()}_emitItemSelectedAndClose(e,i){let t=e;(!t.key||t.key==="Enter")&&(e.preventDefault(),this.arcgisItemSelected.emit(i.completion.insertText??""))}_selectItem(e,i){e.stopPropagation(),this._selectedApiItem=i}_updateFilterValue(e){this._filterValue=e.currentTarget.value??""}_elementToMarkdown(e){e!==void 0&&(e.innerHTML=n(this._selectedApiItem.examples),v(e,this.languageId).catch(console.error))}renderApiCategory(e){let i=b(e.items,"name",this._filterValue);return i.length?s`<calcite-list-item-group .heading=${e.title}>${i.map(t=>s`<calcite-list-item .label=${c(t.completion.detail)} @calciteListItemSelect=${l=>this._emitItemSelected(l,t)} @keydown=${l=>this._emitItemSelected(l,t)}><calcite-action slot=actions-end .text=${this.messages.expand??""} icon=chevron-right icon-flip-rtl scale=s @click=${l=>this._selectItem(l,t)}></calcite-action></calcite-list-item>`)}</calcite-list-item-group>`:null}renderApiItemFlowItem(){let e=this._selectedApiItem;return e?s`<calcite-flow-item .heading=${this.messages.constantsandfunctions} .beforeBack=${this._unselectItem} closable @calciteFlowItemClose=${this._emitClose} selected>${this.hideDocumentationActions?null:s`<calcite-button width=half slot=footer appearance=outline kind=brand scale=s .href=${e.link} target=Help icon-start=information>${this.messages.moreinformation}</calcite-button>`}<calcite-button .width=${this.hideDocumentationActions?"full":"half"} slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${i=>this._emitItemSelectedAndClose(i,e)} ${a(h)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${c(e.completion.detail)}><div .innerHTML=${n(e.completion.documentation)??""}></div>${e.examples?s`<div ${a(this._elementToMarkdown)}></div>`:null}</calcite-block></calcite-flow-item>`:null}render(){if(this.closed)return null;let e=(this.apiLibrary??[]).map(t=>this.renderApiCategory(t)),i=e.every(t=>!t);return s`<style>${this._colorizeStyle}</style><calcite-flow ${a(this.flowFocusHandler)}><calcite-flow-item .heading=${this.messages.constantsandfunctions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedApiItem}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input>${this.loading?s`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading??"Loading"}></calcite-loader>`:s`<calcite-list label="arcade api">${i?s`<div class="notice-container">${this.messages.noitems}</div>`:e}</calcite-list>`}</calcite-flow-item>${this.renderApiItemFlowItem()}</calcite-flow>`}};f("arcgis-language-api-panel",m);return m},d,e,i,j)

package/dist/cdn/LMGUIARR.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-import{b,c as r,d as _,e as v}from"./IP2NP65N.js";import{b as l}from"./VMFR2UM7.js";import{a as p}from"./GKDDSRJD.js";import"./LFOJWKJS.js";import{g as f}from"./GRJD3YSJ.js";import"./7HAX2DYJ.js";import{C as m,g as u,h as s,j as c,l as a,y as h}from"./TOKFJNMD.js";import{d as g,e as d}from"./TKB26H6G.js";import"./OLOYINUO.js";import"./TXEBWUJB.js";function S(o){return!Array.isArray(o)||!o.length?!1:Array.isArray(o[0].suggestions)}var $=u`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`,n=class extends h{constructor(){super(...arguments),this._beforeBack=async()=>{this._selectedSuggestion=void 0},this.messages=p(),this._colorizeStyle="",this._filterValue="",this.closed=!1,this.arcgisClose=a({bubbles:!1}),this.arcgisItemSelected=a({bubbles:!1})}static{this.properties={_colorizeStyle:16,_filterValue:16,_selectedSuggestion:16,suggestions:0,closed:5}}static{this.styles=$}load(){this._colorizeStyle=r(),this._themeChangedListener=_(()=>this._colorizeStyle=r())}willUpdate(e){e.has("suggestions")&&this.suggestionsPropChanged()}disconnectedCallback(){super.disconnectedCallback(),this._flowObserver?.disconnect(),this._themeChangedListener?.dispose()}suggestionsPropChanged(){this._selectedSuggestion=void 0}flowFocusHandler(e){if(!e){this._flowObserver?.disconnect(),this._flowObserver=void 0;return}this._flowObserver||(this._flowObserver=new MutationObserver(()=>{d(e.querySelector("calcite-flow-item:last-child"),"calcite-input")}),this._flowObserver.observe(e,{attributes:!0,attributeFilter:["id"],childList:!0}))}_updateFilterValue(e){this._filterValue=e.currentTarget?.value??""}_emitItemSelected(e,t){let i=e;(!i.key||i.key==="Enter")&&(e.preventDefault(),this.arcgisItemSelected.emit(t.code))}_showSuggestionDetail(e,t){e.stopPropagation(),this._selectedSuggestion=t}_emitClose(){this.arcgisClose.emit()}_colorizeCode(e){e!==void 0&&b(e,this._selectedSuggestion.code,"arcade")}renderSuggestionGroups(){return this.suggestions===void 0?null:S(this.suggestions)?this.suggestions.map(e=>s`<calcite-list-item-group .heading=${e.label}>${this.renderSuggestionListItems(e.suggestions)}</calcite-list-item-group>`):this.renderSuggestionListItems(this.suggestions)}renderSuggestionListItems(e){return e=f(e,"label",this._filterValue),e.length?e.map(t=>s`<calcite-list-item .label=${t.label} .description=${t.description} @calciteListItemSelect=${i=>this._emitItemSelected(i,t)} @keydown=${i=>this._emitItemSelected(i,t)} data-item=${t??c}><calcite-action slot=actions-end .text=${this.messages.expand??""} scale=s icon=chevron-right icon-flip-rtl @click=${i=>this._showSuggestionDetail(i,t)} data-item=${t??c}></calcite-action></calcite-list-item>`):s`<div class="notice-container">${this.messages.noitems}</div>`}renderSuggestionFlowItem(){let e=this._selectedSuggestion;return e?s`<calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .beforeBack=${this._beforeBack} selected><calcite-button width=half slot=footer appearance=outline kind=brand icon-start=code scale=s @click=${t=>this._emitItemSelected(t,e)} data-item=${e??c} ${l(g)}>${this.messages.insert}</calcite-button><calcite-block open .heading=${e.label} .description=${e.description}><div .innerHTML=${v(e.documentation)??""}></div><pre><code ${l(this._colorizeCode)}></code></pre></calcite-block></calcite-flow-item>`:null}render(){return this.closed?null:s`<style>${this._colorizeStyle}</style><calcite-flow ${l(this.flowFocusHandler)}><calcite-flow-item .heading=${this.messages.suggestions} closable @calciteFlowItemClose=${this._emitClose} .selected=${!this._selectedSuggestion}><calcite-input .value=${this._filterValue} icon=magnifying-glass clearable @calciteInputInput=${this._updateFilterValue} class="sticky" scale=m></calcite-input><calcite-list label=suggestions>${this.renderSuggestionGroups()}</calcite-list></calcite-flow-item>${this.renderSuggestionFlowItem()}</calcite-flow>`}};m("arcgis-arcade-suggestions",n);export{n as ArcgisArcadeSuggestions};