@arcgis/map-components 1.0.0-beta.14

package/dist/cjs/arcgis-scene.cjs.entry.js

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const mappingUtils = require('./mapping-utils-c2c7b994.js');
+
+const arcgisSceneCss = ".arcgis-scene{padding:0;margin:0;height:100%;width:100%}";
+
+const ArcgisScene = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.viewReady = index.createEvent(this, "viewReady", 7);
+    this.apiKey = undefined;
+    this.itemId = undefined;
+    this.zoom = undefined;
+    this.center = undefined;
+    this.view = undefined;
+    this.disableNavigation = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  apiKeyWatcher(value) {
+    this.config.apiKey = value;
+  }
+  itemIdWatcher(value, old) {
+    if (value && value !== old) {
+      this.loadMap();
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentWillLoad() {
+    this.config = await index$1.importConfig();
+    if (this.apiKey) {
+      this.config.apiKey = this.apiKey;
+    }
+    if (this.itemId) {
+      this.loadMap();
+    }
+  }
+  componentDidRender() {
+    if (this.view) {
+      this.view.container = this.el;
+    }
+  }
+  render() {
+    return index.h("div", { class: "arcgis-scene", ref: (el) => (this.el = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async loadMap() {
+    const mapParams = {};
+    if (this.itemId) {
+      mapParams.portalItem = {
+        id: this.itemId
+      };
+    }
+    const map = await index$1.newWebScene(mapParams);
+    const params = {};
+    if (this.zoom) {
+      params.zoom = this.zoom;
+    }
+    if (this.center) {
+      if (typeof this.center === "string") {
+        params.center = this.center.split(",").map((x) => Number(x));
+      }
+      else {
+        params.center = this.center;
+      }
+    }
+    const view = await index$1.newViewsSceneView({
+      map,
+      ...params
+    });
+    const { watch } = await index$1.importCoreReactiveUtils();
+    this.view = view;
+    watch(() => this.view.center, (center) => {
+      const value = `${center.longitude},${center.latitude}`;
+      this.center = value;
+    });
+    watch(() => this.view.zoom, (value) => (this.zoom = value));
+    if (this.disableNavigation) {
+      mappingUtils.disableNavigation(this.view);
+    }
+    this.viewReady.emit(true);
+  }
+  get hostElem() { return index.getElement(this); }
+  static get watchers() { return {
+    "apiKey": ["apiKeyWatcher"],
+    "itemId": ["itemIdWatcher"]
+  }; }
+};
+ArcgisScene.style = arcgisSceneCss;
+
+exports.arcgis_scene = ArcgisScene;

package/dist/cjs/arcgis-search.cjs.entry.js

@@ -0,0 +1,276 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisSearchCss = "";
+
+const ArcgisSearch = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.searchBlur = index.createEvent(this, "searchBlur", 7);
+    this.searchClear = index.createEvent(this, "searchClear", 7);
+    this.searchComplete = index.createEvent(this, "searchComplete", 7);
+    this.searchFocus = index.createEvent(this, "searchFocus", 7);
+    this.searchStart = index.createEvent(this, "searchStart", 7);
+    this.selectResult = index.createEvent(this, "selectResult", 7);
+    this.suggestComplete = index.createEvent(this, "suggestComplete", 7);
+    this.suggestStart = index.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) {
+    componentUtils.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 index$1.newWidgetsSearch(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.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 index.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;
+
+exports.arcgis_search = ArcgisSearch;

package/dist/cjs/arcgis-shadow-cast.cjs.entry.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisShadowCastCss = "arcgis-shadow-cast{}";
+
+const ArcgisShadowCast = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+    this.headingLevel = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  headingLevelWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (this.widget.headingLevel !== newValue) {
+        this.widget.headingLevel = newValue;
+      }
+    }
+  }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsShadowCast(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "headingLevel": ["headingLevelWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisShadowCast.style = arcgisShadowCastCss;
+
+exports.arcgis_shadow_cast = ArcgisShadowCast;

package/dist/cjs/arcgis-sketch.cjs.entry.js

@@ -0,0 +1,201 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisSketchCss = "arcgis-sketch{}";
+
+const ArcgisSketch = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sketchCreate = index.createEvent(this, "sketchCreate", 7);
+    this.sketchDelete = index.createEvent(this, "sketchDelete", 7);
+    this.sketchRedo = index.createEvent(this, "sketchRedo", 7);
+    this.sketchUndo = index.createEvent(this, "sketchUndo", 7);
+    this.sketchUpdate = index.createEvent(this, "sketchUpdate", 7);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeTool = undefined;
+    this.availableCreateTools = undefined;
+    this.createGraphic = undefined;
+    this.creationMode = undefined;
+    this.defaultCreateOptions = undefined;
+    this.defaultUpdateOptions = undefined;
+    this.labelOptions = undefined;
+    this.layer = undefined;
+    this.layout = undefined;
+    this.snappingOptions = undefined;
+    this.tooltipOptions = undefined;
+    this.updateGraphics = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  availableCreateToolsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.availableCreateTools = newValue;
+    }
+  }
+  creationModeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.creationMode = newValue;
+    }
+  }
+  defaultCreateOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultCreateOptions = newValue;
+    }
+  }
+  defaultUpdateOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultUpdateOptions = newValue;
+    }
+  }
+  labelOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.labelOptions = newValue;
+    }
+  }
+  layerWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layer = newValue;
+    }
+  }
+  layoutWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layout = newValue;
+    }
+  }
+  snappingOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.snappingOptions = newValue;
+    }
+  }
+  tooltipOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.tooltipOptions = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+      this.widget.view.map?.add(this.layer);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = await this._createParams();
+    const widget = await index$1.newWidgetsSketch(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.importCoreReactiveUtils();
+    watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
+      initial: true
+    });
+    watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
+      initial: true
+    });
+    watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
+      initial: true
+    });
+  }
+  async _createParams() {
+    const graphicsLayerProps = {
+      title: "Sketch Layer",
+      creationMode: "update"
+    };
+    this.layer = await index$1.newLayersGraphicsLayer(graphicsLayerProps);
+    const params = {
+      container: this.childElem,
+      layer: this.layer
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.availableCreateTools) {
+      params.availableCreateTools = this.availableCreateTools;
+    }
+    if (this.creationMode) {
+      params.creationMode = this.creationMode;
+    }
+    if (this.defaultCreateOptions) {
+      params.defaultCreateOptions = this.defaultCreateOptions;
+    }
+    if (this.defaultUpdateOptions) {
+      params.defaultUpdateOptions = this.defaultUpdateOptions;
+    }
+    if (this.labelOptions) {
+      params.labelOptions = this.labelOptions;
+    }
+    if (this.layout) {
+      params.layout = this.layout;
+    }
+    if (this.snappingOptions) {
+      params.snappingOptions = this.snappingOptions;
+    }
+    if (this.tooltipOptions) {
+      params.tooltipOptions = this.tooltipOptions;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "availableCreateTools": ["availableCreateToolsWatcher"],
+    "creationMode": ["creationModeWatcher"],
+    "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
+    "defaultUpdateOptions": ["defaultUpdateOptionsWatcher"],
+    "labelOptions": ["labelOptionsWatcher"],
+    "layer": ["layerWatcher"],
+    "layout": ["layoutWatcher"],
+    "snappingOptions": ["snappingOptionsWatcher"],
+    "tooltipOptions": ["tooltipOptionsWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisSketch.style = arcgisSketchCss;
+
+exports.arcgis_sketch = ArcgisSketch;