@arcgis/map-components 1.0.0-beta.14

package/dist/cjs/arcgis-weather.cjs.entry.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisWeatherCss = "";
+
+const ArcgisWeather = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = 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) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsWeather(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.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 index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisWeather.style = arcgisWeatherCss;
+
+exports.arcgis_weather = ArcgisWeather;

package/dist/cjs/arcgis-zoom.cjs.entry.js

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisZoomCss = "arcgis-zoom{}";
+
+const ArcgisZoom = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+    componentUtils.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 index$1.newWidgetsZoom(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    return index.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 index.getElement(this); }
+  static get watchers() { return {
+    "layout": ["layoutWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisZoom.style = arcgisZoomCss;
+
+exports.arcgis_zoom = ArcgisZoom;

package/dist/cjs/component-utils-933b7aca.js

@@ -0,0 +1,76 @@
+'use strict';
+
+const disconnected = require('./disconnected-306cb220.js');
+
+//--------------------------------------------------------------------------
+//
+//  Public Methods
+//
+//--------------------------------------------------------------------------
+function checkForView(element) {
+  let isDetached = false;
+  if (!disconnected.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);
+}
+
+exports.checkForView = checkForView;
+exports.referenceElementHelper = referenceElementHelper;

package/dist/cjs/disconnected-306cb220.js

@@ -0,0 +1,55 @@
+'use strict';
+
+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;
+}
+
+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);
+  }
+}
+
+exports.checkForExpand = checkForExpand;
+exports.onDisconnectedHelper = onDisconnectedHelper;