@arcgis/coding-components 4.30.0 → 4.31.0-next.10

package/dist/components/fields.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 // src/index.ts
-var isAMD = typeof window !== "undefined" && "$arcgis" in window && typeof window.$arcgis === "object" && "import" in window.$arcgis;
+var isAMD = typeof window !== "undefined" && "$arcgis" in window && typeof window.$arcgis === "object" && "import" in window.$arcgis && !("forceESM" in window.$arcgis);
 function isDefaultModule(module) {
   return module.default !== void 0;
 }

package/dist/components/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 export { setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 export { a as arcade } from './arcade-defaults.js';

package/dist/components/index2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
 // src/array-utils.ts
 
@@ -189,13 +189,9 @@ function gen(count) {
 function generateGuid() {
   return [gen(2), gen(1), gen(1), gen(1), gen(3)].join("-");
 }
-var camelToKebab = (string) => string.replace(upperBeforeLower, (upper, remainder) => `${remainder === 0 ? "" : "-"}${upper.toLowerCase()}`);
-var upperBeforeLower = /[A-Z]+(?![a-z])|[A-Z]/gu;
-var capitalize = (string) => string.charAt(0).toUpperCase() + string.slice(1);
-var camelToHuman = (string) => capitalize(string.replace(upperBeforeLower, (upper, remainder) => `${remainder === 0 ? "" : " "}${upper}`));
 
 // src/intl.ts
-var supportedLocales = /* @__PURE__ */ new Set([
+var supportedLocalesArray = [
   "ar",
   "bg",
   "bs",
@@ -236,9 +232,18 @@ var supportedLocales = /* @__PURE__ */ new Set([
   "zh-CN",
   "zh-HK",
   "zh-TW"
-]);
+];
+var supportedLocales = new Set(supportedLocalesArray);
 var defaultLocale = "en";
-async function fetchT9NStringsBundle(locale, assetsPath, prefix = "") {
+var localeEquivalencies = {
+  // We use `pt-BR` as it will have the same translations as `pt`, which has no corresponding bundle
+  pt: "pt-PT",
+  // We support both 'nb' and 'no' (BCP 47) for Norwegian but only `nb` has corresponding bundle
+  no: "nb",
+  // We can `zh-CN` as base translation for chinese locales which has no corresponding bundle.
+  zh: "zh-CN"
+};
+async function fetchT9nStringsBundle(locale, assetsPath, prefix = "") {
   const path = `${assetsPath}/${prefix}`;
   const filePath = `${path}${locale}.json`;
   t9nStringsCache[filePath] ?? (t9nStringsCache[filePath] = fetchBundle(locale, path));
@@ -254,26 +259,29 @@ async function fetchBundle(locale, path) {
     }
   } catch (error) {
     console.error(error);
-    return fallbackBundle;
+    return {};
   }
   if (locale === defaultLocale) {
-    return fallbackBundle;
+    return {};
   }
   return await fetchBundle(defaultLocale, path);
 }
-var fallbackBundle = new Proxy(
-  {},
-  {
-    get: (_target, property) => camelToHuman(property.toString())
-  }
-);
 function getElementLocales(element) {
   const lang = getElementAttribute(element, "lang", navigator.language || defaultLocale);
-  if (supportedLocales.has(lang)) {
-    return { lang, t9nLocale: lang };
+  return { lang, t9nLocale: langToLocale(lang) };
+}
+function langToLocale(lang) {
+  const parts = lang.split("-");
+  const normalized = `${parts[0].toLowerCase()}${parts.slice(1).join("-").toUpperCase()}`;
+  if (supportedLocales.has(normalized)) {
+    return normalized;
+  }
+  const languageCode = normalized.slice(0, 2).toLowerCase();
+  const locale = localeEquivalencies[languageCode] ?? languageCode;
+  if (supportedLocales.has(locale)) {
+    return locale;
   }
-  const rootCode = lang.slice(0, 2);
-  return { lang, t9nLocale: supportedLocales.has(rootCode) ? rootCode : defaultLocale };
+  return defaultLocale;
 }
 function startLocaleObserver(element, assetsPath, onUpdated, assetName) {
   let result = void 0;
@@ -290,7 +298,7 @@ async function updateComponentLocateState(element, assetsPath, assetName = eleme
   const { lang, t9nLocale } = getElementLocales(element);
   const t9nAssetsPath = `${assetsPath}/${assetName}/t9n`;
   const prefix = `${assetName}.t9n.`;
-  const t9nStrings = await fetchT9NStringsBundle(t9nLocale, t9nAssetsPath, prefix);
+  const t9nStrings = await fetchT9nStringsBundle(t9nLocale, t9nAssetsPath, prefix);
   return { lang, t9nLocale, t9nStrings };
 }
 
@@ -396,4 +404,4 @@ function isURL(url) {
   }
 }
 
-export { Deferred as D, isNotUndefined as a, addLTRMark as b, supportedLocales as c, createFilterExpression as d, setFocusOnElement as e, fetchT9NStringsBundle as f, camelToKebab as g, safeCall as h, isNotNull as i, safeAsyncCall as j, devToolsAwareTimeout as k, isURL as l, hasSameOrigin as m, startLocaleObserver as n, getElementLocales as o, generateGuid as p, getElementTheme as q, quoteString as r, setValuesInString as s, observeAncestorsMutation as t, debounce as u };
+export { Deferred as D, isNotUndefined as a, addLTRMark as b, supportedLocales as c, createFilterExpression as d, getElementTheme as e, fetchT9nStringsBundle as f, generateGuid as g, isURL as h, isNotNull as i, hasSameOrigin as j, safeAsyncCall as k, devToolsAwareTimeout as l, safeCall as m, startLocaleObserver as n, observeAncestorsMutation as o, getElementLocales as p, quoteString as q, setFocusOnElement as r, setValuesInString as s, debounce as t };

package/dist/components/{arcade-api.js → language-api-panel.js}

@@ -1,16 +1,13 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.10
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, forceUpdate } from '@stencil/core/internal/client';
-import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, a as colorizedAllCodeElements } from './markdown.js';
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, b as colorizedAllCodeElements } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
-import { Uri } from 'monaco-editor';
-import { u as useControllerManager } from './chunk-2CDDVOQU.js';
-import { e as setFocusOnElement, b as addLTRMark } from './index2.js';
-import { b as arcadeDefaults } from './arcade-defaults.js';
-import { g as getArcadeWorker } from './arcade-contribution.js';
+import { u as useControllerManager } from './chunk-3IUJHIAA.js';
+import { r as setFocusOnElement, b as addLTRMark } from './index2.js';
 import { u as useT9n } from './useT9n.js';
 import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
 import "@esri/calcite-components/dist/components/calcite-list-item.js";
@@ -23,11 +20,11 @@ import "@esri/calcite-components/dist/components/calcite-input.js";
 import "@esri/calcite-components/dist/components/calcite-loader.js";
 import "@esri/calcite-components/dist/components/calcite-list.js";
 
-const arcadeApiCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);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-sm)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
-const ArcgisArcadeApiStyle0 = arcadeApiCss;
+const languageApiPanelCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);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-sm)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
+const ArcgisLanguageApiPanelStyle0 = languageApiPanelCss;
 
