@esri/solutions-components 0.10.10 → 0.10.12

package/dist/esm/calcite-segmented-control_2.entry.js

@@ -3,27 +3,30 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { a as getElementDir, A as slotChangeHasContent, t as toAriaBoolean } from './dom-982585e7.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9827fc54.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-1d03c7ff.js';
-import { c as connectLabel, d as disconnectLabel } from './label-38802319.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
-import { c as createObserver } from './observers-0f4a5f9e.js';
-import { V as Validation } from './Validation-8ddc15e3.js';
-import { i as isBrowser } from './browser-8c71dd57.js';
-import './guid-5c959cfd.js';
-import './resources-3bc82696.js';
-import './component-e3f05da5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b793d9aa.js';
+import { t as toAriaBoolean, a as getElementDir, A as slotChangeHasContent } from './dom-b5c50286.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ba965042.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-742ba555.js';
+import { c as connectLabel, d as disconnectLabel } from './label-0b82858a.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73f289b6.js';
+import { c as createObserver } from './observers-e2484555.js';
+import { V as Validation } from './Validation-63949b7d.js';
+import { i as isBrowser } from './browser-552eb2d0.js';
+import './guid-4c746a7f.js';
+import './resources-defbb49f.js';
+import './component-c2c32481.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.11.1
+ * v2.12.0
  */
 const CSS$1 = {
     itemWrapper: "item-wrapper",
 };
+const IDS = {
+    validationMessage: "segmentedControlValidationMessage",
+};
 
 const segmentedControlCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-color-border-input);outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteSegmentedControlStyle0 = segmentedControlCss;
