@arcgis/map-components 1.0.0-beta.14 → 1.0.0-beta.17

package/dist/components/arcgis-search.js

@@ -1,330 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { R as newWidgetsSearch, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
-
-const arcgisSearchCss = "";
-
-const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    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(true);
-    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 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"]
-  }; }
-  static get style() { return arcgisSearchCss; }
-}, [0, "arcgis-search", {
-    "referenceElement": [1, "reference-element"],
-    "activeMenu": [1, "active-menu"],
-    "activeSource": [1040],
-    "activeSourceIndex": [1026, "active-source-index"],
-    "allPlaceholder": [1, "all-placeholder"],
-    "allSources": [1040],
-    "autoSelect": [4, "auto-select"],
-    "defaultSources": [1040],
-    "includeDefaultSources": [4, "include-default-sources"],
-    "locationEnabled": [4, "location-enabled"],
-    "maxResults": [2, "max-results"],
-    "maxSuggestions": [2, "max-suggestions"],
-    "minSuggestCharacters": [2, "min-suggest-characters"],
-    "popupEnabled": [4, "popup-enabled"],
-    "popupTemplate": [16],
-    "portal": [16],
-    "resultGraphic": [1040],
-    "resultGraphicEnabled": [4, "result-graphic-enabled"],
-    "results": [1040],
-    "searchAllEnabled": [4, "search-all-enabled"],
-    "searchTerm": [1, "search-term"],
-    "selectedResult": [1040],
-    "sources": [16],
-    "suggestions": [16],
-    "suggestionsEnabled": [4, "suggestions-enabled"],
-    "position": [1],
-    "expandable": [4],
-    "view": [16],
-    "widget": [1040],
-    "blurSearch": [64],
-    "clearSearch": [64],
-    "focusSearch": [64],
-    "search": [64],
-    "suggest": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-search", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-search":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisSearch$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisSearch = ArcgisSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisSearch, defineCustomElement };

package/dist/components/arcgis-shadow-cast.js

@@ -1,121 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { S as newWidgetsShadowCast } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
-
-const arcgisShadowCastCss = "arcgis-shadow-cast{}";
-
-const ArcgisShadowCast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.widgetReady = 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) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsShadowCast(params);
-    this.widget = widget;
-    this.widgetReady.emit(true);
-    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 Methods
-  //
-  //--------------------------------------------------------------------------
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
-    }
-    return params;
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "headingLevel": ["headingLevelWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisShadowCastCss; }
-}, [0, "arcgis-shadow-cast", {
-    "referenceElement": [1, "reference-element"],
-    "view": [16],
-    "position": [1],
-    "expandable": [4],
-    "widget": [1040],
-    "headingLevel": [2, "heading-level"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-shadow-cast", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-shadow-cast":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisShadowCast$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisShadowCast = ArcgisShadowCast$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisShadowCast, defineCustomElement };

package/dist/components/arcgis-sketch.js

@@ -1,238 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { T as newWidgetsSketch, i as importCoreReactiveUtils, U as newLayersGraphicsLayer } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
-
-const arcgisSketchCss = "arcgis-sketch{}";
-
-const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.sketchCreate = createEvent(this, "sketchCreate", 7);
-    this.sketchDelete = createEvent(this, "sketchDelete", 7);
-    this.sketchRedo = createEvent(this, "sketchRedo", 7);
-    this.sketchUndo = createEvent(this, "sketchUndo", 7);
-    this.sketchUpdate = createEvent(this, "sketchUpdate", 7);
-    this.widgetReady = 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) {
-    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 newWidgetsSketch(params);
-    this.widget = widget;
-    await this._addWatchers();
-    this.widgetReady.emit(true);
-    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 Methods
-  //
-  //--------------------------------------------------------------------------
-  async _addWatchers() {
-    const { watch } = await 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 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 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"]
-  }; }
-  static get style() { return arcgisSketchCss; }
-}, [0, "arcgis-sketch", {
-    "referenceElement": [1, "reference-element"],
-    "activeTool": [1537, "active-tool"],
-    "availableCreateTools": [16],
-    "createGraphic": [1040],
-    "creationMode": [1, "creation-mode"],
-    "defaultCreateOptions": [16],
-    "defaultUpdateOptions": [16],
-    "labelOptions": [16],
-    "layer": [1040],
-    "layout": [1],
-    "snappingOptions": [16],
-    "tooltipOptions": [16],
-    "updateGraphics": [1040],
-    "view": [16],
-    "position": [1],
-    "expandable": [4],
-    "widget": [1040]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-sketch", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-sketch":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisSketch$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisSketch = ArcgisSketch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisSketch, defineCustomElement };