@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-sketch.js

@@ -0,0 +1,238 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { T as newWidgetsSketch, i as importCoreReactiveUtils, U as newLayersGraphicsLayer } 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 arcgisSketchCss = "arcgis-sketch{}";
+
+const ArcgisSketch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.sketchCreate = createEvent(this, "sketchCreate", 7);
+    this.sketchDelete = createEvent(this, "sketchDelete", 7);
+    this.sketchRedo = createEvent(this, "sketchRedo", 7);
+    this.sketchUndo = createEvent(this, "sketchUndo", 7);
+    this.sketchUpdate = createEvent(this, "sketchUpdate", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeTool = undefined;
+    this.availableCreateTools = undefined;
+    this.createGraphic = undefined;
+    this.creationMode = undefined;
+    this.defaultCreateOptions = undefined;
+    this.defaultUpdateOptions = undefined;
+    this.labelOptions = undefined;
+    this.layer = undefined;
+    this.layout = undefined;
+    this.snappingOptions = undefined;
+    this.tooltipOptions = undefined;
+    this.updateGraphics = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  availableCreateToolsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.availableCreateTools = newValue;
+    }
+  }
+  creationModeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.creationMode = newValue;
+    }
+  }
+  defaultCreateOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultCreateOptions = newValue;
+    }
+  }
+  defaultUpdateOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultUpdateOptions = newValue;
+    }
+  }
+  labelOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.labelOptions = newValue;
+    }
+  }
+  layerWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layer = newValue;
+    }
+  }
+  layoutWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layout = newValue;
+    }
+  }
+  snappingOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.snappingOptions = newValue;
+    }
+  }
+  tooltipOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.tooltipOptions = 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;
+      this.widget.view.map?.add(this.layer);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = await this._createParams();
+    const widget = await newWidgetsSketch(params);
+    this.widget = widget;
+    await this._addWatchers();
+    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.activeTool, (value) => (this.activeTool = value), {
+      initial: true
+    });
+    watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
+      initial: true
+    });
+    watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
+      initial: true
+    });
+  }
+  async _createParams() {
+    const graphicsLayerProps = {
+      title: "Sketch Layer",
+      creationMode: "update"
+    };
+    this.layer = await newLayersGraphicsLayer(graphicsLayerProps);
+    const params = {
+      container: this.childElem,
+      layer: this.layer
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.availableCreateTools) {
+      params.availableCreateTools = this.availableCreateTools;
+    }
+    if (this.creationMode) {
+      params.creationMode = this.creationMode;
+    }
+    if (this.defaultCreateOptions) {
+      params.defaultCreateOptions = this.defaultCreateOptions;
+    }
+    if (this.defaultUpdateOptions) {
+      params.defaultUpdateOptions = this.defaultUpdateOptions;
+    }
+    if (this.labelOptions) {
+      params.labelOptions = this.labelOptions;
+    }
+    if (this.layout) {
+      params.layout = this.layout;
+    }
+    if (this.snappingOptions) {
+      params.snappingOptions = this.snappingOptions;
+    }
+    if (this.tooltipOptions) {
+      params.tooltipOptions = this.tooltipOptions;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "availableCreateTools": ["availableCreateToolsWatcher"],
+    "creationMode": ["creationModeWatcher"],
+    "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
+    "defaultUpdateOptions": ["defaultUpdateOptionsWatcher"],
+    "labelOptions": ["labelOptionsWatcher"],
+    "layer": ["layerWatcher"],
+    "layout": ["layoutWatcher"],
+    "snappingOptions": ["snappingOptionsWatcher"],
+    "tooltipOptions": ["tooltipOptionsWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisSketchCss; }
+}, [0, "arcgis-sketch", {
+    "referenceElement": [1, "reference-element"],
+    "activeTool": [1537, "active-tool"],
+    "availableCreateTools": [16],
+    "createGraphic": [1040],
+    "creationMode": [1, "creation-mode"],
+    "defaultCreateOptions": [16],
+    "defaultUpdateOptions": [16],
+    "labelOptions": [16],
+    "layer": [1040],
+    "layout": [1],
+    "snappingOptions": [16],
+    "tooltipOptions": [16],
+    "updateGraphics": [1040],
+    "view": [16],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-sketch", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-sketch":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisSketch$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisSketch = ArcgisSketch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisSketch, defineCustomElement };

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

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

package/dist/components/arcgis-slice.js

@@ -0,0 +1,130 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { V as newWidgetsSlice, 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 arcgisSliceCss = "arcgis-slice{}";
+
+const ArcgisSlice$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = 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) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsSlice(params);
+    this.widget = widget;
+    await this._addWatchers();
+    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.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 this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "headingLevel": ["headingLevelWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisSliceCss; }
+}, [0, "arcgis-slice", {
+    "referenceElement": [1, "reference-element"],
+    "analysis": [1040],
+    "view": [16],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040],
+    "headingLevel": [2, "heading-level"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-slice", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-slice":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisSlice$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisSlice = ArcgisSlice$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisSlice, defineCustomElement };

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

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

package/dist/components/arcgis-slider.js

@@ -0,0 +1,281 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { W as newWidgetsSlider, i as importCoreReactiveUtils } from './index2.js';
+import { c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+
+const arcgisSliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
+
+const ArcgisSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.sliderMaxChange = createEvent(this, "sliderMaxChange", 7);
+    this.sliderMaxClick = createEvent(this, "sliderMaxClick", 7);
+    this.sliderMinChange = createEvent(this, "sliderMinChange", 7);
+    this.sliderMinClick = createEvent(this, "sliderMinClick", 7);
+    this.sliderSegmentClick = createEvent(this, "sliderSegmentClick", 7);
+    this.sliderSegmentDrag = createEvent(this, "sliderSegmentDrag", 7);
+    this.sliderThumbChange = createEvent(this, "sliderThumbChange", 7);
+    this.sliderThumbClick = createEvent(this, "sliderThumbClick", 7);
+    this.sliderThumbDrag = createEvent(this, "sliderThumbDrag", 7);
+    this.sliderTickClick = createEvent(this, "sliderTickClick", 7);
+    this.sliderTrackClick = createEvent(this, "sliderTrackClick", 7);
+    this.widgetReady = 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 newWidgetsSlider(params);
+    this.widget = widget;
+    await this._addWatchers();
+    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.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 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"]
+  }; }
+  static get style() { return arcgisSliderCss; }
+}, [0, "arcgis-slider", {
+    "referenceElement": [1, "reference-element"],
+    "draggableSegmentsEnabled": [4, "draggable-segments-enabled"],
+    "effectiveMax": [2, "effective-max"],
+    "effectiveMin": [2, "effective-min"],
+    "effectiveSegmentElements": [1040],
+    "labelElements": [1040],
+    "labelInputsEnabled": [4, "label-inputs-enabled"],
+    "labels": [16],
+    "layout": [1],
+    "min": [2],
+    "max": [2],
+    "maxLabelElement": [1040],
+    "minLabelElement": [1040],
+    "precision": [2],
+    "rangeLabelInputsEnabled": [4, "range-label-inputs-enabled"],
+    "segmentElements": [1040],
+    "snapOnClickEnabled": [4, "snap-on-click-enabled"],
+    "syncedSegmentsEnabled": [4, "synced-segments-enabled"],
+    "thumbElements": [1040],
+    "thumbsConstrained": [4, "thumbs-constrained"],
+    "tickConfigs": [16],
+    "tickElements": [1040],
+    "trackElement": [1040],
+    "steps": [8],
+    "values": [1],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-slider", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-slider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisSlider$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisSlider = ArcgisSlider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisSlider, defineCustomElement };

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

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