@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/map-draw-tools2.js

@@ -1,230 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules.js';
-import { s as state } from './publicNotificationStore.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-
-const mapDrawToolsCss = ":host{display:block}.border{outline:1px solid var(--calcite-ui-border-input)}";
-
-const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.sketchGraphicsChange = createEvent(this, "sketchGraphicsChange", 7);
-    this.active = false;
-    this.border = false;
-    this.mapView = undefined;
-    this.pointSymbol = undefined;
-    this.polylineSymbol = undefined;
-    this.polygonSymbol = undefined;
-    this.graphics = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the graphics prop is changed.
-   *
-   */
-  graphicsWatchHandler(v, oldV) {
-    if (v && v.length > 0 && JSON.stringify(v) !== JSON.stringify(oldV || [])) {
-      this._sketchGraphicsLayer.removeAll();
-      this._sketchGraphicsLayer.addMany(v);
-    }
-  }
-  /**
-   * Called each time the mapView prop is changed.
-   *
-   */
-  mapViewWatchHandler(v, oldV) {
-    if (v && v !== oldV) {
-      this._init();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Clears the user drawn graphics
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
-  async clear() {
-    this._clearSketch();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._initModules();
-  }
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   *
-   * @returns Promise when complete
-   */
-  componentDidLoad() {
-    this._init();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    const drawClass = this.border ? "border" : "";
-    return (h(Host, null, h("div", { class: drawClass }, h("div", { ref: (el) => { this._sketchElement = el; } }))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [GraphicsLayer, Sketch] = await loadModules([
-      "esri/layers/GraphicsLayer",
-      "esri/widgets/Sketch"
-    ]);
-    this.GraphicsLayer = GraphicsLayer;
-    this.Sketch = Sketch;
-  }
-  /**
-   * Initialize the graphics layer and the tools that support creating new graphics
-   *
-   * @protected
-   */
-  _init() {
-    if (this.mapView && this._sketchElement) {
-      this._initGraphicsLayer();
-      this._initDrawTools();
-    }
-  }
-  /**
-   * Create or find the graphics layer and add any existing graphics
-   *
-   * @protected
-   */
-  _initGraphicsLayer() {
-    const title = this._translations.sketchLayer;
-    const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
-    if (sketchIndex > -1) {
-      this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(sketchIndex);
-    }
-    else {
-      this._sketchGraphicsLayer = new this.GraphicsLayer({ title });
-      state.managedLayers.push(title);
-      this.mapView.map.layers.add(this._sketchGraphicsLayer);
-    }
-    if (this.graphics && this.graphics.length > 0) {
-      this._sketchGraphicsLayer.addMany(this.graphics);
-    }
-  }
-  /**
-   * Initialize the skecth widget and store the associated symbols for each geometry type
-   *
-   * @protected
-   */
-  _initDrawTools() {
-    this._sketchWidget = new this.Sketch({
-      layer: this._sketchGraphicsLayer,
-      view: this.mapView,
-      container: this._sketchElement,
-      creationMode: "update",
-      defaultCreateOptions: {
-        "mode": "hybrid"
-      }
-    });
-    this.pointSymbol = this._sketchWidget.viewModel.pointSymbol;
-    this.polylineSymbol = this._sketchWidget.viewModel.polylineSymbol;
-    this.polygonSymbol = this._sketchWidget.viewModel.polygonSymbol;
-    this._sketchWidget.visibleElements = {
-      selectionTools: {
-        "lasso-selection": false,
-        "rectangle-selection": false
-      }, createTools: {
-        "circle": false,
-        "point": false
-      }
-    };
-    this._sketchWidget.on("update", (evt) => {
-      if (evt.state === "complete" && this.active) {
-        this.graphics = this._sketchGraphicsLayer.graphics.toArray();
-        this.sketchGraphicsChange.emit(this.graphics);
-      }
-    });
-  }
-  /**
-   * Clear any stored graphics and remove all graphics from the graphics layer
-   *
-   * @protected
-   */
-  _clearSketch() {
-    this.graphics = undefined;
-    this._sketchGraphicsLayer.removeAll();
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
-  }; }
-  static get style() { return mapDrawToolsCss; }
-}, [0, "map-draw-tools", {
-    "active": [4],
-    "border": [4],
-    "mapView": [1040],
-    "pointSymbol": [1040],
-    "polylineSymbol": [1040],
-    "polygonSymbol": [1040],
-    "graphics": [1040],
-    "_translations": [32],
-    "clear": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["map-draw-tools"];
-  components.forEach(tagName => { switch (tagName) {
-    case "map-draw-tools":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MapDrawTools);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { MapDrawTools as M, defineCustomElement as d };
-
-//# sourceMappingURL=map-draw-tools2.js.map

package/dist/components/map-draw-tools2.js.map

@@ -1 +0,0 @@
-{"file":"map-draw-tools2.js","mappings":"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","names":[],"sources":["./src/components/map-draw-tools/map-draw-tools.css?tag=map-draw-tools","./src/components/map-draw-tools/map-draw-tools.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.border {\r\n  outline: 1px solid var(--calcite-ui-border-input);\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport { loadModules } from \"../../utils/loadModules\";\r\nimport state from \"../../utils/publicNotificationStore\";\r\nimport MapDrawTools_T9n from \"../../assets/t9n/map-draw-tools/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"map-draw-tools\",\r\n  styleUrl: \"map-draw-tools.css\",\r\n  shadow: false,\r\n})\r\nexport class MapDrawTools {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLMapDrawToolsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: sketch is used by multiple components...need a way to know who should respond...\r\n   */\r\n  @Prop() active = false;\r\n\r\n  /**\r\n   * boolean: Optionally draw a border around the draw tools\r\n   */\r\n  @Prop() border = false;\r\n\r\n  /**\r\n   * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   */\r\n  @Prop({ mutable: true }) mapView: __esri.MapView;\r\n\r\n  /**\r\n   * esri/symbols/SimpleMarkerSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html\r\n   */\r\n  @Prop({ mutable: true }) pointSymbol: __esri.SimpleMarkerSymbol;\r\n\r\n  /**\r\n   * esri/symbols/SimpleLineSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html\r\n   */\r\n  @Prop({ mutable: true }) polylineSymbol: __esri.SimpleLineSymbol;\r\n\r\n  /**\r\n   * esri/symbols/SimpleFillSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html\r\n   */\r\n  @Prop({ mutable: true }) polygonSymbol: __esri.SimpleFillSymbol;\r\n\r\n  /**\r\n   * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html\r\n   */\r\n  @Prop({ mutable: true }) graphics: __esri.Graphic[] = [];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() protected _translations: typeof MapDrawTools_T9n;\r\n\r\n  /**\r\n   * esri/layers/GraphicsLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html?#constructors-summary\r\n   */\r\n  protected GraphicsLayer: typeof __esri.GraphicsLayer;\r\n\r\n  /**\r\n   * esri/widgets/Sketch: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#constructors-summary\r\n   */\r\n  protected Sketch: typeof __esri.Sketch;\r\n\r\n  /**\r\n   * The container element for the sketch widget\r\n   */\r\n  protected _sketchElement: HTMLElement;\r\n\r\n  /**\r\n   * esri/layers/GraphicsLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html\r\n   */\r\n  protected _sketchGraphicsLayer: __esri.GraphicsLayer;\r\n\r\n  /**\r\n   * esri/widgets/Sketch: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html\r\n   */\r\n  protected _sketchWidget: __esri.Sketch;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the graphics prop is changed.\r\n   *\r\n   */\r\n  @Watch(\"graphics\")\r\n  graphicsWatchHandler(v: any, oldV: any): void {\r\n    if (v && v.length > 0 && JSON.stringify(v) !== JSON.stringify(oldV || [])) {\r\n      this._sketchGraphicsLayer.removeAll();\r\n      this._sketchGraphicsLayer.addMany(v);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Called each time the mapView prop is changed.\r\n   *\r\n   */\r\n  @Watch(\"mapView\")\r\n  mapViewWatchHandler(v: any, oldV: any): void {\r\n    if (v && v !== oldV) {\r\n      this._init();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Clears the user drawn graphics\r\n   *\r\n   * @returns Promise that resolves when the operation is complete\r\n   */\r\n  @Method()\r\n  async clear(): Promise<void> {\r\n    this._clearSketch();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Emitted on demand when the sketch graphics change.\r\n   *\r\n   */\r\n  @Event() sketchGraphicsChange: EventEmitter<__esri.Graphic[]>;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._getTranslations();\r\n    await this._initModules();\r\n  }\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  componentDidLoad(): void {\r\n    this._init();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const drawClass = this.border ? \"border\" : \"\";\r\n    return (\r\n      <Host>\r\n        <div class={drawClass}>\r\n          <div ref={(el) => { this._sketchElement = el }} />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Load esri javascript api modules\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _initModules(): Promise<void> {\r\n    const [GraphicsLayer, Sketch]: [\r\n      __esri.GraphicsLayerConstructor,\r\n      __esri.SketchConstructor\r\n    ] = await loadModules([\r\n      \"esri/layers/GraphicsLayer\",\r\n      \"esri/widgets/Sketch\"\r\n    ]);\r\n    this.GraphicsLayer = GraphicsLayer;\r\n    this.Sketch = Sketch;\r\n  }\r\n\r\n  /**\r\n   * Initialize the graphics layer and the tools that support creating new graphics\r\n   *\r\n   * @protected\r\n   */\r\n  protected _init(): void {\r\n    if (this.mapView && this._sketchElement) {\r\n      this._initGraphicsLayer();\r\n      this._initDrawTools();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Create or find the graphics layer and add any existing graphics\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initGraphicsLayer(): void {\r\n    const title = this._translations.sketchLayer;\r\n    const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === title);\r\n    if (sketchIndex > -1) {\r\n      this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(sketchIndex) as __esri.GraphicsLayer;\r\n    } else {\r\n      this._sketchGraphicsLayer = new this.GraphicsLayer({ title });\r\n      state.managedLayers.push(title);\r\n      this.mapView.map.layers.add(this._sketchGraphicsLayer);\r\n    }\r\n\r\n    if (this.graphics && this.graphics.length > 0) {\r\n      this._sketchGraphicsLayer.addMany(this.graphics);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initialize the skecth widget and store the associated symbols for each geometry type\r\n   *\r\n   * @protected\r\n   */\r\n  protected _initDrawTools(): void {\r\n    this._sketchWidget = new this.Sketch({\r\n      layer: this._sketchGraphicsLayer,\r\n      view: this.mapView,\r\n      container: this._sketchElement,\r\n      creationMode: \"update\",\r\n      defaultCreateOptions: {\r\n        \"mode\": \"hybrid\"\r\n      }\r\n    });\r\n\r\n    this.pointSymbol = this._sketchWidget.viewModel.pointSymbol as __esri.SimpleMarkerSymbol;\r\n    this.polylineSymbol = this._sketchWidget.viewModel.polylineSymbol as __esri.SimpleLineSymbol;\r\n    this.polygonSymbol = this._sketchWidget.viewModel.polygonSymbol as __esri.SimpleFillSymbol;\r\n\r\n    this._sketchWidget.visibleElements = {\r\n      selectionTools: {\r\n        \"lasso-selection\": false,\r\n        \"rectangle-selection\": false\r\n      }, createTools: {\r\n        \"circle\": false,\r\n        \"point\": false\r\n      }\r\n    }\r\n\r\n    this._sketchWidget.on(\"update\", (evt) => {\r\n      if (evt.state === \"complete\" && this.active) {\r\n        this.graphics = this._sketchGraphicsLayer.graphics.toArray();\r\n        this.sketchGraphicsChange.emit(this.graphics);\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * Clear any stored graphics and remove all graphics from the graphics layer\r\n   *\r\n   * @protected\r\n   */\r\n  protected _clearSketch(): void {\r\n    this.graphics = undefined;\r\n    this._sketchGraphicsLayer.removeAll();\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof MapDrawTools_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/map-layer-picker.d.ts

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

package/dist/components/map-layer-picker.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { M as MapLayerPicker$1, d as defineCustomElement$1 } from './map-layer-picker2.js';
-
-const MapLayerPicker = MapLayerPicker$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MapLayerPicker, defineCustomElement };
-
-//# sourceMappingURL=map-layer-picker.js.map

package/dist/components/map-layer-picker.js.map

@@ -1 +0,0 @@
-{"file":"map-layer-picker.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/map-layer-picker2.js

@@ -1,190 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getMapLayerNames } from './mapViewUtils.js';
-import { s as state } from './publicNotificationStore.js';
-import { d as defineCustomElement$6 } from './chip.js';
-import { d as defineCustomElement$5 } from './combobox.js';
-import { d as defineCustomElement$4 } from './combobox-item.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './option.js';
-import { d as defineCustomElement$1 } from './select.js';
-
-const mapLayerPickerCss = ":host{display:block}.background-w{background-color:white}.map-layer-picker-container{width:100%}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}";
-
-const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.layerSelectionChange = createEvent(this, "layerSelectionChange", 7);
-    this.layerNames = [];
-    this.mapView = undefined;
-    this.selectedLayers = [];
-    this.selectionMode = "single";
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the mapView prop is changed.
-   *
-   */
-  async watchStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      await this._setLayers();
-      if (this.selectionMode === "single") {
-        this.layerSelectionChange.emit([this.layerNames[0]]);
-      }
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  async componentWillLoad() {
-    await this._setLayers();
-    if (this.selectionMode === "single" && (this.layerNames.length > 0 || this.selectedLayers.length === 1)) {
-      this.layerSelectionChange.emit(this.selectedLayers.length === 1 ? [this.selectedLayers[0]] : [this.layerNames[0]]);
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "background-w map-layer-picker-container" }, h("div", { class: "map-layer-picker" }, this.selectionMode === "multi" ? this._getCombobox() : this._getSelect()))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Create a list of layers from the map
-   *
-   * Used for selecting a single layer.
-   *
-   * @returns Calcite Select component with the names of the layers from the map
-   */
-  _getSelect() {
-    return (h("calcite-select", { label: "", onCalciteSelectChange: (evt) => this._layerSelectionChange(evt), ref: (el) => { this._layerElement = el; } }, this._addMapLayersOptions()));
-  }
-  /**
-   * Create a list of layers from the map
-   *
-   * Used for selecting multiple layers
-   *
-   * @returns Calcite ComboBox component with the names of the layers from the map
-   */
-  _getCombobox() {
-    return (h("calcite-combobox", { label: "", onCalciteComboboxChange: (evt) => this._layerSelectionChange(evt), "selection-mode": this.selectionMode }, this._addMapLayersOptions()));
-  }
-  /**
-   * Hydrate a select or combobox component with the names of the layers in the map
-   *
-   * @returns Array of ComboBox items or Select options for the names of the layers
-   */
-  _addMapLayersOptions() {
-    return this.layerNames.reduce((prev, cur) => {
-      if (state.managedLayers.indexOf(cur) < 0) {
-        prev.push(this.selectionMode === "multi" && this.selectedLayers.indexOf(cur) > -1 ?
-          (h("calcite-combobox-item", { selected: true, textLabel: cur, value: cur })) :
-          this.selectionMode === "multi" ?
-            (h("calcite-combobox-item", { textLabel: cur, value: cur })) :
-            this.selectedLayers.indexOf(cur) > -1 ?
-              (h("calcite-option", { label: cur, selected: true, value: cur })) :
-              (h("calcite-option", { label: cur, value: cur })));
-      }
-      return prev;
-    }, []);
-  }
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setLayers() {
-    if (this.mapView) {
-      this.layerNames = await getMapLayerNames(this.mapView);
-    }
-  }
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  _layerSelectionChange(evt) {
-    var _a;
-    this.selectedLayers = this.selectionMode === "single" ?
-      [this._layerElement.value] : ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.selectedItems.map((item) => {
-      return item.value;
-    })) || [];
-    this.layerSelectionChange.emit(this.selectedLayers);
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "mapView": ["watchStateHandler"]
-  }; }
-  static get style() { return mapLayerPickerCss; }
-}, [0, "map-layer-picker", {
-    "layerNames": [1040],
-    "mapView": [16],
-    "selectedLayers": [1040],
-    "selectionMode": [1537, "selection-mode"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["map-layer-picker", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-icon", "calcite-option", "calcite-select"];
-  components.forEach(tagName => { switch (tagName) {
-    case "map-layer-picker":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MapLayerPicker);
-      }
-      break;
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-combobox-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { MapLayerPicker as M, defineCustomElement as d };
-
-//# sourceMappingURL=map-layer-picker2.js.map

package/dist/components/map-layer-picker2.js.map

@@ -1 +0,0 @@
-{"file":"map-layer-picker2.js","mappings":"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","names":[],"sources":["./src/components/map-layer-picker/map-layer-picker.css?tag=map-layer-picker","./src/components/map-layer-picker/map-layer-picker.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.background-w {\r\n  background-color: white;\r\n}\r\n\r\n.map-layer-picker-container {\r\n  width: 100%;\r\n}\r\n\r\n.map-layer-picker {\r\n  position: relative; \r\n  width: 100%;\r\n  display: inline-block;\r\n}\r\n\r\n.padding-bottom-1 {\r\n  padding-bottom: 1rem;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Event, EventEmitter, Host, h, Prop, VNode, Watch } from \"@stencil/core\";\r\nimport { getMapLayerNames } from \"../../utils/mapViewUtils\";\r\nimport { SelectionMode } from \"../../utils/interfaces\";\r\nimport state from \"../../utils/publicNotificationStore\";\r\n\r\n@Component({\r\n  tag: \"map-layer-picker\",\r\n  styleUrl: \"map-layer-picker.css\",\r\n  shadow: false,\r\n})\r\nexport class MapLayerPicker {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLMapLayerPickerElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * string[]: list of layer names from the map\r\n   */\r\n  @Prop({ mutable: true }) layerNames: string[] = [];\r\n\r\n  /**\r\n   * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   */\r\n  @Prop() mapView: __esri.MapView;\r\n\r\n  /**\r\n   * string[]: list of layers that have been selected by the end user\r\n   */\r\n  @Prop({ mutable: true }) selectedLayers: string[] = [];\r\n\r\n  /**\r\n   * SelectionMode: \"single\" | \"multi\"\r\n   *\r\n   * Should the component support selection against a single layer or multiple layers.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) selectionMode: SelectionMode = \"single\";\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * HTMLCalciteSelectElement: The html element for selecting layers\r\n   */\r\n  protected _layerElement: HTMLCalciteSelectElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the mapView prop is changed.\r\n   *\r\n   */\r\n  @Watch(\"mapView\")\r\n  async watchStateHandler(newValue: boolean, oldValue: boolean): Promise<void> {\r\n    if (newValue !== oldValue) {\r\n      await this._setLayers();\r\n      if (this.selectionMode === \"single\") {\r\n        this.layerSelectionChange.emit([this.layerNames[0]]);\r\n      }\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Emitted on demand when a layer is selected\r\n   *\r\n   */\r\n  @Event() layerSelectionChange: EventEmitter<string[]>;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._setLayers();\r\n    if (this.selectionMode === \"single\" && (this.layerNames.length > 0 || this.selectedLayers.length === 1)) {\r\n      this.layerSelectionChange.emit(\r\n        this.selectedLayers.length === 1 ? [this.selectedLayers[0]] : [this.layerNames[0]]\r\n      );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <div class=\"background-w map-layer-picker-container\">\r\n          <div class=\"map-layer-picker\">\r\n            {this.selectionMode === \"multi\" ? this._getCombobox() : this._getSelect()}\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Create a list of layers from the map\r\n   *\r\n   * Used for selecting a single layer.\r\n   *\r\n   * @returns Calcite Select component with the names of the layers from the map\r\n   */\r\n  _getSelect(): VNode {\r\n    return (\r\n      <calcite-select\r\n        label=\"\"\r\n        onCalciteSelectChange={(evt) => this._layerSelectionChange(evt)}\r\n        ref={(el) => { this._layerElement = el }}\r\n      >\r\n        {this._addMapLayersOptions()}\r\n      </calcite-select>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Create a list of layers from the map\r\n   *\r\n   * Used for selecting multiple layers\r\n   *\r\n   * @returns Calcite ComboBox component with the names of the layers from the map\r\n   */\r\n  _getCombobox(): VNode {\r\n    return (\r\n      <calcite-combobox\r\n        label=\"\"\r\n        onCalciteComboboxChange={(evt) => this._layerSelectionChange(evt)}\r\n        selection-mode={this.selectionMode}\r\n      >\r\n        {this._addMapLayersOptions()}\r\n      </calcite-combobox>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Hydrate a select or combobox component with the names of the layers in the map\r\n   *\r\n   * @returns Array of ComboBox items or Select options for the names of the layers\r\n   */\r\n  _addMapLayersOptions(): VNode[] {\r\n    return this.layerNames.reduce((prev, cur) => {\r\n      if (state.managedLayers.indexOf(cur) < 0) {\r\n        prev.push(\r\n          this.selectionMode === \"multi\" && this.selectedLayers.indexOf(cur) > -1 ?\r\n            (<calcite-combobox-item selected textLabel={cur} value={cur} />) :\r\n            this.selectionMode === \"multi\" ?\r\n              (<calcite-combobox-item textLabel={cur} value={cur} />) :\r\n              this.selectedLayers.indexOf(cur) > -1 ?\r\n              (<calcite-option label={cur} selected={true} value={cur} />) :\r\n              (<calcite-option label={cur} value={cur} />)\r\n        );\r\n      }\r\n      return prev;\r\n    }, []);\r\n  }\r\n\r\n  /**\r\n   * Fetch the names of the layers from the map\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   */\r\n  async _setLayers(): Promise<void> {\r\n    if (this.mapView) {\r\n      this.layerNames = await getMapLayerNames(this.mapView);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetch the names of the layers from the map\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   */\r\n  _layerSelectionChange(evt: CustomEvent): void {\r\n    this.selectedLayers = this.selectionMode === \"single\" ?\r\n      [this._layerElement.value] : evt.detail?.selectedItems.map(\r\n        (item: HTMLCalciteComboboxItemElement) => {\r\n          return item.value;\r\n        }\r\n      ) || [];\r\n    this.layerSelectionChange.emit(this.selectedLayers);\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/map-search.d.ts

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