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

package/dist/components/arcgis-zoom.js

@@ -0,0 +1,121 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { a5 as newWidgetsZoom } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+
+const arcgisZoomCss = "arcgis-zoom{}";
+
+const ArcgisZoom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.layout = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  layoutWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layout = newValue;
+    }
+  }
+  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 zoomIn() {
+    return this.widget?.zoomIn();
+  }
+  async zoomOut() {
+    return this.widget?.zoomOut();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsZoom(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 {
+    "layout": ["layoutWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisZoomCss; }
+}, [0, "arcgis-zoom", {
+    "referenceElement": [1, "reference-element"],
+    "layout": [1],
+    "view": [16],
+    "position": [1],
+    "widget": [1040],
+    "zoomIn": [64],
+    "zoomOut": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-zoom"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-zoom":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisZoom$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisZoom = ArcgisZoom$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisZoom, defineCustomElement };

package/dist/components/disconnected.js

@@ -0,0 +1,122 @@
+function checkForExpand(element) {
+  const expandRef = element.el.closest("arcgis-expand") || element.expandElem;
+  if (expandRef?.widget) {
+    element.view = expandRef.view;
+    expandRef.widget.content = element.childElem;
+    // TODO: Update to be expandIcon = widget.icon, not ready yet in 4.27next
+    expandRef.widget.expandIcon = element.widget.icon;
+    expandRef.widget.expandIconClass = element.widget.iconClass;
+    return true;
+  }
+  if (expandRef) {
+    const widgetHandler = () => {
+      element.view = expandRef.view;
+      expandRef.widget.content = element.childElem;
+      expandRef.widget.expandIcon = element.widget.icon;
+      expandRef.widget.expandIconClass = element.widget.iconClass;
+      expandRef.removeEventListener("widgetReady", widgetHandler, false);
+    };
+    expandRef.addEventListener("widgetReady", widgetHandler, false);
+    return true;
+  }
+  return false;
+}
+
+//--------------------------------------------------------------------------
+//
+//  Public Methods
+//
+//--------------------------------------------------------------------------
+function checkForView(element) {
+  let isDetached = false;
+  if (!checkForExpand(element)) {
+    let viewRef = element.el.closest("arcgis-map") || element.el.closest("arcgis-scene");
+    if (!viewRef && typeof element.referenceElement === "string") {
+      viewRef = document.querySelector(element.referenceElement);
+      isDetached = true;
+    }
+    if (viewRef?.view && typeof viewRef?.view !== "string") {
+      element.view = viewRef.view;
+      const el = element.childElem || element.el;
+      if (!isDetached) {
+        element.view.ui.add(el, element.position);
+      }
+    }
+    else if (viewRef) {
+      waitForViewHandler(viewRef, element, isDetached);
+    }
+  }
+}
+async function updateForView(viewStr) {
+  const viewRef = document.querySelector(viewStr);
+  return new Promise((resolve) => {
+    if (viewRef?.view !== undefined) {
+      resolve(viewRef.view);
+    }
+    else if (viewRef) {
+      const handler = () => {
+        viewRef.removeEventListener("viewReady", handler, false);
+        resolve(viewRef.view);
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  });
+}
+async function referenceElementHelper(element, refElement) {
+  if (typeof refElement === "string") {
+    element.view = await updateForView(refElement);
+  }
+  else if (refElement !== undefined && element.widget) {
+    element.view = refElement.view;
+  }
+  return;
+}
+//--------------------------------------------------------------------------
+//
+//  Private Methods
+//
+//--------------------------------------------------------------------------
+function waitForViewHandler(viewRef, element, isDetached) {
+  const handler = () => {
+    viewRef?.removeEventListener("viewReady", handler, false);
+    element.view = viewRef?.view;
+    if (!isDetached && typeof element.view !== "string") {
+      if (element.childElem) {
+        element.view?.ui.add(element.childElem, element.position);
+      }
+      else {
+        element.view?.ui.add(element.el, element.position);
+      }
+    }
+  };
+  viewRef.addEventListener("viewReady", handler, false);
+}
+
+function onDisconnectedHelper(element) {
+  if (element.childElem) {
+    if (!element.el.isConnected) {
+      if (element.view && typeof element.view !== "string") {
+        element.view.ui.remove(element.childElem);
+      }
+      else if (element.widget?.view) {
+        element.widget.view.ui.remove(element.childElem);
+      }
+      element.widget?.destroy();
+    }
+  }
+  else {
+    setTimeout(() => {
+      if (!element.el.isConnected) {
+        if (element.view && typeof element.view !== "string") {
+          element.view.ui.remove(element.el);
+        }
+        else if (element.widget?.view) {
+          element.widget.view.ui.remove(element.el);
+        }
+        element.widget?.destroy();
+      }
+    }, 1000);
+  }
+}
+
+export { checkForExpand as a, checkForView as c, onDisconnectedHelper as o, referenceElementHelper as r, updateForView as u };

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export { ArcgisBuildingExplorer as ArcgisBuildingExplorer } from '../types/compo
 export { ArcgisCompass as ArcgisCompass } from '../types/components/arcgis-compass/arcgis-compass';
 export { ArcgisCoordinateConversion as ArcgisCoordinateConversion } from '../types/components/arcgis-coordinate-conversion/arcgis-coordinate-conversion';
 export { ArcgisDaylight as ArcgisDaylight } from '../types/components/arcgis-daylight/arcgis-daylight';
+export { ArcgisDirectionalPad as ArcgisDirectionalPad } from '../types/components/arcgis-directional-pad/arcgis-directional-pad';
 export { ArcgisDirections as ArcgisDirections } from '../types/components/arcgis-directions/arcgis-directions';
 export { ArcgisDirectLineMeasurement3d as ArcgisDirectlineMeasurement3d } from '../types/components/arcgis-directline-measurement-3d/arcgis-directline-measurement-3d';
 export { ArcgisDistanceMeasurement2d as ArcgisDistanceMeasurement2d } from '../types/components/arcgis-distance-measurement-2d/arcgis-distance-measurement-2d';
@@ -46,7 +47,9 @@ export { ArcgisSwipe as ArcgisSwipe } from '../types/components/arcgis-swipe/arc
 export { ArcgisTableList as ArcgisTableList } from '../types/components/arcgis-table-list/arcgis-table-list';
 export { ArcgisTimeSlider as ArcgisTimeSlider } from '../types/components/arcgis-time-slider/arcgis-time-slider';
 export { ArcgisTrack as ArcgisTrack } from '../types/components/arcgis-track/arcgis-track';
+export { ArcgisUtilityNetworkAssociations as ArcgisUtilityNetworkAssociations } from '../types/components/arcgis-utility-network-associations/arcgis-utility-network-associations';
 export { ArcgisUtilityNetworkTrace as ArcgisUtilityNetworkTrace } from '../types/components/arcgis-utility-network-trace/arcgis-utility-network-trace';
+export { ArcgisUtilityNetworkValidateTopology as ArcgisUtilityNetworkValidateTopology } from '../types/components/arcgis-utility-network-validate-topology/arcgis-utility-network-validate-topology';
 export { ArcgisValuePicker as ArcgisValuePicker } from '../types/components/arcgis-value-picker/arcgis-value-picker';
 export { ArcgisWeather as ArcgisWeather } from '../types/components/arcgis-weather/arcgis-weather';
 export { ArcgisZoom as ArcgisZoom } from '../types/components/arcgis-zoom/arcgis-zoom';

package/dist/components/index.js

@@ -0,0 +1,55 @@
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { ArcgisAreaMeasurement2d, defineCustomElement as defineCustomElementArcgisAreaMeasurement2d } from './arcgis-area-measurement-2d.js';
+export { ArcgisAreaMeasurement3d, defineCustomElement as defineCustomElementArcgisAreaMeasurement3d } from './arcgis-area-measurement-3d.js';
+export { ArcgisAttachments, defineCustomElement as defineCustomElementArcgisAttachments } from './arcgis-attachments.js';
+export { ArcgisBasemapGallery, defineCustomElement as defineCustomElementArcgisBasemapGallery } from './arcgis-basemap-gallery.js';
+export { ArcgisBasemapLayerList, defineCustomElement as defineCustomElementArcgisBasemapLayerList } from './arcgis-basemap-layer-list.js';
+export { ArcgisBasemapToggle, defineCustomElement as defineCustomElementArcgisBasemapToggle } from './arcgis-basemap-toggle.js';
+export { ArcgisBookmarks, defineCustomElement as defineCustomElementArcgisBookmarks } from './arcgis-bookmarks.js';
+export { ArcgisBuildingExplorer, defineCustomElement as defineCustomElementArcgisBuildingExplorer } from './arcgis-building-explorer.js';
+export { ArcgisCompass, defineCustomElement as defineCustomElementArcgisCompass } from './arcgis-compass.js';
+export { ArcgisCoordinateConversion, defineCustomElement as defineCustomElementArcgisCoordinateConversion } from './arcgis-coordinate-conversion.js';
+export { ArcgisDaylight, defineCustomElement as defineCustomElementArcgisDaylight } from './arcgis-daylight.js';
+export { ArcgisDirectionalPad, defineCustomElement as defineCustomElementArcgisDirectionalPad } from './arcgis-directional-pad.js';
+export { ArcgisDirections, defineCustomElement as defineCustomElementArcgisDirections } from './arcgis-directions.js';
+export { ArcgisDirectlineMeasurement3d, defineCustomElement as defineCustomElementArcgisDirectlineMeasurement3d } from './arcgis-directline-measurement-3d.js';
+export { ArcgisDistanceMeasurement2d, defineCustomElement as defineCustomElementArcgisDistanceMeasurement2d } from './arcgis-distance-measurement-2d.js';
+export { ArcgisEditor, defineCustomElement as defineCustomElementArcgisEditor } from './arcgis-editor.js';
+export { ArcgisElevationProfile, defineCustomElement as defineCustomElementArcgisElevationProfile } from './arcgis-elevation-profile.js';
+export { ArcgisExpand, defineCustomElement as defineCustomElementArcgisExpand } from './arcgis-expand.js';
+export { ArcgisFeature, defineCustomElement as defineCustomElementArcgisFeature } from './arcgis-feature.js';
+export { ArcgisFeatureForm, defineCustomElement as defineCustomElementArcgisFeatureForm } from './arcgis-feature-form.js';
+export { ArcgisFeatureTable, defineCustomElement as defineCustomElementArcgisFeatureTable } from './arcgis-feature-table.js';
+export { ArcgisFeatureTemplates, defineCustomElement as defineCustomElementArcgisFeatureTemplates } from './arcgis-feature-templates.js';
+export { ArcgisFeatures, defineCustomElement as defineCustomElementArcgisFeatures } from './arcgis-features.js';
+export { ArcgisFloorFilter, defineCustomElement as defineCustomElementArcgisFloorFilter } from './arcgis-floor-filter.js';
+export { ArcgisFullscreen, defineCustomElement as defineCustomElementArcgisFullscreen } from './arcgis-fullscreen.js';
+export { ArcgisHistogram, defineCustomElement as defineCustomElementArcgisHistogram } from './arcgis-histogram.js';
+export { ArcgisHistogramRangeSlider, defineCustomElement as defineCustomElementArcgisHistogramRangeSlider } from './arcgis-histogram-range-slider.js';
+export { ArcgisHome, defineCustomElement as defineCustomElementArcgisHome } from './arcgis-home.js';
+export { ArcgisLayerList, defineCustomElement as defineCustomElementArcgisLayerList } from './arcgis-layer-list.js';
+export { ArcgisLegend, defineCustomElement as defineCustomElementArcgisLegend } from './arcgis-legend.js';
+export { ArcgisLineOfSight, defineCustomElement as defineCustomElementArcgisLineOfSight } from './arcgis-line-of-sight.js';
+export { ArcgisLocate, defineCustomElement as defineCustomElementArcgisLocate } from './arcgis-locate.js';
+export { ArcgisMap, defineCustomElement as defineCustomElementArcgisMap } from './arcgis-map.js';
+export { ArcgisMeasurement, defineCustomElement as defineCustomElementArcgisMeasurement } from './arcgis-measurement.js';
+export { ArcgisNavigationToggle, defineCustomElement as defineCustomElementArcgisNavigationToggle } from './arcgis-navigation-toggle.js';
+export { ArcgisPrint, defineCustomElement as defineCustomElementArcgisPrint } from './arcgis-print.js';
+export { ArcgisScaleBar, defineCustomElement as defineCustomElementArcgisScaleBar } from './arcgis-scale-bar.js';
+export { ArcgisScaleRangeSlider, defineCustomElement as defineCustomElementArcgisScaleRangeSlider } from './arcgis-scale-range-slider.js';
+export { ArcgisScene, defineCustomElement as defineCustomElementArcgisScene } from './arcgis-scene.js';
+export { ArcgisSearch, defineCustomElement as defineCustomElementArcgisSearch } from './arcgis-search.js';
+export { ArcgisShadowCast, defineCustomElement as defineCustomElementArcgisShadowCast } from './arcgis-shadow-cast.js';
+export { ArcgisSketch, defineCustomElement as defineCustomElementArcgisSketch } from './arcgis-sketch.js';
+export { ArcgisSlice, defineCustomElement as defineCustomElementArcgisSlice } from './arcgis-slice.js';
+export { ArcgisSlider, defineCustomElement as defineCustomElementArcgisSlider } from './arcgis-slider.js';
+export { ArcgisSwipe, defineCustomElement as defineCustomElementArcgisSwipe } from './arcgis-swipe.js';
+export { ArcgisTableList, defineCustomElement as defineCustomElementArcgisTableList } from './arcgis-table-list.js';
+export { ArcgisTimeSlider, defineCustomElement as defineCustomElementArcgisTimeSlider } from './arcgis-time-slider.js';
+export { ArcgisTrack, defineCustomElement as defineCustomElementArcgisTrack } from './arcgis-track.js';
+export { ArcgisUtilityNetworkAssociations, defineCustomElement as defineCustomElementArcgisUtilityNetworkAssociations } from './arcgis-utility-network-associations.js';
+export { ArcgisUtilityNetworkTrace, defineCustomElement as defineCustomElementArcgisUtilityNetworkTrace } from './arcgis-utility-network-trace.js';
+export { ArcgisUtilityNetworkValidateTopology, defineCustomElement as defineCustomElementArcgisUtilityNetworkValidateTopology } from './arcgis-utility-network-validate-topology.js';
+export { ArcgisValuePicker, defineCustomElement as defineCustomElementArcgisValuePicker } from './arcgis-value-picker.js';
+export { ArcgisWeather, defineCustomElement as defineCustomElementArcgisWeather } from './arcgis-weather.js';
+export { ArcgisZoom, defineCustomElement as defineCustomElementArcgisZoom } from './arcgis-zoom.js';