@esri/solutions-components 0.10.23 → 0.10.25

package/dist/cjs/{calcite-accordion-item.cjs.entry.js → calcite-accordion_2.cjs.entry.js}

@@ -8,15 +8,96 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a0af791.js');
+const observers = require('./observers-5f9f67ee.js');
 const conditionalSlot = require('./conditionalSlot-2d2541f4.js');
 const dom = require('./dom-3d3a8f25.js');
 const resources = require('./resources-f11e9bd6.js');
 const component = require('./component-7f2bd646.js');
 const loadable = require('./loadable-0e357195.js');
-require('./observers-5f9f67ee.js');
 require('./browser-2893460e.js');
 require('./guid-42cda8c9.js');
 
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.2
+ */
+const CSS$1 = {
+    accordion: "accordion",
+    transparent: "accordion--transparent",
+};
+
+const accordionCss = ":host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color:transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit:0.25rem;--calcite-internal-accordion-icon-margin:0.5rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit:0.5rem;--calcite-internal-accordion-icon-margin:0.75rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit:0.75rem;--calcite-internal-accordion-icon-margin:1rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteAccordionStyle0 = accordionCss;
+
+const Accordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.calciteInternalAccordionChange = index.createEvent(this, "calciteInternalAccordionChange", 6);
+        this.mutationObserver = observers.createObserver("mutation", () => this.updateAccordionItems());
+        this.appearance = "solid";
+        this.iconPosition = "end";
+        this.iconType = "chevron";
+        this.scale = "m";
+        this.selectionMode = "multiple";
+    }
+    handlePropsChange() {
+        this.updateAccordionItems();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        this.mutationObserver?.observe(this.el, { childList: true });
+        this.updateAccordionItems();
+    }
+    disconnectedCallback() {
+        this.mutationObserver?.disconnect();
+    }
+    render() {
+        const transparent = this.appearance === "transparent";
+        return (index.h("div", { key: '1399ab312fad432bde78fdedd0435848b53109ef', class: {
+                [CSS$1.transparent]: transparent,
+                [CSS$1.accordion]: !transparent,
+            } }, index.h("slot", { key: '3ab7863d23eabb6c5ce499de42dab74df885ccdd' })));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    updateActiveItemOnChange(event) {
+        this.calciteInternalAccordionChange.emit({
+            requestedAccordionItem: event.detail.requestedAccordionItem,
+        });
+        event.stopPropagation();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    updateAccordionItems() {
+        this.el.querySelectorAll("calcite-accordion-item").forEach((item) => {
+            item.iconPosition = this.iconPosition;
+            item.iconType = this.iconType;
+            item.scale = this.scale;
+        });
+        // sync props on items across shadow DOM
+        document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "iconPosition": ["handlePropsChange"],
+        "iconType": ["handlePropsChange"],
+        "scale": ["handlePropsChange"],
+        "selectionMode": ["handlePropsChange"]
+    }; }
+};
+Accordion.style = CalciteAccordionStyle0;
+
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
@@ -199,4 +280,5 @@ const AccordionItem = class {
 };
 AccordionItem.style = CalciteAccordionItemStyle0;
 
+exports.calcite_accordion = Accordion;
 exports.calcite_accordion_item = AccordionItem;

package/dist/cjs/calcite-action-pad_2.cjs.entry.js

