@arcgis/map-components 1.0.0-beta.14

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

@@ -0,0 +1,103 @@
+'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 arcgisSliceCss = "arcgis-slice{}";
+
+const ArcgisSlice = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.analysis = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+    this.headingLevel = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  headingLevelWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (this.widget.headingLevel !== newValue) {
+        this.widget.headingLevel = 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.newWidgetsSlice(params);
+    this.widget = widget;
+    await this._addWatchers();
+    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
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.importCoreReactiveUtils();
+    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+      initial: true
+    });
+  }
+  _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"],
+    "headingLevel": ["headingLevelWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisSlice.style = arcgisSliceCss;
+
+exports.arcgis_slice = ArcgisSlice;

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

@@ -0,0 +1,233 @@
+'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 arcgisSliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
+
+const ArcgisSlider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sliderMaxChange = index.createEvent(this, "sliderMaxChange", 7);
+    this.sliderMaxClick = index.createEvent(this, "sliderMaxClick", 7);
+    this.sliderMinChange = index.createEvent(this, "sliderMinChange", 7);
+    this.sliderMinClick = index.createEvent(this, "sliderMinClick", 7);
+    this.sliderSegmentClick = index.createEvent(this, "sliderSegmentClick", 7);
+    this.sliderSegmentDrag = index.createEvent(this, "sliderSegmentDrag", 7);
+    this.sliderThumbChange = index.createEvent(this, "sliderThumbChange", 7);
+    this.sliderThumbClick = index.createEvent(this, "sliderThumbClick", 7);
+    this.sliderThumbDrag = index.createEvent(this, "sliderThumbDrag", 7);
+    this.sliderTickClick = index.createEvent(this, "sliderTickClick", 7);
+    this.sliderTrackClick = index.createEvent(this, "sliderTrackClick", 7);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.draggableSegmentsEnabled = undefined;
+    this.effectiveMax = undefined;
+    this.effectiveMin = undefined;
+    this.effectiveSegmentElements = undefined;
+    this.labelElements = undefined;
+    this.labelInputsEnabled = undefined;
+    this.labels = undefined;
+    this.layout = "horizontal";
+    this.min = undefined;
+    this.max = undefined;
+    this.maxLabelElement = undefined;
+    this.minLabelElement = undefined;
+    this.precision = undefined;
+    this.rangeLabelInputsEnabled = undefined;
+    this.segmentElements = undefined;
+    this.snapOnClickEnabled = undefined;
+    this.syncedSegmentsEnabled = undefined;
+    this.thumbElements = undefined;
+    this.thumbsConstrained = undefined;
+    this.tickConfigs = undefined;
+    this.tickElements = undefined;
+    this.trackElement = undefined;
+    this.steps = undefined;
+    this.values = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  draggableSegmentsEnabledWatcher(newValue) {
+    if (this.widget) {
+      this.widget.draggableSegmentsEnabled = newValue;
+    }
+  }
+  effectiveMaxWatcher(newValue) {
+    if (this.widget) {
+      this.widget.effectiveMax = newValue;
+    }
+  }
+  effectiveMinWatcher(newValue) {
+    if (this.widget) {
+      this.widget.effectiveMin = newValue;
+    }
+  }
+  layoutWatcher(newValue) {
+    if (this.widget) {
+      this.widget.layout = newValue;
+    }
+  }
+  minWatcher(newValue) {
+    if (this.widget) {
+      this.widget.min = newValue;
+    }
+  }
+  maxWatcher(newValue) {
+    if (this.widget) {
+      this.widget.max = newValue;
+    }
+  }
+  precisionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.precision = newValue;
+    }
+  }
+  rangeLabelInputsEnabledWatcher(newValue) {
+    if (this.widget) {
+      this.widget.rangeLabelInputsEnabled = newValue;
+    }
+  }
+  snapOnClickEnabledWatcher(newValue) {
+    if (this.widget) {
+      this.widget.snapOnClickEnabled = newValue;
+    }
+  }
+  stepsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.steps = newValue;
+    }
+  }
+  syncedSegmentsEnabledWatcher(newValue) {
+    if (this.widget) {
+      this.widget.syncedSegmentsEnabled = newValue;
+    }
+  }
+  thumbsConstrainedWatcher(newValue) {
+    if (this.widget) {
+      this.widget.thumbsConstrained = newValue;
+    }
+  }
+  tickConfigsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.tickConfigs = newValue;
+    }
+  }
+  valuesWatcher(newValue) {
+    if (typeof newValue === "string") {
+      this.values = newValue.split(",").map((n) => Number(n));
+    }
+    if (this.widget) {
+      this.widget.values = this.values;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsSlider(params);
+    this.widget = widget;
+    await this._addWatchers();
+    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
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.importCoreReactiveUtils();
+    watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
+      initial: true
+    });
+    watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
+      initial: true
+    });
+    watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
+      initial: true
+    });
+    watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
+      initial: true
+    });
+    watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
+      initial: true
+    });
+    watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
+      initial: true
+    });
+    watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
+      initial: true
+    });
+    watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem,
+      layout: this.layout
+    };
+    if (this.min !== undefined) {
+      params.min = this.min;
+    }
+    if (this.max !== undefined) {
+      params.max = this.max;
+    }
+    if (this.steps) {
+      if (typeof this.steps === "string") {
+        this.steps = this.steps.split(",").map((n) => Number(n));
+      }
+      params.steps = this.steps;
+    }
+    if (this.values) {
+      if (typeof this.values === "string") {
+        this.values = this.values.split(",").map((n) => Number(n));
+      }
+      params.values = this.values;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "draggableSegmentsEnabled": ["draggableSegmentsEnabledWatcher"],
+    "effectiveMax": ["effectiveMaxWatcher"],
+    "effectiveMin": ["effectiveMinWatcher"],
+    "layout": ["layoutWatcher"],
+    "min": ["minWatcher"],
+    "max": ["maxWatcher"],
+    "precision": ["precisionWatcher"],
+    "rangeLabelInputsEnabled": ["rangeLabelInputsEnabledWatcher"],
+    "snapOnClickEnabled": ["snapOnClickEnabledWatcher"],
+    "steps": ["stepsWatcher"],
+    "syncedSegmentsEnabled": ["syncedSegmentsEnabledWatcher"],
+    "thumbsConstrained": ["thumbsConstrainedWatcher"],
+    "tickConfigs": ["tickConfigsWatcher"],
+    "values": ["valuesWatcher"]
+  }; }
+};
+ArcgisSlider.style = arcgisSliderCss;
+
+exports.arcgis_slider = ArcgisSlider;

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

@@ -0,0 +1,117 @@
+'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 arcgisSwipeCss = "arcgis-swipe{}";
+
+const ArcgisSwipe = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+    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.newWidgetsSwipe(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 {
+    "direction": ["directionWatcher"],
+    "dragLabel": ["dragLabelWatcher"],
+    "leadingLayers": ["leadingLayersWatcher"],
+    "swipePosition": ["swipePositionWatcher"],
+    "trailingLayers": ["trailingLayersWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisSwipe.style = arcgisSwipeCss;
+
+exports.arcgis_swipe = ArcgisSwipe;

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

@@ -0,0 +1,118 @@
+'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 arcgisTableListCss = "arcgis-table-list{}";
+
+const ArcgisTableList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.triggerAction = index.createEvent(this, "triggerAction", 7);
+    this.widgetReady = index.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) {
+    componentUtils.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 index$1.newWidgetsTableList(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+    this._hookEvents(this.widget);
+  }
+  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
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.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 index.getElement(this); }
+  static get watchers() { return {
+    "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectionEnabled": ["selectionEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisTableList.style = arcgisTableListCss;
+
+exports.arcgis_table_list = ArcgisTableList;