@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-compass.js

@@ -0,0 +1,109 @@
+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 };

package/dist/components/arcgis-coordinate-conversion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisCoordinateConversion extends Components.ArcgisCoordinateConversion, HTMLElement {}
+export const ArcgisCoordinateConversion: {
+  prototype: ArcgisCoordinateConversion;
+  new (): ArcgisCoordinateConversion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-coordinate-conversion.js

@@ -0,0 +1,193 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { j as newWidgetsCoordinateConversion, 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 arcgisCoordinateConversionCss = "";
+
+const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.conversions = undefined;
+    this.currentLocation = undefined;
+    this.formats = undefined;
+    this.locationSymbol = undefined;
+    this.mode = undefined;
+    this.multipleConversions = undefined;
+    this.orientation = undefined;
+    this.storageEnabled = undefined;
+    this.storageType = 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);
+      }
+    }
+  }
+  conversionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.conversions = newValue;
+    }
+  }
+  formatsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.formats = newValue;
+    }
+  }
+  locationSymbolWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.locationSymbol = newValue;
+    }
+  }
+  modeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.mode = newValue;
+    }
+  }
+  multipleConversionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.multipleConversions = newValue;
+    }
+  }
+  orientationWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.orientation = newValue;
+    }
+  }
+  storageEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.storageEnabled = newValue;
+    }
+  }
+  storageTypeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.storageType = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async reverseConvert(coordinate, format) {
+    return this.widget?.reverseConvert(coordinate, format);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsCoordinateConversion(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.currentLocation, (value) => (this.currentLocation = value), {
+      initial: true
+    });
+  }
+  _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"],
+    "conversions": ["conversionsWatcher"],
+    "formats": ["formatsWatcher"],
+    "locationSymbol": ["locationSymbolWatcher"],
+    "mode": ["modeWatcher"],
+    "multipleConversions": ["multipleConversionsWatcher"],
+    "orientation": ["orientationWatcher"],
+    "storageEnabled": ["storageEnabledWatcher"],
+    "storageType": ["storageTypeWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisCoordinateConversionCss; }
+}, [0, "arcgis-coordinate-conversion", {
+    "referenceElement": [1, "reference-element"],
+    "conversions": [16],
+    "currentLocation": [1040],
+    "formats": [16],
+    "locationSymbol": [16],
+    "mode": [1],
+    "multipleConversions": [4, "multiple-conversions"],
+    "orientation": [1],
+    "storageEnabled": [4, "storage-enabled"],
+    "storageType": [1, "storage-type"],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040],
+    "reverseConvert": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-coordinate-conversion", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-coordinate-conversion":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisCoordinateConversion$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisCoordinateConversion = ArcgisCoordinateConversion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisCoordinateConversion, defineCustomElement };

package/dist/components/arcgis-daylight.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisDaylight extends Components.ArcgisDaylight, HTMLElement {}
+export const ArcgisDaylight: {
+  prototype: ArcgisDaylight;
+  new (): ArcgisDaylight;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-daylight.js

@@ -0,0 +1,144 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { k as newWidgetsDaylight } 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 arcgisDaylightCss = "";
+
+const ArcgisDaylight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.dateOrSeason = undefined;
+    this.playSpeedMultiplier = undefined;
+    this.timeSliderSteps = 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);
+      }
+    }
+  }
+  dateOrSeasonWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.dateOrSeason = newValue;
+    }
+  }
+  playSpeedMultiplierWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.playSpeedMultiplier = newValue;
+    }
+  }
+  timeSliderStepsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.timeSliderSteps = 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 newWidgetsDaylight(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.dateOrSeason) {
+      params.dateOrSeason = this.dateOrSeason;
+    }
+    if (this.playSpeedMultiplier) {
+      params.playSpeedMultiplier = this.playSpeedMultiplier;
+    }
+    if (this.timeSliderSteps) {
+      params.timeSliderSteps = this.timeSliderSteps;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "dateOrSeason": ["dateOrSeasonWatcher"],
+    "playSpeedMultiplier": ["playSpeedMultiplierWatcher"],
+    "timeSliderSteps": ["timeSliderStepsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisDaylightCss; }
+}, [0, "arcgis-daylight", {
+    "referenceElement": [1, "reference-element"],
+    "dateOrSeason": [1, "date-or-season"],
+    "playSpeedMultiplier": [2, "play-speed-multiplier"],
+    "timeSliderSteps": [2, "time-slider-steps"],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-daylight", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-daylight":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisDaylight$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisDaylight = ArcgisDaylight$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisDaylight, defineCustomElement };

package/dist/components/arcgis-directions.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisDirections extends Components.ArcgisDirections, HTMLElement {}
+export const ArcgisDirections: {
+  prototype: ArcgisDirections;
+  new (): ArcgisDirections;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;