@arcgis/coding-components 4.29.0-beta.47 → 4.29.0-beta.49

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

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-fd6b2fd8.js';
-export { s as setNonce } from './index-fd6b2fd8.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-022fb97b.js';
+export { s as setNonce } from './index-022fb97b.js';
 
 /*
- Stencil Client Patch Browser v4.7.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.8.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm/{cssMode-b1771f92.js → cssMode-3d18bd2b.js}

@@ -1,5 +1,5 @@
-import { n as monaco_editor_core_star } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { m as monaco_editor_core_star } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{html-af635d52.js → html-2bce5d77.js}

@@ -1,5 +1,5 @@
-import { n as monaco_editor_core_star } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { m as monaco_editor_core_star } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{htmlMode-3021c301.js → htmlMode-69d56956.js}

@@ -1,5 +1,5 @@
-import { n as monaco_editor_core_star } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { m as monaco_editor_core_star } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{index-fd6b2fd8.js → index-022fb97b.js}

@@ -31,6 +31,13 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
+/**
+ * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+ *
+ * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+ * support as of Stencil v4.
+ */
+const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
 const XLINK_NS = 'http://www.w3.org/1999/xlink';
 /**
  * Default style mode id
@@ -332,6 +339,10 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
                     }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
+                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
+                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                    styleElm.innerHTML += SLOT_FB_CSS;
+                }
                 if (appliedStyles) {
                     appliedStyles.add(scopeId);
                 }
@@ -496,7 +507,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         elm[memberName] = newValue;
                     }
                 }
-                catch (e) { }
+                catch (e) {
+                    /**
+                     * in case someone tries to set a read-only property, e.g. "namespaceURI", we just ignore it
+                     */
+                }
             }
             /**
              * Need to manually update attribute if:
@@ -535,6 +550,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     }
 };
 const parseClassListRegex = /\s/;
+/**
+ * Parsed a string of classnames into an array
+ * @param value className string, e.g. "foo bar baz"
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
+ */
 const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const CAPTURE_EVENT_SUFFIX = 'Capture';
 const CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + '$');
@@ -604,6 +624,9 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             }
         }
     }
+    // This needs to always happen so we can hide nodes that are projected
+    // to another component but don't end up in a slot
+    elm['s-hn'] = hostTagName;
     return elm;
 };
 /**
@@ -1322,13 +1345,13 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     var _a;
+    const prototype = Cstr.prototype;
     if (cmpMeta.$members$) {
         if (Cstr.watchers) {
             cmpMeta.$watchers$ = Cstr.watchers;
         }
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
-        const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
             if ((memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||
                     ((flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {
@@ -1351,8 +1374,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                 // proxyComponent - method
                 Object.defineProperty(prototype, memberName, {
                     value(...args) {
+                        var _a;
                         const ref = getHostRef(this);
-                        return ref.$onInstancePromise$.then(() => ref.$lazyInstance$[memberName](...args));
+                        return (_a = ref === null || ref === void 0 ? void 0 : ref.$onInstancePromise$) === null || _a === void 0 ? void 0 : _a.then(() => { var _a; return (_a = ref.$lazyInstance$) === null || _a === void 0 ? void 0 : _a[memberName](...args); });
                     },
                 });
             }
@@ -1361,6 +1385,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
             const attrNameToPropName = new Map();
             prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
                 plt.jmp(() => {
+                    var _a;
                     const propName = attrNameToPropName.get(attrName);
                     //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
                     //  in the case where an attribute was set inline.
@@ -1416,11 +1441,12 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                         // 1. The instance is ready
                         // 2. The watchers are ready
                         // 3. The value has changed
-                        if (!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
+                        if (flags &&
+                            !(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
                             flags & 128 /* HOST_FLAGS.isWatchReady */ &&
                             newValue !== oldValue) {
                             const instance = hostRef.$lazyInstance$ ;
-                            const entry = cmpMeta.$watchers$[attrName];
+                            const entry = (_a = cmpMeta.$watchers$) === null || _a === void 0 ? void 0 : _a[attrName];
                             entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {
                                 if (instance[callbackName] != null) {
                                     instance[callbackName].call(instance, newValue, oldValue, attrName);
@@ -1442,10 +1468,11 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                 ...members
                     .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */)
                     .map(([propName, m]) => {
+                    var _a;
                     const attrName = m[1] || propName;
                     attrNameToPropName.set(attrName, propName);
                     if (m[0] & 512 /* MEMBER_FLAGS.ReflectAttr */) {
-                        cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                        (_a = cmpMeta.$attrsToReflect$) === null || _a === void 0 ? void 0 : _a.push([propName, attrName]);
                     }
                     return attrName;
                 }),
@@ -1617,12 +1644,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const customElements = win.customElements;
     const head = doc.head;
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
-    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    const dataStyles = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
     let appLoadFallback;
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    let hasSlotRelocation = false;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             var _a;
@@ -1632,6 +1660,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
+            // Check if we are using slots outside the shadow DOM in this component.
+            // We'll use this information later to add styles for `slot-fb` elements
+            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                hasSlotRelocation = true;
+            }
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
@@ -1688,15 +1721,25 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
+    // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+    if (hasSlotRelocation) {
+        dataStyles.innerHTML += SLOT_FB_CSS;
+    }
+    // Add hydration styles
     {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
+        dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+    }
+    // If we have styles, add them to the DOM
+    if (dataStyles.innerHTML.length) {
+        dataStyles.setAttribute('data-styles', '');
         // Apply CSP nonce to the style tag if it exists
         const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
         if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
+            dataStyles.setAttribute('nonce', nonce);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
+        // Insert the styles into the document head
+        // NOTE: this _needs_ to happen last so we can ensure the nonce (and other attributes) are applied
+        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -1778,19 +1821,19 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
         return module[exportName];
     }
     
