@esri/solutions-components 0.3.2 → 0.3.3

package/dist/components/mapViewUtils.js

@@ -1,129 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as queryExtent } from './queryUtils.js';
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Gets the layer names from the current map
- *
- * @param mapView the map view to fetch the layer names from
- *
- * @returns Promise resolving with an array of layer names
- *
- */
-async function getMapLayerNames(mapView) {
-  let layerNames = [];
-  await mapView.when(() => {
-    layerNames = mapView.map.layers.toArray().map((l) => {
-      return l.title;
-    });
-  });
-  return layerNames;
-}
-/**
- * Get a layer view by title
- *
- * @param mapView the map view to fetch the layer from
- * @param title the title if the layer to fetch
- *
- * @returns Promise resolving with the fetched layer view
- *
- */
-async function getMapLayerView(mapView, title) {
-  const layer = await getMapLayer(mapView, title);
-  return layer ? await mapView.whenLayerView(layer) : undefined;
-}
-/**
- * Get a layer by title
- *
- * @param mapView the map view to fetch the layer from
- * @param title the title if the layer to fetch
- *
- * @returns Promise resolving with the fetched layer
- *
- */
-async function getMapLayer(mapView, title) {
-  let layers = [];
-  await mapView.when(() => {
-    layers = mapView.map.layers.toArray().filter((l) => {
-      return l.title === title;
-    });
-  });
-  return layers.length > 0 ? layers[0] : undefined;
-}
-/**
- * Highlight features by OID
- *
- * @param ids the OIDs from the layer to highlight
- * @param layerView the layer view to highlight
- * @param mapView the map view used if updateExtent is true
- * @param updateExtent optional (default false) boolean to indicate if we should zoom to the extent
- *
- * @returns Promise resolving with the highlight handle
- *
- */
-async function highlightFeatures(ids, layerView, mapView, updateExtent = false) {
-  if (updateExtent) {
-    await goToSelection(ids, layerView, mapView, false);
-  }
-  return layerView.highlight(ids);
-}
-/**
- * Flash features by OID
- *
- * @param ids the OIDs from the layer to highlight
- * @param layerView the layer view to highlight
- *
- * @returns Promise resolving when the operation is complete
- *
- */
-async function flashSelection(ids, layerView) {
-  const featureFilter = {
-    objectIds: ids
-  };
-  layerView.featureEffect = {
-    filter: featureFilter,
-    includedEffect: "invert(100%)",
-    excludedEffect: "blur(5px)"
-  };
-  setTimeout(() => {
-    layerView.featureEffect = undefined;
-  }, 1300);
-}
-/**
- * Zoom to features based on OID
- *
- * @param ids the OIDs from the layer to go to
- * @param layerView the layer view that contains the OIDs
- * @param mapView the map view to show the extent change
- * @param flashFeatures optional (default true) boolean to indicate if we should flash the features
- *
- * @returns Promise resolving when the operation is complete
- *
- */
-async function goToSelection(ids, layerView, mapView, flashFeatures = true) {
-  const result = await queryExtent(ids, layerView.layer);
-  await mapView.goTo(result.extent);
-  if (flashFeatures) {
-    await flashSelection(ids, layerView);
-  }
-}
-
-export { goToSelection as a, getMapLayerView as b, getMapLayerNames as g, highlightFeatures as h };

package/dist/esm/check-list.entry.js

@@ -1,99 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-09deaa39.js';
-
-const checkListCss = ":host{display:block}";
-
-const CheckList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A list of all checkbox elements for this component
-     *
-     * @protected
-     */
-    this._elements = [];
-    this.defaultChecked = true;
-    this.values = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._elements.reduce((prev, cur) => {
-      prev[cur.value] = cur.checked;
-      return prev;
-    }, {});
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  async componentDidLoad() {
-    if (this.defaultChecked) {
-      this._elements.forEach(el => {
-        el.checked = true;
-      });
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, this._renderCheckboxes(this.values))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render a checkbox with a label for each of the types listed in the NLS
-   *
-   * @returns Array of label/checkbox input nodes
-   * @protected
-   */
-  _renderCheckboxes(values) {
-    return values.map(v => {
-      return (h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => this._elements.push(el), value: v }), v));
-    });
-  }
-  get el() { return getElement(this); }
-};
-CheckList.style = checkListCss;
-
-export { CheckList as check_list };

package/dist/esm/config-buffer-tools.entry.js

