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

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

@@ -1,175 +0,0 @@
-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.js

@@ -1,143 +0,0 @@
-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.js

@@ -1,169 +0,0 @@
-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.js

@@ -1,105 +0,0 @@
-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.js

@@ -1,109 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { h as newWidgetsCompass } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-
-const arcgisCompassCss = "";
-
-const ArcgisCompass$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.position = "bottom-left";
-    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;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  //--------------------------------------------------------------------------
-  async reset() {
-    return this.widget?.reset();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsCompass(params);
-    this.widget = widget;
-    this.widgetReady.emit(true);
-    checkForView(this);
-  }
-  disconnectedCallback() {
-    onDisconnectedHelper(this);
-  }
-  render() {
-    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"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisCompassCss; }
-}, [0, "arcgis-compass", {
-    "referenceElement": [1, "reference-element"],
-    "position": [1],
-    "widget": [1040],
-    "view": [16],
-    "reset": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-compass"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-compass":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisCompass$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisCompass = ArcgisCompass$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisCompass, defineCustomElement };