-    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-      const processMod = importedModule => {
-        cmpModules.set(bundleId, importedModule);
-        return importedModule[exportName];
-      }
-      switch(bundleId) {
-        
-        case 'arcgis-arcade-api_6':
-          return import(
-            /* webpackMode: "lazy" */
-            './arcgis-arcade-api_6.entry.js').then(processMod, consoleError);
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'arcgis-arcade-api_6':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './arcgis-arcade-api_6.entry.js').then(processMod, consoleError);
+          }
       }
-    }
     return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
@@ -1865,7 +1908,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Fragment as F, Host as H, getElement as a, bootstrapLazy as b, createEvent as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { a as arcade } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+export { a as arcade } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';

package/dist/esm/{javascript-70589186.js → javascript-ded5c9d7.js}

@@ -1,6 +1,6 @@
-import { conf as conf$1, language as language$1 } from './typescript-db8a0b18.js';
-import './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { conf as conf$1, language as language$1 } from './typescript-cc4d00f0.js';
+import './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{jsonMode-cb509b79.js → jsonMode-0bf84cb2.js}

@@ -1,5 +1,5 @@
-import { n as monaco_editor_core_star } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { m as monaco_editor_core_star } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-fd6b2fd8.js';
-export { s as setNonce } from './index-fd6b2fd8.js';
+import { b as bootstrapLazy } from './index-022fb97b.js';
+export { s as setNonce } from './index-022fb97b.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/{tsMode-ed90c9aa.js → tsMode-15d4e936.js}

@@ -1,5 +1,5 @@
-import { t as typescriptDefaults, n as monaco_editor_core_star } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { t as typescriptDefaults, m as monaco_editor_core_star } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/esm/{typescript-db8a0b18.js → typescript-cc4d00f0.js}

@@ -1,5 +1,5 @@
-import { n as monaco_editor_core_star } from './arcade-defaults-d7893362.js';
-import './index-fd6b2fd8.js';
+import { m as monaco_editor_core_star } from './arcade-defaults-0bafa696.js';
+import './index-022fb97b.js';
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/types/components/arcade-api/arcade-api.d.ts

@@ -3,44 +3,44 @@ import type { ApiCategory, ApiItem } from "@arcgis/arcade-languageservice";
 import { ArcadeAPIStrings } from "./t9n-types";
 /** @internal */
 export declare class ArcgisArcadeApi implements ComponentInterface {
-  private _flowObserver?;
-  private _themeChangedListner?;
-  _hostElement: HTMLArcgisArcadeApiElement;
-  _lang: string;
-  _t9nLocale: string;
-  _t9nStrings: ArcadeAPIStrings | undefined;
-  _selectedApiItem: undefined | ApiItem;
-  _filterValue: string;
-  _colorizeStyle: string;
-  _preparingApi: boolean;
-  _apiLibrary: ApiCategory[] | undefined;
-  /**
-   * Should the documentation action be hidden
-   */
-  hideDocumentationActions: boolean;
-  /**
-   * The model id used by the component to retrieve the api library
-   */
-  modelId: string | undefined;
-  /**
-   * Raised when the close action has been requested
-   */
-  close: EventEmitter<void>;
-  /**
-   * Raised when an item has been selected
-   */
-  itemSelected: EventEmitter<string>;
-  componentWillLoad(): Promise<void>;
-  disconnectedCallback(): void;
-  private _updateApiLibrary;
-  private flowFocusHandler;
-  private _emitItemSelected;
-  private _emitClose;
-  private _emitItemSelectedAndClose;
-  private _selectItem;
-  private _unselectItem;
-  private _updateFilterValue;
-  private renderApiCategory;
-  private renderApiItemFlowItem;
-  render(): VNode;
+    private _flowObserver?;
+    private _themeChangedListner?;
+    _hostElement: HTMLArcgisArcadeApiElement;
+    _lang: string;
+    _t9nLocale: string;
+    _t9nStrings: ArcadeAPIStrings | undefined;
+    _selectedApiItem: undefined | ApiItem;
+    _filterValue: string;
+    _colorizeStyle: string;
+    _preparingApi: boolean;
+    _apiLibrary: ApiCategory[] | undefined;
+    /**
+     * Should the documentation action be hidden
+     */
+    hideDocumentationActions: boolean;
+    /**
+     * The model id used by the component to retrieve the api library
+     */
+    modelId: string | undefined;
+    /**
+     * Raised when the close action has been requested
+     */
+    close: EventEmitter<void>;
+    /**
+     * Raised when an item has been selected
+     */
+    itemSelected: EventEmitter<string>;
+    componentWillLoad(): Promise<void>;
+    disconnectedCallback(): void;
+    private _updateApiLibrary;
+    private flowFocusHandler;
+    private _emitItemSelected;
+    private _emitClose;
+    private _emitItemSelectedAndClose;
+    private _selectItem;
+    private _unselectItem;
+    private _updateFilterValue;
+    private renderApiCategory;
+    private renderApiItemFlowItem;
+    render(): VNode;
 }

package/dist/types/components/arcade-api/t9n-types.d.ts

@@ -1,8 +1,8 @@
 export type ArcadeAPIStrings = {
-  expand: string;
-  loading: string;
-  constantsandfunctions: string;
-  insert: string;
-  noitems: string;
-  moreinformation: string;
+    expand: string;
+    loading: string;
+    constantsandfunctions: string;
+    insert: string;
+    noitems: string;
+    moreinformation: string;
 };