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

package/dist/esm/{index-74897166.js → index-0c129ec4.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}';
 /**
  * Default style mode id
  */
@@ -335,6 +342,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);
                 }
@@ -499,7 +510,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
+                     */
+                }
             }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
@@ -518,6 +533,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 + '$');
@@ -587,6 +607,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;
 };
 /**
@@ -1146,7 +1169,7 @@ const callRender = (hostRef, instance, elm, isInitialLoad) => {
          * minification optimization: `allRenderFn` is `true` if all components have a `render`
          * method, so we can call the method immediately. If not, check before calling it.
          */
-        instance = instance.render && instance.render();
+        instance = instance.render() ;
         {
             hostRef.$flags$ &= ~16 /* HOST_FLAGS.isQueuedForUpdate */;
         }
@@ -1249,7 +1272,6 @@ const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propNam
 const setValue = (ref, propName, newVal, cmpMeta) => {
     // check our new property value against our internal value
     const hostRef = getHostRef(ref);
-    const elm = hostRef.$hostElement$ ;
     const oldVal = hostRef.$instanceValues$.get(propName);
     const flags = hostRef.$flags$;
     const instance = hostRef.$lazyInstance$ ;
@@ -1262,22 +1284,6 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
         // set our new value!
         hostRef.$instanceValues$.set(propName, newVal);
         if (instance) {
-            // get an array of method names of watch functions to call
-            if (cmpMeta.$watchers$ && flags & 128 /* HOST_FLAGS.isWatchReady */) {
-                const watchMethods = cmpMeta.$watchers$[propName];
-                if (watchMethods) {
-                    // this instance is watching for when this property changed
-                    watchMethods.map((watchMethodName) => {
-                        try {
-                            // fire off each of the watch methods that are watching this property
-                            instance[watchMethodName](newVal, oldVal, propName);
-                        }
-                        catch (e) {
-                            consoleError(e, elm);
-                        }
-                    });
-                }
-            }
             if ((flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
                 // looks like this value actually changed, so we've got work to do!
                 // but only if we've already rendered, otherwise just chill out
@@ -1300,13 +1306,10 @@ 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 */))) {
@@ -1329,8 +1332,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); });
                     },
                 });
             }
@@ -1339,6 +1343,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.
@@ -1394,11 +1399,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);
@@ -1457,12 +1463,6 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
                 endLoad();
             }
             if (!Cstr.isProxied) {
-                // we've never proxied this Constructor before
-                // let's add the getters/setters to its prototype before
-                // the first time we create an instance of the implementation
-                {
-                    cmpMeta.$watchers$ = Cstr.watchers;
-                }
                 proxyComponent(Cstr, cmpMeta, 2 /* PROXY_FLAGS.proxyState */);
                 Cstr.isProxied = true;
             }
@@ -1486,11 +1486,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             {
                 hostRef.$flags$ &= ~8 /* HOST_FLAGS.isConstructingInstance */;
             }
-            {
-                hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;
-            }
             endNewInstance();
-            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
@@ -1520,9 +1516,6 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     }
 };
 const fireConnectedCallback = (instance) => {
-    {
-        safeCall(instance, 'connectedCallback');
-    }
 };
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
@@ -1564,11 +1557,9 @@ const connectedCallback = (elm) => {
         }
         else {
             // fire off connectedCallback() on component instance
-            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
-                fireConnectedCallback(hostRef.$lazyInstance$);
-            }
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
             else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
-                hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
             }
         }
         endConnected();
@@ -1598,26 +1589,28 @@ 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;
             const cmpMeta = {
                 $flags$: compactMeta[0],
                 $tagName$: compactMeta[1],
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
-            {
-                cmpMeta.$members$ = compactMeta[2];
+            // 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.$watchers$ = (_a = compactMeta[4]) !== null && _a !== void 0 ? _a : {};
+                cmpMeta.$members$ = compactMeta[2];
             }
             const tagName = cmpMeta.$tagName$;
             const HostElement = class extends HTMLElement {
@@ -1666,15 +1659,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;
@@ -1756,31 +1759,23 @@ 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-api-key':
-          return import(
-            /* webpackMode: "lazy" */
-            './arcgis-api-key.entry.js').then(processMod, consoleError);
-        case 'arcgis-field-pick-list':
-          return import(
-            /* webpackMode: "lazy" */
-            './arcgis-field-pick-list.entry.js').then(processMod, consoleError);
-        case 'arcgis-identity':
-          return import(
-            /* webpackMode: "lazy" */
-            './arcgis-identity.entry.js').then(processMod, consoleError);
-        case 'arcgis-field-info':
-          return import(
-            /* webpackMode: "lazy" */
-            './arcgis-field-info.entry.js').then(processMod, consoleError);
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'arcgis-field-pick-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './arcgis-field-pick-list.entry.js').then(processMod, consoleError);
+                case 'arcgis-field-info':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './arcgis-field-info.entry.js').then(processMod, consoleError);
+          }
       }
