@arcgis/map-components 4.29.0-beta.4 → 4.29.0-beta.40

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

@@ -1,686 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { n as newWidgetsExpand, i as importConfig, a as newWebMap, b as newViewsMapView, c as importCoreReactiveUtils, d as newWebScene, e as newViewsSceneView, f as newWidgetsSearch } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.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;
-
-function disableNavigation(view) {
-  if (view.type === '2d') {
-    view.constraints.rotationEnabled = false;
-  }
-  view.popup.dockEnabled = true;
-  // Removes the zoom action on the popup
-  view.popup.actions.removeAll();
-  view.popup.viewModel.includeDefaultActions = false;
-  // stops propagation of default behavior when an event fires
-  function stopEvtPropagation(event) {
-    event.stopPropagation();
-  }
-  // exlude the zoom widget from the default UI
-  view.ui.components = ['attribution'];
-  // disable mouse wheel scroll zooming on the view
-  view.on('mouse-wheel', stopEvtPropagation);
-  // disable zooming via double-click on the view
-  view.on('double-click', stopEvtPropagation);
-  // disable zooming out via double-click + Control on the view
-  view.on('double-click', ['Control'], stopEvtPropagation);
-  // disables pinch-zoom and panning on the view
-  view.on('drag', stopEvtPropagation);
-  // disable the view's zoom box to prevent the Shift + drag
-  // and Shift + Control + drag zoom gestures.
-  view.on('drag', ['Shift'], stopEvtPropagation);
-  view.on('drag', ['Shift', 'Control'], stopEvtPropagation);
-  // prevents zooming with the + and - keys
-  view.on('key-down', event => {
-    const prohibitedKeys = ['+', '-', 'Shift', '_', '=', 'ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft'];
-    const keyPressed = event.key;
-    if (prohibitedKeys.indexOf(keyPressed) !== -1) {
-      event.stopPropagation();
-    }
-  });
-  return view;
-}
-
-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();
-    }
-  }
-  scaleWatcher(value, old) {
-    if (value != null && value !== old) {
-      this.view.scale = value;
-    }
-  }
-  zoomWatcher(value, old) {
-    if (value != null && value !== old) {
-      this.view.zoom = value;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  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, when } = await importCoreReactiveUtils();
-    watch(() => this.view.center, (center) => {
-      const value = `${center.longitude},${center.latitude}`;
-      this.center = value;
-    });
-    when(() => this.view.updating, () => {
-      when(() => !this.view.updating, () => {
-        if (this.zoom !== this.view.zoom) {
-          this.zoom = this.view.zoom;
-        }
-        if (this.scale !== this.view.scale) {
-          this.scale = this.view.scale;
-        }
-      }, { once: true });
-    });
-  }
-  _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"],
-    "scale": ["scaleWatcher"],
-    "zoom": ["zoomWatcher"]
-  }; }
-};
-ArcgisMap.style = arcgisMapCss;
-
-const arcgisSceneCss = ".arcgis-scene{padding:0;margin:0;height:100%;width:100%}";
-
-const ArcgisScene = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.viewReady = createEvent(this, "viewReady", 7);
-    this.apiKey = undefined;
-    this.basemap = undefined;
-    this.itemId = undefined;
-    this.portalUrl = undefined;
-    this.scale = undefined;
-    this.zoom = undefined;
-    this.center = undefined;
-    this.view = undefined;
-    this.disableNavigation = false;
-  }
-  apiKeyWatcher(value) {
-    this.config.apiKey = value;
-  }
-  itemIdWatcher(value, old) {
-    if (value && value !== old) {
-      this.loadMap();
-    }
-  }
-  scaleWatcher(value, old) {
-    if (value != null && value !== old) {
-      this.view.scale = value;
-    }
-  }
-  zoomWatcher(value, old) {
-    if (value != null && value !== old) {
-      this.view.zoom = value;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  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-scene", 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 newWebScene(mapParams);
-    const params = this._createViewParams();
-    const view = await newViewsSceneView({
-      map,
-      ...params
-    });
-    this.view = view;
-    this._addWatchers();
-    if (this.disableNavigation) {
-      disableNavigation(this.view);
-    }
-    this.view.when(() => {
-      this.viewReady.emit({ view: this.view });
-    });
-  }
-  async _addWatchers() {
-    const { watch, when } = await importCoreReactiveUtils();
-    watch(() => this.view.center, (center) => {
-      const value = `${center.longitude},${center.latitude}`;
-      this.center = value;
-    });
-    when(() => this.view.updating, () => {
-      when(() => !this.view.updating, () => {
-        if (this.zoom !== this.view.zoom) {
-          this.zoom = this.view.zoom;
-        }
-        if (this.scale !== this.view.scale) {
-          this.scale = this.view.scale;
-        }
-      }, { once: true });
-    });
-  }
-  _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.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"],
-    "itemId": ["itemIdWatcher"],
-    "scale": ["scaleWatcher"],
-    "zoom": ["zoomWatcher"]
-  }; }
-};
-ArcgisScene.style = arcgisSceneCss;
-
-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, ArcgisMap as arcgis_map, ArcgisScene as arcgis_scene, ArcgisSearch as arcgis_search };