npm - @esri/solutions-components - Versions diffs - 0.3.2 → 0.3.3 - Mend

@esri/solutions-components 0.3.2 → 0.3.3

Files changed (163) hide show

package/dist/collection/demos/config-buffer-tools.html DELETED Viewed

@@ -1,92 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Config Buffer Tools</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>
-      .map-div {
-        padding: 0;
-        margin: 0;
-        height: 100%;
-        width: 100%;
-      }
-      .over-map {
-        position: absolute;
-        right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
-      }
-      .column {
-        min-width: 300px;
-        margin: 1rem;
-        padding: 1rem;
-        border: 1px solid;
-      }
-      .padding-block-end-1 {
-        padding-block-end: 1rem;
-      }
-    </style>
-    <link
-      rel="stylesheet"
-      href="https://js.arcgis.com/4.25/esri/themes/light/main.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="../solutions-components.esm.js"></script>
-    <script>
-      require(["esri/WebMap", "esri/views/MapView"], (
-        WebMap,
-        MapView
-      ) => {
-        var webMap = new WebMap({
-          portalItem: {
-            id: "6a55f6678208461bb7a26d9e418a00bc"
-          }
-        });
-        const demo = document.getElementById("demo");
-        demo.mapView = new MapView({
-          container: "viewDiv",
-          map: webMap,
-          zoom: 5,
-          center: [-98, 42]
-        });
-      });
-      function showResults() {
-        const demo = document.getElementById("demo");
-        demo?.getConfigInfo().then(configInfo => {
-          alert(JSON.stringify(configInfo));
-        });
-      };
-    </script>
-  </head>
-  <body>
-    <div id="viewDiv" class="map-div"></div>
-    <div class="over-map column">
-      <config-buffer-tools class="padding-block-end-1" id="demo"></config-buffer-tools>
-      <calcite-button onclick="showResults()">Demo Results</calcite-button>
-    </div>
-  </body>
-</html>

package/dist/collection/demos/config-draw-tools.html DELETED Viewed

@@ -1,58 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Config Draw Tools</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://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>
-    <script>
-      function showResults() {
-        const demo = document.getElementById("demo");
-        demo?.getConfigInfo().then(configInfo => {
-          alert(JSON.stringify(configInfo));
-        });
-      }
-    </script>
-  </head>
-  <body>
-    <div class="over-map column">
-      <config-draw-tools id="demo"></config-draw-tools>
-      <calcite-button onclick="showResults()">Demo Results</calcite-button>
-    </div>
-  </body>
-</html>

package/dist/collection/demos/config-layer-picker.html DELETED Viewed

@@ -1,97 +0,0 @@
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="initial-scale=1,maximum-scale=1,user-scalable=no"
-    />
-    <title>Config Layer Picker</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>
-      .map-div {
-        padding: 0;
-        margin: 0;
-        height: 100%;
-        width: 100%;
-      }
-      .over-map {
-        position: absolute;
-        right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
-      }
-      .over-map[dir="rtl"] {
-        position: absolute;
-        left: 0px;
-        background-color: var(--calcite-ui-foreground-1);
-      }
-      .column {
-        width: 300px;
-        margin: 1rem;
-        padding: 1rem;
-        border: 1px solid;
-      }
-      .padding-top-1 {
-        padding-top: 1rem;
-      }
-    </style>
-    <link
-      rel="stylesheet"
-      href="https://js.arcgis.com/4.25/esri/themes/light/main.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="../solutions-components.esm.js"></script>
-    <script>
-      require(["esri/WebMap", "esri/views/MapView"], (
-        WebMap,
-        MapView
-      ) => {
-        var webMap = new WebMap({
-          portalItem: {
-            id: "6a55f6678208461bb7a26d9e418a00bc"
-          }
-        });
-        const demo = document.getElementById("demo");
-        demo.mapView = new MapView({
-          container: "viewDiv",
-          map: webMap,
-          zoom: 5,
-          center: [-98, 42]
-        });
-      });
-      function showResults() {
-        const demo = document.getElementById("demo");
-        demo?.getConfigInfo().then(configInfo => {
-          alert(JSON.stringify(configInfo));
-        });
-      };
-    </script>
-  </head>
-  <body>
-    <div id="viewDiv" class="map-div"></div>
-    <div class="over-map column">
-      <config-layer-picker id="demo" instruction="Choose potential addressee layers"></config-layer-picker>
-      <calcite-button class="padding-top-1" onclick="showResults()">Demo Results</calcite-button>
-    </div>
-  </body>
-</html>

package/dist/components/check-list.d.ts DELETED Viewed

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

package/dist/components/check-list.js DELETED Viewed

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { C as CheckList$1, d as defineCustomElement$1 } from './check-list2.js';
-const CheckList = CheckList$1;
-const defineCustomElement = defineCustomElement$1;
-export { CheckList, defineCustomElement };

package/dist/components/check-list2.js DELETED Viewed

@@ -1,131 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './checkbox.js';
-import { d as defineCustomElement$1 } from './label.js';
-const checkListCss = ":host{display:block}";
-const CheckList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  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 this; }
-  static get style() { return checkListCss; }
-}, [1, "check-list", {
-    "defaultChecked": [516, "default-checked"],
-    "values": [16],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["check-list", "calcite-checkbox", "calcite-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "check-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CheckList);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-export { CheckList as C, defineCustomElement as d };

package/dist/components/config-buffer-tools.d.ts DELETED Viewed

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

package/dist/components/config-buffer-tools.js DELETED Viewed

@@ -1,187 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$8 } from './checkbox.js';
-import { d as defineCustomElement$7 } from './icon.js';
-import { d as defineCustomElement$6 } from './input.js';
-import { d as defineCustomElement$5 } from './label.js';
-import { d as defineCustomElement$4 } from './option.js';
-import { d as defineCustomElement$3 } from './progress.js';
-import { d as defineCustomElement$2 } from './select.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$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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 this; }
-  static get style() { return configBufferToolsCss; }
-}, [1, "config-buffer-tools", {
-    "distance": [1538],
-    "unit": [1537],
-    "_showBufferChecked": [32],
-    "_translations": [32],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["config-buffer-tools", "calcite-checkbox", "calcite-icon", "calcite-input", "calcite-label", "calcite-option", "calcite-progress", "calcite-select"];
-  components.forEach(tagName => { switch (tagName) {
-    case "config-buffer-tools":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ConfigBufferTools$1);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-const ConfigBufferTools = ConfigBufferTools$1;
-const defineCustomElement = defineCustomElement$1;
-export { ConfigBufferTools, defineCustomElement };

package/dist/components/config-draw-tools.d.ts DELETED Viewed

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