@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-features.js

@@ -0,0 +1,169 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { x as newWidgetsFeatures, 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 arcgisFeaturesCss = "arcgis-features{}";
+
+const ArcgisFeatures$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.content = undefined;
+    this.features = undefined;
+    this.selectedFeature = undefined;
+    this.selectedFeatureIndex = undefined;
+    this.selectedFeatureWidget = 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) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async fetchFeatures(screenPoint, options) {
+    return this.widget?.fetchFeatures(screenPoint, options);
+  }
+  async clear() {
+    return this.widget?.clear();
+  }
+  async close() {
+    return this.widget?.close();
+  }
+  async next() {
+    return this.widget?.next();
+  }
+  async open(options) {
+    return this.widget?.open(options);
+  }
+  async previous() {
+    return this.widget?.previous();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsFeatures(params);
+    this.widget = widget;
+    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.selectedFeature, (value) => (this.selectedFeature = value), {
+      initial: true
+    });
+    watch(() => this.widget.selectedFeatureIndex, (value) => (this.selectedFeatureIndex = value), {
+      initial: true
+    });
+    watch(() => this.widget.selectedFeatureWidget, (value) => (this.selectedFeatureWidget = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.content) {
+      params.content = this.content;
+    }
+    if (this.features) {
+      params.features = this.features;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisFeaturesCss; }
+}, [0, "arcgis-features", {
+    "referenceElement": [1, "reference-element"],
+    "view": [16],
+    "position": [1],
+    "expandable": [4],
+    "content": [1],
+    "features": [16],
+    "selectedFeature": [1040],
+    "selectedFeatureIndex": [1026, "selected-feature-index"],
+    "selectedFeatureWidget": [1040],
+    "widget": [1040],
+    "fetchFeatures": [64],
+    "clear": [64],
+    "close": [64],
+    "next": [64],
+    "open": [64],
+    "previous": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-features", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-features":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisFeatures$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisFeatures = ArcgisFeatures$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisFeatures, defineCustomElement };

package/dist/components/arcgis-floor-filter.d.ts

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

package/dist/components/arcgis-floor-filter.js

@@ -0,0 +1,164 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { y as newWidgetsFloorFilter } 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 arcgisFloorFilterCss = "";
+
+const ArcgisFloorFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.facility = undefined;
+    this.level = undefined;
+    this.longNames = undefined;
+    this.site = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+    this.view = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  facilityWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.facility = newValue;
+    }
+  }
+  levelWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.level = newValue;
+    }
+  }
+  longNamesWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.longNames = newValue;
+    }
+  }
+  siteWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.site = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async updateWebDocument(webmap) {
+    return this.widget?.updateWebDocument(webmap);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsFloorFilter(params);
+    this.widget = widget;
+    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
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.facility) {
+      params.facility = this.facility;
+    }
+    if (this.level) {
+      params.level = this.level;
+    }
+    if (this.longNames) {
+      params.longNames = this.longNames;
+    }
+    if (this.site) {
+      params.site = this.site;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "facility": ["facilityWatcher"],
+    "level": ["levelWatcher"],
+    "longNames": ["longNamesWatcher"],
+    "site": ["siteWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisFloorFilterCss; }
+}, [0, "arcgis-floor-filter", {
+    "referenceElement": [1, "reference-element"],
+    "facility": [1],
+    "level": [1],
+    "longNames": [4, "long-names"],
+    "site": [1],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040],
+    "view": [16],
+    "updateWebDocument": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-floor-filter", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-floor-filter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisFloorFilter$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisFloorFilter = ArcgisFloorFilter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisFloorFilter, defineCustomElement };

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

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

package/dist/components/arcgis-fullscreen.js

@@ -0,0 +1,111 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { z as newWidgetsFullscreen } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+
+const arcgisFullscreenCss = "";
+
+const ArcgisFullscreen$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.element = undefined;
+    this.position = "bottom-left";
+    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);
+      }
+    }
+  }
+  elementWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.element = 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 newWidgetsFullscreen(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.element) {
+      params.element = this.element;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "element": ["elementWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisFullscreenCss; }
+}, [0, "arcgis-fullscreen", {
+    "referenceElement": [1, "reference-element"],
+    "element": [16],
+    "position": [1],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-fullscreen"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-fullscreen":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisFullscreen$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisFullscreen = ArcgisFullscreen$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisFullscreen, defineCustomElement };

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

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

package/dist/components/arcgis-histogram-range-slider.js

@@ -0,0 +1,106 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { B as newWidgetsHistogramRangeSlider } from './index2.js';
+import { c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+
+const arcgisHistogramRangeSliderCss = "arcgis-histogram-range-slider{}";
+
+const ArcgisHistogramRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.max = 0;
+    this.min = 0;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  maxWatcher(newValue) {
+    if (this.widget) {
+      this.widget.max = Number(newValue);
+    }
+  }
+  minWatcher(newValue) {
+    if (this.widget) {
+      this.widget.min = Number(newValue);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsHistogramRangeSlider(params);
+    this.widget = widget;
+    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
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem,
+      min: this.min,
+      max: this.max
+    };
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "max": ["maxWatcher"],
+    "min": ["minWatcher"]
+  }; }
+  static get style() { return arcgisHistogramRangeSliderCss; }
+}, [0, "arcgis-histogram-range-slider", {
+    "referenceElement": [1, "reference-element"],
+    "max": [2],
+    "min": [2],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-histogram-range-slider", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-histogram-range-slider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisHistogramRangeSlider$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisHistogramRangeSlider = ArcgisHistogramRangeSlider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisHistogramRangeSlider, defineCustomElement };

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

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

package/dist/components/arcgis-histogram.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { A as newWidgetsHistogram } from './index2.js';
+
+const arcgisHistogramCss = "arcgis-histogram{}";
+
+const ArcgisHistogram$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = {
+      container: this.childElem
+    };
+    const widget = await newWidgetsHistogram(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+  }
+  get el() { return this; }
+  static get style() { return arcgisHistogramCss; }
+}, [0, "arcgis-histogram", {
+    "referenceElement": [1, "reference-element"],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-histogram"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-histogram":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisHistogram$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisHistogram = ArcgisHistogram$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisHistogram, defineCustomElement };

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

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