@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-basemap-layer-list.js

@@ -0,0 +1,175 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as newWidgetsBasemapLayerList, 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 arcgisBasemapLayerListCss = "";
+
+const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.basemapTitle = undefined;
+    this.baseItems = undefined;
+    this.editingEnabled = false;
+    this.mulitpleSelectionEnabled = false;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.referenceItems = undefined;
+    this.selectedItems = 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);
+      }
+    }
+  }
+  basemapTitleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.basemapTitle = newValue;
+    }
+  }
+  editingBasemapEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.editingEnabled = newValue;
+    }
+  }
+  multipleSelectionEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.multipleSelectionEnabled = newValue;
+    }
+  }
+  selectedItemsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.selectedItems = 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 newWidgetsBasemapLayerList(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
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.basemapTitle) {
+      params.basemapTitle = this.basemapTitle;
+    }
+    if (this.editingEnabled !== undefined) {
+      params.editingEnabled = this.editingEnabled;
+    }
+    if (this.mulitpleSelectionEnabled !== undefined) {
+      params.multipleSelectionEnabled = this.mulitpleSelectionEnabled;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.basemapTitle, (value) => (this.basemapTitle = value), {
+      initial: true
+    });
+    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+      initial: true
+    });
+    watch(() => this.widget.multipleSelectionEnabled, (value) => (this.mulitpleSelectionEnabled = value), {
+      initial: true
+    });
+    watch(() => this.widget.referenceItems, (value) => (this.referenceItems = value), {
+      initial: true
+    });
+    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
+      initial: true
+    });
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "basemapTitle": ["basemapTitleWatcher"],
+    "editingEnabled": ["editingBasemapEnabledWatcher"],
+    "mulitpleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectedItems": ["selectedItemsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisBasemapLayerListCss; }
+}, [0, "arcgis-basemap-layer-list", {
+    "referenceElement": [1, "reference-element"],
+    "basemapTitle": [513, "basemap-title"],
+    "baseItems": [1040],
+    "editingEnabled": [516, "editing-enabled"],
+    "mulitpleSelectionEnabled": [516, "mulitple-selection-enabled"],
+    "position": [1],
+    "expandable": [4],
+    "referenceItems": [1040],
+    "selectedItems": [1040],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-basemap-layer-list", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-basemap-layer-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisBasemapLayerList$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisBasemapLayerList = ArcgisBasemapLayerList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisBasemapLayerList, defineCustomElement };

package/dist/components/arcgis-basemap-toggle.d.ts

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

package/dist/components/arcgis-basemap-toggle.js

@@ -0,0 +1,143 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { e as newWidgetsBasemapToggle, 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 arcgisBasemapToggleCss = "";
+
+const ArcgisBasemapToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeBasemap = undefined;
+    this.nextBasemap = undefined;
+    this.position = "bottom-left";
+    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);
+      }
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  nextBasemapWatcher(value) {
+    if (value && this.widget) {
+      this.widget.nextBasemap = value;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async toggle() {
+    return this.widget?.toggle();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsBasemapToggle(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
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.nextBasemap) {
+      params.nextBasemap = this.nextBasemap;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
+      initial: true
+    });
+    watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
+      initial: true
+    });
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "nextBasemap": ["nextBasemapWatcher"]
+  }; }
+  static get style() { return arcgisBasemapToggleCss; }
+}, [0, "arcgis-basemap-toggle", {
+    "referenceElement": [1, "reference-element"],
+    "activeBasemap": [16],
+    "nextBasemap": [1025, "next-basemap"],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040],
+    "toggle": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-basemap-toggle", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-basemap-toggle":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisBasemapToggle$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisBasemapToggle = ArcgisBasemapToggle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisBasemapToggle, defineCustomElement };

package/dist/components/arcgis-bookmarks.d.ts

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

package/dist/components/arcgis-bookmarks.js

@@ -0,0 +1,169 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { f as newWidgetsBookmarks, 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 arcgisBookmarksCss = "";
+
+const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.bookmarkEdit = createEvent(this, "bookmarkEdit", 7);
+    this.bookmarkSelect = createEvent(this, "bookmarkSelect", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.bookmarks = undefined;
+    this.defaultCreateOptions = undefined;
+    this.defaultEditOptions = undefined;
+    this.editingEnabled = undefined;
+    this.position = "bottom-left";
+    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);
+      }
+    }
+  }
+  bookmarksWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.bookmarks = newValue;
+    }
+  }
+  defaultCreateOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultCreateOptions = newValue;
+    }
+  }
+  defaultEditOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultEditOptions = newValue;
+    }
+  }
+  editingEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.editingEnabled = 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 newWidgetsBookmarks(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 Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.bookmarks) {
+      params.bookmarks = this.bookmarks;
+    }
+    if (this.defaultCreateOptions) {
+      params.defaultCreateOptions = this.defaultCreateOptions;
+    }
+    if (this.defaultEditOptions) {
+      params.defaultEditOptions = this.defaultEditOptions;
+    }
+    if (this.editingEnabled !== undefined) {
+      params.editingEnabled = this.editingEnabled;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("bookmark-edit", (e) => this.bookmarkEdit.emit(e));
+    this.widget.on("bookmark-select", (e) => this.bookmarkSelect.emit(e));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "bookmarks": ["bookmarksWatcher"],
+    "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
+    "defaultEditOptions": ["defaultEditOptionsWatcher"],
+    "editingEnabled": ["editingEnabledWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisBookmarksCss; }
+}, [0, "arcgis-bookmarks", {
+    "referenceElement": [1, "reference-element"],
+    "bookmarks": [16],
+    "defaultCreateOptions": [16],
+    "defaultEditOptions": [16],
+    "editingEnabled": [516, "editing-enabled"],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-bookmarks", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-bookmarks":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisBookmarks$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisBookmarks = ArcgisBookmarks$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisBookmarks, defineCustomElement };

package/dist/components/arcgis-building-explorer.d.ts

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

package/dist/components/arcgis-building-explorer.js

@@ -0,0 +1,105 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { g as newWidgetsBuildingExplorer } 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 arcgisBuildingExplorerCss = "";
+
+const ArcgisBuildingExplorer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+    this.view = 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 params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    const widget = await newWidgetsBuildingExplorer(params);
+    this.widget = widget;
+    if (this.view) {
+      widget.view = this.view;
+    }
+    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) });
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisBuildingExplorerCss; }
+}, [0, "arcgis-building-explorer", {
+    "referenceElement": [1, "reference-element"],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040],
+    "view": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-building-explorer", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-building-explorer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisBuildingExplorer$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisBuildingExplorer = ArcgisBuildingExplorer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisBuildingExplorer, defineCustomElement };

package/dist/components/arcgis-compass.d.ts

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