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

package/dist/arcgis-map-components/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/arcgis-map-components/arcgis-area-measurement-2d.entry.js

@@ -0,0 +1,97 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
+import { n as newWidgetsAreaMeasurement2D, i as importCoreReactiveUtils } from './index-82d260eb.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisAreaMeasurement2dCss = "";
+
+const ArcgisAreaMeasurement2d = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.unit = undefined;
+    this.unitOptions = 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);
+      }
+    }
+  }
+  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 newWidgetsAreaMeasurement2D(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.unit, (value) => (this.unit = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.unit) {
+      params.unit = this.unit;
+    }
+    if (this.unitOptions) {
+      params.unitOptions = this.unitOptions;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisAreaMeasurement2d.style = arcgisAreaMeasurement2dCss;
+
+export { ArcgisAreaMeasurement2d as arcgis_area_measurement_2d };

package/dist/arcgis-map-components/arcgis-area-measurement-3d.entry.js

@@ -0,0 +1,90 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
+import { a as newWidgetsAreaMeasurement3D } from './index-82d260eb.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisAreaMeasurement3dCss = "";
+
+const ArcgisAreaMeasurement3d = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.unit = undefined;
+    this.unitOptions = 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);
+      }
+    }
+  }
+  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 newWidgetsAreaMeasurement3D(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;
+    }
+    if (this.unit) {
+      params.unit = this.unit;
+    }
+    if (this.unitOptions) {
+      params.unitOptions = this.unitOptions;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisAreaMeasurement3d.style = arcgisAreaMeasurement3dCss;
+
+export { ArcgisAreaMeasurement3d as arcgis_area_measurement_3d };

package/dist/arcgis-map-components/arcgis-attachments.entry.js

@@ -0,0 +1,69 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
+import { b as newWidgetsAttachments } from './index-82d260eb.js';
+import { c as checkForExpand, o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisAttachmentsCss = "";
+
+const ArcgisAttachments = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.graphic = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  graphicWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.graphic = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsAttachments(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    checkForExpand(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.graphic) {
+      params.graphic = this.graphic;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "graphic": ["graphicWatcher"]
+  }; }
+};
+ArcgisAttachments.style = arcgisAttachmentsCss;
+
+export { ArcgisAttachments as arcgis_attachments };

package/dist/arcgis-map-components/arcgis-basemap-gallery.entry.js

@@ -0,0 +1,93 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
+import { c as newWidgetsBasemapGallery, i as importCoreReactiveUtils } from './index-82d260eb.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisBasemapGalleryCss = "";
+
+const ArcgisBasemapGallery = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeBasemap = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.source = 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);
+      }
+    }
+  }
+  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 newWidgetsBasemapGallery(params);
+    this.widget = widget;
+    this.widget.when(() => {
+      this.source = this.widget.source;
+    });
+    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 Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.source, () => (this.source = this.widget.source));
+    watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap));
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisBasemapGallery.style = arcgisBasemapGalleryCss;
+
+export { ArcgisBasemapGallery as arcgis_basemap_gallery };

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

@@ -0,0 +1,140 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
+import { d as newWidgetsBasemapLayerList, i as importCoreReactiveUtils } from './index-82d260eb.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisBasemapLayerListCss = "";
+
+const ArcgisBasemapLayerList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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 getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "basemapTitle": ["basemapTitleWatcher"],
+    "editingEnabled": ["editingBasemapEnabledWatcher"],
+    "mulitpleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectedItems": ["selectedItemsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisBasemapLayerList.style = arcgisBasemapLayerListCss;
+
+export { ArcgisBasemapLayerList as arcgis_basemap_layer_list };

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

@@ -0,0 +1,111 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
+import { e as newWidgetsBasemapToggle, i as importCoreReactiveUtils } from './index-82d260eb.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisBasemapToggleCss = "";
+
+const ArcgisBasemapToggle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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 getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "nextBasemap": ["nextBasemapWatcher"]
+  }; }
+};
+ArcgisBasemapToggle.style = arcgisBasemapToggleCss;
+
+export { ArcgisBasemapToggle as arcgis_basemap_toggle };