@esri/calcite-components 1.0.0-next.466 → 1.0.0-next.467

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.466
+ * v1.0.0-next.467
  */
 'use strict';
 
@@ -5561,7 +5561,7 @@ const accordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyfra
 class Accordion {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteAccordionChange = createEvent(this, "calciteAccordionChange", 7);
+    this.calciteInternalAccordionChange = createEvent(this, "calciteInternalAccordionChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -5612,7 +5612,7 @@ class Accordion {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  calciteAccordionItemKeyEvent(e) {
+  calciteInternalAccordionItemKeyEvent(e) {
     const item = e.detail.item;
     const parent = e.detail.parent;
     if (this.el === parent) {
@@ -5645,6 +5645,7 @@ class Accordion {
           break;
       }
     }
+    e.stopPropagation();
   }
   registerCalciteAccordionItem(e) {
     const item = {
@@ -5655,12 +5656,14 @@ class Accordion {
     if (this.el === item.parent) {
       this.items.push(item);
     }
+    e.stopPropagation();
   }
   updateActiveItemOnChange(event) {
     this.requestedAccordionItem = event.detail.requestedAccordionItem;
-    this.calciteAccordionChange.emit({
+    this.calciteInternalAccordionChange.emit({
       requestedAccordionItem: this.requestedAccordionItem
     });
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -5704,7 +5707,7 @@ class Accordion {
       "scale": [513],
       "selectionMode": [513, "selection-mode"]
     },
-    "$listeners$": [[0, "calciteAccordionItemKeyEvent", "calciteAccordionItemKeyEvent"], [0, "calciteAccordionItemRegister", "registerCalciteAccordionItem"], [0, "calciteAccordionItemSelect", "updateActiveItemOnChange"]],
+    "$listeners$": [[0, "calciteInternalAccordionItemKeyEvent", "calciteInternalAccordionItemKeyEvent"], [0, "calciteInternalAccordionItemRegister", "registerCalciteAccordionItem"], [0, "calciteInternalAccordionItemSelect", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["appearance", "appearance"], ["iconPosition", "icon-position"], ["iconType", "icon-type"], ["scale", "scale"], ["selectionMode", "selection-mode"]]
   }; }
@@ -5926,10 +5929,10 @@ const accordionItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@ke
 class AccordionItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteAccordionItemKeyEvent = createEvent(this, "calciteAccordionItemKeyEvent", 7);
-    this.calciteAccordionItemSelect = createEvent(this, "calciteAccordionItemSelect", 7);
-    this.calciteAccordionItemClose = createEvent(this, "calciteAccordionItemClose", 7);
-    this.calciteAccordionItemRegister = createEvent(this, "calciteAccordionItemRegister", 7);
+    this.calciteInternalAccordionItemKeyEvent = createEvent(this, "calciteInternalAccordionItemKeyEvent", 7);
+    this.calciteInternalAccordionItemSelect = createEvent(this, "calciteInternalAccordionItemSelect", 7);
+    this.calciteInternalAccordionItemClose = createEvent(this, "calciteInternalAccordionItemClose", 7);
+    this.calciteInternalAccordionItemRegister = createEvent(this, "calciteInternalAccordionItemRegister", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -5961,7 +5964,7 @@ class AccordionItem {
   }
   componentDidLoad() {
     this.itemPosition = this.getItemPosition();
-    this.calciteAccordionItemRegister.emit({
+    this.calciteInternalAccordionItemRegister.emit({
       parent: this.parent,
       position: this.itemPosition
     });
@@ -6000,7 +6003,7 @@ class AccordionItem {
         case "ArrowDown":
         case "Home":
         case "End":
-          this.calciteAccordionItemKeyEvent.emit({
+          this.calciteInternalAccordionItemKeyEvent.emit({
             parent: this.parent,
             item: e
           });
@@ -6016,6 +6019,7 @@ class AccordionItem {
       return;
     }
     this.determineActiveItem();
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -6038,7 +6042,7 @@ class AccordionItem {
     }
   }
   emitRequestedItem() {
-    this.calciteAccordionItemSelect.emit({
+    this.calciteInternalAccordionItemSelect.emit({
       requestedAccordionItem: this.el
     });
   }
@@ -6056,7 +6060,7 @@ class AccordionItem {
       "itemSubtitle": [1, "item-subtitle"],
       "icon": [513]
     },
-    "$listeners$": [[0, "keydown", "keyDownHandler"], [16, "calciteAccordionChange", "updateActiveItemOnChange"]],
+    "$listeners$": [[0, "keydown", "keyDownHandler"], [16, "calciteInternalAccordionChange", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["active", "active"], ["icon", "icon"]]
   }; }
@@ -8434,8 +8438,8 @@ class Alert {
     registerInstance(this, hostRef);
     this.calciteAlertClose = createEvent(this, "calciteAlertClose", 7);
     this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 7);
-    this.calciteAlertSync = createEvent(this, "calciteAlertSync", 7);
-    this.calciteAlertRegister = createEvent(this, "calciteAlertRegister", 7);
+    this.calciteInternalAlertSync = createEvent(this, "calciteInternalAlertSync", 7);
+    this.calciteInternalAlertRegister = createEvent(this, "calciteInternalAlertRegister", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -8478,7 +8482,7 @@ class Alert {
       this.active = false;
       this.queue = this.queue.filter((e) => e !== this.el);
       this.determineActiveAlert();
-      this.calciteAlertSync.emit({ queue: this.queue });
+      this.calciteInternalAlertSync.emit({ queue: this.queue });
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
@@ -8496,11 +8500,11 @@ class Alert {
   }
   watchActive() {
     if (this.active && !this.queued) {
-      this.calciteAlertRegister.emit();
+      this.calciteInternalAlertRegister.emit();
     }
     if (!this.active) {
       this.queue = this.queue.filter((e) => e !== this.el);
-      this.calciteAlertSync.emit({ queue: this.queue });
+      this.calciteInternalAlertSync.emit({ queue: this.queue });
     }
   }
   updateRequestedIcon() {
@@ -8519,7 +8523,7 @@ class Alert {
   //--------------------------------------------------------------------------
   connectedCallback() {
     if (this.active && !this.queued) {
-      this.calciteAlertRegister.emit();
+      this.calciteInternalAlertRegister.emit();
     }
   }
   componentWillLoad() {
@@ -8548,6 +8552,7 @@ class Alert {
     }
     this.queueLength = this.queue.length;
     this.determineActiveAlert();
+    event.stopPropagation();
   }
   // when an alert is first registered, trigger a queue sync to get queue
   alertRegister() {
@@ -8555,7 +8560,7 @@ class Alert {
       this.queued = true;
       this.queue.push(this.el);
     }
-    this.calciteAlertSync.emit({ queue: this.queue });
+    this.calciteInternalAlertSync.emit({ queue: this.queue });
     this.determineActiveAlert();
   }
   //--------------------------------------------------------------------------
@@ -8627,7 +8632,7 @@ class Alert {
       "requestedIcon": [32],
       "setFocus": [64]
     },
-    "$listeners$": [[8, "calciteAlertSync", "alertSync"], [8, "calciteAlertRegister", "alertRegister"]],
+    "$listeners$": [[8, "calciteInternalAlertSync", "alertSync"], [8, "calciteInternalAlertRegister", "alertRegister"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["active", "active"], ["autoDismissDuration", "auto-dismiss-duration"], ["color", "color"], ["icon", "icon"], ["scale", "scale"]]
   }; }
@@ -8965,10 +8970,12 @@ class Block {
     this.dragHandle = false;
     /**
      * Aria-label for collapsing the toggle and tooltip used for the toggle when expanded.
+     * @default "Collapse"
      */
     this.intlCollapse = TEXT$m.collapse;
     /**
      * Aria-label for expanding the toggle and tooltip used for the toggle when collapsed.
+     * @default "Expand"
      */
     this.intlExpand = TEXT$m.expand;
     /** string to override English loading text
@@ -13200,7 +13207,7 @@ class ColorPickerHexInput {
      * The hex value.
      */
     this.value = normalizeHex(DEFAULT_COLOR.hex());
-    this.onCalciteInputBlur = () => {
+    this.onCalciteInternalInputBlur = () => {
       const node = this.inputNode;
       const inputValue = node.value;
       const hex = `#${inputValue}`;
@@ -13285,7 +13292,7 @@ class ColorPickerHexInput {
   render() {
     const { intlHex, value } = this;
     const hexInputValue = this.formatForInternalInput(value);
-    return (hAsync("div", { class: CSS$F.container }, hAsync("calcite-input", { class: CSS$F.input, label: intlHex, maxLength: 6, onCalciteInputBlur: this.onCalciteInputBlur, onCalciteInputChange: this.onInputChange, onKeyDown: this.handleKeyDown, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$F.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
+    return (hAsync("div", { class: CSS$F.container }, hAsync("calcite-input", { class: CSS$F.input, label: intlHex, maxLength: 6, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$F.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
   }
   //--------------------------------------------------------------------------
   //
@@ -16792,6 +16799,7 @@ class DatePicker {
           this.hoverRange = undefined;
         }
       }
+      e.stopPropagation();
     };
     this.monthMouseOutChange = () => {
       if (this.hoverRange) {
@@ -16988,7 +16996,7 @@ class DatePicker {
   renderCalendar(activeDate, maxDate, minDate, date, endDate) {
     return (this.localeData && [
       hAsync("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel || HEADING_LEVEL$6, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
-      hAsync("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteDatePickerHover: this.monthHoverChange, onCalciteDatePickerMouseOut: this.monthMouseOutChange, onCalciteDatePickerSelect: this.monthDateChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
+      hAsync("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteDatePickerSelect: this.monthDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
     ]);
   }
   /**
@@ -17094,7 +17102,7 @@ class DatePickerDay {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteDaySelect = createEvent(this, "calciteDaySelect", 7);
-    this.calciteDayHover = createEvent(this, "calciteDayHover", 7);
+    this.calciteInternalDayHover = createEvent(this, "calciteInternalDayHover", 7);
     /** Date is outside of range and can't be selected */
     this.disabled = false;
     /** Date is in the current month. */
@@ -17129,7 +17137,7 @@ class DatePickerDay {
     };
   }
   mouseoverHandler() {
-    this.calciteDayHover.emit({
+    this.calciteInternalDayHover.emit({
       disabled: this.disabled
     });
   }
@@ -17184,9 +17192,9 @@ class DatePickerMonth {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 7);
-    this.calciteDatePickerHover = createEvent(this, "calciteDatePickerHover", 7);
+    this.calciteInternalDatePickerHover = createEvent(this, "calciteInternalDatePickerHover", 7);
     this.calciteDatePickerActiveDateChange = createEvent(this, "calciteDatePickerActiveDateChange", 7);
-    this.calciteDatePickerMouseOut = createEvent(this, "calciteDatePickerMouseOut", 7);
+    this.calciteInternalDatePickerMouseOut = createEvent(this, "calciteInternalDatePickerMouseOut", 7);
     /** Date currently active.*/
     this.activeDate = new Date();
     //--------------------------------------------------------------------------
@@ -17249,11 +17257,12 @@ class DatePickerMonth {
     this.dayHover = (e) => {
       const target = e.target;
       if (e.detail.disabled) {
-        this.calciteDatePickerMouseOut.emit();
+        this.calciteInternalDatePickerMouseOut.emit();
       }
       else {
-        this.calciteDatePickerHover.emit(target.value);
+        this.calciteInternalDatePickerHover.emit(target.value);
       }
+      e.stopPropagation();
     };
     this.daySelect = (e) => {
       const target = e.target;
@@ -17261,7 +17270,7 @@ class DatePickerMonth {
     };
   }
   mouseoutHandler() {
-    this.calciteDatePickerMouseOut.emit();
+    this.calciteInternalDatePickerMouseOut.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -17410,7 +17419,7 @@ class DatePickerMonth {
         "hover--outside-range": this.startDate && !isHoverInRange,
         "focused--start": isFocusedOnStart,
         "focused--end": !isFocusedOnStart
-      }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), localeData: this.localeData, onCalciteDayHover: this.dayHover, onCalciteDaySelect: this.daySelect, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
+      }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), localeData: this.localeData, onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
         // when moving via keyboard, focus must be updated on active date
         if (ref && active && this.activeFocus) {
           el === null || el === void 0 ? void 0 : el.focus();
@@ -17848,8 +17857,9 @@ class Dropdown {
     }
     this.closeCalciteDropdown(false);
   }
-  closeCalciteDropdownOnEvent() {
+  closeCalciteDropdownOnEvent(e) {
     this.closeCalciteDropdown();
+    e.stopPropagation();
   }
   closeCalciteDropdownOnOpenEvent(e) {
     if (e.composedPath().includes(this.el)) {
@@ -17867,7 +17877,7 @@ class Dropdown {
       this.closeCalciteDropdown();
     }
   }
-  calciteDropdownItemKeyEvent(e) {
+  calciteInternalDropdownItemKeyEvent(e) {
     const { keyboardEvent } = e.detail;
     // handle edge
     const target = keyboardEvent.target;
@@ -17912,6 +17922,7 @@ class Dropdown {
       event.detail.requestedDropdownGroup.selectionMode === "none") {
       this.closeCalciteDropdown();
     }
+    event.stopPropagation();
   }
   getModifiers() {
     const flipModifier = {
@@ -18034,7 +18045,7 @@ class Dropdown {
       "width": [513],
       "reposition": [64]
     },
-    "$listeners$": [[8, "click", "closeCalciteDropdownOnClick"], [0, "calciteDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "mouseenter", "mouseEnterHandler"], [1, "mouseleave", "mouseLeaveHandler"], [0, "calciteDropdownItemKeyEvent", "calciteDropdownItemKeyEvent"], [0, "calciteDropdownItemSelect", "handleItemSelect"]],
+    "$listeners$": [[8, "click", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "mouseenter", "mouseEnterHandler"], [1, "mouseleave", "mouseLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["active", "active"], ["disableCloseOnSelect", "disable-close-on-select"], ["disabled", "disabled"], ["placement", "placement"], ["scale", "scale"], ["type", "type"], ["width", "width"]]
   }; }
@@ -18054,7 +18065,7 @@ const dropdownGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@ke
 class DropdownGroup {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDropdownItemChange = createEvent(this, "calciteDropdownItemChange", 7);
+    this.calciteInternalDropdownItemChange = createEvent(this, "calciteInternalDropdownItemChange", 7);
     /** specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
      none (no active items), defaults to single */
     this.selectionMode = "single";
@@ -18086,7 +18097,7 @@ class DropdownGroup {
   updateActiveItemOnChange(event) {
     this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
     this.requestedDropdownItem = event.detail.requestedDropdownItem;
-    this.calciteDropdownItemChange.emit({
+    this.calciteInternalDropdownItemChange.emit({
       requestedDropdownGroup: this.requestedDropdownGroup,
       requestedDropdownItem: this.requestedDropdownItem
     });
@@ -18109,7 +18120,7 @@ class DropdownGroup {
       "selectionMode": [513, "selection-mode"],
       "scale": [513]
     },
-    "$listeners$": [[0, "calciteDropdownItemSelect", "updateActiveItemOnChange"]],
+    "$listeners$": [[0, "calciteInternalDropdownItemSelect", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["groupTitle", "group-title"], ["selectionMode", "selection-mode"], ["scale", "scale"]]
   }; }
@@ -18133,9 +18144,9 @@ const dropdownItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@key
 class DropdownItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDropdownItemSelect = createEvent(this, "calciteDropdownItemSelect", 7);
-    this.calciteDropdownItemKeyEvent = createEvent(this, "calciteDropdownItemKeyEvent", 7);
-    this.calciteDropdownCloseRequest = createEvent(this, "calciteDropdownCloseRequest", 7);
+    this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 7);
+    this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 7);
+    this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -18220,14 +18231,14 @@ class DropdownItem {
         }
         break;
       case "Escape":
-        this.calciteDropdownCloseRequest.emit();
+        this.calciteInternalDropdownCloseRequest.emit();
         break;
       case "Tab":
       case "ArrowUp":
       case "ArrowDown":
       case "Home":
       case "End":
-        this.calciteDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
         break;
     }
     e.preventDefault();
@@ -18239,6 +18250,7 @@ class DropdownItem {
       this.requestedDropdownItem = event.detail.requestedDropdownItem;
       this.determineActiveItem();
     }
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -18273,7 +18285,7 @@ class DropdownItem {
     }
   }
   emitRequestedItem() {
-    this.calciteDropdownItemSelect.emit({
+    this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
       requestedDropdownGroup: this.parentDropdownGroupEl
     });
@@ -18294,7 +18306,7 @@ class DropdownItem {
       "target": [1],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"], [16, "calciteDropdownItemChange", "updateActiveItemOnChange"]],
+    "$listeners$": [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"], [16, "calciteInternalDropdownItemChange", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["active", "active"], ["iconFlipRtl", "icon-flip-rtl"], ["iconStart", "icon-start"], ["iconEnd", "icon-end"], ["href", "href"]]
   }; }
@@ -19121,7 +19133,7 @@ class InlineEditable {
     registerInstance(this, hostRef);
     this.calciteInlineEditableEditCancel = createEvent(this, "calciteInlineEditableEditCancel", 7);
     this.calciteInlineEditableEditConfirm = createEvent(this, "calciteInlineEditableEditConfirm", 7);
-    this.calciteInlineEditableEnableEditingChange = createEvent(this, "calciteInlineEditableEnableEditingChange", 7);
+    this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Props
@@ -19153,7 +19165,7 @@ class InlineEditable {
       this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
       this.editingEnabled = true;
       (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
-      this.calciteInlineEditableEnableEditingChange.emit();
+      this.calciteInternalInlineEditableEnableEditingChange.emit();
     };
     this.disableEditing = () => {
       this.editingEnabled = false;
@@ -19332,7 +19344,7 @@ class InlineEditable {
       "afterConfirm": [16],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteInputBlur", "blurHandler"]],
+    "$listeners$": [[0, "calciteInternalInputBlur", "blurHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["editingEnabled", "editing-enabled"], ["loading", "loading"], ["controls", "controls"], ["intlEnableEditing", "intl-enable-editing"], ["intlCancelEditing", "intl-cancel-editing"], ["intlConfirmChanges", "intl-confirm-changes"], ["scale", "scale"]]
   }; }
@@ -19377,8 +19389,8 @@ const inputCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 class Input {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteInputFocus = createEvent(this, "calciteInputFocus", 7);
-    this.calciteInputBlur = createEvent(this, "calciteInputBlur", 7);
+    this.calciteInternalInputFocus = createEvent(this, "calciteInternalInputFocus", 7);
+    this.calciteInternalInputBlur = createEvent(this, "calciteInternalInputBlur", 7);
     this.calciteInputInput = createEvent(this, "calciteInputInput", 7);
     this.calciteInputChange = createEvent(this, "calciteInputChange", 7);
     //--------------------------------------------------------------------------
@@ -19473,7 +19485,7 @@ class Input {
       this.previousEmittedValue = this.value;
     };
     this.inputBlurHandler = () => {
-      this.calciteInputBlur.emit({
+      this.calciteInternalInputBlur.emit({
         element: this.childEl,
         value: this.value
       });
@@ -19484,7 +19496,7 @@ class Input {
       if (event.target !== slottedActionEl) {
         this.setFocus();
       }
-      this.calciteInputFocus.emit({
+      this.calciteInternalInputFocus.emit({
         element: this.childEl,
         value: this.value
       });
@@ -19966,8 +19978,8 @@ class InputDatePicker {
     this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
     this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
     this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 7);
-    this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
-    this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 7);
+    this.calciteInternalInputDatePickerOpen = createEvent(this, "calciteInternalInputDatePickerOpen", 7);
+    this.calciteInternalInputDatePickerClose = createEvent(this, "calciteInternalInputDatePickerClose", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -20030,8 +20042,8 @@ class InputDatePicker {
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
         this.active
-          ? this.calciteInputDatePickerOpen.emit()
-          : this.calciteInputDatePickerClose.emit();
+          ? this.calciteInternalInputDatePickerOpen.emit()
+          : this.calciteInternalInputDatePickerClose.emit();
       }
     };
     this.setStartInput = (el) => {
@@ -20241,7 +20253,7 @@ class InputDatePicker {
       : null;
     const formattedEndDate = endDate ? endDate.toLocaleDateString(this.locale) : "";
     const formattedDate = date ? date.toLocaleDateString(this.locale) : "";
-    return (hAsync(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, onKeyUp: this.keyUpHandler, role: "application" }, this.localeData && (hAsync("div", { "aria-expanded": toAriaBoolean(this.active), class: "input-container", role: "application" }, hAsync("div", { class: "input-wrapper", ref: this.setStartWrapper }, hAsync("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.startInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), hAsync("div", { "aria-hidden": toAriaBoolean(!this.active), class: {
+    return (hAsync(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, onKeyUp: this.keyUpHandler, role: "application" }, this.localeData && (hAsync("div", { "aria-expanded": toAriaBoolean(this.active), class: "input-container", role: "application" }, hAsync("div", { class: "input-wrapper", ref: this.setStartWrapper }, hAsync("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), hAsync("div", { "aria-hidden": toAriaBoolean(!this.active), class: {
         "menu-container": true,
         "menu-container--active": this.active
       }, ref: this.setMenuEl }, hAsync("div", { class: {
@@ -20252,7 +20264,7 @@ class InputDatePicker {
       }, onTransitionEnd: this.transitionEnd }, hAsync("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, locale: this.locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { class: "horizontal-arrow-container" }, hAsync("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { class: "vertical-arrow-container" }, hAsync("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (hAsync("div", { class: "input-wrapper", ref: this.setEndWrapper }, hAsync("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
-      }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.endInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), hAsync(HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), hAsync(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -20791,14 +20803,15 @@ class InputTimePicker {
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
-    this.calciteInputBlurHandler = () => {
+    this.calciteInternalInputBlurHandler = () => {
       this.active = false;
       const shouldIncludeSeconds = this.shouldIncludeSeconds();
       const localizedInputValue = localizeTimeString(this.calciteInputEl.value, this.locale, shouldIncludeSeconds);
       this.setInputValue(localizedInputValue || localizeTimeString(this.value, this.locale, shouldIncludeSeconds));
     };
-    this.calciteInputFocusHandler = () => {
+    this.calciteInternalInputFocusHandler = (event) => {
       this.active = true;
+      event.stopPropagation();
     };
     this.calciteInputInputHandler = (event) => {
       const target = event.target;
@@ -20809,6 +20822,7 @@ class InputTimePicker {
       const target = event.target;
       const value = target.value;
       this.setValue({ value, origin: "time-picker" });
+      event.stopPropagation();
     };
     // --------------------------------------------------------------------------
     //
@@ -20966,7 +20980,7 @@ class InputTimePicker {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (hAsync(Host, { onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, hAsync("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputBlur: this.calciteInputBlurHandler, onCalciteInputFocus: this.calciteInputFocusHandler, onCalciteInputInput: this.calciteInputInputHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), hAsync("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId }, hAsync("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), hAsync(HiddenFormInputSlot, { component: this })));
+    return (hAsync(Host, { onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, hAsync("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), hAsync("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId }, hAsync("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), hAsync(HiddenFormInputSlot, { component: this })));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
@@ -21005,7 +21019,7 @@ class InputTimePicker {
       "setFocus": [64],
       "reposition": [64]
     },
-    "$listeners$": [[0, "click", "clickHandler"], [0, "keyup", "keyUpHandler"], [0, "calciteTimePickerBlur", "timePickerBlurHandler"], [0, "calciteTimePickerFocus", "timePickerFocusHandler"]],
+    "$listeners$": [[0, "click", "clickHandler"], [0, "keyup", "keyUpHandler"], [0, "calciteInternalTimePickerBlur", "timePickerBlurHandler"], [0, "calciteInternalTimePickerFocus", "timePickerFocusHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["active", "active"], ["disabled", "disabled"], ["required", "required"], ["scale", "scale"], ["placement", "placement"]]
   }; }
@@ -21186,7 +21200,7 @@ const listCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes i
 
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
- * @slot - A slot for adding `calcite-list-item` elements.
+ * @slot - A slot for adding calcite-list-item elements.
  */
 class List$1 {
   constructor(hostRef) {
@@ -21197,7 +21211,7 @@ class List$1 {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, disabled prevents user interaction.
+     * When true, prevents user interaction.
      */
     this.disabled = false;
   }
@@ -21267,11 +21281,11 @@ const SLOTS$f = {
 const listItemCss = "@-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*/.sc-calcite-list-item: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*/.calcite-animate.sc-calcite-list-item{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*/.calcite-animate__in.sc-calcite-list-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-list-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-list-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-list-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-list-item:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@:host*/.sc-calcite-list-item-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.container*/.container.sc-calcite-list-item{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}/*!@.content-container*/.content-container.sc-calcite-list-item{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@.content-container--button*/.content-container--button.sc-calcite-list-item{cursor:pointer;border-style:none;background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:initial}/*!@.content-container--button:hover*/.content-container--button.sc-calcite-list-item:hover{background-color:var(--calcite-ui-foreground-2)}/*!@.content-container--button:hover .label, .content-container--button:hover .description*/.content-container--button.sc-calcite-list-item:hover .label.sc-calcite-list-item,.content-container--button.sc-calcite-list-item:hover .description.sc-calcite-list-item{color:var(--calcite-ui-text-1)}/*!@.content-container--button:focus*/.content-container--button.sc-calcite-list-item:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.content-container--button .content-start, .content-container--button .content-end*/.content-container--button.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--button.sc-calcite-list-item .content-end.sc-calcite-list-item{pointer-events:none}/*!@.content*/.content.sc-calcite-list-item{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@.label, .description*/.label.sc-calcite-list-item,.description.sc-calcite-list-item{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}/*!@.label:only-child, .description:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child{margin:0px;padding-top:0.25rem;padding-bottom:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-ui-text-1)}/*!@.description*/.description.sc-calcite-list-item{margin-top:0.125rem;color:var(--calcite-ui-text-3)}/*!@.content-start*/.content-start.sc-calcite-list-item{-ms-flex-pack:start;justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{-ms-flex-pack:end;justify-content:flex-end}/*!@.content-start, .content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{-ms-flex:1 1 auto;flex:1 1 auto}/*!@.has-center-content .content-start, .has-center-content .content-end*/.has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{-ms-flex:0 1 auto;flex:0 1 auto}/*!@.actions-start, .actions-end, .content-start, .content-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.content-start ::slotted(calcite-icon), .content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{-ms-flex-item-align:center;align-self:center;padding-left:0.75rem;padding-right:0.75rem}/*!@.actions-start ::slotted(calcite-action), .actions-end ::slotted(calcite-action)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action{-ms-flex-item-align:stretch;align-self:stretch;color:inherit}/*!@::slotted(calcite-list-item-group), ::slotted(calcite-list-item)*/.sc-calcite-list-item-s>calcite-list-item-group,.sc-calcite-list-item-s>calcite-list-item{padding-left:0.5rem}";
 
 /**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
+ * @slot - A slot for adding calcite-list-item and calcite-list-item-group elements.
+ * @slot actions-start - A slot for adding actionable calcite-action elements before the content of the list item.
  * @slot content-start - A slot for adding non-actionable elements before the label and description of the list item.
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
- * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
+ * @slot actions-end - A slot for adding actionable calcite-action elements after the content of the list item.
  */
 class ListItem {
   constructor(hostRef) {
@@ -21286,7 +21300,7 @@ class ListItem {
      */
     this.nonInteractive = false;
     /**
-     * When true, disabled prevents interaction.
+     * When true, prevents user interaction.
      */
     this.disabled = false;
   }
@@ -21384,7 +21398,7 @@ const HEADING_LEVEL$5 = 3;
 const listItemGroupCss = "@-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*/.sc-calcite-list-item-group: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*/.calcite-animate.sc-calcite-list-item-group{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*/.calcite-animate__in.sc-calcite-list-item-group{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-list-item-group{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-list-item-group{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-list-item-group{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-list-item-group:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-group-h{display:none}/*!@:host*/.sc-calcite-list-item-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}/*!@.heading*/.heading.sc-calcite-list-item-group{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}/*!@.container*/.container.sc-calcite-list-item-group{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}/*!@::slotted(calcite-list-item-group)*/.sc-calcite-list-item-group-s>calcite-list-item-group{padding-left:0.5rem}";
 
 /**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
+ * @slot - A slot for adding calcite-list-item and calcite-list-item-group elements.
  */
 class ListItemGroup {
   constructor(hostRef) {
@@ -21428,17 +21442,17 @@ class Loader {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Show the loader */
+    /** When true, the loader is active. */
     this.active = false;
-    /** Inline loaders are smaller and will appear to the left of the text */
+    /** When true, displays smaller and appears to the left of the text. */
     this.inline = false;
-    /** Speficy the scale of the loader. Defaults to "m" */
+    /** Specify the scale of the loader. */
     this.scale = "m";
-    /** Percent complete of 100, only valid for determinate indicators */
+    /** Valid only for determinate indicators. Percent complete of 100. */
     this.value = 0;
-    /** Text which should appear under the loading indicator (optional) */
+    /** Text that displays under the loading indicator. */
     this.text = "";
-    /** Turn off spacing around the loader */
+    /** Disables spacing around the loader. */
     this.noPadding = false;
   }
   //--------------------------------------------------------------------------
@@ -22034,7 +22048,7 @@ const optionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 class Option {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteOptionChange = createEvent(this, "calciteOptionChange", 7);
+    this.calciteInternalOptionChange = createEvent(this, "calciteInternalOptionChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -22050,7 +22064,7 @@ class Option {
     if (propName === "label" || propName === "value") {
       this.ensureTextContentDependentProps();
     }
-    this.calciteOptionChange.emit();
+    this.calciteInternalOptionChange.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -22126,7 +22140,7 @@ const optionGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyf
 class OptionGroup {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteOptionGroupChange = createEvent(this, "calciteOptionGroupChange", 7);
+    this.calciteInternalOptionGroupChange = createEvent(this, "calciteInternalOptionGroupChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -22138,7 +22152,7 @@ class OptionGroup {
     this.disabled = false;
   }
   handlePropChange() {
-    this.calciteOptionGroupChange.emit();
+    this.calciteInternalOptionGroupChange.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -22737,8 +22751,7 @@ function calciteListItemChangeHandler(event) {
   this.lastSelectedItem = item;
   this.emitCalciteListChange();
 }
-function calciteListItemValueChangeHandler(event) {
-  event.stopPropagation();
+function calciteInternalListItemValueChangeHandler(event) {
   const oldValue = event.detail.oldValue;
   const selectedValues = this.selectedValues;
   if (selectedValues.has(oldValue)) {
@@ -22746,6 +22759,7 @@ function calciteListItemValueChangeHandler(event) {
     selectedValues.delete(oldValue);
     selectedValues.set(event.detail.newValue, item);
   }
+  event.stopPropagation();
 }
 // --------------------------------------------------------------------------
 //
@@ -23069,12 +23083,13 @@ class PickList {
   calciteListItemChangeHandler(event) {
     calciteListItemChangeHandler.call(this, event);
   }
-  calciteListItemPropsChangeHandler(event) {
+  calciteInternalListItemPropsChangeHandler(event) {
     event.stopPropagation();
     this.setUpFilter();
   }
-  calciteListItemValueChangeHandler(event) {
-    calciteListItemValueChangeHandler.call(this, event);
+  calciteInternalListItemValueChangeHandler(event) {
+    calciteInternalListItemValueChangeHandler.call(this, event);
+    event.stopPropagation();
   }
   calciteListFocusOutHandler(event) {
     calciteListFocusOutHandler.call(this, event);
@@ -23134,7 +23149,7 @@ class PickList {
       "getSelectedItems": [64],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteListItemPropsChange", "calciteListItemPropsChangeHandler"], [0, "calciteListItemValueChange", "calciteListItemValueChangeHandler"], [0, "focusout", "calciteListFocusOutHandler"]],
+    "$listeners$": [[0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteInternalListItemPropsChange", "calciteInternalListItemPropsChangeHandler"], [0, "calciteInternalListItemValueChange", "calciteInternalListItemValueChangeHandler"], [0, "focusout", "calciteListFocusOutHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["loading", "loading"], ["multiple", "multiple"]]
   }; }
@@ -23232,8 +23247,8 @@ class PickListItem {
     registerInstance(this, hostRef);
     this.calciteListItemChange = createEvent(this, "calciteListItemChange", 7);
     this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
-    this.calciteListItemPropsChange = createEvent(this, "calciteListItemPropsChange", 7);
-    this.calciteListItemValueChange = createEvent(this, "calciteListItemValueChange", 7);
+    this.calciteInternalListItemPropsChange = createEvent(this, "calciteInternalListItemPropsChange", 7);
+    this.calciteInternalListItemValueChange = createEvent(this, "calciteInternalListItemValueChange", 7);
     /**
      * When true, the item cannot be clicked and is visually muted.
      */
@@ -23290,13 +23305,13 @@ class PickListItem {
     };
   }
   descriptionWatchHandler() {
-    this.calciteListItemPropsChange.emit();
+    this.calciteInternalListItemPropsChange.emit();
   }
   labelWatchHandler() {
-    this.calciteListItemPropsChange.emit();
+    this.calciteInternalListItemPropsChange.emit();
   }
   metadataWatchHandler() {
-    this.calciteListItemPropsChange.emit();
+    this.calciteInternalListItemPropsChange.emit();
   }
   selectedWatchHandler() {
     this.calciteListItemChange.emit({
@@ -23308,7 +23323,7 @@ class PickListItem {
     this.shiftPressed = false;
   }
   valueWatchHandler(newValue, oldValue) {
-    this.calciteListItemValueChange.emit({ oldValue, newValue });
+    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });
   }
   // --------------------------------------------------------------------------
   //
@@ -23445,7 +23460,7 @@ class PopoverManager$1 {
       const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
       return registeredElements.get(registeredElement);
     };
-    this.clickHandler = (event) => {
+    this.togglePopovers = (event) => {
       const composedPath = event.composedPath();
       const popover = this.queryPopover(composedPath);
       if (popover) {
@@ -23456,6 +23471,15 @@ class PopoverManager$1 {
         .filter((popover) => popover.autoClose && popover.open && !composedPath.includes(popover))
         .forEach((popover) => popover.toggle(false));
     };
+    this.keyHandler = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") {
+        return;
+      }
+      this.togglePopovers(event);
+    };
+    this.clickHandler = (event) => {
+      this.togglePopovers(event);
+    };
   }
   // --------------------------------------------------------------------------
   //
@@ -23479,9 +23503,11 @@ class PopoverManager$1 {
   }
   addListeners() {
     document.addEventListener("pointerdown", this.clickHandler, { capture: true });
+    document.addEventListener("keydown", this.keyHandler, { capture: true });
   }
   removeListeners() {
     document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
+    document.removeEventListener("keydown", this.keyHandler, { capture: true });
   }
 }
 
@@ -24407,9 +24433,9 @@ class RadioGroup {
     return (hAsync(Host, { onClick: this.handleClick, role: "radiogroup" }, hAsync("slot", null), hAsync(HiddenFormInputSlot, { component: this })));
   }
   handleSelected(event) {
-    event.stopPropagation();
     event.preventDefault();
     this.selectItem(event.target);
+    event.stopPropagation();
   }
   handleKeyDown(event) {
     const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
@@ -24518,7 +24544,7 @@ class RadioGroup {
       "width": [513],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]],
+    "$listeners$": [[0, "calciteInternalRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["appearance", "appearance"], ["disabled", "disabled"], ["required", "required"], ["layout", "layout"], ["scale", "scale"], ["width", "width"]]
   }; }
@@ -24536,7 +24562,7 @@ const radioGroupItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@k
 class RadioGroupItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteRadioGroupItemChange = createEvent(this, "calciteRadioGroupItemChange", 7);
+    this.calciteInternalRadioGroupItemChange = createEvent(this, "calciteInternalRadioGroupItemChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -24550,7 +24576,7 @@ class RadioGroupItem {
     this.iconPosition = "start";
   }
   handleCheckedChange() {
-    this.calciteRadioGroupItemChange.emit();
+    this.calciteInternalRadioGroupItemChange.emit();
   }
   render() {
     const { checked, value } = this;
@@ -25012,7 +25038,7 @@ class Select {
       "width": [513],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteOptionChange", "handleOptionOrGroupChange"], [0, "calciteOptionGroupChange", "handleOptionOrGroupChange"]],
+    "$listeners$": [[0, "calciteInternalOptionChange", "handleOptionOrGroupChange"], [0, "calciteInternalOptionGroupChange", "handleOptionOrGroupChange"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["required", "required"], ["scale", "scale"], ["width", "width"]]
   }; }
@@ -29553,7 +29579,7 @@ const stepperCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframe
 class Stepper {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteStepperItemChange = createEvent(this, "calciteStepperItemChange", 7);
+    this.calciteInternalStepperItemChange = createEvent(this, "calciteInternalStepperItemChange", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -29595,7 +29621,7 @@ class Stepper {
   componentDidLoad() {
     // if no stepper items are set as active, default to the first one
     if (!this.currentPosition) {
-      this.calciteStepperItemChange.emit({
+      this.calciteInternalStepperItemChange.emit({
         position: 0
       });
     }
@@ -29613,7 +29639,7 @@ class Stepper {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  calciteStepperItemKeyEvent(e) {
+  calciteInternalStepperItemKeyEvent(e) {
     const item = e.detail.item;
     const itemToFocus = e.target;
     const isFirstItem = this.itemIndex(itemToFocus) === 0;
@@ -29644,6 +29670,7 @@ class Stepper {
         this.focusLastItem();
         break;
     }
+    e.stopPropagation();
   }
   registerItem(event) {
     const item = event.target;
@@ -29654,15 +29681,17 @@ class Stepper {
     this.itemMap.set(item, position);
     this.items = this.sortItems();
     this.enabledItems = this.filterItems();
+    event.stopPropagation();
   }
   updateItem(event) {
     if (event.detail.content) {
       this.requestedContent = event.detail.content;
     }
     this.currentPosition = event.detail.position;
-    this.calciteStepperItemChange.emit({
+    this.calciteInternalStepperItemChange.emit({
       position: this.currentPosition
     });
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -29731,7 +29760,7 @@ class Stepper {
   }
   emitChangedItem(position) {
     this.currentPosition = position;
-    this.calciteStepperItemChange.emit({
+    this.calciteInternalStepperItemChange.emit({
       position
     });
   }
@@ -29790,7 +29819,7 @@ class Stepper {
       "startStep": [64],
       "endStep": [64]
     },
-    "$listeners$": [[0, "calciteStepperItemKeyEvent", "calciteStepperItemKeyEvent"], [0, "calciteStepperItemRegister", "registerItem"], [0, "calciteStepperItemSelect", "updateItem"]],
+    "$listeners$": [[0, "calciteInternalStepperItemKeyEvent", "calciteInternalStepperItemKeyEvent"], [0, "calciteInternalStepperItemRegister", "registerItem"], [0, "calciteInternalStepperItemSelect", "updateItem"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["icon", "icon"], ["layout", "layout"], ["numbered", "numbered"], ["scale", "scale"]]
   }; }
@@ -29804,9 +29833,9 @@ const stepperItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyf
 class StepperItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteStepperItemKeyEvent = createEvent(this, "calciteStepperItemKeyEvent", 7);
-    this.calciteStepperItemSelect = createEvent(this, "calciteStepperItemSelect", 7);
-    this.calciteStepperItemRegister = createEvent(this, "calciteStepperItemRegister", 7);
+    this.calciteInternalStepperItemKeyEvent = createEvent(this, "calciteInternalStepperItemKeyEvent", 7);
+    this.calciteInternalStepperItemSelect = createEvent(this, "calciteInternalStepperItemSelect", 7);
+    this.calciteInternalStepperItemRegister = createEvent(this, "calciteInternalStepperItemRegister", 7);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -29848,7 +29877,7 @@ class StepperItem {
           case "ArrowRight":
           case "Home":
           case "End":
-            this.calciteStepperItemKeyEvent.emit({ item: e });
+            this.calciteInternalStepperItemKeyEvent.emit({ item: e });
             e.preventDefault();
             break;
         }
@@ -29856,7 +29885,7 @@ class StepperItem {
     };
     this.emitRequestedItem = () => {
       if (!this.disabled) {
-        this.calciteStepperItemSelect.emit({
+        this.calciteInternalStepperItemSelect.emit({
           position: this.itemPosition,
           content: this.itemContent
         });
@@ -29907,6 +29936,7 @@ class StepperItem {
       this.activePosition = event.detail.position;
       this.determineActiveItem();
     }
+    event.stopPropagation();
   }
   renderIcon() {
     const path = this.active
@@ -29922,7 +29952,7 @@ class StepperItem {
     this.active = !this.disabled && this.itemPosition === this.activePosition;
   }
   registerStepperItem() {
-    this.calciteStepperItemRegister.emit({
+    this.calciteInternalStepperItemRegister.emit({
       position: this.itemPosition,
       content: this.itemContent
     });
@@ -29950,7 +29980,7 @@ class StepperItem {
       "numbered": [1028],
       "scale": [1537]
     },
-    "$listeners$": [[16, "calciteStepperItemChange", "updateActiveItemOnChange"]],
+    "$listeners$": [[16, "calciteInternalStepperItemChange", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["active", "active"], ["complete", "complete"], ["disabled", "disabled"], ["layout", "layout"], ["scale", "scale"]]
   }; }
@@ -30083,7 +30113,7 @@ const tabCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in
 class Tab {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteTabRegister = createEvent(this, "calciteTabRegister", 7);
+    this.calciteInternalTabRegister = createEvent(this, "calciteInternalTabRegister", 7);
     /**
      * Show this tab
      */
@@ -30105,7 +30135,7 @@ class Tab {
     this.parentTabsEl = this.el.closest("calcite-tabs");
   }
   componentDidLoad() {
-    this.calciteTabRegister.emit();
+    this.calciteInternalTabRegister.emit();
   }
   componentWillRender() {
     var _a;
@@ -30141,6 +30171,7 @@ class Tab {
         this.active = index === event.detail.tab;
       });
     }
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -30333,6 +30364,7 @@ class TabNav {
       this.selectedTab = e.detail.tab;
       e.stopPropagation();
     }
+    e.stopPropagation();
   }
   updateOffsetPosition() {
     var _a, _b, _c, _d, _e;
@@ -30385,7 +30417,7 @@ class TabNav {
       "selectedTab": [32],
       "selectedTabEl": [32]
     },
-    "$listeners$": [[0, "calciteTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"]],
+    "$listeners$": [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["scale", "scale"], ["layout", "layout"], ["position", "position"], ["bordered", "bordered"]]
   }; }
@@ -30401,9 +30433,9 @@ class TabTitle {
     registerInstance(this, hostRef);
     this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
     this.calciteInternalTabsActivate = createEvent(this, "calciteInternalTabsActivate", 7);
-    this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
-    this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
-    this.calciteTabTitleRegister = createEvent(this, "calciteTabTitleRegister", 7);
+    this.calciteInternalTabsFocusNext = createEvent(this, "calciteInternalTabsFocusNext", 7);
+    this.calciteInternalTabsFocusPrevious = createEvent(this, "calciteInternalTabsFocusPrevious", 7);
+    this.calciteInternalTabTitleRegister = createEvent(this, "calciteInternalTabTitleRegister", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -30478,7 +30510,7 @@ class TabTitle {
       }, style: showSideBorders && { width: `${this.parentTabNavEl.indicatorWidth}px` } }, this.iconStart ? iconStartEl : null, hAsync("slot", null), this.iconEnd ? iconEndEl : null)));
   }
   async componentDidLoad() {
-    this.calciteTabTitleRegister.emit(await this.getTabIdentifier());
+    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());
   }
   componentDidRender() {
     updateHostInteraction(this, true);
@@ -30517,18 +30549,18 @@ class TabTitle {
         break;
       case "ArrowRight":
         if (getElementDir(this.el) === "ltr") {
-          this.calciteTabsFocusNext.emit();
+          this.calciteInternalTabsFocusNext.emit();
         }
         else {
-          this.calciteTabsFocusPrevious.emit();
+          this.calciteInternalTabsFocusPrevious.emit();
         }
         break;
       case "ArrowLeft":
         if (getElementDir(this.el) === "ltr") {
-          this.calciteTabsFocusPrevious.emit();
+          this.calciteInternalTabsFocusPrevious.emit();
         }
         else {
-          this.calciteTabsFocusNext.emit();
+          this.calciteInternalTabsFocusNext.emit();
         }
         break;
     }
@@ -30681,7 +30713,7 @@ class Tabs {
   /**
    * @internal
    */
-  calciteTabTitleRegister(e) {
+  calciteInternalTabTitleRegister(e) {
     this.titles = [...this.titles, e.target];
     this.registryHandler();
     e.stopPropagation();
@@ -30697,7 +30729,7 @@ class Tabs {
   /**
    * @internal
    */
-  calciteTabRegister(e) {
+  calciteInternalTabRegister(e) {
     this.tabs = [...this.tabs, e.target];
     this.registryHandler();
     e.stopPropagation();
@@ -30769,7 +30801,7 @@ class Tabs {
       "titles": [32],
       "tabs": [32]
     },
-    "$listeners$": [[0, "calciteTabTitleRegister", "calciteTabTitleRegister"], [16, "calciteTabTitleUnregister", "calciteTabTitleUnregister"], [0, "calciteTabRegister", "calciteTabRegister"], [16, "calciteTabUnregister", "calciteTabUnregister"]],
+    "$listeners$": [[0, "calciteInternalTabTitleRegister", "calciteInternalTabTitleRegister"], [16, "calciteTabTitleUnregister", "calciteTabTitleUnregister"], [0, "calciteInternalTabRegister", "calciteInternalTabRegister"], [16, "calciteTabUnregister", "calciteTabUnregister"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["layout", "layout"], ["position", "position"], ["scale", "scale"], ["bordered", "bordered"]]
   }; }
@@ -31181,9 +31213,9 @@ function capitalize(str) {
 class TimePicker {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteTimePickerBlur = createEvent(this, "calciteTimePickerBlur", 7);
-    this.calciteTimePickerChange = createEvent(this, "calciteTimePickerChange", 7);
-    this.calciteTimePickerFocus = createEvent(this, "calciteTimePickerFocus", 7);
+    this.calciteInternalTimePickerBlur = createEvent(this, "calciteInternalTimePickerBlur", 7);
+    this.calciteInternalTimePickerChange = createEvent(this, "calciteInternalTimePickerChange", 7);
+    this.calciteInternalTimePickerFocus = createEvent(this, "calciteInternalTimePickerFocus", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -31536,7 +31568,7 @@ class TimePicker {
         this.value = null;
       }
       if (emit) {
-        this.calciteTimePickerChange.emit();
+        this.calciteInternalTimePickerChange.emit();
       }
     };
     this.setValuePart = (key, value, emit = true) => {
@@ -31575,7 +31607,7 @@ class TimePicker {
         ? ((_a = localizeTimeStringToParts(this.value, this.locale)) === null || _a === void 0 ? void 0 : _a.localizedMeridiem) || null
         : localizeTimePart(this.meridiem, "meridiem", this.locale);
       if (emit) {
-        this.calciteTimePickerChange.emit();
+        this.calciteInternalTimePickerChange.emit();
       }
     };
   }
@@ -31592,10 +31624,10 @@ class TimePicker {
   //
   //--------------------------------------------------------------------------
   hostBlurHandler() {
-    this.calciteTimePickerBlur.emit();
+    this.calciteInternalTimePickerBlur.emit();
   }
   hostFocusHandler() {
-    this.calciteTimePickerFocus.emit();
+    this.calciteInternalTimePickerFocus.emit();
   }
   keyDownHandler(event) {
     const key = event.key;
@@ -32707,6 +32739,7 @@ class Tree {
     this.calciteTreeSelect.emit({
       selected: nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected)
     });
+    e.stopPropagation();
   }
   keyDownHandler(event) {
     var _a;
@@ -32818,7 +32851,7 @@ class Tree {
       "scale": [1537],
       "selectionMode": [1537, "selection-mode"]
     },
-    "$listeners$": [[0, "focus", "onFocus"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"], [0, "calciteTreeItemSelect", "onClick"], [0, "keydown", "keyDownHandler"]],
+    "$listeners$": [[0, "focus", "onFocus"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"], [0, "calciteInternalTreeItemSelect", "onClick"], [0, "keydown", "keyDownHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["lines", "lines"], ["child", "child"], ["scale", "scale"], ["selectionMode", "selection-mode"]]
   }; }
@@ -32851,7 +32884,7 @@ const treeItemCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyfram
 class TreeItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteTreeItemSelect = createEvent(this, "calciteTreeItemSelect", 7);
+    this.calciteInternalTreeItemSelect = createEvent(this, "calciteInternalTreeItemSelect", 7);
     //--------------------------------------------------------------------------
     //
     //  Properties
@@ -32990,7 +33023,7 @@ class TreeItem {
       const target = link.target === "" ? "_self" : link.target;
       window.open(link.href, target);
     }
-    this.calciteTreeItemSelect.emit({
+    this.calciteInternalTreeItemSelect.emit({
       modifyCurrentSelection: this.selectionMode === TreeSelectionMode.Ancestors || this.isSelectionMultiLike,
       forceToggle: false
     });
@@ -32999,7 +33032,7 @@ class TreeItem {
     let root;
     switch (e.key) {
       case " ":
-        this.calciteTreeItemSelect.emit({
+        this.calciteInternalTreeItemSelect.emit({
           modifyCurrentSelection: this.isSelectionMultiLike,
           forceToggle: false
         });
@@ -33013,7 +33046,7 @@ class TreeItem {
           this.selected = true;
         }
         else {
-          this.calciteTreeItemSelect.emit({
+          this.calciteInternalTreeItemSelect.emit({
             modifyCurrentSelection: this.isSelectionMultiLike,
             forceToggle: false
           });
@@ -33196,12 +33229,13 @@ class ValueList {
   calciteListItemChangeHandler(event) {
     calciteListItemChangeHandler.call(this, event);
   }
-  calciteListItemPropsChangeHandler(event) {
+  calciteInternalListItemPropsChangeHandler(event) {
     event.stopPropagation();
     this.setUpFilter();
   }
-  calciteListItemValueChangeHandler(event) {
-    calciteListItemValueChangeHandler.call(this, event);
+  calciteInternalListItemValueChangeHandler(event) {
+    calciteInternalListItemValueChangeHandler.call(this, event);
+    event.stopPropagation();
   }
   // --------------------------------------------------------------------------
   //
@@ -33288,7 +33322,7 @@ class ValueList {
       "getSelectedItems": [64],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "focusout", "calciteListFocusOutHandler"], [0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteListItemPropsChange", "calciteListItemPropsChangeHandler"], [0, "calciteListItemValueChange", "calciteListItemValueChangeHandler"]],
+    "$listeners$": [[0, "focusout", "calciteListFocusOutHandler"], [0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteInternalListItemPropsChange", "calciteInternalListItemPropsChangeHandler"], [0, "calciteInternalListItemValueChange", "calciteInternalListItemValueChangeHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["dragEnabled", "drag-enabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["loading", "loading"], ["multiple", "multiple"]]
   }; }