@@ -200,9 +200,9 @@ const InstantAppsMeasurementTool = class {
         this._init();
     }
     render() {
-        return (index.h(index.Host, { key: 'f49b77294093fbd2a6b31cb1081367b9151f575b' }, index.h("div", { key: '9a6ac16c6184c4416e9f2a287e0faaf9ff0a533b', class: CSS.base }, index.h("div", { key: '5ba7577ad0b9978113e854fcea10086f2758d07c', ref: el => {
+        return (index.h(index.Host, { key: '4357b8a39789ea390bedfcd96f4d21c1a0211484' }, index.h("div", { key: 'b42cca8e290ba490b8a1afca1818c9d95dfcc32b', class: CSS.base }, index.h("div", { key: '59be3dd42e293dcd8f7fa3e132fa65cfef12ffa7', ref: el => {
                 this._measureElement = el;
-            } }), index.h("div", { key: 'adcacc2ea84e2c3d292407df71336a4d2cace92a', class: CSS.hide, ref: el => {
+            } }), index.h("div", { key: '2ee6045804e3b7eeb3db1a5bdb5dc5d0cf15a5c8', class: CSS.hide, ref: el => {
                 this._coordinateElement = el;
             } }))));
     }

package/dist/cjs/calcite-alert_5.cjs.entry.js

@@ -19,7 +19,7 @@ const interactive = require('./interactive-3b85d8df.js');
 const resources$1 = require('./resources-4c3e1c50.js');
 const locale$1 = require('./locale-a09603ee.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
-const popupUtils = require('./popupUtils-c38f840d.js');
+const popupUtils = require('./popupUtils-24306e6b.js');
 require('./guid-42cda8c9.js');
 require('./resources-f11e9bd6.js');
 require('./browser-2893460e.js');
@@ -28,7 +28,7 @@ require('./observers-5f9f67ee.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
-require('./downloadUtils-470f6a27.js');
+require('./downloadUtils-17f08e5e.js');
 require('./solution-resource-40e70253.js');
 require('./index-f052f656.js');
 require('./restHelpersGet-5c2245a3.js');

package/dist/cjs/calcite-block_5.cjs.entry.js

@@ -1564,10 +1564,8 @@ const InstantAppsFilterList = class {
     }
     forceReset() {
         this.filterLayerExpressions = structuredClone(this.layerExpressions);
-        this.resetAllFilters();
-        this.generateURLParams();
-        this.filterListReset.emit();
-        return Promise.resolve();
+        this.handleResetFilter();
+        return this.initExpressions();
     }
     restoreFilters(filterParamString, filterInitState) {
         this.filterLayerExpressions = structuredClone(this.layerExpressions);
@@ -1623,7 +1621,7 @@ const InstantAppsFilterList = class {
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
         const footer = this.renderFooter(this.closeBtn, this.resetBtn);
-        return (index.h(index.Host, { key: '1cc3609c3ba5760b5e4e83fe9d86e391b7126fa2' }, index.h("calcite-panel", { key: 'a88f98d7650a53faf227e8cb0aeabfb59981932e', class: this.baseClass, ref: el => (this.panelEl = el) }, index.h("slot", { key: '094a5c5eb771ee7cdb140c505eb9ca825607ddc7', slot: "header-content", name: "filter-header-content" }), index.h("slot", { key: '5850fabcfe9826db945b2f8e8d43d9aa9d6b9aed', slot: "header-actions-end", name: "filter-header-actions-end" }), index.h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
+        return (index.h(index.Host, { key: '80c4918bd3bdf65d541ed6cf4cf4843ab0f0df01' }, index.h("calcite-panel", { key: 'f1da101b071420df42da5eb8f5478d0719b40cec', class: this.baseClass, ref: el => (this.panelEl = el) }, index.h("slot", { key: '8ebdbf20767027459470fa85fe4238e69bc47ab8', slot: "header-content", name: "filter-header-content" }), index.h("slot", { key: '177f8db80aa842eeb200344cd7b398cd51ca23f3', slot: "header-actions-end", name: "filter-header-actions-end" }), index.h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return index.h("calcite-loader", { label: "Loading filters..." });
@@ -2714,10 +2712,10 @@ const InstantAppsSocialShare = class {
         const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (index.h("div", { class: CSS.dialogContent }, this.renderOptions(), this.displayTipText ? this.renderTip() : null, this.embed ? this.renderEmbed() : null));
         const layoutClass = this.shareIconsLayout === 'vertical' ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;
         const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? 'dark' : 'light'}`;
-        const dialogContent = (index.h("div", { key: '1d10b5a2fb75584357c9c0f4fbd75e4904ad20ef', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
+        const dialogContent = (index.h("div", { key: 'b23e14b1ba2ca6f64137f676aae9f19fde42260d', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
         const defaultOffset = 6;
         const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;
-        return (index.h(index.Host, { key: '75f577c38604ff752062434134a04d6d85263c16' }, this.mode === 'popover'
+        return (index.h(index.Host, { key: '5143e472b8381d068e6cc6f155b5c65d3aaf4c53' }, this.mode === 'popover'
             ? [
                 index.h("calcite-popover", { ref: (el) => (this.popoverRef = el), label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, referenceElement: "shareButton", placement: "bottom-start", scale: this.scale, "overlay-positioning": this.popoverPositioning, "offset-distance": offsetDistance, "pointer-disabled": this.removePopoverOffset }, dialogContent),
                 this.renderButton(),

package/dist/cjs/{calcite-carousel.cjs.entry.js → calcite-carousel_2.cjs.entry.js}

@@ -26,7 +26,7 @@ require('./browser-2893460e.js');
  * v2.12.2
  */
 const DURATION = 6000;
-const CSS = {
+const CSS$1 = {
     container: "container",
     containerOverlaid: "container--overlaid",
     containerEdged: "container--edged",
@@ -261,31 +261,31 @@ const Carousel = class {
         this.renderRotationControl = () => {
             const text = this.playing ? this.messages.pause : this.messages.play;
             return (index.h("button", { "aria-label": text, class: {
-                    [CSS.paginationItem]: true,
-                    [CSS.autoplayControl]: true,
-                }, onClick: this.toggleRotation, title: text }, index.h("calcite-icon", { icon: this.playing ? ICONS.pause : ICONS.play, scale: "s" }), this.playing && (index.h("calcite-progress", { class: CSS.autoplayProgress, label: this.messages.carouselItemProgress, value: this.slideDurationRemaining }))));
+                    [CSS$1.paginationItem]: true,
+                    [CSS$1.autoplayControl]: true,
+                }, onClick: this.toggleRotation, title: text }, index.h("calcite-icon", { icon: this.playing ? ICONS.pause : ICONS.play, scale: "s" }), this.playing && (index.h("calcite-progress", { class: CSS$1.autoplayProgress, label: this.messages.carouselItemProgress, value: this.slideDurationRemaining }))));
         };
         this.renderPaginationArea = () => (index.h("div", { class: {
-                [CSS.pagination]: true,
-                [CSS.containerOverlaid]: this.controlOverlay,
+                [CSS$1.pagination]: true,
+                [CSS$1.containerOverlaid]: this.controlOverlay,
             }, onKeyDown: this.tabListKeyDownHandler, ref: this.storeTabListRef }, (this.playing || this.autoplay === "" || this.autoplay || this.autoplay === "paused") &&
             this.renderRotationControl(), this.arrowType === "inline" && this.renderArrow("previous"), this.renderPaginationItems(), this.arrowType === "inline" && this.renderArrow("next")));
-        this.renderPaginationItems = () => (index.h("div", { "aria-label": this.label, class: CSS.paginationItems, role: "tablist" }, this.items.map((item, index$1) => {
+        this.renderPaginationItems = () => (index.h("div", { "aria-label": this.label, class: CSS$1.paginationItems, role: "tablist" }, this.items.map((item, index$1) => {
             const isMatch = index$1 === this.selectedIndex;
             return (index.h("button", { "aria-controls": !isMatch ? item.id : undefined, "aria-selected": dom.toAriaBoolean(isMatch), class: {
-                    [CSS.paginationItem]: true,
-                    [CSS.paginationItemIndividual]: true,
-                    [CSS.paginationItemSelected]: isMatch,
+                    [CSS$1.paginationItem]: true,
+                    [CSS$1.paginationItemIndividual]: true,
+                    [CSS$1.paginationItemSelected]: isMatch,
                 }, "data-index": index$1, key: item.id, onClick: this.handleItemSelection, role: "tab", title: item.label }, index.h("calcite-icon", { icon: isMatch ? ICONS.active : ICONS.inactive, scale: "l" })));
         })));
         this.renderArrow = (direction) => {
             const isPrev = direction === "previous";
             const dir = dom.getElementDir(this.el);
             const scale = this.arrowType === "edge" ? "m" : "s";
-            const css = isPrev ? CSS.pagePrevious : CSS.pageNext;
+            const css = isPrev ? CSS$1.pagePrevious : CSS$1.pageNext;
             const title = isPrev ? this.messages.previous : this.messages.next;
             const icon = isPrev ? ICONS.chevronLeft : ICONS.chevronRight;
-            return (index.h("button", { "aria-controls": this.containerId, class: { [CSS.paginationItem]: true, [css]: true }, "data-direction": direction, onClick: this.handleArrowClick, title: title }, index.h("calcite-icon", { flipRtl: dir === "rtl", icon: icon, scale: scale })));
+            return (index.h("button", { "aria-controls": this.containerId, class: { [CSS$1.paginationItem]: true, [css]: true }, "data-direction": direction, onClick: this.handleArrowClick, title: title }, index.h("calcite-icon", { flipRtl: dir === "rtl", icon: icon, scale: scale })));
         };
         this.autoplay = false;
         this.arrowType = "inline";
@@ -443,13 +443,13 @@ const Carousel = class {
     render() {
         const { direction } = this;
         return (index.h(index.Host, { key: 'bff4155cb4358665eb6530b6637322598604d873' }, index.h(interactive.InteractiveContainer, { key: '7a388be689aca07856f350963c33bce1d4e5e278', disabled: this.disabled }, index.h("div", { key: 'c53c92b22ace937c0d2a6568ddd729ccb1b91108', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
-                [CSS.container]: true,
-                [CSS.containerOverlaid]: this.controlOverlay,
-                [CSS.containerEdged]: this.arrowType === "edge",
+                [CSS$1.container]: true,
+                [CSS$1.containerOverlaid]: this.controlOverlay,
+                [CSS$1.containerEdged]: this.arrowType === "edge",
             }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, ref: this.storeContainerRef, role: "group", tabIndex: 0 }, index.h("section", { key: 'cae379b167a37ef82417ab308c7d623300790122', class: {
-                [CSS.itemContainer]: true,
-                [CSS.itemContainerForward]: direction === "forward",
-                [CSS.itemContainerBackward]: direction === "backward",
+                [CSS$1.itemContainer]: true,
+                [CSS$1.itemContainerForward]: direction === "forward",
+                [CSS$1.itemContainerBackward]: direction === "backward",
             }, id: this.containerId,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
             ref: this.storeItemContainerRef }, index.h("slot", { key: 'bf14a67b46e8946e9cafc57a8d0625b65513f702', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
@@ -468,4 +468,38 @@ const Carousel = class {
 };
 Carousel.style = CalciteCarouselStyle0;
 
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.2
+ */
+const CSS = {
+    container: "container",
+    selected: "selected",
+};
+
+const carouselItemCss = ":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteCarouselItemStyle0 = carouselItemCss;
+
+const CarouselItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.guid = `calcite-carousel-item-${guid.guid()}`;
+        this.label = undefined;
+        this.selected = false;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Render Methods
+    //
+    // --------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (index.h(index.Host, { key: '6d4ac387ae1b4748050c82d8387edd30e6c0e662', id: id }, index.h("div", { key: 'c6a4c67d99dd6e34198b2d128efb518e757277ce', "aria-label": this.label, class: { [CSS.container]: true, [CSS.selected]: this.selected }, role: "tabpanel" }, index.h("slot", { key: '2ed94883d41dba5430a39933c6fe91bb25b12703' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+CarouselItem.style = CalciteCarouselItemStyle0;
+
 exports.calcite_carousel = Carousel;
+exports.calcite_carousel_item = CarouselItem;

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -2208,7 +2208,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '66924107ce947a376028ae9cedde446311f131bf' }, index.h("div", { key: '8cb3221e632b06a070455014637534c35a1f8b09', class: "parent-container" }, index.h("div", { key: '104f2c5e01ac4af2a238c001fa890902de4354e3', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '9735e02ba2487f40d4c1f95047e9d33299562be4', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: 'ab8a525e9fef7904fb547b4b2ef76ce716a0fd8c', class: "inputBottomSeparation" }, index.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" }), index.h("button", { key: '5465e97b62201bd47cc75a44a36bce007419b22f', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '3bfa09cf4808b3a13dcd552b5bfdc6e747a33b67', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.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), index.h("div", { key: '187f3292746d58cc8f46e5d422923424a29c3a7a', class: "flex" }, index.h("div", { key: '5b3ba4347bcbb2ba7f86404c5ea5634831dd916a', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '87ca825056fdb5f07e2641748c2faa284381bcf4', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '6d343a236607c72a51b22b0b43e0e29cf57ba361', class: "snippet-count-container" }, index.h("calcite-input", { key: '3bff884cf3b462942e9a959c323f1a47b8ac1fb9', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: 'fdd0951508f0c422fc28c79488c126f70af07f88', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '42cdb37a1ba254bd863b7f424e1d6b1d2524b3bc' }, this._translations.description, index.h("label", { key: 'd45d8bbd0bfd913f100e5f446265b9336d50a93a', id: "item-description-label" }, index.h("calcite-input", { key: 'cbe6a819f00d2015858e632e2dd417260dc8c58f', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: 'de374dafb6856b650c1fe59913b7bb9c53b9ede7' }, this._translations.tags, index.h("label", { key: '265b4ff2b4210c36f15d2b66a18e4b5943b4ef09', id: "item-tags-label" }, index.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" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (index.h(index.Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, index.h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, index.h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, index.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" }), index.h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.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), index.h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, index.h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, index.h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, index.h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, index.h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, index.h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, index.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" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();
@@ -2386,7 +2386,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '63291062c3de65e5b1be43c8b4ad576dec5bc03d' }, index.h("div", { key: '3d85e17d3a1b62ebddf941d2cf2d7003fb09fa3e', class: "container-border" }, index.h("calcite-label", { key: '0c4266ddfa4e38fa61d2963a18263af08139a38d' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (index.h(index.Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, index.h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, index.h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2505,7 +2505,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '76e0f912c6793c1ef3f8a7f1c30bf8150ee56b11' }, index.h("div", { key: '08466bae42b7911d81f0047024d53cc759486545' }, index.h("h4", { key: 'b14ce6b8dbc48e7772b4dff6ce7568789012b497', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '0da50a1ff0dbcd341cf98f7319255ef2d0e922c7', class: "container-border" }, index.h("calcite-tree", { key: '463beeb427ed3358ce9358c1363ff0f62a34a714', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (index.h(index.Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, index.h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, index.h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, index.h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2603,7 +2603,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (index.h(index.Host, { key: '106f481657df3169901b74a9a44254cb60ebcbc1' }, index.h("div", { key: 'de5496a1f9ee00d881960691112af008fa3348e0', class: "resource-item" }, index.h("div", { key: 'df37567b6feebe82f0c642d11df50ae2a60b4c85', class: "margin-bottom-1" }, index.h("calcite-button", { key: '043e569dc938d27c7b2f007fc818791d3cecf266', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'be01e64fb47fa243dbcf9f0b5f387152b6da7f57', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '5a08b047d2bdbb5ee3c7f46ebc1b75c27d08b450', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (index.h(index.Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, index.h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, index.h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------
@@ -2885,7 +2885,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'b907b06222070e2d3c6c6df2d84f76de0f0eb38c' }, index.h("div", { key: 'ee0602b96a42abffbe304ab87e3509c3becd7a20', class: "solution-data-container" }, index.h("calcite-shell", { key: 'bda449f2095f54307e36da0cad30c9925dce71d1', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '258b22d836fcbc1b673922f153aaa706265499e4', class: "json-editor" }, index.h("div", { key: 'e8a68cc1f67ea6884ecb69d260fe8c75720e6507', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: 'fcdc35e68a49f118344e9f6e680d00695cb0627f', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '8491cafb36bc5ec37e3a4162cf4ccf754c27f168', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: '100427789b8741e91578272e1c6599ea3274e841', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.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 }), index.h("div", { key: 'd75faf0b3baa7a770603a5e64b310fa537c66a5b', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: '0d87e21946cc7414d577fce30b58d6633faa48ce', value: this.organizationVariables })), index.h("div", { key: '74c325d0174842c55d3ec44b8230450048460d57', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: 'e91eb808161167ccf62771a81d42c07446642791', value: this.solutionVariables }))))))));
+        return (index.h(index.Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, index.h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, index.h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, index.h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.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 }), index.h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), index.h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -2959,7 +2959,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '433753b4da6f9f84d1f0e205523530cfdf07f6cd' }, index.h("div", { key: '5ae081220ce5c01e89ae7c4f8167e5d8b80d818b' }, index.h("h4", { key: 'bcbe1103c8e52db304b2d90ced42acd7d3dd2974', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '869027e1f0351685570f15e062e89cba32fefac5', class: "container-border" }, index.h("calcite-tree", { key: 'cc5d2c6fae7154cdbacb990d917830696d79e6c3', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (index.h(index.Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, index.h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, index.h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, index.h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //