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

package/dist/cjs/arcgis-field-pick-list.cjs.entry.js

@@ -2,256 +2,243 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ab5f2576.js');
-const index$2 = require('./index-2e4fbd31.js');
-const index$1 = require('./index-f8bf4df6.js');
+const index = require('./index-e0422bc8.js');
+const index$1 = require('./index-5ec7f592.js');
 
 const fieldPickListScss = ".popover{z-index:100}.panel{min-height:300px}.content{max-height:60vh}.selection-button-div{padding:4px 10px}";
 
 var FieldInfoPrefix;
 (function (FieldInfoPrefix) {
-  FieldInfoPrefix["expression"] = "expression/";
-  FieldInfoPrefix["relationship"] = "relationships/";
-  FieldInfoPrefix["raster"] = "Raster.";
+    FieldInfoPrefix["expression"] = "expression/";
+    FieldInfoPrefix["relationship"] = "relationships/";
+    FieldInfoPrefix["raster"] = "Raster.";
 })(FieldInfoPrefix || (FieldInfoPrefix = {}));
 var LastSortyBy;
 (function (LastSortyBy) {
-  LastSortyBy["default"] = "default";
-  LastSortyBy["display"] = "display";
-  LastSortyBy["type"] = "type";
-  LastSortyBy["field"] = "field";
+    LastSortyBy["default"] = "default";
+    LastSortyBy["display"] = "display";
+    LastSortyBy["type"] = "type";
+    LastSortyBy["field"] = "field";
 })(LastSortyBy || (LastSortyBy = {}));
 const ArcgisFieldPickList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.arcgisFieldPickListDismissed = index.createEvent(this, "arcgisFieldPickListDismissed", 7);
