@esri/solutions-components 0.3.2 → 0.3.3

package/dist/collection/components/config-draw-tools/config-draw-tools.js

@@ -1,150 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @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.
- */
-import { Host, h } from '@stencil/core';
-import { getLocaleComponentStrings } from "../../utils/locale";
-export class ConfigDrawTools {
-  constructor() {
-    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];
-  }
-  static get is() { return "config-draw-tools"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["config-draw-tools.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["config-draw-tools.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "defaultChecked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "boolean: All checkboxes checked state will be set with this value on first render.\r\nDefault is true"
-        },
-        "attribute": "default-checked",
-        "reflect": true,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_translations": {}
-    };
-  }
-  static get methods() {
-    return {
-      "getConfigInfo": {
-        "complexType": {
-          "signature": "() => Promise<{ [key: string]: boolean; }>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<{ [key: string]: boolean; }>"
-        },
-        "docs": {
-          "text": "Returns a key/value pair that represents the checkbox value and checked state",
-          "tags": [{
-              "name": "returns",
-              "text": "Promise with the state of the checkboxes"
-            }]
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/components/config-layer-picker/config-layer-picker.css

@@ -1,17 +0,0 @@
-: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;
-}

package/dist/collection/components/config-layer-picker/config-layer-picker.js

@@ -1,218 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @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.
- */
-import { Host, h } from '@stencil/core';
-import { getLocaleComponentStrings } from "../../utils/locale";
-import { getMapLayerNames } from "../../utils/mapViewUtils";
-export class ConfigLayerPicker {
-  constructor() {
-    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];
-  }
-  static get is() { return "config-layer-picker"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["config-layer-picker.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["config-layer-picker.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "defaultChecked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "boolean: All checkboxes checked state will be set with this value on first render.\r\nDefault is true"
-        },
-        "attribute": "default-checked",
-        "reflect": true,
-        "defaultValue": "true"
-      },
-      "instruction": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "string: Value to be shown above the check list\r\nAllows this to support multiple sets of layers."
-        },
-        "attribute": "instruction",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "mapView": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "__esri.MapView",
-          "resolved": "MapView",
-          "references": {
-            "___esri": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_layerNames": {},
-      "_translations": {}
-    };
-  }
-  static get methods() {
-    return {
-      "getConfigInfo": {
-        "complexType": {
-          "signature": "() => Promise<string[]>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<string[]>"
-        },
-        "docs": {
-          "text": "Returns a list of layers that have been selected",
-          "tags": [{
-              "name": "returns",
-              "text": "Promise with a list of layer names to use"
-            }]
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "mapView",
-        "methodName": "watchStateHandler"
-      }];
-  }
-}

package/dist/collection/components/config-pdf-download/config-pdf-download.css

@@ -1,17 +0,0 @@
-: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;
-}

package/dist/collection/components/config-pdf-download/config-pdf-download.js

@@ -1,183 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @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.
- */
-import { Host, h } from '@stencil/core';
-import { getLocaleComponentStrings } from "../../utils/locale";
-import * as pdfUtils from "../../assets/data/labelFormats.json";
-export class ConfigPdfDownload {
-  constructor() {
-    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];
-  }
-  static get is() { return "config-pdf-download"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["config-pdf-download.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["config-pdf-download.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "defaultChecked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "boolean: All checkboxes checked state will be set with this value on first render.\r\nDefault is true"
-        },
-        "attribute": "default-checked",
-        "reflect": true,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_formatOptions": {},
-      "_translations": {}
-    };
-  }
-  static get methods() {
-    return {
-      "getConfigInfo": {
-        "complexType": {
-          "signature": "() => Promise<{ [key: string]: boolean; }>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<{ [key: string]: boolean; }>"
-        },
-        "docs": {
-          "text": "Returns a key/value pair that represents the checkbox value and checked state",
-          "tags": [{
-              "name": "returns",
-              "text": "Promise with the state of the checkboxes"
-            }]
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/demos/check-list.html

@@ -1,65 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Check List</title>
-    <!--
-    | 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.
-    -->
-    <style>
-      .over-map {
-        position: absolute;
-        right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
-      }
-      .column {
-        min-width: 300px;
-        margin: 1rem;
-        padding: 1rem;
-        border: 1px solid;
-      }
-    </style>
-
-    <link rel="stylesheet" href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.css" type="text/css" />
-    <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
-    <link rel="stylesheet" href="../solutions-components.css" type="text/css">
-
-    <script type="module" src="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.esm.js"></script>
-    <script type="module" src="../solutions-components.esm.js"></script>
-    <script>
-      function loadList() {
-        const demo = document.getElementById("demo");
-        demo.values = ["A", "B", "C"];
-      }
-
-      function showResults() {
-        const demo = document.getElementById("demo");
-        demo?.getConfigInfo().then(configInfo => {
-          alert(JSON.stringify(configInfo));
-        });
-      }
-    </script>
-  </head>
-
-  <body onload="loadList()">
-    <div class="over-map column">
-      <check-list id="demo"></check-list>
-      <calcite-button onclick="showResults()">Demo Results</calcite-button>
-    </div>
-  </body>
-</html>