@esri/solutions-components 0.3.5 → 0.3.7

package/dist/solutions-components/p-359c58de.entry.js

@@ -0,0 +1,172 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-c023e6a1.js';
+import { l as loadModules } from './p-1c567f3a.js';
+import { g as getLocaleComponentStrings } from './p-44da2507.js';
+import './p-3b010ce1.js';
+
+const mapSearchCss = ":host{display:block}.search-widget{width:100% !important;border:1px solid var(--calcite-ui-border-input)}";
+
+const MapSearch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.searchChange = createEvent(this, "searchChange", 7);
+    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];
+  }
+  get el() { return getElement(this); }
+};
+MapSearch.style = mapSearchCss;
+
+export { MapSearch as map_search };

package/dist/solutions-components/p-37336c0d.entry.js

@@ -0,0 +1,116 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-c023e6a1.js';
+import { f as focusElement, t as toAriaBoolean } from './p-83166522.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './p-bd67334c.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './p-316f56db.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import { i as isActivationKey } from './p-73e23995.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+
+const switchCss = "@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([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{inline-size:auto;outline-color:transparent}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+
+const Switch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.disabled = false;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /**
+     * When `true`, the component is checked.
+     *
+     * @deprecated use `checked` instead.
+     */
+    this.switched = false;
+    /** When `true`, the component is checked. */
+    this.checked = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.keyDownHandler = (event) => {
+      if (!this.disabled && isActivationKey(event.key)) {
+        this.toggle();
+        event.preventDefault();
+      }
+    };
+    this.clickHandler = () => {
+      this.toggle();
+    };
+    this.setSwitchEl = (el) => {
+      this.switchEl = el;
+    };
+  }
+  switchedWatcher(switched) {
+    this.checked = switched;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    focusElement(this.switchEl);
+  }
+  onLabelClick() {
+    if (!this.disabled) {
+      this.toggle();
+      this.setFocus();
+    }
+  }
+  toggle() {
+    this.checked = !this.checked;
+    this.calciteSwitchChange.emit({
+      switched: this.checked
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    const initiallyChecked = this.checked || this.switched;
+    if (initiallyChecked) {
+      // if either prop is set, we ensure both are synced initially
+      this.switched = this.checked = initiallyChecked;
+    }
+    connectLabel(this);
+    connectForm(this);
+  }
+  disconnectedCallback() {
+    disconnectLabel(this);
+    disconnectForm(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { class: "track" }, h("div", { class: "handle" })), h(HiddenFormInputSlot, { component: this }))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "switched": ["switchedWatcher"]
+  }; }
+};
+Switch.style = switchCss;
+
+export { Switch as calcite_switch };

package/dist/solutions-components/p-374a5031.js

