@arcgis/map-components 4.29.0-beta.26 → 4.29.0-beta.28

package/dist/esm/arcgis-expand_4.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { n as newWidgetsExpand, a as newWidgetsLegend, i as importConfig, b as importCoreReactiveUtils, c as newWebMap, d as newViewsMapView, e as newWebScene, f as newViewsSceneView } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { n as newWidgetsExpand, i as importConfig, a as importCoreReactiveUtils, b as newWebMap, c as newViewsMapView, d as newWebScene, e as newViewsSceneView } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const expandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-ui-background)}";
 
@@ -87,143 +87,6 @@ const ArcgisExpand = class {
 };
 ArcgisExpand.style = expandCss;
 
-const legendCss = "";
-
-const ArcgisLegend = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this._watchHandles = [];
-    this.referenceElement = undefined;
-    this.activeLayerInfos = undefined;
-    this.basemapLegendVisible = undefined;
-    this.hideLayersNotInCurrentView = undefined;
-    this.layerInfos = undefined;
-    this.respectLayerVisibility = undefined;
-    this.legendStyle = 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);
-      }
-    }
-  }
-  activeLayerInfosWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.activeLayerInfos = newValue;
-    }
-  }
-  basemapLegendVisibleWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.basemapLegendVisible = newValue;
-    }
-  }
-  hideLayersNotInCurrentViewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.hideLayersNotInCurrentView = newValue;
-    }
-  }
-  layerInfosWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.layerInfos = newValue;
-    }
-  }
-  respectLayerVisibilityWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.respectLayerVisibility = newValue;
-    }
-  }
-  styleWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.style = 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 newWidgetsLegend(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-    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.activeLayerInfos) {
-      params.activeLayerInfos = this.activeLayerInfos;
-    }
-    if (this.basemapLegendVisible !== undefined) {
-      params.basemapLegendVisible = this.basemapLegendVisible;
-    }
-    if (this.hideLayersNotInCurrentView !== undefined) {
-      params.hideLayersNotInCurrentView = this.hideLayersNotInCurrentView;
-    }
-    if (this.layerInfos) {
-      params.layerInfos = this.layerInfos;
-    }
-    if (this.respectLayerVisibility !== undefined) {
-      params.respectLayerVisibility = this.respectLayerVisibility;
-    }
-    if (this.legendStyle) {
-      params.style = this.legendStyle;
-    }
-    if (this.view) {
-      params.view = this.view;
-    }
-    return params;
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "activeLayerInfos": ["activeLayerInfosWatcher"],
-    "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
-    "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
-    "layerInfos": ["layerInfosWatcher"],
-    "respectLayerVisibility": ["respectLayerVisibilityWatcher"],
-    "legendStyle": ["styleWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisLegend.style = legendCss;
-
 function disableNavigation(view) {
   if (view.type === '2d') {
     view.constraints.rotationEnabled = false;
@@ -448,6 +311,47 @@ const ArcgisMap = class {
 };
 ArcgisMap.style = mapCss;
 
+const placementCss = "arcgis-placement{}";
+
+const ArcgisPlacement = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.placementReady = createEvent(this, "placementReady", 7);
+    this.referenceElement = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    this.placementReady.emit({ ready: true });
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return (h("div", { ref: (el) => (this.childElem = el) }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"]
+  }; }
+};
+ArcgisPlacement.style = placementCss;
+
 const sceneCss = ".arcgis-scene{padding:0;margin:0;height:100%;width:100%}";
 
 const ArcgisScene = class {
@@ -623,4 +527,4 @@ const ArcgisScene = class {
 };
 ArcgisScene.style = sceneCss;
 
-export { ArcgisExpand as arcgis_expand, ArcgisLegend as arcgis_legend, ArcgisMap as arcgis_map, ArcgisScene as arcgis_scene };
+export { ArcgisExpand as arcgis_expand, ArcgisMap as arcgis_map, ArcgisPlacement as arcgis_placement, ArcgisScene as arcgis_scene };

package/dist/esm/arcgis-feature-form.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-eb3ead33.js';
-import { A as newWidgetsFeatureForm } from './index-793aa630.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-d73b34b5.js';
+import { z as newWidgetsFeatureForm } from './index-f2d328e4.js';
 
 const featureFormCss = "";
 

package/dist/esm/arcgis-feature-table.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { B as newLayersFeatureLayer, C as newWidgetsFeatureTable, b as importCoreReactiveUtils } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { A as newLayersFeatureLayer, B as newWidgetsFeatureTable, a as importCoreReactiveUtils } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const featureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
 

package/dist/esm/arcgis-feature-templates.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { D as newWidgetsFeatureTemplates } from './index-793aa630.js';
-import { c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { C as newWidgetsFeatureTemplates } from './index-f2d328e4.js';
+import { c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const featureTemplatesCss = "";
 

package/dist/esm/arcgis-feature.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { z as newWidgetsFeature } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { y as newWidgetsFeature } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const featureCss = "";
 

package/dist/esm/arcgis-features.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { E as newWidgetsFeatures, b as importCoreReactiveUtils } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { D as newWidgetsFeatures, a as importCoreReactiveUtils } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const featuresCss = "arcgis-features{}";
 

package/dist/esm/arcgis-floor-filter.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { F as newWidgetsFloorFilter } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { E as newWidgetsFloorFilter } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const floorFilterCss = "";
 

package/dist/esm/arcgis-fullscreen.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { G as newWidgetsFullscreen } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { F as newWidgetsFullscreen } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const fullscreenCss = "";
 

package/dist/esm/arcgis-histogram-range-slider.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { I as newWidgetsHistogramRangeSlider } from './index-793aa630.js';
-import { c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { H as newWidgetsHistogramRangeSlider } from './index-f2d328e4.js';
+import { c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const histogramRangeSliderCss = "arcgis-histogram-range-slider{}";
 

package/dist/esm/arcgis-histogram.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-eb3ead33.js';
-import { H as newWidgetsHistogram } from './index-793aa630.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-d73b34b5.js';
+import { G as newWidgetsHistogram } from './index-f2d328e4.js';
 
 const histogramCss = "arcgis-histogram{}";
 

package/dist/esm/arcgis-home.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { J as newWidgetsHome } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { I as newWidgetsHome } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const homeCss = "arcgis-home{}";
 

package/dist/esm/arcgis-layer-list.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { K as newWidgetsLayerList, b as importCoreReactiveUtils } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { J as newWidgetsLayerList, a as importCoreReactiveUtils } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const layerListCss = "";
 

package/dist/esm/arcgis-legend.entry.js

@@ -0,0 +1,143 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { K as newWidgetsLegend } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
+
+const legendCss = "";
+
+const ArcgisLegend = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
+    this.referenceElement = undefined;
+    this.activeLayerInfos = undefined;
+    this.basemapLegendVisible = undefined;
+    this.hideLayersNotInCurrentView = undefined;
+    this.layerInfos = undefined;
+    this.respectLayerVisibility = undefined;
+    this.legendStyle = 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);
+      }
+    }
+  }
+  activeLayerInfosWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeLayerInfos = newValue;
+    }
+  }
+  basemapLegendVisibleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.basemapLegendVisible = newValue;
+    }
+  }
+  hideLayersNotInCurrentViewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.hideLayersNotInCurrentView = newValue;
+    }
+  }
+  layerInfosWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layerInfos = newValue;
+    }
+  }
+  respectLayerVisibilityWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.respectLayerVisibility = newValue;
+    }
+  }
+  styleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.style = 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 newWidgetsLegend(params);
+    this.widget = widget;
+    this.widgetReady.emit({ widget: this.widget });
+    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.activeLayerInfos) {
+      params.activeLayerInfos = this.activeLayerInfos;
+    }
+    if (this.basemapLegendVisible !== undefined) {
+      params.basemapLegendVisible = this.basemapLegendVisible;
+    }
+    if (this.hideLayersNotInCurrentView !== undefined) {
+      params.hideLayersNotInCurrentView = this.hideLayersNotInCurrentView;
+    }
+    if (this.layerInfos) {
+      params.layerInfos = this.layerInfos;
+    }
+    if (this.respectLayerVisibility !== undefined) {
+      params.respectLayerVisibility = this.respectLayerVisibility;
+    }
+    if (this.legendStyle) {
+      params.style = this.legendStyle;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "activeLayerInfos": ["activeLayerInfosWatcher"],
+    "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
+    "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
+    "layerInfos": ["layerInfosWatcher"],
+    "respectLayerVisibility": ["respectLayerVisibilityWatcher"],
+    "legendStyle": ["styleWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisLegend.style = legendCss;
+
+export { ArcgisLegend as arcgis_legend };

package/dist/esm/arcgis-line-of-sight.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { L as newWidgetsLineOfSight, b as importCoreReactiveUtils } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { L as newWidgetsLineOfSight, a as importCoreReactiveUtils } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const lineOfSightCss = "arcgis-line-of-sight{}";
 

package/dist/esm/arcgis-locate.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { M as newWidgetsLocate } from './index-793aa630.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-b2132dc6.js';
-import { o as onDisconnectedHelper } from './disconnected-b4c94753.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { M as newWidgetsLocate } from './index-f2d328e4.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-da49aed7.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
 const locateCss = "arcgis-locate{}";