-    }
     return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
@@ -1855,7 +1850,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, getAssetPath as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+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-ba4fe890.js

@@ -0,0 +1,59 @@
+const amd = "define" in window && typeof window.define === "function" && "amd" in window.define;
+function requireModule(modulePath) {
+    return new Promise((resolve) => window.require([modulePath], (moduleDefault) => {
+        resolve(moduleDefault);
+    }));
+}
+async function importRestSupportQuery() {
+    if (amd) {
+        return requireModule("esri/rest/support/Query");
+    }
+    const module = await import('@arcgis/core/rest/support/Query.js');
+    return module.default;
+}
+async function importConfig() {
+    if (amd) {
+        return requireModule("esri/config");
+    }
+    const module = await import('@arcgis/core/config.js');
+    return module.default;
+}
+async function importCoreLang() {
+    if (amd) {
+        return requireModule("esri/core/lang");
+    }
+    const module = await import('@arcgis/core/core/lang.js');
+    return module;
+}
+async function importCoreReactiveUtils() {
+    if (amd) {
+        return requireModule("esri/core/reactiveUtils");
+    }
+    const module = await import('@arcgis/core/core/reactiveUtils.js');
+    return module;
+}
+async function importIntl() {
+    if (amd) {
+        return requireModule("esri/intl");
+    }
+    const module = await import('@arcgis/core/intl.js');
+    return module;
+}
+async function importSmartMappingStatisticsSummaryStatistics() {
+    if (amd) {
+        return requireModule("esri/smartMapping/statistics/summaryStatistics");
+    }
+    const module = await import('@arcgis/core/smartMapping/statistics/summaryStatistics.js');
+    return module.default;
+}
+async function importSmartMappingStatisticsUniqueValues() {
+    if (amd) {
+        return requireModule("esri/smartMapping/statistics/uniqueValues");
+    }
+    const module = await import('@arcgis/core/smartMapping/statistics/uniqueValues.js');
+    return module.default;
+}
+
+function S(e,t){let n=e;for(;n;){if(n===t)return !0;if(!n.parentNode)return !1;n.parentNode instanceof ShadowRoot?n=n.parentNode.host:n=n.parentNode;}return !1}function T(e,t,n=()=>{}){if(!t||t.length<=0)return;let r=new MutationObserver(o=>{for(let i of o)S(e,i.target)&&n();});return r.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0}),r}function E(e,t){let n=e;for(;n;){let r=n.closest(t);if(r)return r;let o=n.getRootNode();if(o===document)return null;n=o.host;}return null}function C(e){return f(e,"dir","ltr")}function f(e,t,n){return E(e,`[${t}]`)?.getAttribute(t)??n}var x=new Set(["ar","bg","bs","ca","cs","da","de","el","en","es","et","fi","fr","he","hr","hu","id","it","ja","ko","lt","lv","nl","nb","pl","pt-BR","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"]),a=new Map;async function N(e,t,n=""){let r=`${t}/${n}${e}.json`;if(a.has(r))return a.get(r);try{let o=await fetch(r);if(o.ok){let s=await o.json();return a.set(r,s),s}if(e==="en"){a.set(r,void 0);return}let i=await N("en",t,n);return a.set(r,i),i}catch{a.set(r,void 0);return}}function R(e){let t=f(e,"lang",navigator?.language||"en");if(x.has(t))return {lang:t,t9nLocale:t};let n=t.slice(0,2);return {lang:t,t9nLocale:x.has(n)?n:"en"}}var m=new WeakMap,h=new WeakMap,_=new WeakMap;async function F(e,t,n){h.set(e,t),m.set(e,T(e._hostElement,["lang"],()=>{b(e,n);})),await b(e,n);}function U(e){m.get(e)?.disconnect(),m.delete(e),h.delete(e);}async function b(e,t){let{lang:n,t9nLocale:r}=R(e._hostElement);if(n===e._lang&&r===e._t9nLocale||(n!==e._lang&&(e._lang=n),r===e._t9nLocale))return;let o=_.get(e);if(!o){let i=h.get(e)??"",s=e._hostElement.tagName.toLowerCase().replace("arcgis-",""),u=`${i}/${s}/t9n`,l=`${s}.t9n.`;o=await N(r,u,l);}e._t9nLocale=r,e._t9nStrings=o,await t?.call(e);}
+
+export { C, F, U, importCoreLang as a, importConfig as b, importRestSupportQuery as c, importSmartMappingStatisticsSummaryStatistics as d, importSmartMappingStatisticsUniqueValues as e, importCoreReactiveUtils as f, importIntl as i };

