@esri/calcite-components 1.1.0-next.2 → 1.1.0-next.3

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.1.0-next.2
+ * v1.1.0-next.3
  */
 'use strict';
 
@@ -9254,16 +9254,6 @@ class ActionGroup {
   effectiveLocaleChange() {
     updateMessages(this, this.effectiveLocale);
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await componentLoaded(this);
-    this.el.focus();
-  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -9280,12 +9270,8 @@ class ActionGroup {
     disconnectConditionalSlotComponent(this);
   }
   async componentWillLoad() {
-    setUpLoadableComponent(this);
     await setUpMessages(this);
   }
-  componentDidLoad() {
-    setComponentLoaded(this);
-  }
   // --------------------------------------------------------------------------
   //
   //  Component Methods
@@ -9325,8 +9311,7 @@ class ActionGroup {
       "messages": [1040],
       "messageOverrides": [1040],
       "effectiveLocale": [32],
-      "defaultMessages": [32],
-      "setFocus": [64]
+      "defaultMessages": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -10909,14 +10894,11 @@ function defaultSyncHiddenFormInput(component, input, value) {
   input.required = required;
   input.tabIndex = -1;
   if (isCheckable(component)) {
+    input.checked = component.checked;
     // keep in sync to prevent losing reset value
     input.defaultChecked = component.defaultChecked;
     // heuristic to support default/on mode from https://html.spec.whatwg.org/multipage/input.html#dom-input-value-default-on
     input.value = component.checked ? value || "on" : "";
-    // we disable the component when not checked to avoid having its value submitted
-    if (!disabled && !component.checked) {
-      input.disabled = true;
-    }
   }
   else {
     input.value = value || "";
@@ -11418,11 +11400,6 @@ class Checkbox {
     //--------------------------------------------------------------------------
     this.checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
     this.indeterminatePath = "M13 8v1H3V8z";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
     this.getPath = () => this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : "";
     this.toggle = () => {
       if (!this.disabled) {
@@ -11478,6 +11455,14 @@ class Checkbox {
   }
   //--------------------------------------------------------------------------
   //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  syncHiddenFormInput(input) {
+    input.type = "checkbox";
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
@@ -18080,16 +18065,6 @@ class DatePicker {
   onMessagesChange() {
     /* wired up by t9n util */
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await componentLoaded(this);
-    this.el.focus();
-  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -18116,15 +18091,11 @@ class DatePicker {
     disconnectMessages(this);
   }
   async componentWillLoad() {
-    setUpLoadableComponent(this);
     await this.loadLocaleData();
     this.onMinChanged(this.min);
     this.onMaxChanged(this.max);
     await setUpMessages(this);
   }
-  componentDidLoad() {
-    setComponentLoaded(this);
-  }
   render() {
     const date = dateFromRange(this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate, this.minAsDate, this.maxAsDate);
     let activeDate = this.getActiveDate(date, this.minAsDate, this.maxAsDate);
@@ -18258,8 +18229,7 @@ class DatePicker {
       "effectiveLocale": [32],
       "defaultMessages": [32],
       "localeData": [32],
-      "hoverRange": [32],
-      "setFocus": [64]
+      "hoverRange": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -19097,16 +19067,6 @@ class Dropdown {
   }
   //--------------------------------------------------------------------------
   //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await componentLoaded(this);
-    this.el.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
@@ -19119,11 +19079,7 @@ class Dropdown {
     }
     connectOpenCloseComponent(this);
   }
-  componentWillLoad() {
-    setUpLoadableComponent(this);
-  }
   componentDidLoad() {
-    setComponentLoaded(this);
     this.reposition(true);
   }
   componentDidRender() {
@@ -19306,7 +19262,6 @@ class Dropdown {
       "selectedItems": [1040],
       "type": [513],
       "width": [513],
-      "setFocus": [64],
       "reposition": [64]
     },
     "$listeners$": [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "mouseEnterHandler"], [1, "pointerleave", "mouseLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
@@ -20892,8 +20847,8 @@ class Input {
     this.emitChangeIfUserModified = () => {
       if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
         this.calciteInputChange.emit();
+        this.setPreviousEmittedValue(this.value);
       }
-      this.previousEmittedValue = this.value;
     };
     this.inputBlurHandler = () => {
       this.calciteInternalInputBlur.emit();
@@ -21078,23 +21033,15 @@ class Input {
       }
       this[`child${this.type === "number" ? "Number" : ""}El`].value = newInputValue;
     };
-    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
-      this.previousEmittedValue =
-        this.type === "number"
-          ? isValidNumber(newPreviousEmittedValue)
-            ? newPreviousEmittedValue
-            : ""
-          : newPreviousEmittedValue;
+    this.setPreviousEmittedValue = (value) => {
+      this.previousEmittedValue = this.normalizeValue(value);
     };
-    this.setPreviousValue = (newPreviousValue) => {
-      this.previousValue =
-        this.type === "number"
-          ? isValidNumber(newPreviousValue)
-            ? newPreviousValue
-            : ""
-          : newPreviousValue;
+    this.setPreviousValue = (value) => {
+      this.previousValue = this.normalizeValue(value);
     };
     this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
+      this.setPreviousValue(previousValue ?? this.value);
+      this.previousValueOrigin = origin;
       if (this.type === "number") {
         numberStringFormatter.numberFormatOptions = {
           locale: this.effectiveLocale,
@@ -21115,20 +21062,18 @@ class Input {
           : sanitizedValue;
         const newLocalizedValue = numberStringFormatter.localize(newValue);
         this.localizedValue = newLocalizedValue;
-        this.setPreviousValue(previousValue || this.value);
-        this.previousValueOrigin = origin;
         this.userChangedValue = origin === "user" && this.value !== newValue;
         // don't sanitize the start of negative/decimal numbers, but
         // don't set value to an invalid number
         this.value = ["-", "."].includes(newValue) ? "" : newValue;
-        origin === "direct" && this.setInputValue(newLocalizedValue);
       }
       else {
-        this.setPreviousValue(previousValue || this.value);
-        this.previousValueOrigin = origin;
         this.userChangedValue = origin === "user" && this.value !== value;
         this.value = value;
-        origin === "direct" && this.setInputValue(value);
+      }
+      if (origin === "direct") {
+        this.setInputValue(value);
+        this.previousEmittedValue = value;
       }
       if (nativeEvent) {
         const calciteInputInputEvent = this.calciteInputInput.emit();
@@ -21358,13 +21303,13 @@ class Input {
     });
   }
   syncHiddenFormInput(input) {
-    if (this.type === "number") {
-      input.type = "number";
+    const { type } = this;
+    input.type = type;
+    if (type === "number") {
       input.min = this.min?.toString(10) ?? "";
       input.max = this.max?.toString(10) ?? "";
     }
-    else if (this.type === "text") {
-      input.type = "text";
+    else if (type === "text") {
       if (this.minLength != null) {
         input.minLength = this.minLength;
       }
@@ -21372,9 +21317,6 @@ class Input {
         input.maxLength = this.maxLength;
       }
     }
-    else if (this.type === "password") {
-      input.type = "password";
-    }
   }
   setDisabledAction() {
     const slottedActionEl = getSlotted(this.el, "action");
@@ -21392,6 +21334,9 @@ class Input {
       this.slottedActionElDisabledInternally = false;
     }
   }
+  normalizeValue(value) {
+    return this.type === "number" ? (isValidNumber(value) ? value : "") : value;
+  }
   warnAboutInvalidNumberValue(value) {
     if (this.type === "number" && value && !isValidNumber(value)) {
       console.warn(`The specified value "${value}" cannot be parsed, or is out of range.`);
@@ -22208,10 +22153,10 @@ class InputNumber {
       });
     };
     this.emitChangeIfUserModified = () => {
-      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
+      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedNumberValue) {
         this.calciteInputNumberChange.emit();
+        this.setPreviousEmittedNumberValue(this.value);
       }
-      this.previousEmittedValue = this.value;
     };
     this.inputNumberBlurHandler = () => {
       this.calciteInternalInputNumberBlur.emit();
@@ -22375,13 +22320,11 @@ class InputNumber {
       }
       this.childNumberEl.value = newInputValue;
     };
-    this.setPreviousEmittedNumberValue = (newPreviousEmittedValue) => {
-      this.previousEmittedValue = isValidNumber(newPreviousEmittedValue)
-        ? newPreviousEmittedValue
-        : "";
+    this.setPreviousEmittedNumberValue = (value) => {
+      this.previousEmittedNumberValue = this.normalizeValue(value);
     };
-    this.setPreviousNumberValue = (newPreviousValue) => {
-      this.previousValue = isValidNumber(newPreviousValue) ? newPreviousValue : "";
+    this.setPreviousNumberValue = (value) => {
+      this.previousValue = this.normalizeValue(value);
     };
     this.setNumberValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
       numberStringFormatter.numberFormatOptions = {
@@ -22401,13 +22344,16 @@ class InputNumber {
         : sanitizedValue;
       const newLocalizedValue = numberStringFormatter.localize(newValue);
       this.localizedValue = newLocalizedValue;
-      this.setPreviousNumberValue(previousValue || this.value);
+      this.setPreviousNumberValue(previousValue ?? this.value);
       this.previousValueOrigin = origin;
       this.userChangedValue = origin === "user" && this.value !== newValue;
       // don't sanitize the start of negative/decimal numbers, but
       // don't set value to an invalid number
       this.value = ["-", "."].includes(newValue) ? "" : newValue;
-      origin === "direct" && this.setInputNumberValue(newLocalizedValue);
+      if (origin === "direct") {
+        this.setInputNumberValue(newLocalizedValue);
+        this.setPreviousEmittedNumberValue(newLocalizedValue);
+      }
       if (nativeEvent) {
         const calciteInputNumberInputEvent = this.calciteInputNumberInput.emit();
         if (calciteInputNumberInputEvent.defaultPrevented) {
@@ -22624,6 +22570,9 @@ class InputNumber {
       this.slottedActionElDisabledInternally = false;
     }
   }
+  normalizeValue(value) {
+    return isValidNumber(value) ? value : "";
+  }
   warnAboutInvalidNumberValue(value) {
     if (value && !isValidNumber(value)) {
       console.warn(`The specified value "${value}" cannot be parsed, or is out of range.`);
@@ -22782,8 +22731,8 @@ class InputText {
     this.emitChangeIfUserModified = () => {
       if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
         this.calciteInputTextChange.emit();
+        this.setPreviousEmittedValue(this.value);
       }
-      this.previousEmittedValue = this.value;
     };
     this.inputTextBlurHandler = () => {
       this.calciteInternalInputTextBlur.emit({
@@ -22840,19 +22789,20 @@ class InputText {
       }
       this.childEl.value = newInputValue;
     };
-    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
-      this.previousEmittedValue = newPreviousEmittedValue;
+    this.setPreviousEmittedValue = (value) => {
+      this.previousEmittedValue = value;
     };
-    this.setPreviousValue = (newPreviousValue) => {
-      this.previousValue = newPreviousValue;
+    this.setPreviousValue = (value) => {
+      this.previousValue = value;
     };
     this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
-      this.setPreviousValue(previousValue || this.value);
+      this.setPreviousValue(previousValue ?? this.value);
       this.previousValueOrigin = origin;
       this.userChangedValue = origin === "user" && value !== this.value;
       this.value = value;
       if (origin === "direct") {
         this.setInputValue(value);
+        this.setPreviousEmittedValue(value);
       }
       if (nativeEvent) {
         const calciteInputTextInputEvent = this.calciteInputTextInput.emit();
@@ -25268,11 +25218,14 @@ function connectFocusTrap(component) {
   if (!focusTrapEl) {
     return;
   }
-  if (focusTrapEl.tabIndex == null) {
-    focusTrapEl.tabIndex = -1;
+  if (!focusTrapEl.hasAttribute("tabindex")) {
+    focusTrapEl.setAttribute("tabindex", "-1");
   }
   const focusTrapOptions = {
-    clickOutsideDeactivates: true,
+    allowOutsideClick: true,
+    clickOutsideDeactivates: (event) => {
+      return !event.composedPath().find((el) => el === focusTrapEl);
+    },
     document: focusTrapEl.ownerDocument,
     escapeDeactivates: false,
     fallbackFocus: focusTrapEl,
@@ -25987,10 +25940,6 @@ class Pagination {
   }
   async componentWillLoad() {
     await setUpMessages(this);
-    setUpLoadableComponent(this);
-  }
-  componentDidLoad() {
-    setComponentLoaded(this);
   }
   disconnectedCallback() {
     disconnectLocalized(this);
@@ -26001,11 +25950,6 @@ class Pagination {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await componentLoaded(this);
-    this.el.focus();
-  }
   /** Go to the next page of results. */
   async nextPage() {
     this.startItem = Math.min(this.getLastStart(), this.startItem + this.pageSize);
@@ -26134,7 +26078,6 @@ class Pagination {
       "messages": [1040],
       "defaultMessages": [32],
       "effectiveLocale": [32],
-      "setFocus": [64],
       "nextPage": [64],
       "previousPage": [64]
     },
@@ -27667,11 +27610,6 @@ class RadioButton {
     this.calciteRadioButtonChange = createEvent(this, "calciteRadioButtonChange", 6);
     this.calciteInternalRadioButtonCheckedChange = createEvent(this, "calciteInternalRadioButtonCheckedChange", 6);
     this.calciteInternalRadioButtonFocus = createEvent(this, "calciteInternalRadioButtonFocus", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
     this.selectItem = (items, selectedIndex) => {
       items[selectedIndex].click();
     };
@@ -27786,6 +27724,14 @@ class RadioButton {
       focusElement(this.containerEl);
     }
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  syncHiddenFormInput(input) {
+    input.type = "radio";
+  }
   onLabelClick(event) {
     if (!this.disabled && !this.hidden) {
       this.uncheckOtherRadioButtonsInGroup();
@@ -33371,25 +33317,9 @@ class SplitButton {
   }
   //--------------------------------------------------------------------------
   //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component's first focusable element. */
-  async setFocus() {
-    await componentLoaded(this);
-    this.el.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  componentWillLoad() {
-    setUpLoadableComponent(this);
-  }
-  componentDidLoad() {
-    setComponentLoaded(this);
-  }
   componentDidRender() {
     updateHostInteraction(this);
   }
@@ -33437,8 +33367,7 @@ class SplitButton {
       "primaryLabel": [513, "primary-label"],
       "primaryText": [513, "primary-text"],
       "scale": [513],
-      "width": [513],
-      "setFocus": [64]
+      "width": [513]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -33858,11 +33787,6 @@ class Switch {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
       if (!this.disabled && isActivationKey(event.key)) {
         this.toggle();
@@ -33892,6 +33816,14 @@ class Switch {
     await componentLoaded(this);
     focusElement(this.switchEl);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  syncHiddenFormInput(input) {
+    input.type = "checkbox";
+  }
   onLabelClick() {
     if (!this.disabled) {
       this.toggle();
@@ -36006,6 +35938,12 @@ const CSS$2 = {
 const TOOLTIP_DELAY_MS = 500;
 const ARIA_DESCRIBED_BY = "aria-describedby";
 
+function getEffectiveReferenceElement(tooltip) {
+  const { referenceElement } = tooltip;
+  return ((typeof referenceElement === "string" ? queryElementRoots(tooltip, { id: referenceElement }) : referenceElement) ||
+    null);
+}
+
 class TooltipManager {
   constructor() {
     // --------------------------------------------------------------------------
@@ -36027,11 +35965,15 @@ class TooltipManager {
       return registeredElements.get(registeredElement);
     };
     this.keyDownHandler = (event) => {
-      if (event.key === "Escape") {
+      if (event.key === "Escape" && !event.defaultPrevented) {
         const { activeTooltipEl } = this;
-        if (activeTooltipEl) {
+        if (activeTooltipEl && activeTooltipEl.open) {
           this.clearHoverTimeout();
           this.toggleTooltip(activeTooltipEl, false);
+          const referenceElement = getEffectiveReferenceElement(activeTooltipEl);
+          if (referenceElement instanceof Element && referenceElement.contains(event.target)) {
+            event.preventDefault();
+          }
         }
       }
     };
@@ -36099,14 +36041,14 @@ class TooltipManager {
     }
   }
   addListeners() {
-    document.addEventListener("keydown", this.keyDownHandler);
+    document.addEventListener("keydown", this.keyDownHandler, { capture: true });
     document.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
     document.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
     document.addEventListener("focusin", this.focusInHandler, { capture: true });
     document.addEventListener("focusout", this.focusOutHandler, { capture: true });
   }
   removeListeners() {
-    document.removeEventListener("keydown", this.keyDownHandler);
+    document.removeEventListener("keydown", this.keyDownHandler, { capture: true });
     document.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
     document.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
     document.removeEventListener("focusin", this.focusInHandler, { capture: true });
@@ -36166,7 +36108,7 @@ class Tooltip {
     };
     this.setUpReferenceElement = (warn = true) => {
       this.removeReferences();
-      this.effectiveReferenceElement = this.getReferenceElement();
+      this.effectiveReferenceElement = getEffectiveReferenceElement(this.el);
       connectFloatingUI(this, this.effectiveReferenceElement, this.el);
       const { el, referenceElement, effectiveReferenceElement } = this;
       if (warn && referenceElement && !effectiveReferenceElement) {
@@ -36295,12 +36237,6 @@ class Tooltip {
   onClose() {
     this.calciteTooltipClose.emit();
   }
-  getReferenceElement() {
-    const { referenceElement, el } = this;
-    return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, { id: referenceElement })
-      : referenceElement) || null);
-  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods
@@ -36637,7 +36573,8 @@ const CSS$1 = {
   bulletPointIcon: "bullet-point",
   checkmarkIcon: "checkmark",
   itemExpanded: "item--expanded",
-  iconStart: "icon-start"
+  iconStart: "icon-start",
+  nodeAndActionsContainer: "node-actions-container"
 };
 const SLOTS$1 = {
   actionsEnd: "actions-end",
@@ -36650,7 +36587,7 @@ const ICONS$1 = {
   blank: "blank"
 };
 
-const treeItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tree-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-tree-item{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tree-item{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tree-item{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tree-item{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tree-item{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-tree-item:root{--calcite-internal-duration-factor:0}}/*!@:root*/.sc-calcite-tree-item:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-tree-item-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-tree-item-h{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host*/.sc-calcite-tree-item-h{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-ui-text-3)}/*!@[hidden]*/[hidden].sc-calcite-tree-item{display:none}/*!@:host([calcite-hydrated-hidden])*/[calcite-hydrated-hidden].sc-calcite-tree-item-h{visibility:hidden !important;pointer-events:none}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tree-item-h[disabled] .sc-calcite-tree-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tree-item-h [calcite-hydrated][disabled].sc-calcite-tree-item{opacity:1}/*!@:host([scale=s])*/[scale=s].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s]) .node-container*/[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.25rem}/*!@:host([scale=s]) .node-container .checkbox,\n:host([scale=s]) .node-container .chevron,\n:host([scale=s]) .node-container .checkmark,\n:host([scale=s]) .node-container .bullet-point*/[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.25rem}/*!@:host([scale=s]) .node-container .icon-start,\n:host([scale=s]) .node-container .actions-end*/[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .icon-start.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .actions-end.sc-calcite-tree-item{margin-inline:0.25rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) .node-container*/[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.5rem}/*!@:host([scale=m]) .node-container .checkbox,\n:host([scale=m]) .node-container .chevron,\n:host([scale=m]) .node-container .checkmark,\n:host([scale=m]) .node-container .bullet-point*/[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.5rem}/*!@:host([scale=m]) .node-container .icon-start,\n:host([scale=m]) .node-container .actions-end*/[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .icon-start.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .actions-end.sc-calcite-tree-item{margin-inline:0.5rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tree-item-h{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .node-container*/[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.75rem}/*!@:host([scale=l]) .node-container .checkbox,\n:host([scale=l]) .node-container .chevron,\n:host([scale=l]) .node-container .checkmark,\n:host([scale=l]) .node-container .bullet-point*/[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([scale=l]) .node-container .icon-start,\n:host([scale=l]) .node-container .actions-end*/[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .icon-start.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .actions-end.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([lines]) .children-container:after*/[lines].sc-calcite-tree-item-h .children-container.sc-calcite-tree-item:after{position:absolute;inset-block-start:0px;z-index:1;inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-ui-border-2)}/*!@:host(:not([lines])) .node-container:after*/.sc-calcite-tree-item-h:not([lines]) .node-container.sc-calcite-tree-item:after{display:none}/*!@::slotted(*)*/.sc-calcite-tree-item-s>*{min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}/*!@::slotted(*):hover*/.sc-calcite-tree-item-s>*:hover{text-decoration:none !important}/*!@::slotted(a)*/.sc-calcite-tree-item-s>a{inline-size:100%;text-decoration-line:none}/*!@:host*/.sc-calcite-tree-item-h{outline-color:transparent}/*!@:host:focus, :host:active*/.sc-calcite-tree-item-h:focus,.sc-calcite-tree-item-h:active{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@slot[name=actions-end]::slotted(*),\n.actions-end*/slot[name=actions-end].sc-calcite-tree-item-s>*,.actions-end.sc-calcite-tree-item{display:flex;flex-direction:row;align-items:center;align-self:stretch;overflow:visible}/*!@.checkbox*/.checkbox.sc-calcite-tree-item{line-height:0}/*!@.checkbox-label*/.checkbox-label.sc-calcite-tree-item{pointer-events:none;display:flex;align-items:center}/*!@.checkbox:focus*/.checkbox.sc-calcite-tree-item:focus{outline:2px solid transparent;outline-offset:2px}/*!@.children-container*/.children-container.sc-calcite-tree-item{position:relative;block-size:0px;overflow:hidden;margin-inline-start:1.25rem;transform:scaleY(0);opacity:0;transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transform-origin:top}/*!@.item--expanded > .children-container*/.item--expanded.sc-calcite-tree-item>.children-container.sc-calcite-tree-item{overflow:visible;opacity:1;block-size:auto}/*!@.node-container*/.node-container.sc-calcite-tree-item{position:relative;display:flex;align-items:center;padding-block:var(--calcite-tree-padding-y);padding-inline:0}/*!@.node-container .checkmark,\n.node-container .bullet-point*/.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-1)}/*!@.node-container:hover .checkmark,\n.node-container:hover .bullet-point,\n:host([selected]) .node-container:hover .checkmark,\n:host([selected]) .node-container:hover .bullet-point,\n:host(:focus:not([disabled])) .node-container .checkmark,\n:host(:focus:not([disabled])) .node-container .bullet-point*/.node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus:not([disabled]) .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus:not([disabled]) .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{opacity:1}/*!@:host([selected]) .node-container,\n:host([selected]) .node-container:hover*/[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@:host([selected]) .node-container .bullet-point,\n:host([selected]) .node-container .checkmark,\n:host([selected]) .node-container:hover .bullet-point,\n:host([selected]) .node-container:hover .checkmark*/[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item{opacity:1;color:var(--calcite-ui-brand)}/*!@:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container*/[selection-mode=none].sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=s]) .node-container.sc-calcite-tree-item{padding-inline-start:0.5rem}/*!@:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container*/[selection-mode=none].sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=m]) .node-container.sc-calcite-tree-item{padding-inline-start:1rem}/*!@:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container*/[selection-mode=none].sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=l]) .node-container.sc-calcite-tree-item{padding-inline-start:1.5rem}/*!@:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=s]) .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{padding-inline-start:1.25rem}/*!@:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=m]) .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{padding-inline-start:1.5rem}/*!@:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=l]) .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{padding-inline-start:1.75rem}/*!@:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox*/[has-children].sc-calcite-tree-item-h .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{margin-inline-start:0}/*!@:host([has-children]) .node-container .bullet-point,\n:host([has-children]) .node-container .checkmark*/[has-children].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[has-children].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item{display:none}/*!@:host([has-children][expanded]:not([selected]):not([selection-mode=none])) .node-container ::slotted(*)*/.sc-calcite-tree-item-h[has-children][expanded]:not([selected]):not([selection-mode=none]) .node-container .sc-calcite-tree-item-s>*{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@:host([has-children][selected]) .node-container[data-selection-mode=children], :host([has-children][selected]) .node-container[data-selection-mode=multichildren]*/[has-children][selected].sc-calcite-tree-item-h .node-container[data-selection-mode=children].sc-calcite-tree-item,[has-children][selected].sc-calcite-tree-item-h .node-container[data-selection-mode=multichildren].sc-calcite-tree-item{color:var(--calcite-ui-brand)}/*!@.chevron*/.chevron.sc-calcite-tree-item{position:relative;align-self:center;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}/*!@.calcite--rtl .chevron*/.calcite--rtl.sc-calcite-tree-item .chevron.sc-calcite-tree-item{transform:rotate(180deg)}/*!@.item--expanded > .node-container > .chevron*/.item--expanded.sc-calcite-tree-item>.node-container.sc-calcite-tree-item>.chevron.sc-calcite-tree-item{transform:rotate(90deg)}/*!@:host([selected]) .checkmark,\n:host([selected]) .bullet-point*/[selected].sc-calcite-tree-item-h .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .bullet-point.sc-calcite-tree-item{color:var(--calcite-ui-brand)}";
+const treeItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-tree-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-tree-item{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-tree-item{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tree-item{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tree-item{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tree-item{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-tree-item:root{--calcite-internal-duration-factor:0}}/*!@:root*/.sc-calcite-tree-item:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-tree-item-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-tree-item-h{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host*/.sc-calcite-tree-item-h{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-ui-text-3)}/*!@[hidden]*/[hidden].sc-calcite-tree-item{display:none}/*!@.node-actions-container*/.node-actions-container.sc-calcite-tree-item{display:flex;justify-content:space-between;overflow:hidden}/*!@:host([calcite-hydrated-hidden])*/[calcite-hydrated-hidden].sc-calcite-tree-item-h{visibility:hidden !important;pointer-events:none}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tree-item-h[disabled] .sc-calcite-tree-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tree-item-h [calcite-hydrated][disabled].sc-calcite-tree-item{opacity:1}/*!@:host([scale=s])*/[scale=s].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s]) .node-actions-container*/[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item{block-size:1.5rem}/*!@:host([scale=s]) .node-actions-container .node-container*/[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.25rem}/*!@:host([scale=s]) .node-actions-container .node-container .checkbox,\n:host([scale=s]) .node-actions-container .node-container .chevron,\n:host([scale=s]) .node-actions-container .node-container .checkmark,\n:host([scale=s]) .node-actions-container .node-container .bullet-point*/[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.25rem}/*!@:host([scale=s]) .node-actions-container .node-container .icon-start*/[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .icon-start.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([scale=s]) .node-actions-container .actions-end*/[scale=s].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .actions-end.sc-calcite-tree-item{display:inline-flex}/*!@:host([scale=m])*/[scale=m].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) .node-actions-container*/[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item{block-size:2rem}/*!@:host([scale=m]) .node-actions-container .node-container*/[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.5rem}/*!@:host([scale=m]) .node-actions-container .node-container .checkbox,\n:host([scale=m]) .node-actions-container .node-container .chevron,\n:host([scale=m]) .node-actions-container .node-container .checkmark,\n:host([scale=m]) .node-actions-container .node-container .bullet-point*/[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.5rem}/*!@:host([scale=m]) .node-actions-container .node-container .icon-start*/[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .icon-start.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([scale=m]) .node-actions-container .actions-end*/[scale=m].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .actions-end.sc-calcite-tree-item{display:inline-flex}/*!@:host([scale=l])*/[scale=l].sc-calcite-tree-item-h{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .node-actions-container*/[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item{block-size:3rem}/*!@:host([scale=l]) .node-actions-container .node-container*/[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.75rem}/*!@:host([scale=l]) .node-actions-container .node-container .checkbox,\n:host([scale=l]) .node-actions-container .node-container .chevron,\n:host([scale=l]) .node-actions-container .node-container .checkmark,\n:host([scale=l]) .node-actions-container .node-container .bullet-point*/[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([scale=l]) .node-actions-container .node-container .icon-start*/[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .node-container.sc-calcite-tree-item .icon-start.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([scale=l]) .node-actions-container .actions-end*/[scale=l].sc-calcite-tree-item-h .node-actions-container.sc-calcite-tree-item .actions-end.sc-calcite-tree-item{display:inline-flex}/*!@:host([lines]) .children-container:after*/[lines].sc-calcite-tree-item-h .children-container.sc-calcite-tree-item:after{position:absolute;inset-block-start:0px;z-index:1;inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-ui-border-2)}/*!@:host(:not([lines])) .node-container:after*/.sc-calcite-tree-item-h:not([lines]) .node-container.sc-calcite-tree-item:after{display:none}/*!@::slotted(*)*/.sc-calcite-tree-item-s>*{min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}/*!@::slotted(*):hover*/.sc-calcite-tree-item-s>*:hover{text-decoration:none !important}/*!@::slotted(a)*/.sc-calcite-tree-item-s>a{inline-size:100%;text-decoration-line:none}/*!@:host*/.sc-calcite-tree-item-h{outline-color:transparent}/*!@:host:focus, :host:active*/.sc-calcite-tree-item-h:focus,.sc-calcite-tree-item-h:active{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@:host(:focus:not([disabled]))*/.sc-calcite-tree-item-h:focus:not([disabled]){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@slot[name=actions-end]::slotted(*)*/slot[name=actions-end].sc-calcite-tree-item-s>*{display:flex;flex-direction:row;align-items:center;align-self:stretch;overflow:visible}/*!@.checkbox*/.checkbox.sc-calcite-tree-item{line-height:0}/*!@.checkbox-label*/.checkbox-label.sc-calcite-tree-item{pointer-events:none;display:flex;align-items:center}/*!@.checkbox:focus*/.checkbox.sc-calcite-tree-item:focus{outline:2px solid transparent;outline-offset:2px}/*!@.children-container*/.children-container.sc-calcite-tree-item{position:relative;block-size:0px;overflow:hidden;margin-inline-start:1.25rem;transform:scaleY(0);opacity:0;transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transform-origin:top}/*!@.item--expanded > .children-container*/.item--expanded.sc-calcite-tree-item>.children-container.sc-calcite-tree-item{overflow:visible;opacity:1;block-size:auto}/*!@.node-container*/.node-container.sc-calcite-tree-item{position:relative;display:flex;align-items:center;padding-block:var(--calcite-tree-padding-y);padding-inline:0}/*!@.node-container .checkmark,\n.node-container .bullet-point*/.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-1)}/*!@.node-container:hover .checkmark,\n.node-container:hover .bullet-point,\n:host([selected]) .node-container:hover .checkmark,\n:host([selected]) .node-container:hover .bullet-point,\n:host(:focus:not([disabled])) .node-container .checkmark,\n:host(:focus:not([disabled])) .node-container .bullet-point*/.node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus:not([disabled]) .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus:not([disabled]) .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{opacity:1}/*!@:host([selected]) .node-container,\n:host([selected]) .node-container:hover*/[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@:host([selected]) .node-container .bullet-point,\n:host([selected]) .node-container .checkmark,\n:host([selected]) .node-container:hover .bullet-point,\n:host([selected]) .node-container:hover .checkmark*/[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item{opacity:1;color:var(--calcite-ui-brand)}/*!@:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container*/[selection-mode=none].sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=s]) .node-container.sc-calcite-tree-item{padding-inline-start:0.5rem}/*!@:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container*/[selection-mode=none].sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=m]) .node-container.sc-calcite-tree-item{padding-inline-start:1rem}/*!@:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container*/[selection-mode=none].sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=l]) .node-container.sc-calcite-tree-item{padding-inline-start:1.5rem}/*!@:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=s]) .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{padding-inline-start:1.25rem}/*!@:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=m]) .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{padding-inline-start:1.5rem}/*!@:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=l]) .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{padding-inline-start:1.75rem}/*!@:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox*/[has-children].sc-calcite-tree-item-h .node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{margin-inline-start:0}/*!@:host([has-children]) .node-container .bullet-point,\n:host([has-children]) .node-container .checkmark*/[has-children].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[has-children].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item{display:none}/*!@:host([has-children][expanded]:not([selected]):not([selection-mode=none])) .node-container ::slotted(*)*/.sc-calcite-tree-item-h[has-children][expanded]:not([selected]):not([selection-mode=none]) .node-container .sc-calcite-tree-item-s>*{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@:host([has-children][selected]) .node-container[data-selection-mode=children], :host([has-children][selected]) .node-container[data-selection-mode=multichildren]*/[has-children][selected].sc-calcite-tree-item-h .node-container[data-selection-mode=children].sc-calcite-tree-item,[has-children][selected].sc-calcite-tree-item-h .node-container[data-selection-mode=multichildren].sc-calcite-tree-item{color:var(--calcite-ui-brand)}/*!@.chevron*/.chevron.sc-calcite-tree-item{position:relative;align-self:center;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}/*!@.calcite--rtl .chevron*/.calcite--rtl.sc-calcite-tree-item .chevron.sc-calcite-tree-item{transform:rotate(180deg)}/*!@.item--expanded .node-container > .chevron*/.item--expanded.sc-calcite-tree-item .node-container.sc-calcite-tree-item>.chevron.sc-calcite-tree-item{transform:rotate(90deg)}/*!@:host([selected]) .checkmark,\n:host([selected]) .bullet-point*/[selected].sc-calcite-tree-item-h .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .bullet-point.sc-calcite-tree-item{color:var(--calcite-ui-brand)}";
 
 /**
  * @slot - A slot for adding text.
@@ -36820,10 +36757,10 @@ class TreeItem {
     const { hasEndActions } = this;
     const slotNode = (hAsync("slot", { key: "actionsEndSlot", name: SLOTS$1.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
     const iconStartEl = (hAsync("calcite-icon", { class: CSS$1.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
-    return (hAsync(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, hAsync("div", { class: { [CSS$1.itemExpanded]: isExpanded } }, hAsync("div", { class: {
+    return (hAsync(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, hAsync("div", { class: { [CSS$1.itemExpanded]: isExpanded } }, hAsync("div", { class: CSS$1.nodeAndActionsContainer }, hAsync("div", { class: {
         [CSS$1.nodeContainer]: true,
         [CSS_UTILITY.rtl]: rtl
-      }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode, hAsync("div", { class: CSS$1.actionsEnd, hidden: !hasEndActions }, slotNode)), hAsync("div", { class: {
+      }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { class: CSS$1.actionsEnd, hidden: !hasEndActions }, slotNode)), hAsync("div", { class: {
         [CSS$1.childrenContainer]: true,
         [CSS_UTILITY.rtl]: rtl
       }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, ref: (el) => this.setTransitionEl(el), role: this.hasChildren ? "group" : undefined }, hAsync("slot", { name: SLOTS$1.children })))));