@arcgis/coding-components 5.0.0-next.136 → 5.0.0-next.137

package/dist/components/arcgis-code-viewer/customElement.d.ts

@@ -1,24 +1,10 @@
 /// <reference path="../../index.d.ts" />
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { PropertyValues } from 'lit';
-/**
- * @remarks
- * This component has 3 main parts to manage:
- * 1. setting up the theme colors from monaco for syntax highlighting
- *   - done via stylesheets created and applied in adoptedStyleSheets
- *   - These styles need to update when: 1. the theme changes, 2. the component is first loaded, 3. the component reconnects with a different theme
- * 2. setting the html content of the code block, which is "colorized" by monaco
- *   - This needs to happen when: 1. the code changes, 2. the language changes
- * 3. managing the code content provided via the default slot
- *   - This needs to handle: 1. slotchange events, 2. mutations to the assigned nodes (e.g., innerHTML or textContent changes)
- */
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
 /**
  * A code viewer component for displaying code snippets.
  * Supports syntax highlighting for various programming languages, include arcade and arcgis-sql-expression.
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-viewer/)
- *
  * @example
  * ```tsx
  * <arcgis-code-viewer language="javascript">
@@ -31,9 +17,9 @@ import { PropertyValues } from 'lit';
  * HTML snippets (preserve markup)
  * ```tsx
  * <arcgis-code-viewer language="html">
- * <template>
- * <div class="greeting"><span>Hello</span> World!</div>
- * </template>
+ *   <template>
+ *     <div class="greeting"><span>Hello</span> World!</div>
+ *   </template>
  * </arcgis-code-viewer>
  * ```
  * When `language="html"`, the component will attempt to preserve your original markup instead of reducing it
@@ -42,22 +28,22 @@ import { PropertyValues } from 'lit';
  * raw text of text nodes. Script contents are treated as inert string data; they are never executed.
  * @internal
  */
-export declare class ArcgisCodeViewer extends LitElement {
-    /**
-     * The language for the component.
-     * Currently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:
-     * https://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.
-     *
-     * Note: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,
-     * only the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.
-     *
-     * @default "arcade"
-     */
-    language: string;
-    /**
-     * When `true`, adds a round style to the component.
-     *
-     * @default false
-     */
-    round: boolean;
-}
+export abstract class ArcgisCodeViewer extends LitElement {
+  /**
+   * The language for the component.
+   * Currently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:
+   * https://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.
+   *
+   * Note: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,
+   * only the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.
+   *
+   * @default "arcade"
+   */
+  accessor language: string;
+  /**
+   * When `true`, adds a round style to the component.
+   *
+   * @default false
+   */
+  accessor round: boolean;
+}

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