@@ -1,121 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-09deaa39.js';
-import { g as getLocaleComponentStrings } from './locale-a5a0b545.js';
-import './_commonjsHelpers-8fd39c50.js';
-
-const configBufferToolsCss = ":host{display:block}.horizontal-display{display:flex}.label-spacing{--calcite-label-margin-bottom:0}.padding-inline-end-1{-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.width-half{width:50%}.width-full{width:100%}";
-
-const ConfigBufferTools = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.distance = 100;
-    this.unit = "Meters";
-    this._showBufferChecked = true;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return {
-      "distance": this.distance,
-      "unit": this.unit
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { checked: this._showBufferChecked, onCalciteCheckboxChange: () => this._setShowBufferChecked(), ref: (el) => { this._showBufferElement = el; } }), this._translations.showSearchDistance)), h("div", { class: "padding-inline-start-1" }, h("div", { class: "padding-block-end-1 width-full" }, h("calcite-label", { class: "label-spacing" }, this._translations.defaultBufferDistance, h("calcite-input", { disabled: !this._showBufferChecked, min: 0, "number-button-type": "vertical", onCalciteInputInput: (evt) => { this._distanceChanged(evt); }, type: "number", value: this.distance.toString() }))), h("div", { class: "width-full" }, h("calcite-label", { class: "label-spacing" }, this._translations.defaultUnit, h("calcite-select", { disabled: !this._showBufferChecked, label: this._translations.defaultUnit, onCalciteSelectChange: (evt) => { this._unitSelectionChange(evt); } }, this._renderUnitOptions()))))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Store the user defined distance
-   *
-   * @protected
-   */
-  _distanceChanged(evt) {
-    this.distance = evt.detail.value;
-  }
-  /**
-   * Store the user defined unit
-   *
-   * @protected
-   */
-  _unitSelectionChange(evt) {
-    this.unit = evt.target.value;
-  }
-  /**
-   * Render the various unit options
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  _renderUnitOptions() {
-    const nlsUnits = this._translations.units || {};
-    const units = Object.keys(nlsUnits).map(k => nlsUnits[k]);
-    return units.map(unit => {
-      return (h("calcite-option", { label: unit, selected: unit === this.unit, value: unit }));
-    });
-  }
-  /**
-   * When not checked the buffer options will be disabled in the config and not visible in the UI at runtime
-   *
-   * @protected
-   */
-  _setShowBufferChecked() {
-    this._showBufferChecked = this._showBufferElement.checked;
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return getElement(this); }
-};
-ConfigBufferTools.style = configBufferToolsCss;
-
-export { ConfigBufferTools as config_buffer_tools };

package/dist/esm/config-draw-tools.entry.js

@@ -1,81 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-09deaa39.js';
-import { g as getLocaleComponentStrings } from './locale-a5a0b545.js';
-import './_commonjsHelpers-8fd39c50.js';
-
-const configDrawToolsCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigDrawTools = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.defaultChecked = true;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._checkList.getConfigInfo();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    const nlsTypes = this._translations.types || {};
-    const types = Object.keys(nlsTypes).map(k => nlsTypes[k]);
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this._translations.drawTools)), h("div", { class: "padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._checkList = el; }, values: types })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return getElement(this); }
-};
-ConfigDrawTools.style = configDrawToolsCss;
-
-export { ConfigDrawTools as config_draw_tools };

package/dist/esm/config-layer-picker.entry.js

@@ -1,109 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-09deaa39.js';
-import { g as getLocaleComponentStrings } from './locale-a5a0b545.js';
-import { g as getMapLayerNames } from './mapViewUtils-31d2c2bb.js';
-import './_commonjsHelpers-8fd39c50.js';
-import './interfaces-3b23a5f9.js';
-
-const configLayerPickerCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigLayerPicker = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.defaultChecked = true;
-    this.instruction = "";
-    this.mapView = undefined;
-    this._layerNames = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the mapView prop is changed.
-   *
-   */
-  async watchStateHandler() {
-    await this._setLayers();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a list of layers that have been selected
-   *
-   * @returns Promise with a list of layer names to use
-   */
-  async getConfigInfo() {
-    return typeof this._checkList.value === "string" ?
-      [this._checkList.value] : this._checkList.value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._setLayers();
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this.instruction || this._translations.chooseLayer)), h("div", { class: "padding-inline-start-1" }, h("calcite-combobox", { label: '', overlayPositioning: "fixed", ref: (el) => { this._checkList = el; }, selectionMode: "multiple" }, this._getComboboxItems())))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  _getComboboxItems() {
-    return this._layerNames ? this._layerNames.map(name => (h("calcite-combobox-item", { textLabel: name, value: name }))) : [];
-  }
-  /**
-   * 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);
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "mapView": ["watchStateHandler"]
-  }; }
-};
-ConfigLayerPicker.style = configLayerPickerCss;
-
-export { ConfigLayerPicker as config_layer_picker };

package/dist/esm/config-pdf-download.entry.js

@@ -1,113 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-09deaa39.js';
-import { g as getLocaleComponentStrings } from './locale-a5a0b545.js';
-import { p as pdfUtils } from './labelFormats-b37958c3.js';
-import './_commonjsHelpers-8fd39c50.js';
-
-const configPdfDownloadCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigPdfDownload = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.defaultChecked = true;
-    this._formatOptions = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    const formatOptions = await this._formatOptionsCheckList.getConfigInfo();
-    const csvOptions = await this._csvOptionsCheckList.getConfigInfo();
-    return Object.assign(Object.assign({}, formatOptions), csvOptions);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  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._setFormatOptions();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this._translations.availableLabelFormats)), h("div", { class: "padding-block-end-1 padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._formatOptionsCheckList = el; }, values: this._formatOptions })), h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, this._translations.csvOptions)), h("div", { class: "padding-block-end-1 padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._csvOptionsCheckList = el; }, values: [this._translations.csvColumnTitle] })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setFormatOptions() {
-    const s = pdfUtils;
-    const sortedPdfIndo = (s.default || s).sort((a, b) => {
-      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);
-      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
-      return _a < _b ? -1 : _a > _b ? 1 : 0;
-    });
-    this._formatOptions = sortedPdfIndo.map(l => {
-      return this._getLabelSizeText(l);
-    });
-  }
-  /**
-   * Gets the formatted pdf export size text
-   *
-   * @param labelInfo current user selected label info
-   *
-   * @returns the pdf label as a string
-   * @protected
-   */
-  _getLabelSizeText(labelInfo) {
-    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;
-    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;
-    return this._translations.pdfLabel.replace("{{n}}", lNum).replace("{{labelSize}}", lSize);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return getElement(this); }
-};
-ConfigPdfDownload.style = configPdfDownloadCss;
-
-export { ConfigPdfDownload as config_pdf_download };