-const __cmpMeta = [1,"arcgis-arcade-api",{"hideDocumentationActions":[1028,"hide-documentation-actions"],"modelId":[1025,"model-id"],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}];
-const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi extends HTMLElement {
+const __cmpMeta = [1,"arcgis-language-api-panel",{"hideDocumentationActions":[1028,"hide-documentation-actions"],"loading":[1028],"apiLibrary":[1040],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32]}];
+const ArcgisLanguageApiPanel = /*@__PURE__*/ proxyCustomElement(class ArcgisLanguageApiPanel extends HTMLElement {
     connectedCallback() { this.manager._connectedCallback(); }
     constructor() {
         super();
@@ -80,57 +77,23 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this._selectedApiItem = undefined;
         this._filterValue = "";
         this._colorizeStyle = "";
-        this._preparingApi = false;
-        this._apiLibrary = undefined;
         this.hideDocumentationActions = false;
-        this.modelId = undefined;
+        this.loading = false;
+        this.apiLibrary = undefined;
     }
     //#endregion
     // #region Component lifecycle events
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
-        this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        arcadeDefaults.onModelContextDidChange((key) => {
-            if (!this.modelId || key !== Uri.parse(this.modelId).toString()) {
-                return;
-            }
-            this._updateApiLibrary().catch(console.error);
-        });
-        await this._updateApiLibrary();
+        this._themeChangedListener = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
     }
     disconnectedCallback() {
         this.manager._disconnectedCallback();
         this._flowObserver?.disconnect();
-        this._themeChangedListner?.dispose();
+        this._themeChangedListener?.dispose();
     }
     // #endregion
     //#region Private Methods
-    async _updateApiLibrary() {
-        if (!this.modelId) {
-            return;
-        }
-        this._preparingApi = true;
-        try {
-            const arcadeWorker = await getArcadeWorker(Uri.parse(this.modelId));
-            if (!arcadeWorker) {
-                // Something went wrong
-                throw new Error("Undefined worker");
-            }
-            // Fetch the api definitions from the arcade LS worker.
-            const context = arcadeDefaults.getApiContextForModel(this.modelId);
-            this._apiLibrary = await arcadeWorker.getApiLibrary(context);
-        }
-        catch (e) {
-            console.error("Could not load api library", e);
-            if (e instanceof Error) {
-                console.error(e.stack);
-            }
-            this._apiLibrary = undefined;
-        }
-        finally {
-            this._preparingApi = false;
-        }
-    }
     flowFocusHandler(ref) {
         // When a flow is removed from the document then a null ref will be passed in
         if (!ref) {
@@ -156,14 +119,20 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         if (!filteredApiItems.length) {
             return null;
         }
-        return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: addLTRMark(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, h("calcite-action", { slot: "actions-end", text: this.messages.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: addLTRMark(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, h("calcite-action", { slot: "actions-end", text: this.messages.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.messages.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.messages.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.messages.insert ?? "Insert"), h("calcite-block", { open: true, heading: addLTRMark(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
+        return (h("calcite-flow-item", { heading: this.messages.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: "Help", iconStart: "information" }, this.messages.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) => {
+                // stencil test throws error if we don't explicitly check for e.setFocus,
+                // optional chaining is not working here
+                if (e?.setFocus) {
+                    void e.setFocus();
+                }
+            } }, this.messages.insert), h("calcite-block", { open: true, heading: addLTRMark(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
                 if (!e) {
                     return;
                 }
@@ -172,27 +141,27 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
             } })) : null)));
     }
     render() {
-        const categories = (this._apiLibrary ?? []).map((apiCategory) => this.renderApiCategory(apiCategory));
+        const categories = (this.apiLibrary ?? []).map((apiCategory) => this.renderApiCategory(apiCategory));
         const empty = categories.every((g) => !g);
-        return (h(Host, { key: '9bd64b2ff0f6f35b952bd614fc1bb3d5bd7474b5' }, h("style", { key: '0a42f9ffb38f4c27d80dc47716ebdbeefde284ef' }, this._colorizeStyle), h("calcite-flow", { key: '8861ef8bda1dc1ff385a8375c1c2374e0ce23a5f', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: '428fd8355f4d5f27160826d1e51bb1e1f6939d11', heading: this.messages.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'c3f77330aae971881e4be465fea09d1401eca478', value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), this._preparingApi ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "Loading" })) : (h("calcite-list", null, empty ? h("div", { class: "notice-container" }, this.messages.noitems ?? "No items") : categories))), this.renderApiItemFlowItem())));
+        return (h(Host, { key: '60e169c299bceeb3d2912eea067d69005fb27bf5' }, h("style", { key: '4460f4de437b518f40f5013c6e06dadefc7c90a4' }, this._colorizeStyle), h("calcite-flow", { key: '06a7e13f55efbd24e4eb200ad2c4cbf56b699b50', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: 'db5e4e8817ee85de1c19655496529fb93bb544dd', heading: this.messages.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'a35a4cedbdec59eed366f719c7d48e662005f6fb', value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), this.loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "Loading" })) : (h("calcite-list", null, empty ? h("div", { class: "notice-container" }, this.messages.noitems) : categories))), this.renderApiItemFlowItem())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
-    static get style() { return ArcgisArcadeApiStyle0; }
+    static get style() { return ArcgisLanguageApiPanelStyle0; }
 }, __cmpMeta);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["arcgis-arcade-api"];
+    const components = ["arcgis-language-api-panel"];
     components.forEach(tagName => { switch (tagName) {
-        case "arcgis-arcade-api":
+        case "arcgis-language-api-panel":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, ArcgisArcadeApi);
+                customElements.define(tagName, ArcgisLanguageApiPanel);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { ArcgisArcadeApi as A, defineCustomElement as d };
+export { ArcgisLanguageApiPanel as A, defineCustomElement as d };