@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-search.js

@@ -0,0 +1,330 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisShadowCast extends Components.ArcgisShadowCast, HTMLElement {}
+export const ArcgisShadowCast: {
+  prototype: ArcgisShadowCast;
+  new (): ArcgisShadowCast;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,121 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisSketch extends Components.ArcgisSketch, HTMLElement {}
+export const ArcgisSketch: {
+  prototype: ArcgisSketch;
+  new (): ArcgisSketch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;