-    this.arcgisFieldPickListChange = index.createEvent(this, "arcgisFieldPickListChange", 7);
-    this.arcgisFieldPickListSortByChange = index.createEvent(this, "arcgisFieldPickListSortByChange", 7);
-    this.calciteValueList = (field) => (index.h("calcite-pick-list-item", { key: field.name, label: field.alias || field.name, description: (() => {
-        if (this.showFieldName) {
-          return `{${field.name}}`;
-        }
-        if (this.showDescription && field.description) {
-          return field.description;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.arcgisFieldPickListDismissed = index.createEvent(this, "arcgisFieldPickListDismissed", 7);
+        this.arcgisFieldPickListChange = index.createEvent(this, "arcgisFieldPickListChange", 7);
+        this.arcgisFieldPickListSortByChange = index.createEvent(this, "arcgisFieldPickListSortByChange", 7);
+        this.calciteValueList = (field) => (index.h("calcite-pick-list-item", { key: field.name, label: field.alias || field.name, description: (() => {
+                if (this.showFieldName) {
+                    return `{${field.name}}`;
+                }
+                if (this.showDescription && field.description) {
+                    return field.description;
+                }
+                return null;
+            })(), value: field.name, selected: (!this.multiple && field.name === this.selectedFields[0]) ||
+                (this.multiple && this.selectedFields.indexOf(field.name) > -1), metadata: {
+                label: field.alias,
+                fieldName: field.name
+            } }, this.showFieldInfoCheck(field) && (index.h("calcite-action", { slot: "actions-end", text: this._t9nStrings.info, title: this._t9nStrings.info, scale: "s", icon: "information", onClick: (event) => {
+                event.stopPropagation();
+                const action = event.target;
+                const fieldInfoFlowItem = document.createElement("calcite-flow-item");
+                fieldInfoFlowItem.heading = field.alias ?? field.name;
+                fieldInfoFlowItem.description = field.name;
+                fieldInfoFlowItem.className = "panel";
+                const fieldInfo = document.createElement("arcgis-field-info");
+                fieldInfo.lang = this._lang;
+                fieldInfo.fieldName = field.name;
+                fieldInfo.layer = this.layer;
+                fieldInfo.view = this.mapView;
+                fieldInfo.classList.add("content");
+                fieldInfoFlowItem.appendChild(fieldInfo);
+                fieldInfoFlowItem.addEventListener("calciteFlowItemBack", () => setTimeout(() => requestAnimationFrame(() => action.setFocus()), 200));
+                this.flowElement.appendChild(fieldInfoFlowItem);
+                setTimeout(() => requestAnimationFrame(() => fieldInfoFlowItem.setFocus()), 200);
+            } }))));
+        this.selectedFields = [];
+        this.fields = undefined;
+        this.popoverProps = undefined;
+        this.layer = undefined;
+        this.mapView = undefined;
+        this.showFieldInfo = false;
+        this.showFieldName = false;
+        this.showDescription = false;
+        this.showSelectionAll = false;
+        this.showCancel = true;
+        this.showSort = true;
+        this.showFilterLength = 10;
+        this.multiple = false;
+        this.heading = undefined;
+        this.okBtnText = undefined;
+        this.filterPlaceholderText = undefined;
+        this.sortBy = undefined;
+        this.lastSortyBy = LastSortyBy.default;
+        this.filterFields = null;
+        this._lang = "";
+        this._t9nLocale = "";
+        this._t9nStrings = undefined;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    // --------------------------------------------------------------------------
+    async componentWillLoad() {
+        await index$1.F(this, index.getAssetPath("./assets"));
+        // in case more than 1 selected field and multiple is set to false
+        if (!this.multiple && this.selectedFields.length > 1) {
+            this.selectedFields = [this.selectedFields[0]];
         }
-        return null;
-      })(), value: field.name, selected: (!this.multiple && field.name === this.selectedFields[0]) ||
-        (this.multiple && this.selectedFields.indexOf(field.name) > -1), metadata: {
-        label: field.alias,
-        fieldName: field.name
-      } }, this.showFieldInfoCheck(field) && (index.h("calcite-action", { slot: "actions-end", text: this._t9nStrings.info, title: this._t9nStrings.info, scale: "s", icon: "information", onClick: (event) => {
-        event.stopPropagation();
-        const action = event.target;
-        const fieldInfoFlowItem = document.createElement("calcite-flow-item");
-        fieldInfoFlowItem.heading = field.alias ?? field.name;
-        fieldInfoFlowItem.description = field.name;
-        fieldInfoFlowItem.className = "panel";
-        const fieldInfo = document.createElement("arcgis-field-info");
-        fieldInfo.lang = this._lang;
-        fieldInfo.fieldName = field.name;
-        fieldInfo.layer = this.layer;
-        fieldInfo.view = this.mapView;
-        fieldInfo.classList.add("content");
-        fieldInfoFlowItem.appendChild(fieldInfo);
-        fieldInfoFlowItem.addEventListener("calciteFlowItemBack", () => setTimeout(() => requestAnimationFrame(() => action.setFocus()), 200));
-        this.flowElement.appendChild(fieldInfoFlowItem);
-        setTimeout(() => requestAnimationFrame(() => fieldInfoFlowItem.setFocus()), 200);
-      } }))));
-    this.selectedFields = [];
-    this.fields = undefined;
-    this.popoverProps = undefined;
-    this.layer = undefined;
-    this.mapView = undefined;
-    this.showFieldInfo = false;
-    this.showFieldName = false;
-    this.showDescription = false;
-    this.showSelectionAll = false;
-    this.showCancel = true;
-    this.showSort = true;
-    this.showFilterLength = 10;
-    this.multiple = false;
-    this.heading = undefined;
-    this.okBtnText = undefined;
-    this.filterPlaceholderText = undefined;
-    this.sortBy = undefined;
-    this.lastSortyBy = LastSortyBy.default;
-    this.filterFields = null;
-    this._lang = "";
-    this._t9nLocale = "";
-    this._t9nStrings = undefined;
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  async componentWillLoad() {
-    await index$1.F(this, index.getAssetPath("./assets"));
-    // in case more than 1 selected field and multiple is set to false
-    if (!this.multiple && this.selectedFields.length > 1) {
-      this.selectedFields = [this.selectedFields[0]];
+        this.lastSortyBy = this.sortBy || this.lastSortyBy;
     }
-    this.lastSortyBy = this.sortBy || this.lastSortyBy;
-  }
-  async componentDidLoad() {
-    const intl = await index$2.importIntl();
-    intl.setLocale(this._lang);
-    this.setUpObserver();
-    this.popoverNode.open = true;
-    // need timeout because of re-render
-    setTimeout(() => requestAnimationFrame(() => this.panelElement.setFocus()), 200);
-  }
-  disconnectedCallback() {
-    index$1.U(this);
-    this.observer?.disconnect();
-  }
-  // --------------------------------------------------------------------------
-  //
-  // Public Methods
-  //
-  // --------------------------------------------------------------------------
-  async setFocus() {
-    setTimeout(() => requestAnimationFrame(() => this.panelElement.setFocus()), 1);
-  }
-  async reposition() {
-    this.popoverNode?.reposition();
-  }
-  // --------------------------------------------------------------------------
-  //
-  // Private Methods
-  //
-  // --------------------------------------------------------------------------
-  getSortedList() {
-    const tempSorted = [...this.fields];
-    if (this.lastSortyBy === LastSortyBy.display) {
-      tempSorted.sort((a, b) => a.alias.localeCompare(b.alias));
+    async componentDidLoad() {
+        const intl = await index$1.importIntl();
+        intl.setLocale(this._lang);
+        this.setUpObserver();
+        this.popoverNode.open = true;
+        // need timeout because of re-render
+        setTimeout(() => requestAnimationFrame(() => this.panelElement.setFocus()), 200);
     }
-    else if (this.lastSortyBy === LastSortyBy.field) {
-      tempSorted.sort((a, b) => a.name.localeCompare(b.name));
+    disconnectedCallback() {
+        index$1.U(this);
+        this.observer?.disconnect();
     }
-    else if (this.lastSortyBy === LastSortyBy.type) {
-      tempSorted.sort((a, b) => a.type.localeCompare(b.type));
+    // --------------------------------------------------------------------------
+    //
+    // Public Methods
+    //
+    // --------------------------------------------------------------------------
+    async setFocus() {
+        setTimeout(() => requestAnimationFrame(() => this.panelElement.setFocus()), 1);
     }
-    return tempSorted;
-  }
-  showFieldInfoCheck(field) {
-    if (this.showFieldInfo) {
-      // dont want info for arcade and relation fields
-      if (field.name.includes(FieldInfoPrefix.expression) || field.name.includes(FieldInfoPrefix.relationship)) {
-        return false;
-      }
-      else {
-        return true;
-      }
+    async reposition() {
+        this.popoverNode?.reposition();
     }
-    else {
-      return false;
+    // --------------------------------------------------------------------------
+    //
+    // Private Methods
+    //
+    // --------------------------------------------------------------------------
+    getSortedList() {
+        const tempSorted = [...this.fields];
+        if (this.lastSortyBy === LastSortyBy.display) {
+            tempSorted.sort((a, b) => a.alias.localeCompare(b.alias));
+        }
+        else if (this.lastSortyBy === LastSortyBy.field) {
+            tempSorted.sort((a, b) => a.name.localeCompare(b.name));
+        }
+        else if (this.lastSortyBy === LastSortyBy.type) {
+            tempSorted.sort((a, b) => a.type.localeCompare(b.type));
+        }
+        return tempSorted;
     }
-  }
-  // return true for deselect all, false for select all
-  selectDeselect() {
-    return this.filterFields?.length ? this.filterContainsAll() : this.selectedFields.length === this.fields.length;
-  }
-  // check if filter has all current field info
-  filterContainsAll() {
-    return !!this.filterFields?.every((filter) => {
-      return this.selectedFields.some((curr) => {
-        return curr === filter;
-      });
-    });
-  }
-  // --------------------------------------------------------------------------
-  //
-  // Rendor  Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const addBtn = (index.h("calcite-button", { slot: "footer", appearance: this.showCancel ? "solid" : "outline-fill", width: this.showCancel ? "half" : "full", scale: "m", onClick: () => {
-        this.arcgisFieldPickListDismissed.emit({ selectedFields: this.selectedFields });
-      } }, this.okBtnText || (this.multiple ? this._t9nStrings.done : this._t9nStrings.ok)));
-    const cancelBtn = (index.h("calcite-button", { slot: "footer", appearance: "outline-fill", width: this.multiple ? "half" : "full", scale: "m", onClick: () => this.arcgisFieldPickListDismissed.emit() }, this._t9nStrings.cancel));
-    const hasType = this.fields.every((field) => !!field.type);
-    const sort = (index.h("calcite-dropdown", { slot: "menu-actions", placement: "bottom-end", overlayPositioning: "fixed", ref: (node) => (this.dropdownNode = node), onCalciteDropdownOpen: () => {
-        this.observer?.disconnect();
-        this.observer?.observe(this.popoverNode, { attributes: true });
-      }, onCalciteDropdownClose: () => this.observer?.disconnect() }, index.h("calcite-action", { slot: "trigger", text: this._t9nStrings.sort, title: this._t9nStrings.sort }, index.h("calcite-icon", { scale: "s", icon: "sortDescending" })), index.h("calcite-dropdown-group", null, index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.default, onClick: () => {
-        this.lastSortyBy = LastSortyBy.default;
-        this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
-      } }, this._t9nStrings.default), index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.display, onClick: () => {
-        this.lastSortyBy = LastSortyBy.display;
-        this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
-      } }, this._t9nStrings.displayName), hasType && (index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.type, onClick: () => {
-        this.lastSortyBy = LastSortyBy.type;
-        this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
-      } }, this._t9nStrings.type)), index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.field, onClick: () => {
-        this.lastSortyBy = LastSortyBy.field;
-        this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
-      } }, this._t9nStrings.fieldName))));
-    const selectionBtn = (index.h("div", { class: "selection-button-div" }, index.h("calcite-button", { appearance: "transparent", scale: "s", width: "full", onClick: () => {
-        if (this.selectDeselect()) {
-          //deselect all
-          this.selectedFields = this.filterFields?.length
-            ? this.selectedFields.filter((item) => !this.filterFields?.includes(item))
-            : [];
+    showFieldInfoCheck(field) {
+        if (this.showFieldInfo) {
+            // dont want info for arcade and relation fields
+            if (field.name.includes(FieldInfoPrefix.expression) || field.name.includes(FieldInfoPrefix.relationship)) {
+                return false;
+            }
+            else {
+                return true;
+            }
         }
         else {
-          //select all
-          this.selectedFields = this.filterFields?.length
-            ? [...new Set([...this.selectedFields, ...this.filterFields])]
-            : this.fields.map((field) => {
-              return field.name;
-            });
-        }
-      } }, this.selectDeselect() ? this._t9nStrings.deselectAll : this._t9nStrings.selectAll)));
-    return (index.h(index.Host, { class: "js-app-flyout" }, index.h("calcite-popover", { dir: index$1.C(this._hostElement), class: "popover", placement: this.popoverProps.placement || "leading-start", open: false, pointerDisabled: true, referenceElement: this.popoverProps.refElement, offsetDistance: this.popoverProps.offsetDistance || -Math.round(this.popoverProps.refElement.getBoundingClientRect().width), offsetSkidding: this.popoverProps.offsetSkidding || 0, overlayPositioning: this.popoverProps.overlayPositioning, triggerDisabled: this.popoverProps.triggerDisabled, autoClose: this.popoverProps.autoClose, label: this.heading || (this.multiple ? this._t9nStrings.headerSelect : this._t9nStrings.header), onCalcitePopoverClose: () => this.arcgisFieldPickListDismissed.emit(), ref: (node) => (this.popoverNode = node) }, index.h("calcite-flow", { ref: (node) => {
-        this.flowElement = node;
-      }, style: {
-        width: `${this.popoverProps.popoverWidth || this.popoverProps.refElement.getBoundingClientRect().width}px`
-      } }, index.h("calcite-flow-item", { ref: (el) => (this.panelElement = el), class: "panel", heading: this.heading || (this.multiple ? this._t9nStrings.headerSelect : this._t9nStrings.header), closable: true, onCalciteFlowItemClose: () => this.arcgisFieldPickListDismissed.emit() }, this.multiple && addBtn, this.showCancel && cancelBtn, index.h("calcite-pick-list", { multiple: this.multiple, ref: (node) => {
-        this.pickListNode = node;
-      }, class: "content", filterEnabled: this.fields.length >= this.showFilterLength ? true : false, filterPlaceholder: this.filterPlaceholderText ?? this._t9nStrings.filter, onCalciteListChange: async () => {
-        // keep original order. Add addional values at the end
-        const tempSelectedFields = await this.pickListNode.getSelectedItems();
-        this.selectedFields = [
-          ...new Set([
-            ...this.selectedFields.filter((item) => {
-              return tempSelectedFields.has(item);
-            }),
-            ...tempSelectedFields.keys()
-          ])
-        ];
-        this.arcgisFieldPickListChange.emit({ selectedFields: this.selectedFields });
-        if (!this.multiple) {
-          this.arcgisFieldPickListDismissed.emit({ selectedFields: this.selectedFields });
+            return false;
         }
-      }, onCalciteListFilter: (event) => {
-        event.stopPropagation();
-        const node = event.target;
-        this.filterFields = node.filteredItems?.map((item) => {
-          return item.value;
+    }
+    // return true for deselect all, false for select all
+    selectDeselect() {
+        return this.filterFields?.length ? this.filterContainsAll() : this.selectedFields.length === this.fields.length;
+    }
+    // check if filter has all current field info
+    filterContainsAll() {
+        return !!this.filterFields?.every((filter) => this.selectedFields.some((curr) => curr === filter));
+    }
+    // --------------------------------------------------------------------------
+    //
+    // Rendor  Methods
+    //
+    // --------------------------------------------------------------------------
+    render() {
+        const addBtn = (index.h("calcite-button", { slot: "footer", appearance: this.showCancel ? "solid" : "outline-fill", width: this.showCancel ? "half" : "full", scale: "m", onClick: () => {
+                this.arcgisFieldPickListDismissed.emit({ selectedFields: this.selectedFields });
+            } }, this.okBtnText || (this.multiple ? this._t9nStrings.done : this._t9nStrings.ok)));
+        const cancelBtn = (index.h("calcite-button", { slot: "footer", appearance: "outline-fill", width: this.multiple ? "half" : "full", scale: "m", onClick: () => this.arcgisFieldPickListDismissed.emit() }, this._t9nStrings.cancel));
+        const hasType = this.fields.every((field) => !!field.type);
+        const sort = (index.h("calcite-dropdown", { slot: "menu-actions", placement: "bottom-end", overlayPositioning: "fixed", ref: (node) => (this.dropdownNode = node), onCalciteDropdownOpen: () => {
+                this.observer?.disconnect();
+                this.observer?.observe(this.popoverNode, { attributes: true });
+            }, onCalciteDropdownClose: () => this.observer?.disconnect() }, index.h("calcite-action", { slot: "trigger", text: this._t9nStrings.sort, title: this._t9nStrings.sort }, index.h("calcite-icon", { scale: "s", icon: "sortDescending" })), index.h("calcite-dropdown-group", null, index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.default, onClick: () => {
+                this.lastSortyBy = LastSortyBy.default;
+                this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
+            } }, this._t9nStrings.default), index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.display, onClick: () => {
+                this.lastSortyBy = LastSortyBy.display;
+                this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
+            } }, this._t9nStrings.displayName), hasType && (index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.type, onClick: () => {
+                this.lastSortyBy = LastSortyBy.type;
+                this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
+            } }, this._t9nStrings.type)), index.h("calcite-dropdown-item", { selected: this.lastSortyBy === LastSortyBy.field, onClick: () => {
+                this.lastSortyBy = LastSortyBy.field;
+                this.arcgisFieldPickListSortByChange.emit(this.lastSortyBy);
+            } }, this._t9nStrings.fieldName))));
+        const selectionBtn = (index.h("div", { class: "selection-button-div" }, index.h("calcite-button", { appearance: "transparent", scale: "s", width: "full", onClick: () => {
+                if (this.selectDeselect()) {
+                    //deselect all
+                    this.selectedFields = this.filterFields?.length
+                        ? this.selectedFields.filter((item) => !this.filterFields?.includes(item))
+                        : [];
+                }
+                else {
+                    //select all
+                    this.selectedFields = this.filterFields?.length
+                        ? [...new Set([...this.selectedFields, ...this.filterFields])]
+                        : this.fields.map((field) => field.name);
+                }
+            } }, this.selectDeselect() ? this._t9nStrings.deselectAll : this._t9nStrings.selectAll)));
+        return (index.h(index.Host, { class: "js-app-flyout" }, index.h("calcite-popover", { dir: index$1.C(this._hostElement), class: "popover", placement: this.popoverProps.placement || "leading-start", open: false, pointerDisabled: true, referenceElement: this.popoverProps.refElement, offsetDistance: this.popoverProps.offsetDistance || -Math.round(this.popoverProps.refElement.getBoundingClientRect().width), offsetSkidding: this.popoverProps.offsetSkidding || 0, overlayPositioning: this.popoverProps.overlayPositioning, triggerDisabled: this.popoverProps.triggerDisabled, autoClose: this.popoverProps.autoClose, label: this.heading || (this.multiple ? this._t9nStrings.headerSelect : this._t9nStrings.header), onCalcitePopoverClose: () => this.arcgisFieldPickListDismissed.emit(), ref: (node) => (this.popoverNode = node) }, index.h("calcite-flow", { ref: (node) => {
+                this.flowElement = node;
+            }, style: {
+                width: `${this.popoverProps.popoverWidth || this.popoverProps.refElement.getBoundingClientRect().width}px`
+            } }, index.h("calcite-flow-item", { ref: (el) => (this.panelElement = el), class: "panel", heading: this.heading || (this.multiple ? this._t9nStrings.headerSelect : this._t9nStrings.header), closable: true, onCalciteFlowItemClose: () => this.arcgisFieldPickListDismissed.emit() }, this.multiple && addBtn, this.showCancel && cancelBtn, index.h("calcite-pick-list", { multiple: this.multiple, ref: (node) => {
+                this.pickListNode = node;
+            }, class: "content", filterEnabled: this.fields.length >= this.showFilterLength, filterPlaceholder: this.filterPlaceholderText ?? this._t9nStrings.filter, onCalciteListChange: async () => {
+                // keep original order. Add addional values at the end
+                const tempSelectedFields = await this.pickListNode.getSelectedItems();
+                this.selectedFields = [
+                    ...new Set([
+                        ...this.selectedFields.filter((item) => tempSelectedFields.has(item)),
+                        ...tempSelectedFields.keys()
+                    ])
+                ];
+                this.arcgisFieldPickListChange.emit({ selectedFields: this.selectedFields });
+                if (!this.multiple) {
+                    this.arcgisFieldPickListDismissed.emit({ selectedFields: this.selectedFields });
+                }
+            }, onCalciteListFilter: (event) => {
+                event.stopPropagation();
+                const node = event.target;
+                this.filterFields = node.filteredItems?.map((item) => item.value);
+            } }, this.fields.length >= this.showFilterLength && this.showSort && sort, this.multiple && this.showSelectionAll && selectionBtn, [...this.getSortedList()].map((field) => this.calciteValueList(field))))))));
+    }
+    // --------------------------------------------------------------------------
+    //
+    // Private  Methods
+    //
+    // --------------------------------------------------------------------------
+    setUpObserver() {
+        this.observer = new MutationObserver((mutationList /* , observer */) => {
+            for (const mutation of mutationList) {
+                if (mutation.attributeName === "style") {
+                    if (this.popoverNode.style.visibility === "hidden") {
+                        this.dropdownNode.open = false;
+                    }
+                }
+            }
         });
-      } }, this.fields.length >= this.showFilterLength && this.showSort && sort, this.multiple && this.showSelectionAll && selectionBtn, [...this.getSortedList()].map((field) => {
-      return this.calciteValueList(field);
-    })))))));
-  }
-  // --------------------------------------------------------------------------
-  //
-  // Private  Methods
-  //
-  // --------------------------------------------------------------------------
-  setUpObserver() {
-    this.observer = new MutationObserver((mutationList /* , observer */) => {
-      for (const mutation of mutationList) {
-        if (mutation.attributeName === "style") {
-          if (this.popoverNode.style.visibility === "hidden") {
-            this.dropdownNode.open = false;
-          }
-        }
-      }
-    });
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get _hostElement() { return index.getElement(this); }
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get _hostElement() { return index.getElement(this); }
 };
 ArcgisFieldPickList.style = fieldPickListScss;
 