package/dist/esm/loader.js

@@ -1,9 +1,9 @@
-import { b as bootstrapLazy } from './index-74897166.js';
-export { s as setNonce } from './index-74897166.js';
+import { b as bootstrapLazy } from './index-0c129ec4.js';
+export { s as setNonce } from './index-0c129ec4.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return bootstrapLazy([["arcgis-field-pick-list",[[1,"arcgis-field-pick-list",{"selectedFields":[1040],"fields":[16],"popoverProps":[16],"layer":[16],"mapView":[16],"showFieldInfo":[4,"show-field-info"],"showFieldName":[4,"show-field-name"],"showDescription":[4,"show-description"],"showSelectionAll":[4,"show-selection-all"],"showCancel":[4,"show-cancel"],"showSort":[4,"show-sort"],"showFilterLength":[2,"show-filter-length"],"multiple":[4],"heading":[1],"okBtnText":[1,"ok-btn-text"],"filterPlaceholderText":[1,"filter-placeholder-text"],"sortBy":[1,"sort-by"],"lastSortyBy":[32],"filterFields":[32],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32],"setFocus":[64],"reposition":[64]}]]],["arcgis-api-key",[[0,"arcgis-api-key",{"apiKey":[1,"api-key"]},null,{"apiKey":["apiKeyWatcher"]}]]],["arcgis-identity",[[0,"arcgis-identity",{"identity":[1040],"appId":[1,"app-id"],"credential":[1040],"expiration":[1026],"locale":[1],"usePopup":[4,"use-popup"],"popupCallbackUrl":[1,"popup-callback-url"],"portalUrl":[1,"portal-url"],"preserveUrlHash":[4,"preserve-url-hash"],"signIn":[64],"signOut":[64]},null,{"appId":["appIdWatcher"]}]]],["arcgis-field-info",[[1,"arcgis-field-info",{"view":[16],"layer":[16],"fieldName":[1,"field-name"],"hideStatistics":[4,"hide-statistics"],"oneFeatureResponse":[32],"oneFeatureResponseStatus":[32],"statistics":[32],"statisticsStatus":[32],"uniqueValues":[32],"uniqueValuesStatus":[32],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32]}]]]], options);
+  return bootstrapLazy([["arcgis-field-info",[[1,"arcgis-field-info",{"view":[16],"layer":[16],"fieldName":[1,"field-name"],"hideStatistics":[4,"hide-statistics"],"oneFeatureResponse":[32],"oneFeatureResponseStatus":[32],"statistics":[32],"statisticsStatus":[32],"uniqueValues":[32],"uniqueValuesStatus":[32],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32]}]]],["arcgis-field-pick-list",[[1,"arcgis-field-pick-list",{"selectedFields":[1040],"fields":[16],"popoverProps":[16],"layer":[16],"mapView":[16],"showFieldInfo":[4,"show-field-info"],"showFieldName":[4,"show-field-name"],"showDescription":[4,"show-description"],"showSelectionAll":[4,"show-selection-all"],"showCancel":[4,"show-cancel"],"showSort":[4,"show-sort"],"showFilterLength":[2,"show-filter-length"],"multiple":[4],"heading":[1],"okBtnText":[1,"ok-btn-text"],"filterPlaceholderText":[1,"filter-placeholder-text"],"sortBy":[1,"sort-by"],"lastSortyBy":[32],"filterFields":[32],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32],"setFocus":[64],"reposition":[64]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/field-info/field-info.d.ts

@@ -3,66 +3,66 @@ import type { FieldInfoStrings } from "./t9n-types";
 import { FieldInfoLayer, ComponentProps, Status } from "./utils";
 type FeatureSet = __esri.FeatureSet;
 export declare class ArcgisFieldInfo implements ComponentInterface {
-  _hostElement: HTMLArcgisFieldInfoElement;
-  /**
-   * view
-   */
-  view?: __esri.View;
-  /**
-   * layer
-   */
-  layer: FieldInfoLayer;
-  /**
-   * field name
-   */
-  fieldName: string;
-  /**
-   * Show or hide field statistics.
-   * If true then no top 10 values for string and no stats for number and date fields.
-   */
-  hideStatistics: boolean;
-  oneFeatureResponse?: FeatureSet;
-  oneFeatureResponseStatus?: Status;
-  statistics?: any;
-  statisticsStatus?: Status;
-  uniqueValues?: any;
-  uniqueValuesStatus?: Status;
-  _lang: string;
-  _t9nLocale: string;
-  _t9nStrings: FieldInfoStrings;
-  props: ComponentProps;
-  /**
-   * once all information is displayed
-   */
-  arcgisFieldInfoComplete: EventEmitter<void>;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): Promise<void>;
-  disconnectedCallback(): void;
-  render(): VNode;
-  private renderFieldType;
-  private renderFieldAlias;
-  private renderFieldDescription;
-  private renderFieldValueType;
-  private renderFieldSampleValue;
-  private renderFieldFormat;
-  private renderFieldStatistics;
-  private renderNoStatistics;
-  private renderStatistics;
-  private renderNumberStatistics;
-  private renderStringStatistics;
-  private renderDateStatistics;
-  private renderTopValues;
-  private renderNullValues;
-  private _getFieldTypeLabel;
-  private _getStatisticsType;
-  private _getFieldValueTypeCamelCase;
-  private _getDisplayString;
-  private _getDateString;
-  private _getTimestampOffsetString;
-  private _getDateOnlyString;
-  private _getTimeOnlyString;
-  private _getGuidString;
-  private _getNumberString;
-  private _printNumValue;
+    _hostElement: HTMLArcgisFieldInfoElement;
+    /**
+     * view
+     */
+    view?: __esri.View;
+    /**
+     * layer
+     */
+    layer: FieldInfoLayer;
+    /**
+     * field name
+     */
+    fieldName: string;
+    /**
+     * Show or hide field statistics.
+     * If true then no top 10 values for string and no stats for number and date fields.
+     */
+    hideStatistics: boolean;
+    oneFeatureResponse?: FeatureSet;
+    oneFeatureResponseStatus?: Status;
+    statistics?: any;
+    statisticsStatus?: Status;
+    uniqueValues?: any;
+    uniqueValuesStatus?: Status;
+    _lang: string;
+    _t9nLocale: string;
+    _t9nStrings: FieldInfoStrings;
+    props: ComponentProps;
+    /**
+     * once all information is displayed
+     */
+    arcgisFieldInfoComplete: EventEmitter<void>;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): void;
+    render(): VNode;
+    private renderFieldType;
+    private renderFieldAlias;
+    private renderFieldDescription;
+    private renderFieldValueType;
+    private renderFieldSampleValue;
+    private renderFieldFormat;
+    private renderFieldStatistics;
+    private renderNoStatistics;
+    private renderStatistics;
+    private renderNumberStatistics;
+    private renderStringStatistics;
+    private renderDateStatistics;
+    private renderTopValues;
+    private renderNullValues;
+    private _getFieldTypeLabel;
+    private _getStatisticsType;
+    private _getFieldValueTypeCamelCase;
+    private _getDisplayString;
+    private _getDateString;
+    private _getTimestampOffsetString;
+    private _getDateOnlyString;
+    private _getTimeOnlyString;
+    private _getGuidString;
+    private _getNumberString;
+    private _printNumValue;
 }
 export {};