@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-swipe.js

@@ -0,0 +1,140 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { X as newWidgetsSwipe } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+
+const arcgisSwipeCss = "arcgis-swipe{}";
+
+const ArcgisSwipe$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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 this; }
+  static get watchers() { return {
+    "direction": ["directionWatcher"],
+    "dragLabel": ["dragLabelWatcher"],
+    "leadingLayers": ["leadingLayersWatcher"],
+    "swipePosition": ["swipePositionWatcher"],
+    "trailingLayers": ["trailingLayersWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisSwipeCss; }
+}, [0, "arcgis-swipe", {
+    "referenceElement": [1, "reference-element"],
+    "direction": [1],
+    "dragLabel": [1, "drag-label"],
+    "leadingLayers": [16],
+    "swipePosition": [2, "swipe-position"],
+    "trailingLayers": [16],
+    "view": [16],
+    "position": [1],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-swipe"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-swipe":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisSwipe$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisSwipe = ArcgisSwipe$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisSwipe, defineCustomElement };

package/dist/components/arcgis-table-list.d.ts

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

package/dist/components/arcgis-table-list.js

@@ -0,0 +1,147 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { Y as newWidgetsTableList, 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 arcgisTableListCss = "arcgis-table-list{}";
+
+const ArcgisTableList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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 this; }
+  static get watchers() { return {
+    "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectionEnabled": ["selectionEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisTableListCss; }
+}, [0, "arcgis-table-list", {
+    "referenceElement": [1, "reference-element"],
+    "multipleSelectionEnabled": [4, "multiple-selection-enabled"],
+    "selectionEnabled": [4, "selection-enabled"],
+    "selectedItems": [1040],
+    "tableItems": [1040],
+    "view": [16],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-table-list", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-table-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisTableList$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisTableList = ArcgisTableList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisTableList, defineCustomElement };

package/dist/components/arcgis-time-slider.d.ts

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

package/dist/components/arcgis-time-slider.js

@@ -0,0 +1,256 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { Z as newWidgetsTimeSlider, 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 arcgisTimeSliderCss = "arcgis-time-slider{}";
+
+const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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 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"]
+  }; }
+  static get style() { return arcgisTimeSliderCss; }
+}, [0, "arcgis-time-slider", {
+    "referenceElement": [1, "reference-element"],
+    "actions": [16],
+    "effectiveStops": [1040],
+    "fullTimeExtent": [16],
+    "layout": [1],
+    "loop": [4],
+    "mode": [1],
+    "playRate": [2, "play-rate"],
+    "stops": [16],
+    "tickConfigs": [16],
+    "timeExtent": [16],
+    "timeVisible": [4, "time-visible"],
+    "view": [16],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040],
+    "next": [64],
+    "play": [64],
+    "previous": [64],
+    "stop": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-time-slider", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-time-slider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisTimeSlider$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisTimeSlider = ArcgisTimeSlider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisTimeSlider, defineCustomElement };

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

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