@@ -3,9 +3,112 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{c as o}from"./p-93d3119d.js";
+import { c as color } from './p-93d3119d.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 e={container:"container",controlSection:"control-section",hexOptions:"color-hex-options",section:"section",header:"header",control:"control",splitSection:"section--split",colorModeContainer:"color-mode-container",colorMode:"color-mode",channels:"channels",channel:"channel",savedColors:"saved-colors",savedColorsSection:"saved-colors-section",saveColor:"save-color",deleteColor:"delete-color",savedColorsButtons:"saved-colors-buttons",headerHex:"header--hex",colorFieldAndSlider:"color-field-and-slider",colorFieldAndSliderInteractive:"color-field-and-slider--interactive",colorFieldAndSliderWrap:"color-field-and-slider-wrap",scope:"scope",hueScope:"scope--hue",colorFieldScope:"scope--color-field",savedColor:"saved-color"},l=o("#007AC2"),r="calcite-color-",d={r:255,g:255,b:255},s={h:360,s:100,v:100},i={b:"B",blue:"Blue",deleteColor:"Delete color",g:"G",green:"Green",h:"H",hsv:"HSV",hex:"Hex",hue:"Hue",noColor:"No color",r:"R",red:"Red",rgb:"RGB",s:"S",saturation:"Saturation",saveColor:"Save color",saved:"Saved",v:"V",value:"Value"},c={s:{slider:{height:10,width:160},colorField:{height:80,width:160},thumb:{radius:8}},m:{slider:{height:14,width:272},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:16,width:464},colorField:{height:200,width:464},thumb:{radius:12}}};export{e as C,l as D,s as H,d as R,i as T,c as a,r as b}
+ */
+const CSS = {
+  container: "container",
+  controlSection: "control-section",
+  hexOptions: "color-hex-options",
+  section: "section",
+  header: "header",
+  control: "control",
+  splitSection: "section--split",
+  colorModeContainer: "color-mode-container",
+  colorMode: "color-mode",
+  channels: "channels",
+  channel: "channel",
+  savedColors: "saved-colors",
+  savedColorsSection: "saved-colors-section",
+  saveColor: "save-color",
+  deleteColor: "delete-color",
+  savedColorsButtons: "saved-colors-buttons",
+  headerHex: "header--hex",
+  colorFieldAndSlider: "color-field-and-slider",
+  colorFieldAndSliderInteractive: "color-field-and-slider--interactive",
+  colorFieldAndSliderWrap: "color-field-and-slider-wrap",
+  scope: "scope",
+  hueScope: "scope--hue",
+  colorFieldScope: "scope--color-field",
+  savedColor: "saved-color"
+};
+const DEFAULT_COLOR = color("#007AC2");
+const DEFAULT_STORAGE_KEY_PREFIX = "calcite-color-";
+const RGB_LIMITS = {
+  r: 255,
+  g: 255,
+  b: 255
+};
+const HSV_LIMITS = {
+  h: 360,
+  s: 100,
+  v: 100
+};
+const TEXT = {
+  b: "B",
+  blue: "Blue",
+  deleteColor: "Delete color",
+  g: "G",
+  green: "Green",
+  h: "H",
+  hsv: "HSV",
+  hex: "Hex",
+  hue: "Hue",
+  noColor: "No color",
+  r: "R",
+  red: "Red",
+  rgb: "RGB",
+  s: "S",
+  saturation: "Saturation",
+  saveColor: "Save color",
+  saved: "Saved",
+  v: "V",
+  value: "Value"
+};
+const DIMENSIONS = {
+  s: {
+    slider: {
+      height: 10,
+      width: 160
+    },
+    colorField: {
+      height: 80,
+      width: 160
+    },
+    thumb: {
+      radius: 8
+    }
+  },
+  m: {
+    slider: {
+      height: 14,
+      width: 272
+    },
+    colorField: {
+      height: 150,
+      width: 272
+    },
+    thumb: {
+      radius: 10
+    }
+  },
+  l: {
+    slider: {
+      height: 16,
+      width: 464
+    },
+    colorField: {
+      height: 200,
+      width: 464
+    },
+    thumb: {
+      radius: 12
+    }
+  }
+};
+
+export { CSS as C, DEFAULT_COLOR as D, HSV_LIMITS as H, RGB_LIMITS as R, TEXT as T, DIMENSIONS as a, DEFAULT_STORAGE_KEY_PREFIX as b };

package/dist/solutions-components/p-39ea6ef4.entry.js

@@ -0,0 +1,71 @@
+/*!
+ * 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 './p-c023e6a1.js';
+
+const crowdsourceManagerCss = ":host{display:block}";
+
+const CrowdsourceManager = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  async _getTranslations() {
+    // const messages = await getLocaleComponentStrings(this.el);
+    // this._translations = messages[0] as typeof BufferTools_T9n;
+  }
+  get el() { return getElement(this); }
+};
+CrowdsourceManager.style = crowdsourceManagerCss;
+
+export { CrowdsourceManager as crowdsource_manager };

package/dist/solutions-components/p-3b010ce1.js

@@ -3,4 +3,20 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e,n,r){return e(r={path:n,exports:{},require:function(){return o()}},r.exports),r.exports}function o(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}export{e as a,o as b,n as c}
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { commonjsGlobal as a, commonjsRequire as b, createCommonjsModule as c };