@esri/solutions-components 0.2.6 → 0.2.7

package/dist/components/refine-selection2.js

@@ -0,0 +1,376 @@
+/*!
+ * 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 { e as ESelectionMode, c as EWorkflowType } from './interfaces3.js';
+import { g as getLocaleComponentStrings } from './locale.js';
+import { d as defineCustomElement$e } from './action.js';
+import { d as defineCustomElement$d } from './chip.js';
+import { d as defineCustomElement$c } from './combobox.js';
+import { d as defineCustomElement$b } from './combobox-item.js';
+import { d as defineCustomElement$a } from './icon.js';
+import { d as defineCustomElement$9 } from './list.js';
+import { d as defineCustomElement$8 } from './list-item2.js';
+import { d as defineCustomElement$7 } from './loader.js';
+import { d as defineCustomElement$6 } from './option.js';
+import { d as defineCustomElement$5 } from './radio-group.js';
+import { d as defineCustomElement$4 } from './radio-group-item.js';
+import { d as defineCustomElement$3 } from './select.js';
+import { d as defineCustomElement$2 } from './map-layer-picker2.js';
+import { d as defineCustomElement$1 } from './refine-selection-tools2.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.
+ */
+function getSelectionIds(selectionSets) {
+  return Object.keys(selectionSets).reduce((prev, cur) => {
+    return [
+      ...prev,
+      ...selectionSets[cur].download ? selectionSets[cur].selectedIds : []
+    ];
+  }, []);
+}
+function getTotal(selectionSets) {
+  return [...new Set(getSelectionIds(selectionSets))].length;
+}
+
+const refineSelectionCss = ":host{display:block}";
+
+const RefineSelection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.selectionSetsChanged = createEvent(this, "selectionSetsChanged", 7);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: Indicates if any new graphics should be added or removed
+     */
+    this._addEnabled = true;
+    this.addresseeLayer = undefined;
+    this.mapView = undefined;
+    this.selectionSets = [];
+    this._translations = undefined;
+  }
+  /**
+   * Handles changes to refine selection ids.
+   *
+   */
+  refineSelectionIdsChange(event) {
+    var _a, _b;
+    const addIds = ((_a = event.detail) === null || _a === void 0 ? void 0 : _a.addIds) || [];
+    const removeIds = ((_b = event.detail) === null || _b === void 0 ? void 0 : _b.removeIds) || [];
+    this._updateSelectionSets(removeIds);
+    this._updateRefineSelectionSet(addIds, removeIds);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   */
+  async componentWillLoad() {
+    await this._getTranslations();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, ids: getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Store the Add/Remove mode
+   *
+   * @protected
+   */
+  _modeChanged(evt) {
+    this._addEnabled = evt.detail === ESelectionMode.ADD;
+  }
+  /**
+   * Set the refine tools selection mode
+   *
+   * @protected
+   */
+  _setSelectionMode(mode) {
+    this._refineTools.mode = mode;
+  }
+  /**
+   * Create a list to show the number added/removed/total unique selected
+   *
+   * @returns the list node
+   * @protected
+   */
+  _getRefineSelectionSetList() {
+    const total = getTotal(this.selectionSets);
+    const refineSet = this._getRefineSelectionSet(this.selectionSets);
+    const numAdded = (refineSet === null || refineSet === void 0 ? void 0 : refineSet.refineIds.addIds.length) || 0;
+    const numRemoved = (refineSet === null || refineSet === void 0 ? void 0 : refineSet.refineIds.removeIds.length) || 0;
+    return [(h("calcite-list-item", { label: this._translations.featuresAdded.replace("{{n}}", numAdded.toString()) })), (h("calcite-list-item", { label: this._translations.featuresRemoved.replace("{{n}}", numRemoved.toString()) })), (h("calcite-list-item", { label: this._translations.totalSelected.replace("{{n}}", total.toString()) }))];
+  }
+  /**
+   * Fetch the refine selection set
+   *
+   * @returns the refine selection set
+   * @protected
+   */
+  _getRefineSelectionSet(selectionSets) {
+    let refineSelectionSet;
+    selectionSets.some(ss => {
+      if (ss.workflowType === EWorkflowType.REFINE) {
+        refineSelectionSet = ss;
+        return true;
+      }
+    });
+    return refineSelectionSet;
+  }
+  /**
+   * Remove ids from existing selection sets.
+   * Remove any selection sets than have no selected ids
+   * This can update any selection set not just the refine set.
+   * We do not do something similar for adds as we will only ever add from refine tools to the single REFINE selection set.
+   *
+   * @param removeIds the ids to remove
+   *
+   * @protected
+   */
+  _updateSelectionSets(removeIds) {
+    if (removeIds.length > 0) {
+      this.selectionSets = this.selectionSets.reduce((prev, cur) => {
+        cur.selectedIds = cur.selectedIds.filter(id => removeIds.indexOf(id) < 0);
+        if (cur.selectedIds.length > 0) {
+          prev.push(cur);
+        }
+        return prev;
+      }, []);
+      this.selectionSetsChanged.emit(this.selectionSets);
+    }
+  }
+  /**
+   * Update the refine selection set with any adds or removes
+   *
+   * @param addIds any ids to add
+   * @param removeIds any ids to remove
+   *
+   * @returns Promise resolving when function is done
+   * @protected
+   */
+  _updateRefineSelectionSet(addIds, removeIds) {
+    const selectionSet = this._getRefineSelectionSet(this.selectionSets);
+    this.selectionSets = selectionSet ?
+      this._updateRefineIds(selectionSet, addIds, removeIds) :
+      this._addRefineSelectionSet(addIds, removeIds);
+    this.selectionSetsChanged.emit(this.selectionSets);
+  }
+  /**
+   * Update the ids stored for the refine selection set
+   *
+   * @param selectionSet the refine selection set
+   * @param addIds any ids to add
+   * @param removeIds any ids to remove
+   *
+   * @returns updated selection sets
+   * @protected
+   */
+  _updateRefineIds(selectionSet, addIds, removeIds) {
+    // remove ids if they exist in the current add or remove list
+    selectionSet.refineIds.addIds = selectionSet.refineIds.addIds.filter(id => removeIds.indexOf(id) < 0);
+    selectionSet.refineIds.removeIds = selectionSet.refineIds.removeIds.filter(id => addIds.indexOf(id) < 0);
+    const _addIds = [...new Set(selectionSet.refineIds.addIds.concat(addIds))];
+    const _removeIds = [...new Set(selectionSet.refineIds.removeIds.concat(removeIds))];
+    selectionSet.refineIds = {
+      addIds: _addIds.filter(id => _removeIds.indexOf(id) < 0),
+      removeIds: _removeIds.filter(id => _addIds.indexOf(id) < 0)
+    };
+    selectionSet.selectedIds = selectionSet.refineIds.addIds.length > 0 ?
+      [...new Set(selectionSet.selectedIds.concat(selectionSet.refineIds.addIds))] :
+      selectionSet.selectedIds.filter(id => selectionSet.refineIds.removeIds.indexOf(id) < 0);
+    return this.selectionSets.map(ss => {
+      return ss.workflowType === EWorkflowType.REFINE ? selectionSet : ss;
+    });
+  }
+  /**
+   * Add a new refine selection set
+   *
+   * @param addIds any ids to add
+   * @param removeIds any ids to remove
+   *
+   * @returns updated selection sets
+   * @protected
+   */
+  _addRefineSelectionSet(addIds, removeIds) {
+    return [
+      ...this.selectionSets,
+      ({
+        buffer: undefined,
+        distance: 0,
+        download: true,
+        geometries: [],
+        id: Date.now(),
+        label: "Refine",
+        layerView: this.addresseeLayer,
+        refineSelectLayers: [],
+        searchResult: undefined,
+        selectedIds: addIds,
+        unit: "feet",
+        workflowType: EWorkflowType.REFINE,
+        refineIds: {
+          addIds: addIds,
+          removeIds: removeIds
+        }
+      })
+    ];
+  }
+  /**
+   * Fetches the component's translations
+   *
+   * @protected
+   */
+  async _getTranslations() {
+    const translations = await getLocaleComponentStrings(this.el);
+    this._translations = translations[0];
+  }
+  /** Provides access to protected methods for unit testing.
+ *
+ *  @param methodName Name of protected method to run
+ *  @param arg1 First argument to forward to method, e.g., for "_modeChanged", `ESelectionMode`
+ *  @returns
+ */
+  _testAccess(methodName, arg1) {
+    switch (methodName) {
+      case "_modeChanged":
+        return this._modeChanged(arg1);
+      case "_setSelectionMode":
+        return this._setSelectionMode(arg1);
+      // case "_getRefineSelectionSetList":
+      //   return this._getRefineSelectionSetList();
+      // case "_getRefineSelectionSet":
+      //   return this._getRefineSelectionSet(arg1);
+      // case "_updateSelectionSets":
+      //   return this._updateSelectionSets(arg1);
+      // case "_updateRefineSelectionSet":
+      //   return this._updateRefineSelectionSet(arg1, arg2);
+      // case "_updateRefineIds":
+      //   return this._updateRefineIds(arg1, arg2, arg3);
+      // case "_addRefineSelectionSet":
+      //   return this._addRefineSelectionSet(arg1, arg2);
+    }
+    return null;
+  }
+  get el() { return this; }
+  static get style() { return refineSelectionCss; }
+}, [0, "refine-selection", {
+    "addresseeLayer": [16],
+    "mapView": [16],
+    "selectionSets": [1040],
+    "_translations": [32]
+  }, [[8, "refineSelectionIdsChange", "refineSelectionIdsChange"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["refine-selection", "calcite-action", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-icon", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-option", "calcite-radio-group", "calcite-radio-group-item", "calcite-select", "map-layer-picker", "refine-selection-tools"];
+  components.forEach(tagName => { switch (tagName) {
+    case "refine-selection":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, RefineSelection);
+      }
+      break;
+    case "calcite-action":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "calcite-chip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "calcite-combobox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "calcite-combobox-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "calcite-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "calcite-list-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "calcite-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "calcite-option":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "calcite-radio-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "calcite-radio-group-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "calcite-select":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "map-layer-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "refine-selection-tools":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { RefineSelection as R, getSelectionIds as a, defineCustomElement as d, getTotal as g };

package/dist/components/resources.js

@@ -0,0 +1,24 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  sticky: "sticky-pos"
+};
+var ICON_TYPES;
+(function (ICON_TYPES) {
+  ICON_TYPES["circle"] = "circle";
+  ICON_TYPES["square"] = "square";
+  ICON_TYPES["grip"] = "grip";
+})(ICON_TYPES || (ICON_TYPES = {}));
+const SLOTS = {
+  menuActions: "menu-actions"
+};
+
+export { CSS as C, ICON_TYPES as I, SLOTS as S };

package/dist/components/resources2.js

@@ -0,0 +1,21 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  heading: "heading",
+  container: "container",
+  indented: "container--indented"
+};
+const SLOTS = {
+  parentItem: "parent-item"
+};
+const HEADING_LEVEL = 3;
+
+export { CSS as C, HEADING_LEVEL as H, SLOTS as S };

package/dist/components/resources3.js

@@ -0,0 +1,38 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  header: "header",
+  heading: "heading",
+  close: "close",
+  container: "container",
+  tipContainer: "tip-container",
+  tipContainerAdvancing: "tip-container--advancing",
+  tipContainerRetreating: "tip-container--retreating",
+  pagination: "pagination",
+  pagePosition: "page-position",
+  pageNext: "page-next",
+  pagePrevious: "page-previous"
+};
+const ICONS = {
+  chevronLeft: "chevron-left",
+  chevronRight: "chevron-right",
+  close: "x"
+};
+const TEXT = {
+  defaultGroupTitle: "Tips",
+  defaultPaginationLabel: "Tip",
+  close: "Close",
+  previous: "Previous",
+  next: "Next"
+};
+const HEADING_LEVEL = 2;
+
+export { CSS as C, HEADING_LEVEL as H, ICONS as I, TEXT as T };

package/dist/components/scrim.js

@@ -0,0 +1,83 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './loader.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  scrim: "scrim",
+  content: "content"
+};
+const TEXT = {
+  loading: "Loading"
+};
+
+const scrimCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;z-index:700;display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background)}.content{padding:1rem}";
+
+const Scrim = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * Accessible name when the component is loading.
+     *
+     * @default "Loading"
+     */
+    this.intlLoading = TEXT.loading;
+    /**
+     * When `true`, a busy indicator is displayed.
+     */
+    this.loading = false;
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Method
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { el, loading, intlLoading } = this;
+    const hasContent = el.innerHTML.trim().length > 0;
+    const loaderNode = loading ? h("calcite-loader", { active: true, label: intlLoading }) : null;
+    const contentNode = hasContent ? (h("div", { class: CSS.content }, h("slot", null))) : null;
+    return (h("div", { class: CSS.scrim }, loaderNode, contentNode));
+  }
+  get el() { return this; }
+  static get style() { return scrimCss; }
+}, [1, "calcite-scrim", {
+    "intlLoading": [1, "intl-loading"],
+    "loading": [516]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-scrim", "calcite-loader"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-scrim":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Scrim);
+      }
+      break;
+    case "calcite-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { Scrim as S, defineCustomElement as d };