@arcgis/map-components 1.0.0-beta.16 → 1.0.0-beta.17

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

@@ -1,233 +0,0 @@
-'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

@@ -1,117 +0,0 @@
-'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

@@ -1,118 +0,0 @@
-'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;

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

@@ -1,216 +0,0 @@
-'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 arcgisTimeSliderCss = "arcgis-time-slider{}";
-
-const ArcgisTimeSlider = 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.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) {
-    componentUtils.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 index$1.newWidgetsTimeSlider(params);
-    this.widget = widget;
-    await this._addWatchers();
-    this._proxyEvents();
-    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.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 index.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;
-
-exports.arcgis_time_slider = ArcgisTimeSlider;