package/dist/cjs/{index-2e4fbd31.js → index-5ec7f592.js}

@@ -26,24 +26,6 @@ function requireModule(modulePath) {
         resolve(moduleDefault);
     }));
 }
-async function importIdentityIdentityManager() {
-    if (amd) {
-        return requireModule("esri/identity/IdentityManager");
-    }
-    const module = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@arcgis/core/identity/IdentityManager.js')); });
-    return module.default;
-}
-async function importIdentityOAuthInfo() {
-    if (amd) {
-        return requireModule("esri/identity/OAuthInfo");
-    }
-    const module = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@arcgis/core/identity/OAuthInfo.js')); });
-    return module.default;
-}
-async function newIdentityOAuthInfo(properties) {
-    const ModConstructor = await importIdentityOAuthInfo();
-    return new ModConstructor(properties);
-}
 async function importRestSupportQuery() {
     if (amd) {
         return requireModule("esri/rest/support/Query");
@@ -94,12 +76,15 @@ async function importSmartMappingStatisticsUniqueValues() {
     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);}
+
+exports.C = C;
+exports.F = F;
+exports.U = U;
 exports.importConfig = importConfig;
 exports.importCoreLang = importCoreLang;
 exports.importCoreReactiveUtils = importCoreReactiveUtils;
-exports.importIdentityIdentityManager = importIdentityIdentityManager;
 exports.importIntl = importIntl;
 exports.importRestSupportQuery = importRestSupportQuery;
 exports.importSmartMappingStatisticsSummaryStatistics = importSmartMappingStatisticsSummaryStatistics;
 exports.importSmartMappingStatisticsUniqueValues = importSmartMappingStatisticsUniqueValues;
-exports.newIdentityOAuthInfo = newIdentityOAuthInfo;