@esri/solutions-components 0.10.9 → 0.10.11

package/dist/components/map-draw-tools2.js

@@ -176,7 +176,7 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: '64c06f74fa05d6debb3a34bbb3d51bc9e2d1e8a6' }, h("div", { key: 'b3ac0f7c2f38da701fcee82580d7d4f55792ffb8', class: containerClass }, h("div", { key: '57625c7617de564ad7f62ed8952dd72108d46bbe', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'b1c8a28ef1fab0e0cb4a9617e9d366e1002d619d', class: undoRedoClass }, h("calcite-action", { key: 'ae27d672ad615b54bceb37fa56ac8e652f80df61', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '643d1413f98f8059590fb92c702074c9c732f9b1', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: '29a6976363bf4d6d256a80235fddc4d9f29d3314' }, h("div", { key: 'a377200e030bf41964215c4d456f1aabb3ce0fa1', class: containerClass }, h("div", { key: 'de5b692eaa3d529099e1515daad6345393200039', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '8a710aface1f6c50cb124b0e0a740ae7ba6822be', class: undoRedoClass }, h("calcite-action", { key: '259c132f9b45e9442f9c8060c7ebbeb1ce614e58', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '3a9f249a0f601e1975f73dcd05f53ab768e5f4e2', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/map-fullscreen2.js

@@ -88,7 +88,7 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '27267ebf4781a3c85addd8339028f7ac8d07bfb2' }, h("div", { key: '0966dae1c7ab9a2cba461d2f19b63bea8e5f28cf', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '57cf43d121435c4db3c4847bb909ee77986d2f39' }, h("div", { key: 'e748dbb1924d588d3aa3cef1cfc7d9524a08ff1e', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

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

@@ -150,7 +150,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (h(Host, { key: '47a42a4855654930ebaf59b1567ab4bd5ccf3133' }, h("div", { key: 'acc05150c663d68ae633a7d293984ae282cfbdfa', class: "map-layer-picker-container", style: style }, h("div", { key: '811bde9a5118862f58b6a9ed99abec0f46fb4a1f', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: 'ac897da6f14eb06e332fd99c29eff339488e37a4' }, h("div", { key: '3d6f53faf1f9a1ac3a7e1469e88f6a74b3b4af20', class: "map-layer-picker-container", style: style }, h("div", { key: '6919f38519caefa15aa0f826b51e50aef30e6c21', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

package/dist/components/map-legend2.js

@@ -73,7 +73,7 @@ const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLE
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: 'd9f276c9f13ad09a606bda6e2aaf78707824f6e9' }, h("div", { key: 'f2db7bd093313a19ace2ec4340c5d0049b666bdc', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '32e729a3a7b4989ced535b78b5ca4aa38b9dcc71' }, h("div", { key: '87a583eaad85b2b163a6f7349e65f00d5a29d0b7', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/components/map-picker2.js

@@ -125,7 +125,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'd1d4af3cbc382bb6895b8dece215fbef114238bb' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'd9ee2182be2b3fbec5235e814d4929fa4d23a234' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

package/dist/components/map-search2.js

@@ -101,7 +101,7 @@ const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'a94dc7a1257336e387d2c761d8584e7a75bbd316' }, h("div", { key: '0a54b1fce8750084563cbc823222a4679a8e7909', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '0c34af04212bf27998363a55afbfe76f57124a93' }, h("div", { key: '2bec13054279a3ca132056269a71356c542354ef', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/map-select-tools2.js

@@ -308,7 +308,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '5a04e72d23e06c463d7dc3b453ca91ce046359bd' }, this._getMapLayerPicker(), h("div", { key: 'e821ee7452a1a784b485b487cedeff6425e2b063', class: "border-bottom" }), h("div", { key: '53e9a7d16279c9287af730452492d56ace65cdaf', class: "padding-top-sides-1" }, h("div", { key: 'a56f9637ab82b938e8ee2668fceeec2631f270cf', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'c06517880c5e2fca23e45a7392a9d72c159a482c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '54df55d7f39cf68e6bf07ca8ae1c3ac952f8c2ff', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '1d6ec53f2a270407c62972fb6e5775940821ca18', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '2643969b71b41cad30ade0900eb391abe054a2ff' }, this._getMapLayerPicker(), h("div", { key: 'ed4f34f2f6e1b99c5b133ec6097becd13539ebe6', class: "border-bottom" }), h("div", { key: '5aca91cf4f34d343716d68c4f68f88ce98ba0e07', class: "padding-top-sides-1" }, h("div", { key: '999f1090ea43e2c71ef8f957ed3dab9c11e9233a', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'e92f91fdaba7ec3975fd099c835d013a61af240c', class: mapToolsContainerClass }, h("map-draw-tools", { key: 'a330983f29bb8c866af82ea50970b779a0a04519', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '022214b69e6c57324c1bc8ffa528adf618f8fe60', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

package/dist/components/map-tools2.js

@@ -209,7 +209,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, { key: 'f994555df4df11a4eca6b950c482b393d2ad8e94' }, h("div", { key: 'fa0a53926f01beb8009284da27e82d00ab7ad632', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '09384f900f228b3c452eb137510cc44f6a4615aa', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'ad7751eb21b9024f775c3539b24e462eb68d3c78', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'd0922fed8b30210fce0edc1f0a56895bf20f0022', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'd3d2aa061acd9837bd2cc7e1d558d89f3b40386d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '9a95c34971adcbc0edc749a8b4004ceef79a3f3b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '7261f9b585a9ff2d016eeaced8ee25065c6c1c0b', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'd4774c7ae6c327804d092b4b81f7e3523820726d' }, h("div", { key: '35363080c21040b94276b4362632dc2d46c8eb58', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'd7e547203dfd373e031f424499af9b15193ee76c', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '7518c0e1378bf2343f681677d849535a2ae363ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '0c0d5497546a8ab8afd4169134c7689f964bcf65', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'cf29e237446037731a2b4214634cb7aa3102f6d1', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '3dbc331ed548e13e86cfbc916439b7cf09bb5f10', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '2738d4f1dda01ffb4f71708fdac76be82f36e037', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/math.js

@@ -6,7 +6,7 @@
 /*!
  * 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 clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/dist/components/menu.js

@@ -162,7 +162,7 @@ const CalciteMenu = /*@__PURE__*/ proxyCustomElement(class CalciteMenu extends H
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '5bff9c8fc088956853d8e6077806eec1faf4fe48' }, h("ul", { key: 'ff23e84bc15aa95f5f177d7acd51991d20c6263e', "aria-label": this.label, role: this.getEffectiveRole() }, h("slot", { key: '615c80c9ee00213f22d154601fd9b4e3447cb6b2', onSlotchange: this.handleMenuSlotChange }))));
+        return (h(Host, { key: '6d6065316ef082e9be968dce0b495e42da835655' }, h("ul", { key: '6ec873b11665c3e3d5e2c019acd8ac60964119ec', "aria-label": this.label, role: this.getEffectiveRole() }, h("slot", { key: '9a5593e91faadc44b980f82d75c7cfa87cbb81ce', onSlotchange: this.handleMenuSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }

package/dist/components/modal.js

@@ -21,7 +21,7 @@ import { d as defineCustomElement$1 } from './scrim.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 = {
     modal: "modal",
@@ -226,16 +226,16 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
         this.embedded = false;
     }
     render() {
-        return (h(Host, { key: '8564a697a28ed4b7901302a1737337cac97cfc5e', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { key: 'c0ecd13e2214b8a7a6239b19117a41570d46ff22', class: {
+        return (h(Host, { key: '6b1abce9182df0c80157f4f798b358f06d31fdc1', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { key: '59d9ef441e5e197d7db2111792e25e0289ace99c', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
                 [CSS.containerEmbedded]: this.embedded,
-            } }, h("calcite-scrim", { key: '8083cb49047c5fe80ba6cdc6b842de6dac5a8b37', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { key: 'd38c9e98e8b34626dc11bfaa73f71a0debc36fad', class: {
+            } }, h("calcite-scrim", { key: '2cf489713f2081385f7fee5565e3233581035742', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { key: 'ca86b8febb8762415ca063efd03071dc3d44736b', class: {
                 [CSS.modal]: true,
-            }, ref: this.setTransitionEl }, h("div", { key: '9bc1a0823ddf4621b52db89237fe73344b3351a5', class: CSS.header }, this.renderCloseButton(), h("header", { key: '97d3a927123332d087366a90a406be6f10ce16a3', class: CSS.title }, h("slot", { key: 'c7540bb4381dec0b88b18f0732a90b862d30c557', name: CSS.header }))), this.renderContentTop(), h("div", { key: 'fe8943411971950170fabeac8bb79d2af7338227', class: {
+            }, ref: this.setTransitionEl }, h("div", { key: 'e3063610d77f9d9c40da02ec994a5bf23ae01643', class: CSS.header }, this.renderCloseButton(), h("header", { key: '0194a0c4cb6209898df8e80f3943321578d4b375', class: CSS.title }, h("slot", { key: 'e93887817a45273cc103b216bed848f339454e35', name: CSS.header }))), this.renderContentTop(), h("div", { key: 'afe9b18883ed572c37568cc2224747055f7ad0a5', class: {
                 [CSS.content]: true,
                 [CSS.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, h("slot", { key: 'c31734ea1ea7aca1a625c8ac606c75500ae72021', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
+            }, ref: (el) => (this.modalContent = el) }, h("slot", { key: 'deb96aba4ac030e7fbbdad1115e1a801f1545917', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
         return this.hasFooter ? (h("div", { class: CSS.footer, key: "footer" }, h("span", { class: CSS.back }, h("slot", { name: SLOTS.back })), h("span", { class: CSS.secondary }, h("slot", { name: SLOTS.secondary })), h("span", { class: CSS.primary }, h("slot", { name: SLOTS.primary })))) : null;

package/dist/components/navigation-user.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$1 } from './icon.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 = {
     textContainer: "text-container",
@@ -20,7 +20,7 @@ const CSS = {
     button: "button",
 };
 
-const navigationUserCss = ":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-ui-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";
+const navigationUserCss = ":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteNavigationUserStyle0 = navigationUserCss;
 
 const CalciteNavigationUser = /*@__PURE__*/ proxyCustomElement(class CalciteNavigationUser extends HTMLElement {
@@ -63,7 +63,7 @@ const CalciteNavigationUser = /*@__PURE__*/ proxyCustomElement(class CalciteNavi
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'd936b14ef2a1a616059096240699b133be29bcd4' }, h("button", { key: '1189f2a7c98a126a62450f4c8535700fed90edae', "aria-label": this.label, class: CSS.button }, h("calcite-avatar", { key: 'cecbea689fb80a8e244993cf5e45623cbcd7dfa4', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (h("div", { key: 'ae0aa9f474c95c995e13a9e358f8159c7cad544f', class: CSS.textContainer }, this.fullName && (h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
+        return (h(Host, { key: '71dafc89185ed082fa48f68f10620f680703edf7' }, h("button", { key: 'e175503f28873b42aa231f29077449da12696072', "aria-label": this.label, class: CSS.button }, h("calcite-avatar", { key: 'de83763dcb0811cd7abfdb32003e69fbaf580b6f', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (h("div", { key: 'a54fd497c59ef3ad171b2f35394a27f5dd060d64', class: CSS.textContainer }, this.fullName && (h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/notice.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './icon.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 SLOTS = {
     title: "title",
@@ -33,7 +33,7 @@ const CSS = {
     icon: "notice-icon",
 };
 
-const noticeCss = ":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0 solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";
+const noticeCss = ":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;max-block-size:0;transition-property:opacity, max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-inline-start:var(--calcite-border-width-md) solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteNoticeStyle0 = noticeCss;
 
 const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement {
@@ -106,9 +106,9 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
     }
     render() {
         const { el } = this;
-        const closeButton = (h("button", { key: '4de511d4d93ee2078a4ed0d5fee2397d4d433691', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, h("calcite-icon", { key: 'bb983d2377b1f8c20b9d23cb63f258b4b6a670d9', icon: "x", scale: getIconScale(this.scale) })));
+        const closeButton = (h("button", { key: 'e1ec4828ecbafbba66480994b7ffe3afeb3c9753', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, h("calcite-icon", { key: 'de50d43c230545b200d47539dfbd5be5b73e52d0', icon: "x", scale: getIconScale(this.scale) })));
         const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);
-        return (h("div", { key: 'd83f3161115f422c6a6bc8591a2763f0ab17dd83', class: CSS.container, ref: this.setTransitionEl }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, h("div", { key: '3851d512eaea58676aa7c3de513e4aedf4e644c9', class: CSS.content }, h("slot", { key: '6393d41eb420b92fc94467c108fc5aa4ab6e941c', name: SLOTS.title }), h("slot", { key: 'f750570f0675e9f3ef9f76ed8362e848e5c6311c', name: SLOTS.message }), h("slot", { key: '2c8ded4623c885d3b2d9897c7c402f96dffbc8d7', name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
+        return (h("div", { key: 'c57ca2818fd2ad1982fd3a8ed6415d9128c600a7', class: CSS.container, ref: this.setTransitionEl }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, h("div", { key: '21f12ae09a6a63ead2c992013f594770d13f8dbc', class: CSS.content }, h("slot", { key: 'ed278d0ab08c60e492e019a362380e087a33f3fb', name: SLOTS.title }), h("slot", { key: 'd442f6b53b5f6002c3bee92376405fc4bca2778c', name: SLOTS.message }), h("slot", { key: '5f3da8bf6b6a3b87aa45d417ebf514918b8b2b5b', name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/observers.js

@@ -8,7 +8,7 @@ import { i as isBrowser } from './browser.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
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/components/openCloseComponent.js

@@ -9,7 +9,7 @@ import { w as whenTransitionDone } from './dom.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
  */
 /**
  * Exported for testing purposes only

package/dist/components/option.js

@@ -70,7 +70,7 @@ const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement
     //
     //--------------------------------------------------------------------------
     render() {
-        return h("slot", { key: 'be30f48bf31e3ac6c2c7935b3db7b15fd835cb1b' }, this.label);
+        return h("slot", { key: '19660c07dc760b742b61169da73469d1579aeeaa' }, this.label);
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/pagination.js

@@ -24,7 +24,7 @@ const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large la
 /*!
  * 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
  */
 /**
  * A breakpoints lookup object.
@@ -45,7 +45,7 @@ function cssLengthToNumber(length) {
 /*!
  * 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 = {
     list: "list",
@@ -368,7 +368,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, h("calcite-icon", { flipRtl: true, icon: ICONS.last, scale: getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (h("ul", { key: '6bb903758045382a2097760b6c0f7bd8ae264264', class: CSS.list }, h("li", { key: 'dece0973a171338cb9a2f161c717d4540b645241', class: CSS.listItem }, this.renderFirstChevron()), h("li", { key: '2dd00d327ae81d53cc44e01bf00999a7bbe311a5', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), h("li", { key: 'b4671852f27c6ae8a23e002576bac69948e28111', class: CSS.listItem }, this.renderNextChevron()), h("li", { key: 'f89506aa306c3c4ec0a3d9b0fe60e46228129cf0', class: CSS.listItem }, this.renderLastChevron())));
+        return (h("ul", { key: 'ee5a898e84af24815e101e3ff982da5ec35fda0d', class: CSS.list }, h("li", { key: '67145459b1798da17eef2a9a196bad7e59108641', class: CSS.listItem }, this.renderFirstChevron()), h("li", { key: 'e3df5d1cf46b191e845c4c0035d80c5d168d2a37', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), h("li", { key: '6b9f3c4bc94b81c160ddcf793e8dd768876d2e9e', class: CSS.listItem }, this.renderNextChevron()), h("li", { key: 'eddb879ffbcaf4623251c71d4ac262b300fe2129', class: CSS.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }

package/dist/components/panel.js

@@ -21,7 +21,7 @@ import { d as defineCustomElement$1 } from './scrim.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",
@@ -47,6 +47,10 @@ const CSS = {
     footerStart: "footer-start",
     footerEnd: "footer-end",
 };
+const IDS = {
+    close: "close",
+    collapse: "collapse",
+};
 const ICONS = {
     close: "x",
     menu: "ellipsis",
@@ -71,7 +75,7 @@ const SLOTS = {
     footerActions: "footer-actions",
 };
 
-const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
+const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;outline-color:transparent;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background);outline-color:transparent;padding:var(--calcite-panel-content-space, 0)}.content-wrapper:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePanelStyle0 = panelCss;
 
 const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
@@ -310,8 +314,8 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
         if (collapseDirection === "up") {
             icons.reverse();
         }
-        const collapseNode = collapsible ? (h("calcite-action", { "aria-expanded": toAriaBoolean(!collapsed), "aria-label": collapse, "data-test": "collapse", icon: collapsed ? icons[0] : icons[1], onClick: this.collapse, scale: this.scale, text: collapse, title: collapsed ? expand : collapse })) : null;
-        const closeNode = closable ? (h("calcite-action", { "aria-label": close, "data-test": "close", icon: ICONS.close, onClick: this.handleUserClose, scale: this.scale, text: close, title: close })) : null;
+        const collapseNode = collapsible ? (h("calcite-action", { "aria-expanded": toAriaBoolean(!collapsed), "aria-label": collapse, icon: collapsed ? icons[0] : icons[1], id: IDS.collapse, onClick: this.collapse, scale: this.scale, text: collapse, title: collapsed ? expand : collapse })) : null;
+        const closeNode = closable ? (h("calcite-action", { "aria-label": close, icon: ICONS.close, id: IDS.close, onClick: this.handleUserClose, scale: this.scale, text: close, title: close })) : null;
         const slotNode = (h("slot", { name: SLOTS.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }));
         const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;
         return (h("div", { class: { [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }, hidden: !showContainer, key: "header-actions-end" }, slotNode, this.renderMenu(), collapseNode, closeNode));
@@ -352,8 +356,8 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
     }
     render() {
         const { disabled, loading, panelKeyDownHandler, isClosed, closable } = this;
-        const panelNode = (h("article", { key: '25995bcd854feaf5afc8b2e102a174888dc8d2ef', "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: isClosed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode(), h("slot", { key: "alerts", name: SLOTS.alerts, onSlotchange: this.handleAlertsSlotChange })));
-        return (h(Host, { key: 'e7e752bb4e0b2fff709c1eb09825d0a213603480', onKeyDown: panelKeyDownHandler }, h(InteractiveContainer, { key: '6b3d4ffd41ddc7c36a02ff692e7c8e16808ef001', disabled: disabled }, loading ? h("calcite-scrim", { loading: loading }) : null, panelNode)));
+        const panelNode = (h("article", { key: '50e8c0bd158837c6c6666ceae7c269a16362ff76', "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: isClosed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode(), h("slot", { key: "alerts", name: SLOTS.alerts, onSlotchange: this.handleAlertsSlotChange })));
+        return (h(Host, { key: '171f25f4342aff6c7256cda01025f5191ad4c2c2', onKeyDown: panelKeyDownHandler }, h(InteractiveContainer, { key: 'c26e8bc2d79ea63b7110f879d058024e6198e98e', disabled: disabled }, loading ? h("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/pci-calculator.js

@@ -61,7 +61,7 @@ const PciCalculator$1 = /*@__PURE__*/ proxyCustomElement(class PciCalculator ext
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: '9bc609be932ec1285dcdc2dc3b6336a36494c9f9' }, h("div", { key: '9b64b3fdc3bf3e0265eb544e540c8c32eed8ec9e', class: pciClass }, h("div", { key: 'de7e6a9b213cfb28fcea5c609e664635abf8b782', class: "label-display" }, h("calcite-label", { key: 'e9af278421644f6d23b8b07e3e116affaa576c07', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '0703cf731b5497a09cc6bb54c5e18a63ea2ba244' }, this._getCalculateButton())), h("div", { key: 'bd32e040f6d3789987c53a94484e7aeebc6b82b1', class: deductClass }, h("div", { key: '8f977910db0578ebfc8ea79a19b664e109aba266', class: "position-right" }, h("calcite-action", { key: 'a624606534ff220a97a05aa7cb4f22d4c8bb6ddc', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '0b327b89377b88ec2b11065c6f3ecb4b582ef7e4', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: 'e19ddd889fb0474b01a9b541a4440bcb6d27cd75' }, h("div", { key: '69dca34e21fd274f274786c43377286a8a24dc37', class: pciClass }, h("div", { key: 'a8c3f266e45041a2cbd0228ccce8e75fcdc9a690', class: "label-display" }, h("calcite-label", { key: 'aed5c516d15e33b4dfc10a13b0efa97f21ed679a', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '786c228e29f54ee493227b1c8e8bd6e110b037a3' }, this._getCalculateButton())), h("div", { key: '7cec1f54145ad7e886af0081ee38aed095e1e0a8', class: deductClass }, h("div", { key: '8bcf946c78d410766d1f59b7d0dc9a844fd9b589', class: "position-right" }, h("calcite-action", { key: 'c33a0aedaa859f19dea94da253cda27257b9c235', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '195dbb3fff25c1fbf2e20c785a48c25527abfa2a', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/pdf-download2.js

@@ -291,7 +291,7 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class PdfDownload extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'a33458caa21a1cbe1545b30eeba3d0d9ce868148' }, h("calcite-select", { key: '75623fdf7467da7e45d917a0149b48a9f5c24394', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'a2a528f3bb24b8ea11bac5e4e7bfcc87ba81a794' }, h("calcite-select", { key: '65188bbe9f8c18e5fde98a2f2dd96961a2354d61', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR

package/dist/components/pick-list-item.js

@@ -19,7 +19,7 @@ import { d as defineCustomElement$1 } from './loader.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 = {
     actions: "actions",
@@ -205,7 +205,7 @@ const PickListItem = /*@__PURE__*/ proxyCustomElement(class PickListItem extends
     }
     render() {
         const { description, label } = this;
-        return (h(InteractiveContainer, { key: '790f70783bc00cd328c001fb08f131484d62d0d4', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), h("label", { key: '3454f77692d7d8363f185a378de7cbf0065c18e6', "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { key: 'dc87953b113ac4b54f151cd9e828927ee11fcabe', "aria-checked": toAriaBoolean(this.selected), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { key: '9d5c1ab8bf273680e74b85169d66e3702032dd88', class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
+        return (h(InteractiveContainer, { key: '11397cbf6035e4f15e4d180bbd97296af3e1cd29', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), h("label", { key: '0c61b5554c54e84fe097c7a52e64206032443d74', "aria-label": label, class: CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, h("div", { key: '8846e2bc50f2e12a57d7cfe885b3798c0d79c03c', "aria-checked": toAriaBoolean(this.selected), class: CSS.textContainer, role: "menuitemcheckbox" }, h("span", { key: '79112c39b73b2453cec22e234cea66e4f8bb832d', class: CSS.title }, label), description ? h("span", { class: CSS.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/popover.js

@@ -24,7 +24,7 @@ import { d as defineCustomElement$1 } from './loader.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
  */
 class PopoverManager {
     constructor() {
@@ -109,7 +109,7 @@ class PopoverManager {
 /*!
  * 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",
@@ -126,7 +126,7 @@ const defaultPopoverPlacement = "auto";
 const ARIA_CONTROLS = "aria-controls";
 const ARIA_EXPANDED = "aria-expanded";
 
-const popoverCss = ":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}.has-header .close-button-container{border-end-end-radius:none}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";
+const popoverCss = ":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{inset-block-start:-5px}:host([data-placement^=top]) .calcite-floating-ui-anim{inset-block-start:5px}:host([data-placement^=left]) .calcite-floating-ui-anim{left:5px}:host([data-placement^=right]) .calcite-floating-ui-anim{left:-5px}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}.has-header .close-button-container{border-end-end-radius:none}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePopoverStyle0 = popoverCss;
 
 const manager = new PopoverManager();
@@ -385,13 +385,13 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLEleme
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
         const arrowNode = !pointerDisabled ? (h(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow", ref: this.storeArrowEl })) : null;
-        return (h(Host, { key: '3d353c97791fd0d5b2c1138f3b068669024b3512', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '1248ef4c8e83e622335b71a3b0034bf0490d7583', class: {
+        return (h(Host, { key: '6308b6043eae5d988238c1f4ab3427b903aba9b2', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '241c19ccc94188c7819080dad91534e0f329d470', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, h("div", { key: '8b2272c0ba2f4e4a4090942f6fbaf6ebc29e8806', class: {
+            }, ref: this.setTransitionEl }, arrowNode, h("div", { key: '0ca3856260eea02f75aceaa490519b596b8f1c29', class: {
                 [CSS.hasHeader]: !!heading,
                 [CSS.container]: true,
-            } }, this.renderHeader(), h("div", { key: '1891093fcb573a52309328248aa9d4a2a057c7e4', class: CSS.content }, h("slot", { key: '67bcfcbf92172b4575d44a201238faba5ceac271' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), h("div", { key: 'cc3e385ce8ffda4d8dc8fa12866b80c28f621594', class: CSS.content }, h("slot", { key: 'b99e560f5ad3a74ae4f3421e1f3d6035de67fad0' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/progress.js

@@ -25,7 +25,7 @@ const Progress = /*@__PURE__*/ proxyCustomElement(class Progress extends HTMLEle
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (h("div", { key: '5d06cbdb88ab78d7219ed5360aeb54713d24b7e6', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: '9adc549e8ea4f516eb6df4bac52e33e903c61978', class: "track" }, h("div", { key: '57c31717d7f2c7e13782faa4a46060e3d583aad2', class: {
+        return (h("div", { key: 'e8fa0a71d84cf7af5c16fb1d68691488cb9f28b8', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: 'd779cb380c3aedc8499ce91f6ec935ebc58c3b39', class: "track" }, h("div", { key: '88b61799e4c0e15eb9c3493448cf2704fa481e6c', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",

package/dist/components/public-notification.js

@@ -292,7 +292,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: 'de2d5102a42be0ef268b269402a027f9ea91d9b5' }, h("calcite-shell", { key: '9ce77bf23a9d6479e7e65742e7caac2b83033975' }, h("calcite-action-bar", { key: 'c82214eda0751577ca6c40474d418286f3954ce5', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '6566efb322c1eebdae473c81dd897e67d287074e' }, h("calcite-shell", { key: 'a367e97f0eaec3c8cba2d02ddf27c45b7385839b' }, h("calcite-action-bar", { key: '9fa26481d990cfac05be11394e95b386038f6398', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

package/dist/components/radio-button.js

@@ -15,7 +15,7 @@ import { c as componentFocusable, s as setUpLoadableComponent, a as setComponent
 /*!
  * 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",
@@ -301,7 +301,7 @@ const RadioButton = /*@__PURE__*/ proxyCustomElement(class RadioButton extends H
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (h(Host, { key: 'b397c382efe2d05d99fcf8a0035011c5482ccfe4', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(InteractiveContainer, { key: '7112738487b0bcda82d1680c08f4026330b2cfde', disabled: this.disabled }, h("div", { key: 'd3bedbbea15ac3e4aa5656f042a05939be2a8a68', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { key: 'eebf3f8fffde27fd58b04cddae6966da4a079c3d', class: "radio" })), h(HiddenFormInputSlot, { key: '07fad35c2b428ec42382e6ede6b846d824a524f9', component: this }))));
+        return (h(Host, { key: 'ba3eb165cc92980ff2dbc1ad92b96e05e67c7738', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, h(InteractiveContainer, { key: 'cc34b939f2d7461239102e360d862e7b770b4f51', disabled: this.disabled }, h("div", { key: '9fe5d157ecf61a7dfbb68b174c0a072cafa7fb93', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, h("div", { key: '82e64cb36cd384a2b05b6768c996cba67490db48', class: "radio" })), h(HiddenFormInputSlot, { key: 'aec9b59e49dbb867432a4fd006cf32db53306d1c', component: this }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/refine-results-flow-item.js

@@ -51,7 +51,7 @@ const RefineResultsFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class RefineRes
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '301d721cbe276288d621e0cd3a54ee5558dea76a' }, h("slot", { key: 'd8d933a33826d99e7455b6fb4d55e93320f09c96' })));
+        return (h(Host, { key: '80b7f73a51e599fecc98483da51aa24ebbd0efed' }, h("slot", { key: '0824e1e1a33659e6161aab76449a6df39538398a' })));
     }
     static get style() { return RefineResultsFlowItemStyle0; }
 }, [1, "refine-results-flow-item"]);

package/dist/components/refine-selection2.js

@@ -135,7 +135,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: '48fd9fbbe8560ca4d165e5a3e9399ce5c3c7ba8e' }, h("div", { key: '4b314e3941366d8251238a13171d21ce28a7b87e', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'f7007f8333e1a8c160bcbd5659f6410776c54e2a', class: "display-flex" }, h("calcite-label", { key: 'c24380176e9c4791ef1fcda1a3f955265f51b0d7', class: "font-bold width-full label-margin-0" }, h("div", { key: '403542a6105b28368cd364070abfe6d8cf160d7e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '745e828c6bbb8c7c89259142ca5301561d441128', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '15aa897e1cc858b2bda6a9cefca1d87347592bb0', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: '334ab4b1918e6905b4ab90a683ffa5129e6b449f', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2770007f82ff6dc157e5ffae8c9f61c55cb47a48', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'f29a52a9ac924bf4cd81b5311df6a2a8ca28f0ae', class: "padding-1" }, h("div", { key: 'c0c5815ef8e74971e26517a12c95ca19b2294dc8', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: 'b6338cabb01ba8453df5e00a46ab51e4da924c3d', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '61ecda9667fdf6e3acc7931531ee9a49fdd40295', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '3b48631b4b75716680f15ac0e4790043926bf857', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '1e26bced9c292ffdca78a589f3b78961cb5fceb6', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'b7abd723a8f440d03d35256812229bf2e84e87c6', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '368a335da540fb7c747d6f2abffc3e7f98545833' }, h("map-draw-tools", { key: 'a3cc7f67104512ab108157bd3f7ebd57b1a5f202', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '038fb2b359eb59730de50778d809841ef33471d9' }), (h("calcite-list", { key: '02fdc3e4096a8f88e727118f9ae27a9b823edb3a', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '6ca10ddfe06214aa74a308661290a08147587e5b' }, h("div", { key: 'ecad97854aadc69766dd182c385ba2f5a7447121', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'b68331dcf8ae4a36fbd57494e2b9f8daf92906ed', class: "display-flex" }, h("calcite-label", { key: '31c0fea32fd5fb0c380ab1e561a7f4d9057e06f6', class: "font-bold width-full label-margin-0" }, h("div", { key: 'f3e92e9d216e5ff4c14490e2b0278b88807b9762', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: 'b1a75c06d01eeb7840be6eeb303f403ebd924454', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '27f7e489caf763d87cf4ccf6200f471cb3ae8363', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'c469bcb0fbbfbc08797541043b0c9130e453737f', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2b3ea14d98fd5f699581fc2d3b1bad6b7c114f0e', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '3a73cbd44600beca829f63939777be13ccd22fb3', class: "padding-1" }, h("div", { key: '6be9c1a327b1d8ca01f44884faf4ae6f509387da', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: 'e2115941df58eac148aaf0f21022844ee1ec92a1', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'f554b5def04c12fd529eadcdf34df2e702b72f14', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '4436d09c76c7e1baba359ebb04def82ea873b541', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '62e865762305dae22aa39fa9811e40649c4f6538', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '7dc24184ac22a73d96f9894941dc1ef2628903f3', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'd0830d20118aa73b3ddee7f92365fa8fb13c238f' }, h("map-draw-tools", { key: 'e956f1711607967919c3ede794f0e51e8e3f69d0', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '6290a4690597648838ca68d347a827b42c6b75ff' }), (h("calcite-list", { key: '90a1b32598473fe55861bbce63d77f5481b88194', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/resources.js

@@ -6,7 +6,7 @@
 /*!
  * 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 autoMode = "calcite-mode-auto";
 const darkMode = "calcite-mode-dark";