@arcgis/map-components 1.0.0-beta.14

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

@@ -0,0 +1,123 @@
+'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 arcgisMeasurementCss = "arcgis-measurement{}";
+
+const ArcgisMeasurement = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeTool = undefined;
+    this.activeWidget = undefined;
+    this.areaUnit = undefined;
+    this.linearUnit = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  activeToolWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeTool = newValue;
+    }
+  }
+  areaUnitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.areaUnit = newValue;
+    }
+  }
+  linearUnitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.linearUnit = 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 startMeasurement() {
+    return this.widget?.startMeasurement();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsMeasurement(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.activeWidget, (value) => (this.activeWidget = 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 {
+    "activeTool": ["activeToolWatcher"],
+    "areaUnit": ["areaUnitWatcher"],
+    "linearUnit": ["linearUnitWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisMeasurement.style = arcgisMeasurementCss;
+
+exports.arcgis_measurement = ArcgisMeasurement;

package/dist/cjs/arcgis-navigation-toggle.cjs.entry.js

@@ -0,0 +1,97 @@
+'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 arcgisNavigationToggleCss = "arcgis-navigation-toggle{}";
+
+const ArcgisNavigationToggle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.layout = undefined;
+    this.position = "bottom-left";
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  layoutWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layout = 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;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  async toggle() {
+    return this.widget?.toggle();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsNavigationToggle(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 {
+    "layout": ["layoutWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisNavigationToggle.style = arcgisNavigationToggleCss;
+
+exports.arcgis_navigation_toggle = ArcgisNavigationToggle;

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

@@ -0,0 +1,163 @@
+'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 arcgisPrintCss = "";
+
+const ArcgisPrint = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.printComplete = index.createEvent(this, "printComplete", 7);
+    this.printSubmit = index.createEvent(this, "printSubmit", 7);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.allowedFormats = undefined;
+    this.allowedLayouts = undefined;
+    this.exportedLinks = undefined;
+    this.extraParameters = undefined;
+    this.includeDefaultTemplates = undefined;
+    this.portal = undefined;
+    this.printServiceUrl = undefined;
+    this.templateCustomTextElements = undefined;
+    this.templateOptions = 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);
+      }
+    }
+  }
+  allowedFormatsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.allowedFormats = value.split(",");
+    }
+  }
+  allowedLayoutsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.allowedLayouts = value.split(",");
+    }
+  }
+  extraParametersWatcher(value) {
+    if (value && this.widget) {
+      this.widget.extraParameters = value;
+    }
+  }
+  includeDefaultTemplatesWatcher(value) {
+    if (value && this.widget) {
+      this.widget.includeDefaultTemplates = value;
+    }
+  }
+  portalWatcher(value) {
+    if (value && this.widget) {
+      this.widget.portal = value;
+    }
+  }
+  printServiceUrlWatcher(value) {
+    if (value && this.widget) {
+      this.widget.printServiceUrl = value;
+    }
+  }
+  templateCustomTextElementsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.templateCustomTextElements = value;
+    }
+  }
+  templateOptionsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.templateOptions = value;
+    }
+  }
+  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.newWidgetsPrint(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.exportedLinks, (value) => (this.exportedLinks = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.allowedFormats) {
+      params.allowedFormats = this.allowedFormats;
+    }
+    if (this.allowedLayouts) {
+      params.allowedLayouts = this.allowedLayouts;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("complete", (e) => this.printComplete.emit(e));
+    this.widget.on("submit", (e) => this.printSubmit.emit(e));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "allowedFormats": ["allowedFormatsWatcher"],
+    "allowedLayouts": ["allowedLayoutsWatcher"],
+    "extraParameters": ["extraParametersWatcher"],
+    "includeDefaultTemplates": ["includeDefaultTemplatesWatcher"],
+    "portal": ["portalWatcher"],
+    "printServiceUrl": ["printServiceUrlWatcher"],
+    "templateCustomTextElements": ["templateCustomTextElementsWatcher"],
+    "templateOptions": ["templateOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisPrint.style = arcgisPrintCss;
+
+exports.arcgis_print = ArcgisPrint;

package/dist/cjs/arcgis-scale-bar.cjs.entry.js

@@ -0,0 +1,106 @@
+'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 arcgisScaleBarCss = "arcgis-scale-bar{}";
+
+const ArcgisScaleBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.barStyle = undefined;
+    this.unit = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  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;
+    }
+  }
+  styleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.style = newValue;
+    }
+  }
+  unitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.unit = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsScaleBar(params);
+    this.widget = widget;
+    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
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.unit) {
+      params.unit = this.unit;
+    }
+    if (this.barStyle) {
+      params.style = this.barStyle;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "barStyle": ["styleWatcher"],
+    "unit": ["unitWatcher"]
+  }; }
+};
+ArcgisScaleBar.style = arcgisScaleBarCss;
+
+exports.arcgis_scale_bar = ArcgisScaleBar;

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

@@ -0,0 +1,146 @@
+'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 arcgisScaleRangeSliderCss = "arcgis-scale-range-slider{}";
+
+const ArcgisScaleRangeSlider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+    this.layer = undefined;
+    this.maxScale = undefined;
+    this.maxScaleLimit = undefined;
+    this.minScale = undefined;
+    this.minScaleLimit = undefined;
+    this.region = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  maxScaleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.maxScale = newValue;
+    }
+  }
+  minScaleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.minScale = newValue;
+    }
+  }
+  maxScaleLimitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.maxScaleLimit = newValue;
+    }
+  }
+  minScaleLimitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.minScaleLimit = newValue;
+    }
+  }
+  layerWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layer = newValue;
+    }
+  }
+  regionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.region = 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.newWidgetsScaleRangeSlider(params);
+    this.widget = widget;
+    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
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.layer) {
+      params.layer = this.layer;
+    }
+    if (this.maxScale !== undefined) {
+      params.maxScale = this.maxScale;
+    }
+    if (this.minScale !== undefined) {
+      params.minScale = this.minScale;
+    }
+    if (this.maxScaleLimit !== undefined) {
+      params.maxScaleLimit = this.maxScaleLimit;
+    }
+    if (this.minScaleLimit !== undefined) {
+      params.minScaleLimit = this.minScaleLimit;
+    }
+    if (this.region !== undefined) {
+      params.region = this.region;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "maxScale": ["maxScaleWatcher"],
+    "minScale": ["minScaleWatcher"],
+    "maxScaleLimit": ["maxScaleLimitWatcher"],
+    "minScaleLimit": ["minScaleLimitWatcher"],
+    "layer": ["layerWatcher"],
+    "region": ["regionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisScaleRangeSlider.style = arcgisScaleRangeSliderCss;
+
+exports.arcgis_scale_range_slider = ArcgisScaleRangeSlider;