@arcgis/coding-components 4.31.0-next.2 → 4.31.0-next.21

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.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
 // 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;
 }
@@ -99,9 +99,9 @@ function fieldTypeToIconName(field) {
     }
 }
 /**
- * Returns the Arcade type for the given field.
+ * Returns the ApiValueVariable type for the given field.
  */
-function fieldTypeToArcadeType(field) {
+function fieldTypeToApiValueVarType(field) {
     switch (field.type) {
         case "small-integer":
         case "integer":
@@ -152,4 +152,4 @@ function fieldAlias(field) {
     return field.alias || field.name;
 }
 
-export { newPortalPortalItem as a, newWebScene as b, newWebMap as c, fieldTypeToIconName as d, fieldTypeToArcadeType as e, fieldAlias as f, importArcade as g, importRequest as i, newLayersFeatureLayer as n, supportedFields as s };
+export { newPortalPortalItem as a, newWebScene as b, newWebMap as c, fieldTypeToIconName as d, fieldTypeToApiValueVarType as e, fieldAlias as f, importArcade as g, importRequest as i, newLayersFeatureLayer as n, supportedFields as s };

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.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
 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.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
 // 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, getElementTheme as e, fetchT9NStringsBundle as f, generateGuid as g, isURL as h, isNotNull as i, hasSameOrigin as j, camelToKebab as k, safeCall as l, safeAsyncCall as m, devToolsAwareTimeout as n, observeAncestorsMutation as o, startLocaleObserver as p, quoteString as q, getElementLocales as r, setValuesInString as s, setFocusOnElement as t, debounce as u };
+export { Deferred as D, isNotUndefined as a, addLTRMark as b, setValuesInString 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, supportedLocales as s, debounce as t };

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

@@ -1,14 +1,13 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
 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-IHYYRFLQ.js';
-import { t as setFocusOnElement, b as addLTRMark } from './index2.js';
+import { u as useControllerManager } from './chunk-2JTWBRMN.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";
@@ -24,8 +23,9 @@ import "@esri/calcite-components/dist/components/calcite-list.js";
 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-language-api-panel",{"hideDocumentationActions":[1028,"hide-documentation-actions"],"modelId":[1025,"model-id"],"languageDefaults":[1040],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}];
+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();
         this.__registerHost();
@@ -77,50 +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.languageDefaults = undefined;
+        this.loading = false;
+        this.apiLibrary = undefined;
     }
     //#endregion
     // #region Component lifecycle events
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
         this._themeChangedListener = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        this.languageDefaults.onModelContextDidChange((key) => {
-            if (!this.modelId || key !== Uri.parse(this.modelId).toString()) {
-                return;
-            }
-            this._updateApiLibrary().catch(console.error);
-        });
-        await this._updateApiLibrary();
     }
     disconnectedCallback() {
+        this.manager._disconnectedCallback();
         this._flowObserver?.disconnect();
         this._themeChangedListener?.dispose();
     }
     // #endregion
     //#region Private Methods
-    async _updateApiLibrary() {
-        if (!this.modelId) {
-            return;
-        }
-        this._preparingApi = true;
-        try {
-            this._apiLibrary = await this.languageDefaults.getApiLibrary(this.modelId);
-        }
-        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) {
@@ -146,20 +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: `${this.languageDefaults.languageId} 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) => {
+        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 ?? "Insert"), h("calcite-block", { open: true, heading: addLTRMark(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
+            } }, 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;
                 }
@@ -168,9 +141,9 @@ 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: '03740623f6632696ea95835575672e515ba20668' }, h("style", { key: 'aea3c0a7c7595a3de459ed98cb76fe263d1f5065' }, this._colorizeStyle), h("calcite-flow", { key: 'bbc3d06741a5db941e289a1621c50a97b2afa18a', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: '2e269d0fa655436c40e954212c4e3f03f3fa353a', heading: this.messages.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'c488744d2538063ec8f3fb85ab50249f8de4fddc', 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; }