@arcgis/map-components 1.0.0-beta.14

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

@@ -0,0 +1,113 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { Y as newWidgetsSwipe } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisSwipeCss = "arcgis-swipe{}";
+
+const ArcgisSwipe = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.direction = undefined;
+    this.dragLabel = undefined;
+    this.leadingLayers = undefined;
+    this.swipePosition = undefined;
+    this.trailingLayers = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  directionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.direction = newValue;
+    }
+  }
+  dragLabelWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.dragLabel = newValue;
+    }
+  }
+  leadingLayersWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.leadingLayers = newValue;
+    }
+  }
+  swipePositionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.position = newValue;
+    }
+  }
+  trailingLayersWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.trailingLayers = 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;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsSwipe(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 getElement(this); }
+  static get watchers() { return {
+    "direction": ["directionWatcher"],
+    "dragLabel": ["dragLabelWatcher"],
+    "leadingLayers": ["leadingLayersWatcher"],
+    "swipePosition": ["swipePositionWatcher"],
+    "trailingLayers": ["trailingLayersWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisSwipe.style = arcgisSwipeCss;
+
+export { ArcgisSwipe as arcgis_swipe };

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

@@ -0,0 +1,114 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { Z as newWidgetsTableList, i as importCoreReactiveUtils } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisTableListCss = "arcgis-table-list{}";
+
+const ArcgisTableList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.triggerAction = createEvent(this, "triggerAction", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.multipleSelectionEnabled = false;
+    this.selectionEnabled = true;
+    this.selectedItems = undefined;
+    this.tableItems = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  multipleSelectionEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.multipleSelectionEnabled = newValue;
+    }
+  }
+  selectionEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.selectionEnabled = 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.map = newValue.map;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsTableList(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit(true);
+    checkForView(this);
+    this._hookEvents(this.widget);
+  }
+  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.selectedItems, (value) => (this.selectedItems = value));
+    watch(() => this.widget.tableItems, (value) => (this.tableItems = value));
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem,
+      multipleSelectionEnabled: this.multipleSelectionEnabled,
+      selectionEnabled: this.selectionEnabled
+    };
+    if (this.view) {
+      params.map = this.view.map;
+    }
+    return params;
+  }
+  _hookEvents(widget) {
+    const triggerHandle = widget.on("trigger-action", (e) => {
+      this.triggerAction.emit(e);
+    });
+    widget.own(triggerHandle);
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectionEnabled": ["selectionEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisTableList.style = arcgisTableListCss;
+
+export { ArcgisTableList as arcgis_table_list };

package/dist/esm/arcgis-time-slider.entry.js

@@ -0,0 +1,212 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { _ as newWidgetsTimeSlider, i as importCoreReactiveUtils } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisTimeSliderCss = "arcgis-time-slider{}";
+
+const ArcgisTimeSlider = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.triggerAction = createEvent(this, "triggerAction", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.actions = undefined;
+    this.effectiveStops = undefined;
+    this.fullTimeExtent = undefined;
+    this.layout = undefined;
+    this.loop = undefined;
+    this.mode = undefined;
+    this.playRate = undefined;
+    this.stops = undefined;
+    this.tickConfigs = undefined;
+    this.timeExtent = undefined;
+    this.timeVisible = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  actionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.actions = newValue;
+    }
+  }
+  fullTimeExtentWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.fullTimeExtent = newValue;
+    }
+  }
+  layoutWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layout = newValue;
+    }
+  }
+  loopWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.loop = newValue;
+    }
+  }
+  modeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.mode = newValue;
+    }
+  }
+  playRateWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.playRate = newValue;
+    }
+  }
+  stopsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.stops = newValue;
+    }
+  }
+  tickConfigsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.tickConfigs = newValue;
+    }
+  }
+  timeExtentWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.timeExtent = newValue;
+    }
+  }
+  timeVisibleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.timeVisible = 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 next() {
+    return this.widget?.next();
+  }
+  async play() {
+    return this.widget?.play();
+  }
+  async previous() {
+    return this.widget?.previous();
+  }
+  async stop() {
+    return this.widget?.stop();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsTimeSlider(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    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.effectiveStops, (value) => (this.effectiveStops = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.actions !== undefined) {
+      params.actions = this.actions;
+    }
+    if (this.fullTimeExtent !== undefined) {
+      params.fullTimeExtent = this.fullTimeExtent;
+    }
+    if (this.layout !== undefined) {
+      params.layout = this.layout;
+    }
+    if (this.loop !== undefined) {
+      params.loop = this.loop;
+    }
+    if (this.mode !== undefined) {
+      params.mode = this.mode;
+    }
+    if (this.playRate !== undefined) {
+      params.playRate = this.playRate;
+    }
+    if (this.stops !== undefined) {
+      params.stops = this.stops;
+    }
+    if (this.tickConfigs !== undefined) {
+      params.tickConfigs = this.tickConfigs;
+    }
+    if (this.timeExtent !== undefined) {
+      params.timeExtent = this.timeExtent;
+    }
+    if (this.timeVisible !== undefined) {
+      params.timeVisible = this.timeVisible;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  async _proxyEvents() {
+    this.widget?.on("trigger-action", (e) => this.triggerAction.emit(e));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "actions": ["actionsWatcher"],
+    "fullTimeExtent": ["fullTimeExtentWatcher"],
+    "layout": ["layoutWatcher"],
+    "loop": ["loopWatcher"],
+    "mode": ["modeWatcher"],
+    "playRate": ["playRateWatcher"],
+    "stops": ["stopsWatcher"],
+    "tickConfigs": ["tickConfigsWatcher"],
+    "timeExtent": ["timeExtentWatcher"],
+    "timeVisible": ["timeVisibleWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisTimeSlider.style = arcgisTimeSliderCss;
+
+export { ArcgisTimeSlider as arcgis_time_slider };

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

@@ -0,0 +1,143 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { $ as newWidgetsTrack, i as importCoreReactiveUtils } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisTrackCss = "";
+
+const ArcgisTrack = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.trackComplete = createEvent(this, "trackComplete", 7);
+    this.trackError = createEvent(this, "trackError", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.geolocationOptions = undefined;
+    this.goToLocationEnabled = undefined;
+    this.graphic = undefined;
+    this.scale = undefined;
+    this.tracking = undefined;
+    this.useHeadingEnabled = undefined;
+    this.position = "bottom-left";
+    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);
+      }
+    }
+  }
+  geolocationOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.geolocationOptions = newValue;
+    }
+  }
+  goToLocationEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.goToLocationEnabled = newValue;
+    }
+  }
+  graphicWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.graphic = newValue;
+    }
+  }
+  scaleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.scale = newValue;
+    }
+  }
+  useHeadingEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.useHeadingEnabled = 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 newWidgetsTrack(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.tracking, (value) => (this.tracking = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.geolocationOptions !== undefined) {
+      params.geolocationOptions = this.geolocationOptions;
+    }
+    if (this.goToLocationEnabled !== undefined) {
+      params.goToLocationEnabled = this.goToLocationEnabled;
+    }
+    if (this.graphic !== undefined) {
+      params.graphic = this.graphic;
+    }
+    if (this.useHeadingEnabled !== undefined) {
+      params.useHeadingEnabled = this.useHeadingEnabled;
+    }
+    if (this.scale !== undefined) {
+      params.scale = this.scale;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("track", (e) => this.trackComplete.emit(e));
+    this.widget.on("track-error", (e) => this.trackError.emit(e));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "geolocationOptions": ["geolocationOptionsWatcher"],
+    "goToLocationEnabled": ["goToLocationEnabledWatcher"],
+    "graphic": ["graphicWatcher"],
+    "scale": ["scaleWatcher"],
+    "useHeadingEnabled": ["useHeadingEnabledWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisTrack.style = arcgisTrackCss;
+
+export { ArcgisTrack as arcgis_track };