@esri/calcite-components 1.0.0-next.372 → 1.0.0-next.376

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

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { s as setRequestedIcon } from './dom-e7fa77b9.js';
+import { s as setRequestedIcon, g as getSlotted } from './dom-e7fa77b9.js';
 import { S as StatusIcons } from './interfaces-51dc4e1b.js';
 import './guid-196bd5ea.js';
 
@@ -119,9 +119,6 @@ let CalciteAlert = class {
   componentWillLoad() {
     this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
   }
-  componentDidLoad() {
-    this.alertLinkEl = this.el.querySelectorAll("calcite-link")[0];
-  }
   disconnectedCallback() {
     window.clearTimeout(this.autoDismissTimeoutId);
   }
@@ -162,11 +159,12 @@ let CalciteAlert = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    if (!this.closeButton && !this.alertLinkEl) {
+    const alertLinkEl = getSlotted(this.el, { selector: "calcite-link" });
+    if (!this.closeButton && !alertLinkEl) {
       return;
     }
-    else if (this.alertLinkEl) {
-      this.alertLinkEl.setFocus();
+    else if (alertLinkEl) {
+      alertLinkEl.setFocus();
     }
     else if (this.closeButton) {
       this.closeButton.focus();

package/dist/esm/calcite-date-picker_4.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-9de00868.js';
-import { T as TEXT, c as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, H as HEADING_LEVEL, s as sameDate, i as inRange, l as localizeNumber, e as getOrder, n as nextMonth, f as prevMonth, h as parseNumber } from './resources-c768953c.js';
+import { T as TEXT, c as getDaysDiff, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, H as HEADING_LEVEL, s as sameDate, i as inRange, l as localizeNumber, e as getOrder, n as nextMonth, f as prevMonth, h as parseNumber } from './resources-f02a1ab5.js';
 import { a as getElementDir, C as CSS_UTILITY } from './dom-e7fa77b9.js';
 import { C as CalciteHeading } from './CalciteHeading-1d6cd311.js';
 import './locale-fc850b7c.js';

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

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { f as focusElement, d as getElementProp } from './dom-e7fa77b9.js';
+import { g as getSlotted, f as focusElement, d as getElementProp } from './dom-e7fa77b9.js';
 import { C as CSS$2, u as updatePopper, c as createPopper } from './popper-ae231554.js';
 import { c as createObserver } from './observers-46118290.js';
 import './guid-196bd5ea.js';
@@ -75,7 +75,7 @@ let CalciteDropdown = class {
     //--------------------------------------------------------------------------
     this.updateItems = () => {
       this.updateSelectedItems();
-      this.triggers = Array.from(this.el.querySelectorAll("[slot=dropdown-trigger]"));
+      this.triggers = getSlotted(this.el, "dropdown-trigger", { all: true });
       this.items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
       this.reposition();
     };

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

@@ -279,9 +279,7 @@ let CalciteSlider = class {
       }
     };
     this.dragEnd = (event) => {
-      document.removeEventListener("pointermove", this.dragUpdate);
-      document.removeEventListener("pointerup", this.dragEnd);
-      document.removeEventListener("pointercancel", this.dragEnd);
+      this.removeDragListeners();
       this.focusActiveHandle(event.clientX);
       if (this.lastDragPropValue != this[this.dragProp]) {
         this.emitChange();
@@ -316,6 +314,7 @@ let CalciteSlider = class {
   disconnectedCallback() {
     disconnectLabel(this);
     disconnectForm(this);
+    this.removeDragListeners();
   }
   componentWillLoad() {
     this.isRange = !!(this.maxValue || this.maxValue === 0);
@@ -651,6 +650,11 @@ let CalciteSlider = class {
   emitChange() {
     this.calciteSliderChange.emit();
   }
+  removeDragListeners() {
+    document.removeEventListener("pointermove", this.dragUpdate);
+    document.removeEventListener("pointerup", this.dragEnd);
+    document.removeEventListener("pointercancel", this.dragEnd);
+  }
   /**
    * Set the prop value if changed at the component level
    * @param valueProp

package/dist/esm/calcite-inline-editable.entry.js

@@ -3,8 +3,9 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9de00868.js';
-import { d as getElementProp } from './dom-e7fa77b9.js';
+import { d as getElementProp, g as getSlotted } from './dom-e7fa77b9.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2bffc9f4.js';
+import { c as createObserver } from './observers-46118290.js';
 import './guid-196bd5ea.js';
 
 const CSS = {
@@ -55,26 +56,31 @@ let CalciteInlineEditable = class {
      * @default "Save"
      */
     this.intlConfirmChanges = TEXT.intlConfirmChanges;
+    this.mutationObserver = createObserver("mutation", () => this.mutationObserverCallback());
     this.transitionEnd = () => {
       if (!this.editingEnabled && !!this.shouldEmitCancel) {
         this.calciteInlineEditableEditCancel.emit();
       }
     };
     this.enableEditing = () => {
-      this.valuePriorToEditing = this.inputElement.value;
+      var _a, _b;
+      this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
       this.editingEnabled = true;
-      this.inputElement.setFocus();
+      (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
       this.calciteInlineEditableEnableEditingChange.emit();
     };
     this.disableEditing = () => {
       this.editingEnabled = false;
     };
     this.cancelEditing = () => {
-      this.inputElement.value = this.valuePriorToEditing;
+      if (this.inputElement) {
+        this.inputElement.value = this.valuePriorToEditing;
+      }
       this.disableEditing();
       this.enableEditingButton.setFocus();
     };
     this.escapeKeyHandler = async (e) => {
+      var _a;
       if (e.key !== "Escape") {
         if (e.key === "Tab" && this.shouldShowControls) {
           if (!e.shiftKey && e.target === this.inputElement) {
@@ -84,7 +90,7 @@ let CalciteInlineEditable = class {
           if (!!e.shiftKey && e.target === this.cancelEditingButton) {
             e.preventDefault();
             e.stopPropagation();
-            this.inputElement.setFocus();
+            (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
           }
         }
         return;
@@ -126,10 +132,14 @@ let CalciteInlineEditable = class {
     };
   }
   disabledWatcher(disabled) {
-    this.inputElement.disabled = disabled;
+    if (this.inputElement) {
+      this.inputElement.disabled = disabled;
+    }
   }
   editingEnabledWatcher(newValue, oldValue) {
-    this.inputElement.editingEnabled = newValue;
+    if (this.inputElement) {
+      this.inputElement.editingEnabled = newValue;
+    }
     if (!newValue && !!oldValue) {
       this.shouldEmitCancel = true;
     }
@@ -140,17 +150,15 @@ let CalciteInlineEditable = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    var _a;
     connectLabel(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserverCallback();
   }
   disconnectedCallback() {
+    var _a;
     disconnectLabel(this);
-  }
-  componentWillLoad() {
-    this.inputElement = this.el.querySelector("calcite-input");
-    this.inputElement.disabled = this.disabled;
-    this.inputElement.label = this.inputElement.label || getLabelText(this);
-    this.scale =
-      this.scale || this.inputElement.scale || getElementProp(this.el, "scale", undefined);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   render() {
     return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler, onTransitionEnd: this.transitionEnd }, h("div", { class: CSS.inputWrapper }, h("slot", null)), h("div", { class: CSS.controlsWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
@@ -190,9 +198,26 @@ let CalciteInlineEditable = class {
   //  Private Methods
   //
   //--------------------------------------------------------------------------
+  mutationObserverCallback() {
+    var _a;
+    this.updateSlottedInput();
+    this.scale =
+      this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || getElementProp(this.el, "scale", undefined);
+  }
   onLabelClick() {
     this.setFocus();
   }
+  updateSlottedInput() {
+    const inputElement = getSlotted(this.el, {
+      matches: "calcite-input"
+    });
+    this.inputElement = inputElement;
+    if (!inputElement) {
+      return;
+    }
+    this.inputElement.disabled = this.disabled;
+    this.inputElement.label = this.inputElement.label || getLabelText(this);
+  }
   get shouldShowControls() {
     return this.editingEnabled && this.controls;
   }

package/dist/esm/calcite-input-date-picker.entry.js

@@ -3,7 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-c768953c.js';
+import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-f02a1ab5.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2bffc9f4.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f90706b4.js';
 import { u as updatePopper, C as CSS, c as createPopper } from './popper-ae231554.js';

package/dist/esm/calcite-input-time-picker_2.entry.js

@@ -936,7 +936,7 @@ let CalciteTimePicker = class {
         [CSS.showMeridiem]: showMeridiem,
         [CSS.showSecond]: this.showSecond,
         [CSS[`scale-${this.scale}`]]: true
-      } }, h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.intlHourUp, class: {
+      }, dir: "ltr" }, h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.intlHourUp, class: {
         [CSS.button]: true,
         [CSS.buttonHourUp]: true,
         [CSS.buttonTopLeft]: true

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

@@ -3,12 +3,13 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
-import { T as TEXT, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-e7fa77b9.js';
+import { T as TEXT, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-e7fa77b9.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2bffc9f4.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f90706b4.js';
 import { d as delocalizeNumberString, g as getDecimalSeparator, l as localizeNumberString } from './locale-fc850b7c.js';
 import { i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, n as numberKeys } from './number-8779395f.js';
 import { d as decimalPlaces } from './math-456207f5.js';
+import { c as createObserver } from './observers-46118290.js';
 import './guid-196bd5ea.js';
 
 const CSS = {
@@ -107,6 +108,7 @@ let CalciteInput = class {
     this.childElType = "input";
     /** whether the value of the input was changed as a result of user typing or not */
     this.internalValueChange = false;
+    this.mutationObserver = createObserver("mutation", () => this.setDisabledAction());
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -145,7 +147,8 @@ let CalciteInput = class {
       }
     };
     this.inputFocusHandler = (event) => {
-      if (event.target !== this.slottedActionEl) {
+      const slottedActionEl = getSlotted(this.el, "action");
+      if (event.target !== slottedActionEl) {
         this.setFocus();
       }
       this.calciteInputFocus.emit({
@@ -389,6 +392,7 @@ let CalciteInput = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    var _a;
     this.scale = getElementProp(this.el, "scale", this.scale);
     this.status = getElementProp(this.el, "status", this.status);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -405,10 +409,14 @@ let CalciteInput = class {
     }
     connectLabel(this);
     connectForm(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.setDisabledAction();
   }
   disconnectedCallback() {
+    var _a;
     disconnectLabel(this);
     disconnectForm(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   componentWillLoad() {
     var _a, _b;
@@ -417,10 +425,6 @@ let CalciteInput = class {
     this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
     this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
   }
-  componentDidLoad() {
-    this.slottedActionEl = this.el.querySelector("[slot=action]");
-    this.setDisabledAction();
-  }
   componentShouldUpdate(newValue, oldValue, property) {
     if (this.type === "number" && property === "value" && newValue && !isValidNumber(newValue)) {
       this.setValue({
@@ -492,10 +496,10 @@ let CalciteInput = class {
     }
   }
   setDisabledAction() {
-    if (!this.slottedActionEl) {
+    const slottedActionEl = getSlotted(this.el, "action");
+    if (!slottedActionEl) {
       return;
     }
-    const slottedActionEl = this.slottedActionEl;
     this.disabled
       ? slottedActionEl.setAttribute("disabled", "")
       : slottedActionEl.removeAttribute("disabled");

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

@@ -223,7 +223,7 @@ let CalciteModal = class {
       }
     };
     this.updateFooterVisibility = () => {
-      this.hasFooter = !!this.el.querySelector(`[slot=${SLOTS.back}], [slot=${SLOTS.secondary}], [slot=${SLOTS.primary}]`);
+      this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
     };
   }
   //--------------------------------------------------------------------------

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

@@ -79,9 +79,6 @@ let CalciteNotice = class {
   componentWillLoad() {
     this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
   }
-  componentDidLoad() {
-    this.noticeLinkEl = this.el.querySelector("calcite-link");
-  }
   render() {
     const { el } = this;
     const closeButton = (h("button", { "aria-label": this.intlClose, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
@@ -95,11 +92,12 @@ let CalciteNotice = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    if (!this.closeButton && !this.noticeLinkEl) {
+    const noticeLinkEl = this.el.querySelector("calcite-link");
+    if (!this.closeButton && !noticeLinkEl) {
       return;
     }
-    if (this.noticeLinkEl) {
-      this.noticeLinkEl.setFocus();
+    if (noticeLinkEl) {
+      noticeLinkEl.setFocus();
     }
     else if (this.closeButton) {
       this.closeButton.focus();

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

@@ -151,6 +151,20 @@ let CalcitePanel = class {
     }
     (_c = this.containerEl) === null || _c === void 0 ? void 0 : _c.focus();
   }
+  /** Scrolls panel content to a particular set of coordinates.
+   *
+   * ```
+   *   myCalcitePanel.scrollContentTo({
+   *     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
+   *     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
+   *     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
+   *   });
+   * ```
+   */
+  async scrollContentTo(options) {
+    var _a;
+    (_a = this.panelScrollEl) === null || _a === void 0 ? void 0 : _a.scrollTo(options);
+  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods
@@ -219,7 +233,9 @@ let CalcitePanel = class {
   renderContent() {
     const { el } = this;
     const hasFab = getSlotted(el, SLOTS.fab);
-    return hasFab ? (h("div", { class: { [CSS.contentWrapper]: true, [CSS.contentHeight]: true }, onScroll: this.panelScrollHandler, tabIndex: 0 }, h("section", { class: CSS.contentContainer }, h("slot", null)), this.renderFab())) : (h("section", { class: { [CSS.contentWrapper]: true, [CSS.contentContainer]: true }, onScroll: this.panelScrollHandler, tabIndex: 0 }, h("slot", null)));
+    const defaultSlotNode = h("slot", { key: "default-slot" });
+    const contentWrapperKey = "content-wrapper";
+    return hasFab ? (h("div", { class: { [CSS.contentWrapper]: true, [CSS.contentHeight]: true }, key: contentWrapperKey, onScroll: this.panelScrollHandler, ref: (el) => (this.panelScrollEl = el), tabIndex: 0 }, h("section", { class: CSS.contentContainer }, defaultSlotNode), this.renderFab())) : (h("section", { class: { [CSS.contentWrapper]: true, [CSS.contentContainer]: true }, key: contentWrapperKey, onScroll: this.panelScrollHandler, ref: (el) => (this.panelScrollEl = el), tabIndex: 0 }, defaultSlotNode));
   }
   renderFab() {
     return (h("div", { class: CSS.fabContainer }, h("slot", { name: SLOTS.fab })));

package/dist/esm/calcite-radio-button-group.entry.js

@@ -3,6 +3,7 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9de00868.js';
+import { c as createObserver } from './observers-46118290.js';
 
 const calciteRadioButtonGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;max-width:100vw}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}";
 
@@ -25,6 +26,12 @@ let CalciteRadioButtonGroup = class {
     this.required = false;
     /** The scale (size) of the radio button group. */
     this.scale = "m";
+    // --------------------------------------------------------------------------
+    //
+    //  Private Properties
+    //
+    // --------------------------------------------------------------------------
+    this.mutationObserver = createObserver("mutation", () => this.passPropsToRadioButtons());
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -61,7 +68,13 @@ let CalciteRadioButtonGroup = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    var _a;
     this.passPropsToRadioButtons();
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   //--------------------------------------------------------------------------
   //

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

@@ -140,10 +140,6 @@ let CalciteRadioButton = class {
   }
   nameChanged() {
     this.checkLastRadioButton();
-    const currentValue = this.rootNode.querySelector(`input[name="${this.name}"]:checked`);
-    if (!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.value)) {
-      this.uncheckAllRadioButtonsInGroup();
-    }
   }
   //--------------------------------------------------------------------------
   //

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

@@ -60,16 +60,19 @@ let CalciteShell = class {
     return hasHeader ? h("slot", { key: "header", name: SLOTS$2.header }) : null;
   }
   renderContent() {
+    const defaultSlotNode = h("slot", { key: "default-slot" });
+    const centerRowSlotNode = h("slot", { key: "center-row-slot", name: SLOTS$2.centerRow });
+    const contentContainerKey = "content-container";
     const content = !!this.contentBehind
       ? [
         h("div", { class: {
             [CSS$2.content]: true,
-            [CSS$2.contentBehind]: !!this.contentBehind
-          } }, h("slot", null)),
-        h("slot", { name: SLOTS$2.centerRow })
+            [CSS$2.contentBehind]: true
+          }, key: contentContainerKey }, defaultSlotNode),
+        centerRowSlotNode
       ]
       : [
-        h("div", { class: CSS$2.content }, h("slot", null), h("slot", { name: SLOTS$2.centerRow }))
+        h("div", { class: CSS$2.content, key: contentContainerKey }, defaultSlotNode, centerRowSlotNode)
       ];
     return content;
   }

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

@@ -246,7 +246,7 @@ let CalciteTreeItem = class {
       this.expanded = !this.expanded;
       if (this.selectionMode !== TreeSelectionMode.Ancestors) {
         this.calciteTreeItemSelect.emit({
-          modifyCurrentSelection: event.shiftKey,
+          modifyCurrentSelection: this.isSelectionMultiLike,
           forceToggle: true
         });
       }
@@ -280,6 +280,11 @@ let CalciteTreeItem = class {
   expandedHandler(newValue) {
     this.updateParentIsExpanded(this.el, newValue);
   }
+  getselectionMode() {
+    this.isSelectionMultiLike =
+      this.selectionMode === TreeSelectionMode.Multi ||
+        this.selectionMode === TreeSelectionMode.MultiChildren;
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -331,7 +336,8 @@ let CalciteTreeItem = class {
         [CSS.chevron]: true,
         [CSS_UTILITY.rtl]: rtl
       }, "data-test-id": "icon", icon: ICONS.chevronRight, onClick: this.iconClickHandler, scale: "s" })) : null;
-    const checkbox = this.selectionMode === TreeSelectionMode.Ancestors ? (h("label", { class: CSS.checkboxLabel }, h("calcite-checkbox", { checked: this.selected, class: CSS.checkbox, "data-test-id": "checkbox", indeterminate: this.hasChildren && this.indeterminate, scale: this.scale, tabIndex: -1 }), h("slot", null))) : null;
+    const defaultSlotNode = h("slot", { key: "default-slot" });
+    const checkbox = this.selectionMode === TreeSelectionMode.Ancestors ? (h("label", { class: CSS.checkboxLabel, key: "checkbox-label" }, h("calcite-checkbox", { checked: this.selected, class: CSS.checkbox, "data-test-id": "checkbox", indeterminate: this.hasChildren && this.indeterminate, scale: this.scale, tabIndex: -1 }), defaultSlotNode)) : null;
     const selectedIcon = showBulletPoint
       ? ICONS.bulletPoint
       : showCheckmark
@@ -346,7 +352,7 @@ let CalciteTreeItem = class {
     return (h(Host, { "aria-expanded": this.hasChildren ? this.expanded.toString() : undefined, "aria-hidden": hidden.toString(), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabindex: this.parentExpanded || this.depth === 1 ? "0" : "-1" }, h("div", { class: {
         [CSS.nodeContainer]: true,
         [CSS_UTILITY.rtl]: rtl
-      }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, bulletOrCheckIcon, checkbox ? checkbox : h("slot", null)), h("div", { class: {
+      }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, bulletOrCheckIcon, checkbox ? checkbox : defaultSlotNode), h("div", { class: {
         [CSS.childrenContainer]: true,
         [CSS_UTILITY.rtl]: rtl
       }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, ref: (el) => (this.childrenSlotWrapper = el), role: this.hasChildren ? "group" : undefined }, h("slot", { name: SLOTS.children }))));
@@ -365,7 +371,7 @@ let CalciteTreeItem = class {
       window.open(link.href, target);
     }
     this.calciteTreeItemSelect.emit({
-      modifyCurrentSelection: e.shiftKey || this.selectionMode === TreeSelectionMode.Ancestors,
+      modifyCurrentSelection: this.selectionMode === TreeSelectionMode.Ancestors || this.isSelectionMultiLike,
       forceToggle: false
     });
   }
@@ -374,7 +380,7 @@ let CalciteTreeItem = class {
     switch (e.key) {
       case " ":
         this.calciteTreeItemSelect.emit({
-          modifyCurrentSelection: e.shiftKey,
+          modifyCurrentSelection: this.isSelectionMultiLike,
           forceToggle: false
         });
         e.preventDefault();
@@ -389,7 +395,7 @@ let CalciteTreeItem = class {
         }
         else {
           this.calciteTreeItemSelect.emit({
-            modifyCurrentSelection: e.shiftKey,
+            modifyCurrentSelection: this.isSelectionMultiLike,
             forceToggle: false
           });
         }
@@ -460,7 +466,8 @@ let CalciteTreeItem = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "expanded": ["expandedHandler"]
+    "expanded": ["expandedHandler"],
+    "selectionMode": ["getselectionMode"]
   }; }
 };
 CalciteTreeItem.style = calciteTreeItemCss;