@esri/solutions-components 0.10.22 → 0.10.24

package/dist/cjs/spatial-ref.cjs.entry.js

@@ -21105,7 +21105,7 @@ const SpatialRef = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'ebf7416144e568c0ed1552aceb6e8cee0132878b' }, index.h("div", { key: 'd4976856daace4a85b2ca5cb88861a10be95ec79' }, index.h("calcite-input", { key: '8e12605892c8f2777954984a61706a97805e76f9', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), index.h("calcite-tree", { key: 'ac6b9c9bf7f49efdd6bd4b41da6130be9486fcc1', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (index.h(index.Host, { key: 'f723d08854c429ea7eb3e9c5588089a5dd614440' }, index.h("div", { key: '5f91149d48e5df3f01479bec291d97c569ffd5d7' }, index.h("calcite-input", { key: 'fa6cd1622e62b9c830999afc0940adddabbcc2c2', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), index.h("calcite-tree", { key: '02e651be4895c57ddb0fbf319c5a41b5dc39472c', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------

package/dist/collection/assets/t9n/solution-item-accordion/resources.json

@@ -0,0 +1,3 @@
+{
+
+}

package/dist/collection/assets/t9n/solution-item-accordion/resources_en.json

@@ -0,0 +1,3 @@
+{
+
+}

package/dist/collection/collection-manifest.json

@@ -43,6 +43,7 @@
     "components/solution-configuration/solution-configuration.js",
     "components/solution-contents/solution-contents.js",
     "components/solution-item/solution-item.js",
+    "components/solution-item-accordion/solution-item-accordion.js",
     "components/solution-item-details/solution-item-details.js",
     "components/solution-item-icon/solution-item-icon.js",
     "components/solution-item-sharing/solution-item-sharing.js",

package/dist/collection/components/crowdsource-manager/crowdsource-manager.css

@@ -102,6 +102,10 @@
   height: 51%;
 }
 
+.top-51 {
+  top: 51px;
+}
+
 .adjusted-height-50 {
   height: calc(50% - 25px);
 }

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -427,7 +427,8 @@ export class CrowdsourceManager {
         const headerClass = this._isMobile && this._showInformationHeader ? "display-none height-0" : "";
         const headerTheme = this.popupHeaderColor ? "" : !this._isMobile ? "calcite-mode-dark" : "calcite-mode-light";
         const containerClass = this._isMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isMobile ? "display-none height-0" : "";
-        return (h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass}`, style: {
+        const tableViewClass = this.appLayout === "tableView" ? "position-relative top-51" : "";
+        return (h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass} ${tableViewClass}`, style: {
                 '--calcite-color-foreground-1': this.popupHeaderColor, /* background color that will be displayed on the popup header */
                 '--calcite-color-foreground-2': this.popupHeaderHoverColor, /* background color that will be displayed on button when hovered */
                 '--calcite-color-text-3': this.popupHeaderTextColor, /* font color that will be displayed on button */

package/dist/collection/components/layer-table/layer-table.js

@@ -715,7 +715,7 @@ export class LayerTable {
     _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) {
@@ -1055,7 +1055,7 @@ export class LayerTable {
     _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;
     }
     /**
@@ -1078,7 +1078,7 @@ export class LayerTable {
      */
     _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/collection/components/map-layer-picker/map-layer-picker.js

@@ -188,7 +188,8 @@ export class MapLayerPicker {
      * @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
@@ -236,10 +237,24 @@ export class MapLayerPicker {
      * @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/collection/components/map-picker/map-picker.js

@@ -147,7 +147,7 @@ export class MapPicker {
     _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/collection/components/solution-item-accordion/solution-item-accordion.css

@@ -0,0 +1,23 @@
+/** @license
+ * Copyright 2024 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}
+
+.padding-start-1 {
+  padding-inline-start: 1rem;
+}

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

@@ -0,0 +1,287 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2024 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Host, h } from "@stencil/core";
+import { getLocaleComponentStrings } from "../../utils/locale";
+export class SolutionItemAccordion {
+    constructor() {
+        this.templateInfos = [];
+        this._sortedTemplateInfos = [];
+        this._translations = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Host element access
+    //
+    //--------------------------------------------------------------------------
+    el;
+    //--------------------------------------------------------------------------
+    //
+    //  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 is() { return "solution-item-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["solution-item-accordion.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["solution-item-accordion.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "templateInfos": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ITemplateInfo[]",
+                    "resolved": "ITemplateInfo[]",
+                    "references": {
+                        "ITemplateInfo": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ITemplateInfo"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ITemplateInfo[]: Collection of template infos"
+                },
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_sortedTemplateInfos": {},
+            "_translations": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "templateInfos",
+                "methodName": "templateInfosWatchHandler"
+            }];
+    }
+}

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -67,7 +67,7 @@ export class SolutionItemDetails {
      * 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/collection/components/solution-item-icon/solution-item-icon.js

@@ -40,7 +40,7 @@ export 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/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -52,7 +52,7 @@ export class SolutionItemSharing {
      * 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/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -50,7 +50,7 @@ export class SolutionOrganizationVariables {
      * 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/collection/components/solution-resource-item/solution-resource-item.js

@@ -61,7 +61,7 @@ export class SolutionResourceItem {
      */
     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/collection/components/solution-spatial-ref/solution-spatial-ref.js

@@ -61,7 +61,7 @@ export class SolutionSpatialRef {
     }
     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/collection/components/solution-template-data/solution-template-data.js

@@ -77,7 +77,7 @@ export class SolutionTemplateData {
      * 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;
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-variables/solution-variables.js

@@ -50,7 +50,7 @@ export class SolutionVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '433753b4da6f9f84d1f0e205523530cfdf07f6cd' }, h("div", { key: '5ae081220ce5c01e89ae7c4f8167e5d8b80d818b' }, h("h4", { key: 'bcbe1103c8e52db304b2d90ced42acd7d3dd2974', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '869027e1f0351685570f15e062e89cba32fefac5', class: "container-border" }, h("calcite-tree", { key: 'cc5d2c6fae7154cdbacb990d917830696d79e6c3', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/spatial-ref/spatial-ref.js

@@ -70,7 +70,7 @@ export class SpatialRef {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'ebf7416144e568c0ed1552aceb6e8cee0132878b' }, h("div", { key: 'd4976856daace4a85b2ca5cb88861a10be95ec79' }, h("calcite-input", { key: '8e12605892c8f2777954984a61706a97805e76f9', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'ac6b9c9bf7f49efdd6bd4b41da6130be9486fcc1', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: 'f723d08854c429ea7eb3e9c5588089a5dd614440' }, h("div", { key: '5f91149d48e5df3f01479bec291d97c569ffd5d7' }, h("calcite-input", { key: 'fa6cd1622e62b9c830999afc0940adddabbcc2c2', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '02e651be4895c57ddb0fbf319c5a41b5dc39472c', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------