@esri/solutions-components 0.6.2 → 0.6.3

package/dist/collection/components/map-search/map-search.js

@@ -1,284 +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 { loadModules } from "../../utils/loadModules";
-import { getLocaleComponentStrings } from "../../utils/locale";
-export class MapSearch {
-  constructor() {
-    this.mapView = undefined;
-    this.searchConfiguration = undefined;
-    this._searchTerm = undefined;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Clears the state of the search widget
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
-  async clear() {
-    this._searchWidget.clear();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  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.
-   */
-  componentDidLoad() {
-    this._init();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } })));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [Search, FeatureLayer] = await loadModules([
-      "esri/widgets/Search",
-      "esri/layers/FeatureLayer"
-    ]);
-    this.Search = Search;
-    this.FeatureLayer = FeatureLayer;
-  }
-  /**
-   * Initialize the search widget
-   *
-   * @returns Promise resolving when function is done
-   */
-  _init() {
-    this._initSearchWidget();
-  }
-  /**
-   * Initialize the search widget and listen to key events
-   *
-   * @protected
-   */
-  _initSearchWidget() {
-    if (this.mapView && this._searchElement) {
-      const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
-      const searchOptions = Object.assign({ view: this.mapView, container: this._searchElement, searchTerm: this._searchTerm }, searchConfiguration);
-      this._searchWidget = new this.Search(searchOptions);
-      this._searchWidget.on("search-clear", () => {
-        this._searchResult = undefined;
-        this.searchChange.emit(this._searchResult);
-      });
-      this._searchWidget.on("select-result", (searchResults) => {
-        this._searchResult = undefined;
-        if (searchResults.result) {
-          this._searchResult = searchResults.result;
-          this.searchChange.emit({
-            graphics: [searchResults.result.feature],
-            name: searchResults.result.name || ""
-          });
-        }
-      });
-    }
-  }
-  /**
-   * Initialize the search widget based on user defined configuration
-   *
-   * @param searchConfiguration search configuration defined by the user
-   * @param view the current map view
-   *
-   * @protected
-   */
-  _getSearchConfig(searchConfiguration, view) {
-    var _a;
-    const sources = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources;
-    if (sources) {
-      sources.forEach(source => {
-        var _a, _b, _c;
-        const isLayerSource = source.hasOwnProperty("layer");
-        if (isLayerSource) {
-          const layerSource = source;
-          const layerFromMap = ((_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id)
-            ? view.map.findLayerById(layerSource.layer.id)
-            : null;
-          if (layerFromMap) {
-            layerSource.layer = layerFromMap;
-          }
-          else if ((_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url) {
-            layerSource.layer = new this.FeatureLayer((_c = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _c === void 0 ? void 0 : _c.url);
-          }
-        }
-      });
-    }
-    (_a = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources) === null || _a === void 0 ? void 0 : _a.forEach(source => {
-      const isLocatorSource = source.hasOwnProperty("locator");
-      if (isLocatorSource) {
-        const locatorSource = source;
-        locatorSource.url = locatorSource.url;
-        delete locatorSource.url;
-      }
-    });
-    return searchConfiguration;
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  static get is() { return "map-search"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["map-search.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["map-search.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "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"
-        }
-      },
-      "searchConfiguration": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "ISearchConfiguration",
-          "resolved": "ISearchConfiguration",
-          "references": {
-            "ISearchConfiguration": {
-              "location": "import",
-              "path": "../../utils/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ISearchConfiguration: Configuration details for the Search widget"
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_searchTerm": {},
-      "_translations": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "searchChange",
-        "name": "searchChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted on demand when the status of the search widget changes"
-        },
-        "complexType": {
-          "original": "ISearchResult",
-          "resolved": "ISearchResult",
-          "references": {
-            "ISearchResult": {
-              "location": "import",
-              "path": "../../utils/interfaces"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "clear": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Clears the state of the search widget",
-          "tags": [{
-              "name": "returns",
-              "text": "Promise that resolves when the operation is complete"
-            }]
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/components/media-card/media-card.css

@@ -1,58 +0,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.
- */
-
-:host {
-  display: block;
-  --calcite-label-margin-bottom: 0;
-}
-
-.padding-bottom-1 {
-  padding-bottom: 1rem;
-}
-
-.padding-start-1 {
-  -webkit-padding-start: 1rem;
-          padding-inline-start: 1rem;
-}
-
-.display-flex {
-  display: flex;
-}
-
-.font-italic {
-  font-style: italic;
-}
-
-.button-width {
-  min-width: 120px;
-}
-
-.button-container {
-  display: flex;
-  justify-content: space-between;
-}
-
-.count-container {
-  display: flex;
-  align-items: center;
-}
-
-.img-container {
-  -o-object-fit: scale-down;
-     object-fit: scale-down;
-  width: 100%;
-  height: 100%;
-}

package/dist/collection/components/media-card/media-card.js

@@ -1,187 +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 MediaCard {
-  constructor() {
-    this.values = [];
-    this._index = -1;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the values prop is changed.
-   * Reset the _index value accordingly.
-   */
-  geometriesWatchHandler(values, oldValues) {
-    if (values && JSON.stringify(values) !== JSON.stringify(oldValues || [])) {
-      if ((values === null || values === void 0 ? void 0 : values.length) > 0) {
-        this._initIndex();
-      }
-      else {
-        this._index = -1;
-      }
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  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();
-  }
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   * Using this as the Watch on values does not fire on initial load.
-   *
-   * @returns Promise when complete
-   */
-  async componentDidLoad() {
-    var _a;
-    if (this._index === -1 && ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this._initIndex();
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a;
-    const v = ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.values[this._index] : undefined;
-    const total = (this.values || []).length;
-    const imgNum = this._index + 1;
-    return (h(Host, null, h("div", null, h("div", { class: "display-flex" }, h("img", { class: "img-container", src: v === null || v === void 0 ? void 0 : v.url })), h("calcite-label", { scale: 's' }, h("span", { class: "font-italic padding-bottom-1" }, v === null || v === void 0 ? void 0 : v.name)), h("calcite-label", null, h("span", { class: "padding-bottom-1" }, v === null || v === void 0 ? void 0 : v.description))), h("div", { class: "button-container" }, h("div", { class: "count-container" }, h("calcite-label", null, h("span", null, `${imgNum} of ${total}`))), h("div", { class: "display-flex" }, h("calcite-button", { appearance: "outline", class: "padding-start-1 button-width", color: "neutral", disabled: imgNum === 1 || (this.values || []).length === 0, onClick: () => this._decrementIndex() }, this._translations.previous), h("calcite-button", { class: "padding-start-1 button-width", disabled: (this.values || []).length === imgNum, onClick: () => this._incrementIndex() }, this._translations.next)))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Resets the index to 0
-   *
-   * @protected
-   */
-  _initIndex() {
-    this._index = 0;
-  }
-  /**
-   * Adds 1 to the current index
-   *
-   * @protected
-   */
-  _incrementIndex() {
-    this._index += 1;
-  }
-  /**
-   * Subtracts 1 from the current index
-   *
-   * @protected
-   */
-  _decrementIndex() {
-    this._index -= 1;
-  }
-  /**
-   * 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 "media-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["media-card.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["media-card.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "values": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IMediaCardValues[]",
-          "resolved": "IMediaCardValues[]",
-          "references": {
-            "IMediaCardValues": {
-              "location": "import",
-              "path": "../../utils/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "IMediaCardValues[]: Array of objects that contain the name, description, and image to display"
-        },
-        "defaultValue": "[]"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_index": {},
-      "_translations": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "values",
-        "methodName": "geometriesWatchHandler"
-      }];
-  }
-}

package/dist/collection/demos/add-record-modal.html

@@ -1,34 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Add Record Modal</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.
-    -->
-    <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="../solutions-components.esm.js"></script>
-  </head>
-
-  <body>
-    <add-record-modal id="demo" open="true"></add-record-modal>
-  </body>
-</html>

package/dist/collection/demos/comment-card.html

@@ -1,81 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Comment Card</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;
-        padding: 1rem;
-        border: 1px solid var(--calcite-ui-border-2);
-        height: -webkit-fill-available;
-        height: 100%;
-      }
-      .column[dir="rtl"] {
-        float: left;
-      }
-    </style>
-
-    <link
-      rel="stylesheet"
-      href="https://js.arcgis.com/4.25/esri/themes/light/main.css"
-    />
-    <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 src="https://js.arcgis.com/4.25/"></script>
-    <!-- <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>
-      require(["esri/WebMap", "esri/views/MapView"], (
-        WebMap,
-        MapView
-      ) => {
-        var webMap = new WebMap({
-          portalItem: {
-            // solutions
-            // id: "3715f4899bea4b2a948347c5c2357e58"
-            // InstantApps
-            id: "863e4f6f2a7840db896cc1b1606d552d"
-          }
-        });
-
-        const demo = document.getElementById("demo");
-        demo.mapView = new MapView({
-          container: "viewDiv",
-          map: webMap
-        });
-      });
-    </script>
-  </head>
-
-  <body>
-    <div id="viewDiv"></div>
-    <comment-card id="demo" class="over-map column"></comment-card>
-  </body>
-</html>

package/dist/collection/demos/edit-record-modal.html

@@ -1,34 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Edit Record Modal</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.
-    -->
-    <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="../solutions-components.esm.js"></script>
-  </head>
-
-  <body>
-    <edit-record-modal id="demo" open="true"></edit-record-modal>
-  </body>
-</html>