@arcgis/map-components 4.28.0-beta.9 → 4.29.0-beta.1

package/dist/esm/arcgis-expand_4.entry.js

@@ -0,0 +1,786 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { n as newWidgetsExpand, a as newLayersFeatureLayer, b as newWidgetsFeatureTable, i as importCoreReactiveUtils, c as importConfig, d as newWebMap, e as newViewsMapView, f as newWidgetsSearch } from './index-c227d296.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { d as disableNavigation } from './mapping-utils-26beb904.js';
+
+const arcgisExpandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-ui-background)}";
+
+const ArcgisExpand = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "top-right";
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const widget = await newWidgetsExpand({
+      container: this.childElem
+    });
+    this.widget = widget;
+    if (this.view) {
+      this.widget.view = this.view;
+    }
+    this._checkForView();
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Internal Methods
+  //
+  //--------------------------------------------------------------------------
+  _checkForView() {
+    const viewRef = this.el.closest("arcgis-map") || this.el.closest("arcgis-scene");
+    if (viewRef?.view) {
+      this.view = viewRef.view;
+      this.view.ui.add(this.childElem, this.position);
+      this.widgetReady.emit({ widget: this.widget });
+    }
+    else if (viewRef) {
+      const handler = () => {
+        this.view = viewRef.view;
+        this.view.ui.add(this.childElem, this.position);
+        this.widgetReady.emit({ widget: this.widget });
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisExpand.style = arcgisExpandCss;
+
+const arcgisFeatureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
+
+const ArcgisFeatureTable = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.rowSelectionChange = createEvent(this, "rowSelectionChange", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeFilters = undefined;
+    this.activeSortOrders = undefined;
+    this.attachmentsEnabled = undefined;
+    this.autoRefreshEnabled = undefined;
+    this.columnReorderingEnabled = undefined;
+    this.columns = undefined;
+    this.editingEnabled = undefined;
+    this.filterGeometry = undefined;
+    this.hiddenFields = undefined;
+    this.highlightEnabled = undefined;
+    this.highlightIds = undefined;
+    this.layer = undefined;
+    this.menu = undefined;
+    this.menuConfig = undefined;
+    this.multiSortEnabled = undefined;
+    this.pageSize = undefined;
+    this.state = undefined;
+    this.tableTemplate = undefined;
+    this.itemId = undefined;
+    this.position = "bottom-left";
+    this.url = undefined;
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  attachmentsEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.attachmentsEnabled = value;
+    }
+  }
+  autoRefreshEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.autoRefreshEnabled = value;
+    }
+  }
+  columnReorderingEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.columnReorderingEnabled = value;
+    }
+  }
+  editingEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.editingEnabled = value;
+    }
+  }
+  filterGeometryWatcher(value) {
+    if (value && this.widget) {
+      this.widget.filterGeometry = value;
+    }
+  }
+  hiddenFieldsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.hiddenFields = value;
+    }
+  }
+  highlightEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.highlightEnabled = value;
+    }
+  }
+  highlightIdsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.highlightIds = value;
+    }
+  }
+  menuConfigWatcher(value) {
+    if (value && this.widget) {
+      this.widget.menuConfig = value;
+    }
+  }
+  multiSortEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.multiSortEnabled = value;
+    }
+  }
+  pageSizeWatcher(value) {
+    if (value && this.widget) {
+      this.widget.pageSize = value;
+    }
+  }
+  tableTemplateWatcher(value) {
+    if (value && this.widget) {
+      this.widget.tableTemplate = value;
+    }
+  }
+  async itemIdWatcher(value, old) {
+    if (value && value !== old) {
+      const layer = await newLayersFeatureLayer({
+        portalItem: {
+          id: value
+        }
+      });
+      this.layer = layer;
+    }
+  }
+  layerWatcher(value) {
+    if (value && this.widget) {
+      this.widget.layer = value;
+    }
+  }
+  async urlWatcher(value, old) {
+    if (value && value !== old) {
+      const layer = await newLayersFeatureLayer({ url: value });
+      this.layer = layer;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async clearSelectionFilter() {
+    return this.widget?.clearSelectionFilter();
+  }
+  async deleteSelection(showWarningPrompt) {
+    return this.widget?.deleteSelection(showWarningPrompt);
+  }
+  async filterBySelection() {
+    return this.widget?.filterBySelection();
+  }
+  async findColumn(fieldName) {
+    return this.widget?.findColumn(fieldName);
+  }
+  async hideColumn(fieldName) {
+    return this.widget?.hideColumn(fieldName);
+  }
+  async refresh() {
+    return this.widget?.refresh();
+  }
+  async scrollToIndex(index) {
+    return this.widget?.scrollToIndex(index);
+  }
+  async showAllColumns() {
+    return this.widget?.showAllColumns();
+  }
+  async showColumn(fieldName) {
+    return this.widget?.showColumn(fieldName);
+  }
+  async sortColumn(path, direction) {
+    return this.widget?.sortColumn(path, direction);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = await this._createParams();
+    const widget = await newWidgetsFeatureTable(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit({ widget: this.widget });
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { class: "arcgis-feature-table", ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.activeFilters, (value) => (this.activeFilters = value), {
+      initial: true
+    });
+    watch(() => this.widget.activeSortOrders, (value) => (this.activeSortOrders = value), {
+      initial: true
+    });
+    watch(() => this.widget.columns, (value) => (this.columns = value), {
+      initial: true
+    });
+    watch(() => this.widget.menu, (value) => (this.menu = value), {
+      initial: true
+    });
+    watch(() => this.widget.state, (value) => (this.state = value), {
+      initial: true
+    });
+  }
+  async _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.attachmentsEnabled !== undefined) {
+      params.attachmentsEnabled = this.attachmentsEnabled;
+    }
+    if (this.autoRefreshEnabled !== undefined) {
+      params.autoRefreshEnabled = this.autoRefreshEnabled;
+    }
+    if (this.columnReorderingEnabled !== undefined) {
+      params.columnReorderingEnabled = this.columnReorderingEnabled;
+    }
+    if (this.editingEnabled !== undefined) {
+      params.editingEnabled = this.editingEnabled;
+    }
+    if (this.filterGeometry !== undefined) {
+      params.filterGeometry = this.filterGeometry;
+    }
+    if (this.hiddenFields !== undefined) {
+      params.hiddenFields = this.hiddenFields;
+    }
+    if (this.highlightEnabled !== undefined) {
+      params.highlightEnabled = this.highlightEnabled;
+    }
+    if (this.highlightIds !== undefined) {
+      params.highlightIds = this.highlightIds;
+    }
+    if (this.menuConfig !== undefined) {
+      params.menuConfig = this.menuConfig;
+    }
+    if (this.multiSortEnabled !== undefined) {
+      params.multiSortEnabled = this.multiSortEnabled;
+    }
+    if (this.pageSize !== undefined) {
+      params.pageSize = this.pageSize;
+    }
+    if (this.tableTemplate !== undefined) {
+      params.tableTemplate = this.tableTemplate;
+    }
+    // Handle loading a layer, url, or itemId
+    if (this.layer !== undefined) {
+      params.layer = this.layer;
+    }
+    else if (this.url) {
+      params.layer = await newLayersFeatureLayer({ url: this.url });
+    }
+    else if (this.itemId) {
+      params.layer = await newLayersFeatureLayer({
+        portalItem: {
+          id: this.itemId
+        }
+      });
+    }
+    return params;
+  }
+  async _proxyEvents() {
+    this.widget?.highlightIds.on("change", (e) => this.rowSelectionChange.emit(e));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "attachmentsEnabled": ["attachmentsEnabledWatcher"],
+    "autoRefreshEnabled": ["autoRefreshEnabledWatcher"],
+    "columnReorderingEnabled": ["columnReorderingEnabledWatcher"],
+    "editingEnabled": ["editingEnabledWatcher"],
+    "filterGeometry": ["filterGeometryWatcher"],
+    "hiddenFields": ["hiddenFieldsWatcher"],
+    "highlightEnabled": ["highlightEnabledWatcher"],
+    "highlightIds": ["highlightIdsWatcher"],
+    "menuConfig": ["menuConfigWatcher"],
+    "multiSortEnabled": ["multiSortEnabledWatcher"],
+    "pageSize": ["pageSizeWatcher"],
+    "tableTemplate": ["tableTemplateWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "layer": ["layerWatcher"],
+    "url": ["urlWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisFeatureTable.style = arcgisFeatureTableCss;
+
+const arcgisMapCss = ".arcgis-map{padding:0;margin:0;height:100%;width:100%}";
+
+const ArcgisMap = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.viewReady = createEvent(this, "viewReady", 7);
+    this.apiKey = undefined;
+    this.basemap = undefined;
+    this.backgroundColor = undefined;
+    this.disableNavigation = false;
+    this.itemId = undefined;
+    this.portalUrl = undefined;
+    this.scale = undefined;
+    this.zoom = undefined;
+    this.center = undefined;
+    this.view = undefined;
+  }
+  apiKeyWatcher(value) {
+    this.config.apiKey = value;
+  }
+  backgroundColorWatcher(value) {
+    this.view.background = {
+      color: value
+    };
+  }
+  itemIdWatcher(value, old) {
+    if (value && value !== old) {
+      this.loadMap();
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentWillLoad() {
+    this.config = await importConfig();
+    if (this.apiKey) {
+      this.config.apiKey = this.apiKey;
+    }
+    this.loadMap();
+  }
+  componentDidRender() {
+    if (this.view) {
+      this.view.container = this.el;
+    }
+  }
+  render() {
+    return h("div", { class: "arcgis-map", ref: (el) => (this.el = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async loadMap() {
+    const mapParams = {};
+    if (this.itemId) {
+      mapParams.portalItem = this._createPortalItem();
+    }
+    if (this.basemap) {
+      mapParams.basemap = this.basemap;
+    }
+    const map = await newWebMap(mapParams);
+    const params = this._createViewParams();
+    const view = await newViewsMapView({
+      map,
+      ...params
+    });
+    this.view = view;
+    this._addWatchers();
+    if (this.disableNavigation) {
+      disableNavigation(this.view);
+    }
+    this.view.when(() => this.viewReady.emit({ view: this.view }));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.view.center, (center) => {
+      const value = `${center.longitude},${center.latitude}`;
+      this.center = value;
+    });
+    watch(() => this.view.zoom, (value) => (this.zoom = value));
+    watch(() => this.view.scale, (value) => (this.scale = value));
+  }
+  _createPortalItem() {
+    const item = {};
+    if (this.itemId) {
+      item.id = this.itemId;
+    }
+    if (this.portalUrl) {
+      item.portal = {
+        url: this.portalUrl
+      };
+    }
+    return item;
+  }
+  _createViewParams() {
+    const params = {};
+    if (this.backgroundColor) {
+      params.background = {
+        color: this.backgroundColor
+      };
+    }
+    if (this.zoom !== undefined) {
+      params.zoom = this.zoom;
+    }
+    if (this.scale !== undefined) {
+      params.scale = this.scale;
+    }
+    if (this.center) {
+      if (typeof this.center === "string") {
+        params.center = this.center.split(",").map((x) => Number(x));
+      }
+      else {
+        params.center = this.center;
+      }
+    }
+    return params;
+  }
+  get hostElem() { return getElement(this); }
+  static get watchers() { return {
+    "apiKey": ["apiKeyWatcher"],
+    "backgroundColor": ["backgroundColorWatcher"],
+    "itemId": ["itemIdWatcher"]
+  }; }
+};
+ArcgisMap.style = arcgisMapCss;
+
+const arcgisSearchCss = "";
+
+const ArcgisSearch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.searchBlur = createEvent(this, "searchBlur", 7);
+    this.searchClear = createEvent(this, "searchClear", 7);
+    this.searchComplete = createEvent(this, "searchComplete", 7);
+    this.searchFocus = createEvent(this, "searchFocus", 7);
+    this.searchStart = createEvent(this, "searchStart", 7);
+    this.selectResult = createEvent(this, "selectResult", 7);
+    this.suggestComplete = createEvent(this, "suggestComplete", 7);
+    this.suggestStart = createEvent(this, "suggestStart", 7);
+    this.referenceElement = undefined;
+    this.activeMenu = undefined;
+    this.activeSource = undefined;
+    this.activeSourceIndex = undefined;
+    this.allPlaceholder = undefined;
+    this.allSources = undefined;
+    this.autoSelect = undefined;
+    this.defaultSources = undefined;
+    this.includeDefaultSources = undefined;
+    this.locationEnabled = undefined;
+    this.maxResults = undefined;
+    this.maxSuggestions = undefined;
+    this.minSuggestCharacters = undefined;
+    this.popupEnabled = undefined;
+    this.popupTemplate = undefined;
+    this.portal = undefined;
+    this.resultGraphic = undefined;
+    this.resultGraphicEnabled = undefined;
+    this.results = undefined;
+    this.searchAllEnabled = undefined;
+    this.searchTerm = undefined;
+    this.selectedResult = undefined;
+    this.sources = undefined;
+    this.suggestions = undefined;
+    this.suggestionsEnabled = undefined;
+    this.position = "top-right";
+    this.expandable = false;
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  activeMenuWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeMenu = newValue;
+    }
+  }
+  activeSourceIndexWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeSourceIndex = newValue;
+    }
+  }
+  allPlaceholderWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.allPlaceholder = newValue;
+    }
+  }
+  autoSelectWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.autoSelect = newValue;
+    }
+  }
+  includeDefaultSourcesWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.includeDefaultSources = newValue;
+    }
+  }
+  locationEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.locationEnabled = newValue;
+    }
+  }
+  maxResultsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.maxResults = newValue;
+    }
+  }
+  maxSuggestionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.maxSuggestions = newValue;
+    }
+  }
+  minSuggestCharactersWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.minSuggestCharacters = newValue;
+    }
+  }
+  popupEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.popupEnabled = newValue;
+    }
+  }
+  popupTemplateWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.popupTemplate = newValue;
+    }
+  }
+  portalWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.portal = newValue;
+    }
+  }
+  resultGraphicEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.resultGraphicEnabled = newValue;
+    }
+  }
+  searchAllEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.searchAllEnabled = newValue;
+    }
+  }
+  searchTermWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.searchTerm = newValue;
+    }
+  }
+  sourcesWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.sources = newValue;
+    }
+  }
+  suggestionsEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.suggestionsEnabled = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async blurSearch() {
+    return this.widget?.blur();
+  }
+  async clearSearch() {
+    return this.widget?.clear();
+  }
+  async focusSearch() {
+    return this.widget?.focus();
+  }
+  async search(term) {
+    return this.widget?.search(term);
+  }
+  async suggest(term) {
+    return this.widget?.suggest(term);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsSearch(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit({ widget: this.widget });
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.activeSource, (value) => (this.activeSource = value), {
+      initial: true
+    });
+    watch(() => this.widget.activeSourceIndex, (value) => (this.activeSourceIndex = value), {
+      initial: true
+    });
+    watch(() => this.widget.allSources, (value) => (this.allSources = value), {
+      initial: true
+    });
+    watch(() => this.widget.defaultSources, (value) => (this.defaultSources = value), {
+      initial: true
+    });
+    watch(() => this.widget.resultGraphic, (value) => (this.resultGraphic = value), {
+      initial: true
+    });
+    watch(() => this.widget.results, (value) => (this.results = value), {
+      initial: true
+    });
+    watch(() => this.widget.selectedResult, (value) => (this.selectedResult = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("search-blur", (e) => this.searchBlur.emit(e));
+    this.widget.on("search-clear", (e) => this.searchClear.emit(e));
+    this.widget.on("search-complete", (e) => this.searchComplete.emit(e));
+    this.widget.on("search-focus", (e) => this.searchFocus.emit(e));
+    this.widget.on("search-start", (e) => this.searchStart.emit(e));
+    this.widget.on("select-result", (e) => this.selectResult.emit(e));
+    this.widget.on("suggest-complete", (e) => this.suggestComplete.emit(e));
+    this.widget.on("suggest-start", (e) => this.suggestStart.emit(e));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "activeMenu": ["activeMenuWatcher"],
+    "activeSourceIndex": ["activeSourceIndexWatcher"],
+    "allPlaceholder": ["allPlaceholderWatcher"],
+    "autoSelect": ["autoSelectWatcher"],
+    "includeDefaultSources": ["includeDefaultSourcesWatcher"],
+    "locationEnabled": ["locationEnabledWatcher"],
+    "maxResults": ["maxResultsWatcher"],
+    "maxSuggestions": ["maxSuggestionsWatcher"],
+    "minSuggestCharacters": ["minSuggestCharactersWatcher"],
+    "popupEnabled": ["popupEnabledWatcher"],
+    "popupTemplate": ["popupTemplateWatcher"],
+    "portal": ["portalWatcher"],
+    "resultGraphicEnabled": ["resultGraphicEnabledWatcher"],
+    "searchAllEnabled": ["searchAllEnabledWatcher"],
+    "searchTerm": ["searchTermWatcher"],
+    "sources": ["sourcesWatcher"],
+    "suggestionsEnabled": ["suggestionsEnabledWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisSearch.style = arcgisSearchCss;
+
+export { ArcgisExpand as arcgis_expand, ArcgisFeatureTable as arcgis_feature_table, ArcgisMap as arcgis_map, ArcgisSearch as arcgis_search };