@esri/solutions-components 0.10.22 → 0.10.24

package/dist/components/index.es.js

@@ -2192,33 +2192,28 @@ $$9({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
 var asyncToGenerator = {exports: {}};
 
 (function (module) {
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
   }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator(fn) {
+function _asyncToGenerator(n) {
   return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
       }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
       }
-      _next(undefined);
+      _next(void 0);
     });
   };
 }
@@ -3365,44 +3360,38 @@ var toPrimitive = {exports: {}};
 
 (function (module) {
 var _typeof = _typeof$1.exports["default"];
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
-module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(toPrimitive));
 
 (function (module) {
 var _typeof = _typeof$1.exports["default"];
 var toPrimitive$1 = toPrimitive.exports;
-function _toPropertyKey(arg) {
-  var key = toPrimitive$1(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive$1(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
-module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(toPropertyKey$1));
 
 (function (module) {
 var toPropertyKey = toPropertyKey$1.exports;
-function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(defineProperty));

package/dist/components/layer-table2.js

@@ -742,7 +742,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _getFieldlist() {
         return this._columnsInfo ? (h("calcite-dropdown-group", { "selection-mode": "multiple" }, Object.keys(this._columnsInfo).map(k => {
             const selected = this._columnsInfo[k];
-            return (h("calcite-dropdown-item", { id: k, onClick: (e) => {
+            return (h("calcite-dropdown-item", { id: `layer-table-${k.toLowerCase().replaceAll(" ", "")}`, onClick: (e) => {
                     const target = e.target;
                     this._columnsInfo[target.id] = target.selected;
                     if (!target.selected) {
@@ -1082,7 +1082,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _getDropdown(id) {
         const dropdownItems = this._getDropdownItems();
         return dropdownItems.length > 0 ? (h("calcite-dropdown", { closeOnSelectDisabled: true, disabled: this._layer === undefined, id: "solutions-more", onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._moreDropdown = el }, h("calcite-action", { appearance: "solid", id: id, label: "", onClick: () => this._closeShowHide(), slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
-            return (h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: "solutions-subset-list", onClick: item.func }, item.loading ? (h("div", { class: "display-flex" }, h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
+            return (h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: `layer-table-${item.icon}`, onClick: item.func }, item.loading ? (h("div", { class: "display-flex" }, h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
         })), this._showHideOpen ? this._getFieldlist() : undefined)) : undefined;
     }
     /**
@@ -1105,7 +1105,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _getAction(active, icon, indicator, label, func, disabled, loading, slot) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: icon, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: `layer-table-${icon}`, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Get an action and tooltip for share

package/dist/components/map-layer-picker2.js

@@ -192,7 +192,8 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
      * @returns Calcite label with the layer name and icon
      */
     _getSingleLayerPlaceholder() {
-        return (h("div", { class: "layer-picker-label-container cursor-default" }, h("calcite-icon", { icon: "layers", scale: "s" }), h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
+        const itemTypeIcon = this._getItemTypeIcon();
+        return (h("div", { class: "layer-picker-label-container cursor-default" }, h("calcite-icon", { icon: itemTypeIcon, scale: "s" }), h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
     }
     /**
      * Create a list of layers from the map
@@ -240,10 +241,24 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
      * @returns the node for the button
      */
     _getDropdownButton() {
+        const itemTypeIcon = this._getItemTypeIcon();
         const buttonClass = this.isMobile ? "" : "max-width-350";
         const buttonSlot = this.isMobile ? "trigger" : "";
         const buttonIcon = this._isDropdownOpen ? "chevron-up" : "chevron-down";
-        return (h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: buttonClass, iconEnd: buttonIcon, iconStart: "layers", kind: "neutral", slot: buttonSlot, width: "full" }, h("div", null, this.selectedName)));
+        return (h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: buttonClass, iconEnd: buttonIcon, iconStart: itemTypeIcon, kind: "neutral", slot: buttonSlot, width: "full" }, h("div", null, this.selectedName)));
+    }
+    /**
+     * Get the appropriate icon based on the selected layer or table
+     *
+     * @returns a string for the appropriate icon
+     */
+    _getItemTypeIcon() {
+        let itemTypeIcon = "layers";
+        if (this.selectedIds.length > 0) {
+            const id = this.selectedIds[0];
+            itemTypeIcon = Object.keys(this._layerNameHash).indexOf(id) > -1 ? "layers" : "table";
+        }
+        return itemTypeIcon;
     }
     /**
      * Get the appropriate type of dom nodes for each valid layer or table

package/dist/components/map-picker2.js

@@ -152,7 +152,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
     _getMapPicker() {
         const id = "map-picker-expand-toggle";
         const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
-        return (h("div", { class: "width-full" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, this._webMapInfo?.name), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchMap))));
+        return (h("div", { class: "width-full" }, h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, iconStart: "map", id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, this._webMapInfo?.name), h("calcite-tooltip", { placement: "bottom", "reference-element": id }, h("span", null, this._translations.switchMap))));
     }
     /**
      * Create the toolbar (controls used for map and app interactions)

package/dist/components/solution-item-accordion.d.ts

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

package/dist/components/solution-item-accordion.js

@@ -0,0 +1,336 @@
+/*!
+ * 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$f } from './accordion.js';
+import { d as defineCustomElement$e } from './accordion-item.js';
+import { d as defineCustomElement$d } from './action.js';
+import { d as defineCustomElement$c } from './filter2.js';
+import { d as defineCustomElement$b } from './handle.js';
+import { d as defineCustomElement$a } from './icon.js';
+import { d as defineCustomElement$9 } from './input.js';
+import { d as defineCustomElement$8 } from './list.js';
+import { d as defineCustomElement$7 } from './list-item.js';
+import { d as defineCustomElement$6 } from './loader.js';
+import { d as defineCustomElement$5 } from './progress.js';
+import { d as defineCustomElement$4 } from './scrim.js';
+import { d as defineCustomElement$3 } from './stack.js';
+import { d as defineCustomElement$2 } from './solution-item-icon2.js';
+
+const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}";
+const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
+
+const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionItemAccordion extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.templateInfos = [];
+        this._sortedTemplateInfos = [];
+        this._translations = undefined;
+    }
+    get el() { return this; }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string[]: The order we should sort templates based on
+     */
+    _sortOrder = [
+        "Hub Site Application",
+        "Hub Page",
+        "Web Experience",
+        "Instant App",
+        "Web Mapping Application",
+        "Dashboard",
+        "StoryMap",
+        "Form",
+        "QuickCapture Project",
+        "Workflow",
+        "Big Data Analytic",
+        "Real Time Analytic",
+        "Feed",
+        "Tool",
+        "Notebook",
+        "Data Pipeline",
+        "Project Package",
+        "Desktop Application Template",
+        "TypeNotFound",
+        "Web Map",
+        "Web Scene",
+        "Feature Layer (hosted, view)",
+        "Feature Layer (hosted)",
+        "Tile Layer",
+        "CSV",
+        "Microsoft Excel",
+        "Microsoft Word",
+        "Report Template",
+        "Rule Package",
+        "Group"
+    ];
+    /**
+     * string[]: Array of template types.
+     * This array is used during render to ensure only one Accordion item is added for each type.
+     */
+    _types = [];
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    async templateInfosWatchHandler() {
+        this._types = [];
+        this._sortedTemplateInfos = this._sortTemplates();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        await this._getTranslations();
+    }
+    /**
+     * StencilJS: Called before each render
+     */
+    async componentWillRender() {
+        if (this._sortedTemplateInfos.length === 0 && this.templateInfos?.length > 0) {
+            this._sortedTemplateInfos = this._sortTemplates();
+        }
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (h(Host, { key: 'c9fea75fb3cd0558366bb086eccb28c4e2b7b07d' }, this._getAccordion()));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Get the Accordion component
+     *
+     * @returns the Accordion component
+     *
+     * @protected
+     */
+    _getAccordion() {
+        return (h("calcite-accordion", null, this._sortedTemplateInfos.reduce((prev, cur) => {
+            if (this._types.indexOf(cur.type) < 0) {
+                this._types.push(cur.type);
+                prev.push(this._getAccordionItem(cur));
+            }
+            return prev;
+        }, [])));
+    }
+    /**
+     * Get the Accordion Item component with the appropriate icon and template type
+     * Only one accordion item per type.
+     *
+     * @returns the Accordion Item component
+     *
+     * @protected
+     */
+    _getAccordionItem(templateInfo) {
+        const templateInfos = this._sortedTemplateInfos.filter(t => t.type === templateInfo.type);
+        return (h("calcite-accordion-item", { description: `${templateInfo.type} (${templateInfos.length})` }, h("solution-item-icon", { class: "padding-start-1", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+    }
+    /**
+     * Get the list of template infos for the current type
+     *
+     * @param templateInfos filtered list of templateInfos for the current type
+     *
+     * @returns the List component
+     *
+     * @protected
+     */
+    _getList(templateInfos) {
+        return (h("calcite-list", { class: "padding-start-1" }, templateInfos.map(t => this._getListItem(t))));
+    }
+    /**
+     * Get list item for the current type
+     *
+     * @param templateInfo the current templateInfo to handle
+     *
+     * @returns the List item component
+     *
+     * @protected
+     */
+    _getListItem(templateInfo) {
+        return (h("calcite-list-item", { description: templateInfo.description, label: templateInfo.title, value: templateInfo.id }));
+    }
+    /**
+     * Sort the templates based on the defined order in _sortOrder
+     *
+     * @returns the sorted templates
+     *
+     * @protected
+     */
+    _sortTemplates() {
+        return this.templateInfos.sort((a, b) => {
+            const aType = this._updateType(a);
+            const bType = this._updateType(b);
+            const indexA = this._sortOrder.indexOf(aType);
+            const indexB = this._sortOrder.indexOf(bType);
+            return indexA - indexB;
+        });
+    }
+    /**
+     * Some template types are displayed with a value that is different than the stored type value.
+     * This function will catch and update the type value to match how we would like it sorted and displayed.
+     *
+     * @returns the sorted templates
+     *
+     * @protected
+     */
+    _updateType(templateInfo) {
+        let updatedType = templateInfo.type;
+        if (templateInfo.type === "Feature Service") {
+            updatedType = templateInfo.typeKeywords.indexOf("View Service") > -1 ?
+                "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+        }
+        if (templateInfo.type === "Web Mapping Application") {
+            updatedType = templateInfo.typeKeywords.indexOf("configurableApp") > -1 ?
+                "Instant App" : updatedType;
+        }
+        templateInfo.type = templateInfo.type === "Geoprocessing Service" ? "Tool" :
+            templateInfo.type === "Vector Tile Service" ? "Tile Layer" : updatedType;
+        if (this._sortOrder.indexOf(updatedType) < 0) {
+            // If we encounter an item type that is not in the list
+            // put it between the "Desktop Application Template" and "Web Map" section
+            // Do not set this as the templates type value as we want its actual type to be displayed
+            // this is just used for sorting
+            updatedType = "TypeNotFound";
+        }
+        return updatedType;
+    }
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    static get watchers() { return {
+        "templateInfos": ["templateInfosWatchHandler"]
+    }; }
+    static get style() { return SolutionItemAccordionStyle0; }
+}, [1, "solution-item-accordion", {
+        "templateInfos": [16],
+        "_sortedTemplateInfos": [32],
+        "_translations": [32]
+    }, undefined, {
+        "templateInfos": ["templateInfosWatchHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["solution-item-accordion", "calcite-accordion", "calcite-accordion-item", "calcite-action", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-progress", "calcite-scrim", "calcite-stack", "solution-item-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "solution-item-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SolutionItemAccordion$1);
+            }
+            break;
+        case "calcite-accordion":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "calcite-accordion-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "calcite-action":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "calcite-filter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "calcite-handle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "calcite-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "calcite-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "calcite-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-stack":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "solution-item-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SolutionItemAccordion = SolutionItemAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SolutionItemAccordion, defineCustomElement };

package/dist/components/solution-item-details2.js

@@ -56,7 +56,7 @@ const SolutionItemDetails = /*@__PURE__*/ proxyCustomElement(class SolutionItemD
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '66924107ce947a376028ae9cedde446311f131bf' }, h("div", { key: '8cb3221e632b06a070455014637534c35a1f8b09', class: "parent-container" }, h("div", { key: '104f2c5e01ac4af2a238c001fa890902de4354e3', class: "inputBottomSeparation" }, h("calcite-input", { key: '9735e02ba2487f40d4c1f95047e9d33299562be4', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'ab8a525e9fef7904fb547b4b2ef76ce716a0fd8c', class: "inputBottomSeparation" }, h("input", { key: 'd8e98a227f7f77921f3e6eefd49ff650e72c0c8c', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '5465e97b62201bd47cc75a44a36bce007419b22f', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '3bfa09cf4808b3a13dcd552b5bfdc6e747a33b67', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '28eb743b0ec445dbe6f7a1bafa38bd00e4d13c43', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '187f3292746d58cc8f46e5d422923424a29c3a7a', class: "flex" }, h("div", { key: '5b3ba4347bcbb2ba7f86404c5ea5634831dd916a', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '87ca825056fdb5f07e2641748c2faa284381bcf4', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '6d343a236607c72a51b22b0b43e0e29cf57ba361', class: "snippet-count-container" }, h("calcite-input", { key: '3bff884cf3b462942e9a959c323f1a47b8ac1fb9', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'fdd0951508f0c422fc28c79488c126f70af07f88', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '42cdb37a1ba254bd863b7f424e1d6b1d2524b3bc' }, this._translations.description, h("label", { key: 'd45d8bbd0bfd913f100e5f446265b9336d50a93a', id: "item-description-label" }, h("calcite-input", { key: 'cbe6a819f00d2015858e632e2dd417260dc8c58f', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'de374dafb6856b650c1fe59913b7bb9c53b9ede7' }, this._translations.tags, h("label", { key: '265b4ff2b4210c36f15d2b66a18e4b5943b4ef09', id: "item-tags-label" }, h("calcite-input", { key: '8f93a4ae7cefa909351ca9eee36a995315474cfb', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, h("input", { key: '11dc51158e385025d139372682b33d2093956a50', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();

package/dist/components/solution-item-icon2.js

@@ -26,7 +26,7 @@ const SolutionItemIcon = /*@__PURE__*/ proxyCustomElement(class SolutionItemIcon
      * Renders the component.
      */
     render() {
-        return h("div", { key: 'b09dad770feb6278f79ffb9351e8907bfc9ab71c', title: this.type }, h("img", { key: '58f68fa8835383382fa7d9bcf86f597e2557868b', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: '79a661148dd8e3bd73229b642b8253c525e3d747', title: this.type }, h("img", { key: 'e0b21dbd11b8edc4abfdb9af39b40c774b830753', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-item-sharing2.js

@@ -42,7 +42,7 @@ const SolutionItemSharing = /*@__PURE__*/ proxyCustomElement(class SolutionItemS
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '63291062c3de65e5b1be43c8b4ad576dec5bc03d' }, h("div", { key: '3d85e17d3a1b62ebddf941d2cf2d7003fb09fa3e', class: "container-border" }, h("calcite-label", { key: '0c4266ddfa4e38fa61d2963a18263af08139a38d' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-organization-variables2.js

@@ -41,7 +41,7 @@ const SolutionOrganizationVariables = /*@__PURE__*/ proxyCustomElement(class Sol
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '76e0f912c6793c1ef3f8a7f1c30bf8150ee56b11' }, h("div", { key: '08466bae42b7911d81f0047024d53cc759486545' }, h("h4", { key: 'b14ce6b8dbc48e7772b4dff6ce7568789012b497', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '0da50a1ff0dbcd341cf98f7319255ef2d0e922c7', class: "container-border" }, h("calcite-tree", { key: '463beeb427ed3358ce9358c1363ff0f62a34a714', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-resource-item2.js

@@ -59,7 +59,7 @@ const SolutionResourceItem = /*@__PURE__*/ proxyCustomElement(class SolutionReso
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '106f481657df3169901b74a9a44254cb60ebcbc1' }, h("div", { key: 'de5496a1f9ee00d881960691112af008fa3348e0', class: "resource-item" }, h("div", { key: 'df37567b6feebe82f0c642d11df50ae2a60b4c85', class: "margin-bottom-1" }, h("calcite-button", { key: '043e569dc938d27c7b2f007fc818791d3cecf266', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'be01e64fb47fa243dbcf9f0b5f387152b6da7f57', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '5a08b047d2bdbb5ee3c7f46ebc1b75c27d08b450', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

package/dist/components/solution-spatial-ref2.js

@@ -50,7 +50,7 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: '68fd2c3252945db218075d37c50882c61844062a' }, h("label", { key: '1f8b3c293fa91ebfe1a1355a6759cdec714db574', class: "switch-label" }, h("calcite-switch", { key: 'c75c9adcda04e9fad111517e5b4592ffc697be2b', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '532569ffbdb0142b4d75b15809f9dbb18a5b7fcf' }), h("div", { key: '34cd37abd6a5d3017f7d68c0e96727d221069c80', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '882f235fc7382fd493c9f9b1d2f05830a8e4632c', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '16833cff9ecf4ca2565a1f81e9e41d9658dfcac3', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (h(Host, { key: 'ca1dd62000a2fdbd82a00830fc3ac94b47db73f7' }, h("label", { key: 'fa1ca79af87525ce25a6acf0a5b6a093429f5b77', class: "switch-label" }, h("calcite-switch", { key: '8dbcdbc8f417dfe1a05578fc9bbf3417ae93abfb', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'd3c2296bf3568e7b5b167fe0516184ae0c2d26f1' }), h("div", { key: 'fee9eac900cae65363658fa769347c3db0783007', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '317e1422cdcb2147a961f2edfbcedb30c4246f6d', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '6f0b7eb7216d0a663e5f2d436b7523b2d2301841', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-template-data2.js

@@ -79,7 +79,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b907b06222070e2d3c6c6df2d84f76de0f0eb38c' }, h("div", { key: 'ee0602b96a42abffbe304ab87e3509c3becd7a20', class: "solution-data-container" }, h("calcite-shell", { key: 'bda449f2095f54307e36da0cad30c9925dce71d1', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '258b22d836fcbc1b673922f153aaa706265499e4', class: "json-editor" }, h("div", { key: 'e8a68cc1f67ea6884ecb69d260fe8c75720e6507', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'fcdc35e68a49f118344e9f6e680d00695cb0627f', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '8491cafb36bc5ec37e3a4162cf4ccf754c27f168', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '100427789b8741e91578272e1c6599ea3274e841', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '698c51a7ef4ed24f4729999a92e2b2d65919b130', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'd75faf0b3baa7a770603a5e64b310fa537c66a5b', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '0d87e21946cc7414d577fce30b58d6633faa48ce', value: this.organizationVariables })), h("div", { key: '74c325d0174842c55d3ec44b8230450048460d57', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'e91eb808161167ccf62771a81d42c07446642791', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------