@@ -124,7 +127,7 @@ const SegmentedControl = class {
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: 'a732600395a937851e52f797392d535cdc76ab55', onClick: this.handleClick, role: "radiogroup" }, h("div", { key: '890388a900d9740df1b183cd328ffde4f28a000b', class: CSS$1.itemWrapper }, h(InteractiveContainer, { key: '5d0edef0d414ec5f6bd2bd662465484b682d1e22', disabled: this.disabled }, h("slot", { key: '6fea50f20e471622c6fffdd72815620bedf9a1fc' }), h(HiddenFormInputSlot, { key: 'd96e1d652fdd31e2d3caceecba419162770e196a', component: this }))), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (h(Host, { key: '15d2892515a26a3d97657819a2f7e4ec1bfa132b', onClick: this.handleClick, role: "radiogroup" }, h("div", { key: '5cf92b36bed0d722d548bbda4804fe3e2a8c0c6a', "aria-errormessage": IDS.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS$1.itemWrapper }, h(InteractiveContainer, { key: '3cdc812ffe33a9651dd4308b8fe8db582e3055de', disabled: this.disabled }, h("slot", { key: '4e81e1944e237c65f4bf06b8270a5c23f8c49bd3' }), h(HiddenFormInputSlot, { key: 'b0ccbb1b76b295ab87912c43b0cbbb936c7fea6e', component: this }))), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
@@ -257,7 +260,7 @@ SegmentedControl.style = CalciteSegmentedControlStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const SLOTS = {
     input: "input",
@@ -313,7 +316,7 @@ const SegmentedControlItem = class {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (h(Host, { key: '64495ba9eba49895f5f33b6ad1b2e8d4558a06e6', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '20f5225b199a9046a4e423ff7ed0bcb604df28f0', class: {
+        return (h(Host, { key: '71f135787c759f1e4ae51c0e0d97164ccfc0b1e1', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: 'e648e7765db0a7e3a4bc5d699475f0883c031c6d', class: {
                 [CSS.label]: true,
                 [CSS.labelScale(scale)]: true,
                 [CSS.labelHorizontal]: layout === "horizontal",

package/dist/esm/calcite-sheet.entry.js

@@ -3,21 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e3f04fa1.js';
-import { x as ensureId, a as getElementDir, f as focusFirstTabbable } from './dom-982585e7.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-2dc61826.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
-import { c as createObserver } from './observers-0f4a5f9e.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-f118bfc5.js';
-import { C as CSS_UTILITY } from './resources-3bc82696.js';
-import './guid-5c959cfd.js';
-import './config-6d8fa5c8.js';
-import './browser-8c71dd57.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b793d9aa.js';
+import { v as ensureId, a as getElementDir, f as focusFirstTabbable } from './dom-b5c50286.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-6ec0f681.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73f289b6.js';
+import { c as createObserver } from './observers-e2484555.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-7b8f2e24.js';
+import { C as CSS_UTILITY } from './resources-defbb49f.js';
+import './guid-4c746a7f.js';
+import './config-2fa7bb77.js';
+import './browser-552eb2d0.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.11.1
+ * v2.12.0
  */
 const CSS = {
     scrim: "scrim",
@@ -45,9 +45,11 @@ const Sheet = class {
         this.openTransitionProp = "opacity";
         this.ignoreOpenChange = false;
         this.mutationObserver = createObserver("mutation", () => this.handleMutationObserver());
+        this.setContentId = (el) => {
+            this.contentId = ensureId(el);
+        };
         this.setTransitionEl = (el) => {
             this.transitionEl = el;
-            this.contentId = ensureId(el);
         };
         this.openEnd = () => {
             this.setFocus();
@@ -137,14 +139,14 @@ const Sheet = class {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (h(Host, { key: '28df157ec40bfb6614047f7d5d7aa9b52548c9dd', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { key: 'a6f864dce3b470bc88798e46990cf5a1bf97f41a', class: {
+        return (h(Host, { key: '682efb5e9586947743259232dfed9a90ef44b4c2', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { key: 'ed1647113f217d7fe34ec91fdbc7fa60310c33a2', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
                 [CSS.containerEmbedded]: this.embedded,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            } }, h("calcite-scrim", { key: '96f8084c552b16875a32423dee461dc60d210164', class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { key: 'f012185dc7fd7ddffd8fe0dc5a2fa2f92d94db47', class: {
+            }, ref: this.setTransitionEl }, h("calcite-scrim", { key: 'a5dd8c8d81bb5d5536a43113f09120dfb708cf14', class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { key: '350faeae89f75b8e52079cd68c28ee66c1162762', class: {
                 [CSS.content]: true,
-            }, ref: this.setTransitionEl }, h("slot", { key: '2e6add208eae71ea74156169e82026be1088f107' })))));
+            }, ref: this.setContentId }, h("slot", { key: '8a0e9e782232088a62efa78881f6f165e2d01d4e' })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/calcite-shell-center-row.entry.js

@@ -3,18 +3,18 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, g as getElement, F as Fragment } from './index-e3f04fa1.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-33053690.js';
-import { g as getSlotted } from './dom-982585e7.js';
-import './observers-0f4a5f9e.js';
-import './browser-8c71dd57.js';
-import './guid-5c959cfd.js';
-import './resources-3bc82696.js';
+import { r as registerInstance, h, g as getElement, F as Fragment } from './index-b793d9aa.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-60e775f3.js';
+import { g as getSlotted } from './dom-b5c50286.js';
+import './observers-e2484555.js';
+import './browser-552eb2d0.js';
+import './guid-4c746a7f.js';
+import './resources-defbb49f.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.11.1
+ * v2.12.0
  */
 const CSS = {
     actionBarContainer: "action-bar-container",
@@ -52,14 +52,14 @@ const ShellCenterRow = class {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (h("div", { key: '81509aabe59bf7baa749bebc9dfdd510d7116b0e', class: CSS.content }, h("slot", { key: '32508fde267a3158deb3e0f26a5119120924d701' })));
+        const contentNode = (h("div", { key: '7c40a32627154faa3cbb1caa515f156481b79a7a', class: CSS.content }, h("slot", { key: 'fe29fde212e5e65a0e0baf633a086dd8e30b5eb8' })));
         const actionBar = getSlotted(el, SLOTS.actionBar);
         const actionBarNode = actionBar ? (h("div", { class: CSS.actionBarContainer, key: "action-bar" }, h("slot", { name: SLOTS.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return h(Fragment, { key: '78b0898056f601e151f4ba820dad03dbf0461b4b' }, children);
+        return h(Fragment, { key: '9e200163d756dc56a18a7a15692b5804bc6fc874' }, children);
     }
     get el() { return getElement(this); }
 };

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

@@ -3,43 +3,43 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, f as forceUpdate, g as getElement, H as Host, d as readTask, F as Fragment } from './index-e3f04fa1.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-33053690.js';
-import { a as getElementDir, i as isPrimaryPointerButton, h as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement, n as nodeListToArray, d as focusElementInGroup, B as filterDirectChildren, t as toAriaBoolean, C as getSlotAssignedElements, e as focusElement, g as getSlotted } from './dom-982585e7.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-53748f98.js';
-import { c as clamp } from './math-dbb62ccf.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-5371b7ab.js';
-import { C as CSS_UTILITY } from './resources-3bc82696.js';
-import { g as guid } from './guid-5c959cfd.js';
+import { r as registerInstance, c as createEvent, h, f as forceUpdate, g as getElement, H as Host, d as readTask, F as Fragment } from './index-b793d9aa.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-60e775f3.js';
+import { a as getElementDir, i as isPrimaryPointerButton, h as slotChangeGetAssignedElements, s as slotChangeHasAssignedElement, y as nodeListToArray, d as focusElementInGroup, B as filterDirectChildren, t as toAriaBoolean, C as getSlotAssignedElements, e as focusElement, g as getSlotted } from './dom-b5c50286.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-21e40b0c.js';
+import { c as clamp } from './math-8c04292e.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-2fb3af62.js';
+import { C as CSS_UTILITY } from './resources-defbb49f.js';
+import { g as guid } from './guid-4c746a7f.js';
 import { c as calciteSize24, a as calciteSize32, b as calciteSize44 } from './core-6a3c13ac.js';
-import { c as createObserver } from './observers-0f4a5f9e.js';
-import { c as connectInteractive, d as disconnectInteractive, I as InteractiveContainer, u as updateHostInteraction } from './interactive-1d03c7ff.js';
-import { g as getIconScale } from './component-e3f05da5.js';
-import { i as isBrowser } from './browser-8c71dd57.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-869378d9.js';
-import { q as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, g as getItemData, k as keyDownHandler, t as moveItemIndex, i as initialize, c as initializeObserver, f as handleInitialFilter, e as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, j as calciteListItemChangeHandler, l as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List } from './shared-list-render-d8c49a1f.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-173802fd.js';
-import { l as logger } from './logger-c6b14fe1.js';
-import { C as CSS$5, S as SLOTS$3 } from './resources-124c42d1.js';
-import { I as ICON_TYPES$1 } from './resources-a4ff051c.js';
-import { g as getLocaleComponentStrings } from './locale-e758c2ee.js';
-import { s as state } from './solution-store-0586e891.js';
+import { c as createObserver } from './observers-e2484555.js';
+import { c as connectInteractive, d as disconnectInteractive, I as InteractiveContainer, u as updateHostInteraction } from './interactive-742ba555.js';
+import { g as getIconScale } from './component-c2c32481.js';
+import { i as isBrowser } from './browser-552eb2d0.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-73f289b6.js';
+import { q as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, g as getItemData, k as keyDownHandler, t as moveItemIndex, i as initialize, c as initializeObserver, f as handleInitialFilter, e as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, j as calciteListItemChangeHandler, l as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List } from './shared-list-render-4053f1dc.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-3f9e9322.js';
+import { l as logger } from './logger-0d6e5bfe.js';
+import { C as CSS$5, S as SLOTS$3 } from './resources-896b6b00.js';
+import { I as ICON_TYPES$1 } from './resources-30b747d4.js';
+import { g as getLocaleComponentStrings } from './locale-b1d53fb1.js';
+import { s as state } from './solution-store-61fd39ea.js';
 import { d as EUpdateType } from './interfaces-659e3836.js';
 import { E as EFileType } from './solution-resource-966f8511.js';
-import './key-7f394a98.js';
-import './array-5ce54fce.js';
-import './resources-0bf41f5d.js';
+import './key-58898f0a.js';
+import './array-dd6e2c7d.js';
+import './resources-2d6e35cf.js';
 import './debounce-6e9ade8c.js';
-import './config-6d8fa5c8.js';
-import './esri-loader-781d738a.js';
+import './config-2fa7bb77.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
-import './index-1dc14abf.js';
+import './index-2c724afd.js';
 import './restHelpersGet-788d7f7b.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.11.1
+ * v2.12.0
  */
 const CSS$4 = {
     container: "container",
@@ -323,8 +323,8 @@ const ShellPanel = class {
                     : null
             : null;
         const separatorNode = !collapsed && allowResizing ? (h("div", { "aria-label": this.messages.resize, "aria-orientation": layout === "horizontal" ? "vertical" : "horizontal", "aria-valuemax": layout == "horizontal" ? contentHeightMax : contentWidthMax, "aria-valuemin": layout == "horizontal" ? contentHeightMin : contentWidthMin, "aria-valuenow": layout == "horizontal"
-                ? (contentHeight ?? initialContentHeight)
-                : (contentWidth ?? initialContentWidth), class: CSS$4.separator, key: "separator", onKeyDown: this.separatorKeyDown, ref: this.connectSeparator, role: "separator", tabIndex: 0, "touch-action": "none" })) : null;
+                ? contentHeight ?? initialContentHeight
+                : contentWidth ?? initialContentWidth, class: CSS$4.separator, key: "separator", onKeyDown: this.separatorKeyDown, ref: this.connectSeparator, role: "separator", tabIndex: 0, "touch-action": "none" })) : null;
         const getAnimationDir = () => {
             if (layout === "horizontal") {
                 return position === "start"
@@ -428,7 +428,7 @@ ShellPanel.style = CalciteShellPanelStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const CSS$3 = {
     container: "container",
@@ -454,7 +454,7 @@ const Tab = class {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (h(Host, { key: '03e398db2023e422338659deb076c6e6c63cd866', "aria-labelledby": this.labeledBy, id: id }, h("div", { key: '371846888e92a0791d2a5a725d1525808241132e', class: { [CSS$3.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, h("section", { key: '48e3af2254269734886ed512dc3577dfafed52fa', class: CSS$3.content }, h("slot", { key: 'e25dd14ed3972ed4b488f7abb07484cf5e48681f' })))));
+        return (h(Host, { key: '781e0b82d69d7ea6b2bd6e15ed0d1c5248f24d05', "aria-labelledby": this.labeledBy, id: id }, h("div", { key: '58a6be23b29e8bee598ecf0cd97ef0578fd4e197', class: { [CSS$3.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, h("section", { key: 'fbff1dec6ca2494f2485528679c14b4b0741abd8', class: CSS$3.content }, h("slot", { key: 'fc52db6fd58bd87f137e887837df5c08772809a3' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -521,7 +521,7 @@ Tab.style = CalciteTabStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const ICON = {
     chevronRight: "chevron-right",
@@ -741,16 +741,16 @@ const TabNav = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'dd1f2b015a83e243b6d5b74f5d75f6e15a380326', role: "tablist" }, h("div", { key: 'b855759e9b8f549fe804ed6eeae6da3c1a48ff71', class: {
+        return (h(Host, { key: 'e2e130cc399d8bb88201f283de2eef17a46882fc', role: "tablist" }, h("div", { key: '2beae02bec71c759201063e4820ce19cacd1c432', class: {
                 [CSS$2.container]: true,
                 [CSS$2.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$2.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
                 [`scale-${this.scale}`]: true,
                 [`position-${this.position}`]: true,
                 [CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
-            } }, this.renderScrollButton("start"), h("div", { key: '83290a1781ffe3644be2c33b4df23e02c9bc322e', class: {
+            } }, this.renderScrollButton("start"), h("div", { key: '609a5b8efc1bd46810217ab17256aaad7432586b', class: {
                 [CSS$2.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, h("slot", { key: '3564fbf9bfd1c05f1cec10ec330240b8d9572e07', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, h("slot", { key: '7436f2fcacf2b483a77c741a2449f783c9c4c148', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //
@@ -930,7 +930,7 @@ TabNav.style = CalciteTabNavStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const CSS$1 = {
     closeButton: "close-button",
@@ -1048,14 +1048,14 @@ const TabTitle = class {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (h("calcite-icon", { key: 'ad1702b0148764ff6e4aebb00ea87497d112c293', class: { [CSS$1.titleIcon]: true, [CSS$1.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const iconEndEl = (h("calcite-icon", { key: '8e7b1d4960585f34a03f40b05f9328c02a706c93', class: { [CSS$1.titleIcon]: true, [CSS$1.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
-        return (h(Host, { key: 'bd822a327a486c08dad7c9033054863de46591d6', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, h(InteractiveContainer, { key: '23f47db639bbe21922c8c8aa3bbcfe9b0433f2f5', disabled: this.disabled }, h("div", { key: 'c02773329f60ddcba7869df57f83ef5781346f62', class: {
+        const iconStartEl = (h("calcite-icon", { key: '20ea18dabdb4cabe8a032d0799f3c757bc90c91d', class: { [CSS$1.titleIcon]: true, [CSS$1.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const iconEndEl = (h("calcite-icon", { key: 'ebd3913a334a959e8962addd45e5077ee82f2ca8', class: { [CSS$1.titleIcon]: true, [CSS$1.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        return (h(Host, { key: '58a72fa4a6e961c3414dfe224a4e235892784707', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, h(InteractiveContainer, { key: 'fe7662ade3001579b664772b4672d6bebd06a82b', disabled: this.disabled }, h("div", { key: 'ea226b71436922de6bae2e8e542ae0adf08add1b', class: {
                 [CSS$1.container]: true,
                 [CSS$1.containerBottom]: this.position === "bottom",
                 [CSS$1.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [CSS$1.scale(this.scale)]: true,
-            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, h("div", { key: '1cc60233446099ee25cf5231ca22ab7c96647dd8', class: { [CSS$1.content]: true, [CSS$1.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, h("slot", { key: 'd4c96c09ee2853b2053ed346fd1221cdfbbe750b' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), h("div", { key: '487f585d1c3137a4c7354d9881bf1a777d77238c', class: CSS$1.selectedIndicator })))));
+            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, h("div", { key: '737609daa04d9dc18b46872c49b82cf211ba9b5a', class: { [CSS$1.content]: true, [CSS$1.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, h("slot", { key: 'fb500a910e5c6bfcd8571e2d109331dd88f2544d' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), h("div", { key: '3fd13c6f459e05cea88c40809b7220369866a2b9', class: CSS$1.selectedIndicator })))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -1198,7 +1198,7 @@ TabTitle.style = CalciteTabTitleStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const SLOTS$1 = {
     titleGroup: "title-group",
@@ -1320,7 +1320,7 @@ const Tabs = class {
     }
     disconnectedCallback() { }
     render() {
-        return (h(Fragment, { key: 'fbdc57d4dbdde7b3dd75afef8d58139559fce80f' }, h("slot", { key: 'ecbd722566a4372f1d3ba156870bd2a7659d6e03', name: SLOTS$1.titleGroup }), h("section", { key: '8df862476d3a83acfce631bf815582cab1d7f5d2' }, h("slot", { key: '06c4deb3e46c92fdbd06b66663617c1bee81c26d', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
+        return (h(Fragment, { key: '300872682f4f969586b06b6bbfa5cccb5a005e03' }, h("slot", { key: '9b8c09c2f93725349a98d13fb0167c88b82ef413', name: SLOTS$1.titleGroup }), h("section", { key: 'bf1b19251ca8ab3ba4c3c3fa15995889d71d9355' }, h("slot", { key: 'e1008e065225b4f0cb1b4fbe2ec91ab761db1144', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1335,7 +1335,7 @@ Tabs.style = CalciteTabsStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -1348,7 +1348,7 @@ const ICON_TYPES = {
 /*!
  * 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.11.1
+ * v2.12.0
  */
 function getScreenReaderText(item, status, valueList) {
     const { items, messages } = valueList;
@@ -1629,7 +1629,7 @@ ValueList.style = CalciteValueListStyle0;
 /*!
  * 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.11.1
+ * v2.12.0
  */
 const ICONS = {
     drag: "drag",
@@ -1756,7 +1756,7 @@ const ValueListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd1d853c660a3a48f447a56f8635c1488f9b1f5d9', id: this.el.id || this.guid }, h(InteractiveContainer, { key: 'a443b18162f5bd6a76509fbf2a834259ea480dfc', disabled: this.disabled }, this.renderHandle(), h("calcite-pick-list-item", { key: '36475ef4beb9d9e874434bab09910f3034289a1f', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
+        return (h(Host, { key: '5800bb42bb126d69868f664845be9d912cc16a1e', id: this.el.id || this.guid }, h(InteractiveContainer, { key: '3fd26470647b3ec37edaf80d83d8b74b4a0dbcb0', disabled: this.disabled }, this.renderHandle(), h("calcite-pick-list-item", { key: '772821bab106c95accaa215e05164371760f2ac0', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
     }
     get el() { return getElement(this); }
 };
@@ -1842,7 +1842,7 @@ const JsonEditor = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '160ba6c2961d67add84b4f23b4aacd2213d064b2' }, h("div", { key: 'bf0a77eed1d206376244526db6a261cce163ca69', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '65a0f2f69d4b7f9694a6617755c638d9ad19e168', class: "editor-controls" }, h("div", { key: '3fccc399a3e2a45fe55a374c869a7a7c7533eafc', class: "editor-buttons" }, h("calcite-icon", { key: '5007e48c8ecf9d5a037e062bbb3b5ee3710b18eb', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '37f8abf8027e0743e373de473421d06884f61d0b', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '31c88e27793f4e07ccc20df6d6c88fa0d6661977', icon: "undo", scale: "s" })), h("calcite-button", { key: '56a5945e706a5c66044678f768d567286893c7b1', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'b2a2d56e6818ee09be15114fcab357732f9f0c99', icon: "redo", scale: "s" })), h("calcite-button", { key: '63acf48f78d1f9cdcd86c5862e399be2217a16c1', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '677f9c42bbb449fb51325a9dd4b60affd8a73cd7', icon: "compare", scale: "s" })), h("calcite-button", { key: '7cf8fac59ad4096ed541bfd1e6454cec70890c72', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '1e2e4290e7b7254a533a99d85ea2745050b22e55', icon: "search", scale: "s" })), h("calcite-button", { key: 'ec656bcb0a64a6ff6a42760710f8067eae18b9a5', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '0210b400f5934c68c45fe61f4bf11d3efca97333', icon: "reset", scale: "s" })))), h("div", { key: 'd14efe742fe79b18a436bf522e33924c2a7e72d5', class: "edit-parent" }, h("div", { key: 'e550bbc5968b71701220a44cba17afa9f5f61c48', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '9778b7229d2f3ec994c8a8d707a7f7b394697823', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: '01ac5edcc26e82397316e8a01229a3d27d6902af' }, h("div", { key: '87e015e58f6a1822ba202f660655078b7f7c1a8c', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '90d98682605a514797da3dc11a9f68dad336759b', class: "editor-controls" }, h("div", { key: 'c5eca5a9750d8f010ce9d749cfe7529a0b5c95c6', class: "editor-buttons" }, h("calcite-icon", { key: '5cdea0dc714261c6fa454d43c5fd3ba3902d9eac', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: 'e7f8e33c62c98a887b06bf20d5a718849f1455c6', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'fb3e4ea4d2120bd2fce4541c6c90b1d16fe7da2f', icon: "undo", scale: "s" })), h("calcite-button", { key: 'ba214ef0fa2d27d4334dd4b10d7bf15c35b49407', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'da359a0692ff1dd777588ab657f2520ca62eeb93', icon: "redo", scale: "s" })), h("calcite-button", { key: '569955fc77faf069f66b3c7376973822cc17f038', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'e477c4ae6d3b2cda3bdcc56660739ffab9b271c1', icon: "compare", scale: "s" })), h("calcite-button", { key: 'a691eb75c7487c6b401f4d35a4e7e8ac84e0d8f9', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '7a0cc6c45b49fb6db3963e7325291dd36dbc95ac', icon: "search", scale: "s" })), h("calcite-button", { key: '1ac31fcbb93e38aff565559174b45a5ef286dc01', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'abcc13ccb46312d8169196af5336bf8d25882ac8', icon: "reset", scale: "s" })))), h("div", { key: 'd70a08eec3c817a38dafb6ed15085efbc3aed090', class: "edit-parent" }, h("div", { key: '6cdec935e00ba08af533c7b2ca565f9a6fefc268', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: '1611a95a808ba19133d4c3d5bec6def362771746', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2203,7 +2203,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f93ee5d1152024c4c9d4b7376d8e19e5a0ebaccd' }, h("div", { key: 'd03106d1566be78c478a8ca798cea04161e835a2', class: "parent-container" }, h("div", { key: '78f52543e511e7deecffdc998808fce766863ef3', class: "inputBottomSeparation" }, h("calcite-input", { key: '70783f0059d5e526f56a4ff2cff18e20348c4c16', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'b2cfc981837ee9fd8549dc62057bc98429f3f50a', class: "inputBottomSeparation" }, h("input", { key: '47bdb6fe76a080c297c01ee8624088a501f31f17', 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: '7c2b6882f87d63f97c609c071b60b62474931c93', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'b530933142b3aa03de26baa33e4be11ea9f4c806', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '57388aa06be3e6c3bed24673ab63386cc433f6c0', 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: '3906eeaa6bd72d0c53a0e472c3606f0ab879a3d3', class: "flex" }, h("div", { key: 'fa88b2ea055748202ed7c34ce7df2cfc9a1592a0', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '2b5e960405c8f41a66bdf93f47e669d5eae646ad', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '7762aca4498ef2ca8d70beb59cfc5906229c3e5d', class: "snippet-count-container" }, h("calcite-input", { key: '1a6e9e299e551f2c7a3f99395a789fd4e1bf1e88', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: 'a66a1569c45189e013d230f7d2c11fd315ffaa29', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '1befca128558c7b638d86521f162bcbf44e889a1' }, this._translations.description, h("label", { key: '496939ec6171b926b8f7d6610fa153a0ee63243c', id: "item-description-label" }, h("calcite-input", { key: 'a97b85340d620f4fa909b4b697e058e5398df145', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'eecadd422f35b01124dbf9ac8ce030c561f8b76d' }, this._translations.tags, h("label", { key: 'be9ba3c1c3e4d3bff74bcaf586cef39a8a5c76f2', id: "item-tags-label" }, h("calcite-input", { key: '9772f1e364dcb9810ea81bbf2871ee3c81bb0f92', 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: '61d6e5f9703edfb6a936a8a467fc545878c5406f' }, h("div", { key: '377c29de7e5b8e4c06197aad502b167e44579b87', class: "parent-container" }, h("div", { key: '2d97166d07a7f41a8dc250bd749690aae4d94699', class: "inputBottomSeparation" }, h("calcite-input", { key: '144e82dd68c146d06d4c644c0f1476c58cb244fe', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'ea25afac1fcc4428b39719df81e665b18e95a4fc', class: "inputBottomSeparation" }, h("input", { key: 'ab31fedf335a157f8c97eea5adb0eec09486bfb8', 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: '9e0365412096cdf99707d9d4c23855572912a1e6', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '0f36a04f8b3202022b7898e9bb1c04e164832b18', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '59a63dc2a5c2062ae1e1d0e95a0aff3413bc2bf5', 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: 'c259fca582d40cfdaafbd09728037148af9210c9', class: "flex" }, h("div", { key: '6dea250611cca99f6b894540b8f67e6a7435c71d', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '026a0bb189eae1c835ad422168164e1675984c18', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: 'b228b6c0bba23ce7dd158e09314fb33b24c08c34', class: "snippet-count-container" }, h("calcite-input", { key: '77423fd69cb2dd13f935309b59e17b7a310ba202', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '8d267b7f229c9e3810e593cd45410572e0a33b67', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '7762a94cc3594e528ede4e87f8c447fd01eeba1c' }, this._translations.description, h("label", { key: '6f0441fd754851951a85298bb693bd278996900b', id: "item-description-label" }, h("calcite-input", { key: '4211d2472265a2b3056329ee47b217dbceaaa93e', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8e3e4b730a63b2d13ea038d8536a066dafc64898' }, this._translations.tags, h("label", { key: '3c5df3b00ce7f82cc123e0675ceca84287061cd4', id: "item-tags-label" }, h("calcite-input", { key: '0f5b324fecf86953c6e72abdf1d3330b654ae170', 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();
@@ -2381,7 +2381,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b2086d83295956bff47fd5951056000043a4db72' }, h("div", { key: '1344ce75b7ae023544d0c177d883ba1c6eaed05b', class: "container-border" }, h("calcite-label", { key: 'abbd7a7f1e9dbf94d54ef61a2182b2659d60026e' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '8e4b35f389636c179685f0447e536d0eeabdd7ec' }, h("div", { key: 'a87684b15a96e580f9a203bba479f4d3d2c8db45', class: "container-border" }, h("calcite-label", { key: 'b1b62e4887674de5b572c457a1adf2c2a1f977eb' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2500,7 +2500,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '387c9a17b83de9f4aa2dc60666e4c45268b7d656' }, h("div", { key: '5181a83dbd700220b8ec55828a37d35fd1406ed1' }, h("h4", { key: '88eea182594f50b86ba873289d84ea0e1b7cc3eb', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'dcbaf3f135d1a6d660e4f17bce722feb6d2fed3e', class: "container-border" }, h("calcite-tree", { key: '4b85c9bd443deb82e570e58ae59c546d8ea9d36d', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: 'e84690899c2e378ddc30676d53c0199c52bcdbef' }, h("div", { key: '41599319f26d5348d3766e8208fcc22bd97741c5' }, h("h4", { key: 'ee898a64a72159101ab89b946679f7ada661a2ef', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '091a202b8c710ff9bb7c03e868a00f79e756d201', class: "container-border" }, h("calcite-tree", { key: '6ff1bb7fe8f286852d01ccecf19d35c3e85fb5f6', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2598,7 +2598,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '3209042541d0df8440c8ae7b1564ddad9adb4466' }, h("div", { key: '11d0ad8b5ad181a4db7836e9f3f05fa3e79b924b', class: "resource-item" }, h("div", { key: '1b768c980d3679dd8ce0557cd24c18ab397cac16', class: "margin-bottom-1" }, h("calcite-button", { key: '33a827d3df40e68d985a0f6f8c9fdfb89b78ef25', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '22adce285d7eb9c5fb5a189b0bee43cd25eb89a3', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '20b41623ed7ab10202a5ea929b9ddd63b62d0c0e', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '45bc346197968e07be42cc16c1c792e0e4872547' }, h("div", { key: 'f57fe6d4cf7d54975d48a11927477e295eb06089', class: "resource-item" }, h("div", { key: '4d1903665522dee371f51002370775f3b004e2fd', class: "margin-bottom-1" }, h("calcite-button", { key: 'fae693d09c76a1b0fb379c6178b561d30e962fec', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '3e07b0ee9ccc50aef57442a982816dd6bc376ecd', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '2e87fe655e7314299419ca97d7f1dae833e36426', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------
@@ -2880,7 +2880,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2ac01aadffbe8719d947d3258721a24e79c5827a' }, h("div", { key: '8576d2c273b557393ae9c959817c3a1803000ca6', class: "solution-data-container" }, h("calcite-shell", { key: '7962b2da3ebce8428119e95dee13a79fb06a71ca', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '49c9e36a219e8f09431f88b7e698bd53bc538e43', class: "json-editor" }, h("div", { key: 'ef96fb9a8d9bced4a36dca4786b7c77f06bd3dc7', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'f8e1662a22f6b36e0be929aec00c539508527a81', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '853f9c2df14fe53cc305b290cd1e5b9a8f694b4d', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '0bc3d510ba7dc9d4ca1339bf6d5fa1a52c249723', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '2c316175ebe7bdbd4911abbdd58c2bcac8c6e39c', 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: 'e436c6dba30492a9eda496c4da41a7632cc03232', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '4956e3bf41676ccf3dd0168f6f4f573f14927110', value: this.organizationVariables })), h("div", { key: '3376d0034d66f01cd78d01adf5653aeeca63b47f', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'bb3978deedbe0a439d85d1bb7a8d26380e226dd7', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '2e0fd019cf024cccd287674fc47c8c7149c5896e' }, h("div", { key: 'f36da861eb0915300e6cfa66507bfa819c5175ca', class: "solution-data-container" }, h("calcite-shell", { key: '05f2abaa3e654c5098f1b0fa39540b8e1ba69414', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '465260b700ea88b98e50b37cc1adf1815736c590', class: "json-editor" }, h("div", { key: '77828dc31fb4b3b556538a14660506dc0ce91c18', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'cf7be387699d46e0efce1cc9d2bafa1ecd1bd54b', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'a0f2aedafaf8eb4376c8f90a230b5992392ca4ce', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'c6275b75e9f275fad1c5cbd420847d1876c0084b', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '96329209db26f9acbfc5d8717fb9e09fba44a555', 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: 'ab6dfc9c86fb7b6fdf67668589990d12a517e0c6', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '26a8b4bcedbe525cde504431549fb911f9987865', value: this.organizationVariables })), h("div", { key: 'f0900c1e28036dbb0a5af6fd7db0e8625340c458', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '4ec9c214341c65e4b03a9d83e0731545c56ef3dd', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -2954,7 +2954,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '207eba2b3a7c2ae6958bc253c50a30ba05e4ad53' }, h("div", { key: '258351a67b1ffac4ce9290bdbc7a15fe045e1cf8' }, h("h4", { key: 'e8b6c6ff6b78d2ee885f352069426a79e12a4376', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'e68c85b552c5313300250d4e7a29aee50e3d070d', class: "container-border" }, h("calcite-tree", { key: '011383a8abb007bd6d7a59f6a7681f24fc32d3b0', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '51a1c5b70a98964bc4ffe33a94dc3555a959c82b' }, h("div", { key: '0dfa406bacb18becccc9a78bb191972d1c40141d' }, h("h4", { key: 'b0b8dcfd320cf44464c07fadf08121ee45f78ab5', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '01421759487d2a79a24fff4fbae2077ee00e0cd1', class: "container-border" }, h("calcite-tree", { key: 'a8952b2a7035122914cf62044d67f00261054548', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/calcite-sortable-list.entry.js

@@ -3,19 +3,19 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e3f04fa1.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-1d03c7ff.js';
-import { c as createObserver } from './observers-0f4a5f9e.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-173802fd.js';
-import { e as focusElement } from './dom-982585e7.js';
-import './browser-8c71dd57.js';
-import './guid-5c959cfd.js';
-import './resources-3bc82696.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b793d9aa.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-742ba555.js';
+import { c as createObserver } from './observers-e2484555.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-3f9e9322.js';
+import { e as focusElement } from './dom-b5c50286.js';
+import './browser-552eb2d0.js';
+import './guid-4c746a7f.js';
+import './resources-defbb49f.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.11.1
+ * v2.12.0
  */
 const CSS = {
     sortItem: "sort-item",
@@ -146,11 +146,11 @@ const SortableList = class {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (h(InteractiveContainer, { key: 'da0db08fa91c3f943f358b79a36cb6c3eb8212bd', disabled: disabled }, h("div", { key: '65ca5e00f52d324f9240dc9d4ed9298cf2be4e11', class: {
+        return (h(InteractiveContainer, { key: 'd88bb6eff8ac0c12fe058290a15b644f52b15efe', disabled: disabled }, h("div", { key: '0ac98b39280cbe2f61103d5c2120a9822ccee243', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, h("slot", { key: '8a968a9509770248980a573ff7565ed78cc8389c' }))));
+            } }, h("slot", { key: '9b2cc37a435d630ed79ad33ad95ff578ed701999' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/calcite-split-button.entry.js

@@ -3,15 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e3f04fa1.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-1d03c7ff.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-869378d9.js';
-import './browser-8c71dd57.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b793d9aa.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-742ba555.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-73f289b6.js';
+import './browser-552eb2d0.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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -92,7 +92,7 @@ const SplitButton = class {
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (h(InteractiveContainer, { key: 'c597321974d489c72aece4cd04be6b2158608a07', disabled: this.disabled }, h("div", { key: '4f11a0ede545b7cc43f86eb5ee3acab7db8a70f9', class: CSS.container }, h("calcite-button", { key: 'f0260a19308889bde04aea38d74dbe03bde2dd4a', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { key: '2ae9c4a58c5892b08ff50b856e96eaccda2af037', class: CSS.dividerContainer }, h("div", { key: '5417e3ba7fc8bb53eec5bcdfad9a2314fbea63f3', class: CSS.divider })), h("calcite-dropdown", { key: '3e578107aa654958138c2ac054db85e576cd9d4f', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: '342f08d02e675be65317bbb55611e9fed07e1b0f', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", { key: 'a57a2f5795d6bb0cd6778e0d5b58fd365161e9ed' })))));
+        return (h(InteractiveContainer, { key: 'ee973a15275bc3f95af17c40a4b8badbe3462d79', disabled: this.disabled }, h("div", { key: 'b2c812632a9ae8cd96060fcc6b22d052e957a9a7', class: CSS.container }, h("calcite-button", { key: '03a34e04ae9efa7811f1ac9d701fb230de7200a9', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { key: '1a1cfc004949b54b56cbc0f3076fb48e678ab314', class: CSS.dividerContainer }, h("div", { key: 'f38ecc61ec5712fe86924379347285977c285dc5', class: CSS.divider })), h("calcite-dropdown", { key: '719ccb5e274a7ccd04855daa1a39be9781fdcb76', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: '098292b17056e7431adaadc843ecee4a9453bb7a', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", { key: 'cc73b47cb462df04f3572bb68565513f8abfa8a0' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"