@@ -4,7 +4,7 @@ import { slotChangeHasContent as g, observeAncestorsMutation as f, unsafeGetCalc
 import { load as S } from "@arcgis/lumina/controllers";
 import { i as v } from "../../chunks/monaco-importer.js";
 import { css as E, html as a } from "lit";
-import { w as l, s as h } from "../../chunks/arcade-contribution.js";
+import { w as l, s as h } from "../../chunks/setup-monaco-theme.js";
 import { c as T, g as c, o as b } from "../../chunks/colorize.js";
 import { s as C } from "../../chunks/arcade-service-accessors.js";
 import { debounce as y } from "@arcgis/toolkit/function";
@@ -12,7 +12,7 @@ import { Task as N } from "@lit/task";
 import { rethrowError as O, log as w } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const z = E`pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);white-space:pre-line;code{font-size:var(--calcite-font-size--2);font-family:var(--calcite-font-family-code)}}:host([round]){pre{border-radius:var(--calcite-corner-radius-round)}}`;
 class L extends p {
   constructor() {

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

@@ -8,7 +8,7 @@ import { u as m } from "../../chunks/useT9n.js";
 import { log as u } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const g = 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 p(l) {
   l.key === "Enter" && l.stopPropagation();

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

@@ -9,7 +9,7 @@ import { c as r } from "../../chunks/markdown.js";
 import { u as p } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const g = m`: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}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}calcite-flow{[slot=footer]{word-break:break-word}}}`;
 class b extends h {
   constructor() {

package/dist/components/arcgis-sql-expression-editor/customElement.d.ts

@@ -1,58 +1,62 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ApiCategory } from '@arcgis/languages-api-utils';
-import { EditorProfile } from '../../utils/profile/editor-profile';
-import { IPredefinedProfile } from '../../utils/profile/types';
-import { editor } from 'monaco-editor';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { IPredefinedProfile } from "../../utils/profile/types.js";
+import type { editor } from "monaco-editor";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
  * The SQL Expression Editor provides a familiar code editor experience for writing your own SQL expressions.
  * It supports syntax highlighting, code completion, and validation, allowing users to write SQL expressions using the
  * [standardized SQL functions](https://doc.arcgis.com/en/arcgis-online/reference/sql-agol.htm) supported by ArcGIS.
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-sql-expression-editor/)
- *
  * @internal
  */
-export declare class ArcgisSqlExpressionEditor extends LitElement {
-    /**
-     * The profile to use for the editor. The profile defines the variables and functions that are available to the editor.
-     *
-     * @example
-     * ```jsx
-     * <arcgis-sql-expression-editor profile={id: "field-calculation", definitions: { $layer: layer }}></arcgis-sql-expression-editor>
-     * ```
-     */
-    profile?: IPredefinedProfile;
-    /**
-     * The sql expression script. Use this property to define or update the script.
-     *
-     * @default ""
-     * @example
-     * ```html
-     * <arcgis-sql-expression-editor script="CAST(2.45 AS INTEGER)"></arcgis-sql-expression-editor>
-     * ```
-     */
-    script: string;
-    /**
-     * If true, it will hide the side actions bar. The editor will be in a minimalistic UX.
-     *
-     * @default false
-     * @example
-     * ```html
-     *  <arcgis-sql-expression-editor hideSideBar></arcgis-sql-expression-editor>
-     * ```
-     */
-    hideSideBar: boolean;
-    /** Set the focus on the element. */
-    setFocus(): Promise<void>;
-    /** Emitted when the diagnostics collection has changed. */
-    readonly arcgisDiagnosticsChange: TargetedEvent<this, editor.IMarkerData[]>;
-    /** Emitted when the script string has changed. */
-    readonly arcgisScriptChange: TargetedEvent<this, string>;
-    "@eventTypes": {
-        "arcgisDiagnosticsChange": ArcgisSqlExpressionEditor["arcgisDiagnosticsChange"]["detail"];
-        "arcgisScriptChange": ArcgisSqlExpressionEditor["arcgisScriptChange"]["detail"];
-    };
-}
+export abstract class ArcgisSqlExpressionEditor extends LitElement {
+  /**
+   * If true, it will hide the side actions bar. The editor will be in a minimalistic UX.
+   *
+   * @default false
+   * @example
+   * ```html
+   *  <arcgis-sql-expression-editor hideSideBar></arcgis-sql-expression-editor>
+   * ```
+   */
+  accessor hideSideBar: boolean;
+  /** @internal */
+  protected messages: Partial<{
+      fields: string;
+      functions: string;
+  }> & T9nMeta<{
+      fields: string;
+      functions: string;
+  }>;
+  /**
+   * The profile to use for the editor. The profile defines the variables and functions that are available to the editor.
+   *
+   * @example
+   * ```jsx
+   * <arcgis-sql-expression-editor profile={id: "field-calculation", definitions: { $layer: layer }}></arcgis-sql-expression-editor>
+   * ```
+   */
+  accessor profile: IPredefinedProfile | undefined;
+  /**
+   * The sql expression script. Use this property to define or update the script.
+   *
+   * @default ""
+   * @example
+   * ```html
+   * <arcgis-sql-expression-editor script="CAST(2.45 AS INTEGER)"></arcgis-sql-expression-editor>
+   * ```
+   */
+  accessor script: string;
+  /** Set the focus on the element. */
+  setFocus(): Promise<void>;
+  /** Emitted when the diagnostics collection has changed. */
+  readonly arcgisDiagnosticsChange: import("@arcgis/lumina").TargetedEvent<this, editor.IMarkerData[]>;
+  /** Emitted when the script string has changed. */
+  readonly arcgisScriptChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisDiagnosticsChange: ArcgisSqlExpressionEditor["arcgisDiagnosticsChange"]["detail"];
+    arcgisScriptChange: ArcgisSqlExpressionEditor["arcgisScriptChange"]["detail"];
+  };
+}

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

@@ -9,7 +9,7 @@ import { getSqlExprDiagnosticService as _ } from "../../chunks/sql-expr-mode.js"
 import { rethrowError as a } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const f = n`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}`;
 class u extends d {
   constructor() {

package/dist/components/arcgis-sql-expression-editor/index.d.ts

@@ -1,8 +1 @@
-import "../arcgis-code-editor-shell/index.js";
-import "../arcgis-code-editor/index.js";
-import "../arcgis-editor-variables/index.js";
-import "../arcgis-language-api-panel/index.js";
-import "@esri/calcite-components/components/calcite-action-bar";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-tooltip";
 export * from "./customElement.js";

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

@@ -6,7 +6,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const h = r`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class g extends n {
   constructor() {