@esri/calcite-components 2.7.0-next.9 → 2.7.1-next.0

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
@@ -8731,6 +8731,18 @@ function slotChangeGetAssignedElements(event) {
 function isPrimaryPointerButton(event) {
     return !!(event.isPrimary && event.button === 0);
 }
+/**
+ * This helper returns true if the mouse event was triggered by a keyboard click.
+ *
+ * @param {MouseEvent} event The mouse event.
+ * @returns {boolean} The value.
+ */
+function isKeyboardTriggeredClick(event) {
+    // we assume event.detail = 0 is a keyboard click
+    // see https://www.w3.org/TR/uievents/#event-type-click
+    // see https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event#usage_notes
+    return event.detail === 0;
+}
 /**
  * This helper sets focus on and returns a destination element from within a group of provided elements.
  *
@@ -11776,7 +11788,7 @@ class ActionMenu {
             if (!menuButtonEl.text) {
                 menuButtonEl.text = label;
             }
-            menuButtonEl.addEventListener("pointerdown", this.menuButtonClick);
+            menuButtonEl.addEventListener("click", this.menuButtonClick);
             menuButtonEl.addEventListener("keydown", this.menuButtonKeyDown);
         };
         this.disconnectMenuButtonEl = () => {
@@ -11784,7 +11796,7 @@ class ActionMenu {
             if (!menuButtonEl) {
                 return;
             }
-            menuButtonEl.removeEventListener("pointerdown", this.menuButtonClick);
+            menuButtonEl.removeEventListener("click", this.menuButtonClick);
             menuButtonEl.removeEventListener("keydown", this.menuButtonKeyDown);
         };
         this.setMenuButtonEl = (event) => {
@@ -11809,10 +11821,7 @@ class ActionMenu {
             this.open = false;
             this.setFocus();
         };
-        this.menuButtonClick = (event) => {
-            if (!isPrimaryPointerButton(event)) {
-                return;
-            }
+        this.menuButtonClick = () => {
             this.toggleOpen();
         };
         this.updateTooltip = (event) => {
@@ -21206,7 +21215,7 @@ function XButton({ disabled, key, label, onClick, ref, scale, }) {
 
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 22:59:47 GMT
+ * Generated on Fri, 29 Mar 2024 23:13:39 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -21313,16 +21322,13 @@ class Combobox {
                     }
                     break;
                 case " ":
-                    if (!this.textInput.value) {
+                    if (!this.textInput.value && !event.defaultPrevented) {
                         if (!this.open) {
                             this.open = true;
                             this.shiftActiveItemIndex(1);
                         }
                         event.preventDefault();
                     }
-                    if (event.composedPath().find((el) => el.tagName === "CALCITE-CHIP")) {
-                        event.preventDefault();
-                    }
                     break;
                 case "Home":
                     if (!this.open) {
@@ -21676,7 +21682,7 @@ class Combobox {
     //
     //--------------------------------------------------------------------------
     documentClickHandler(event) {
-        if (this.disabled || !isPrimaryPointerButton(event)) {
+        if (this.disabled) {
             return;
         }
         const composedPath = event.composedPath();
@@ -21748,7 +21754,6 @@ class Combobox {
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
         this.updateItems();
         this.setFilteredPlacements();
-        this.reposition(true);
         if (this.open) {
             this.openHandler();
             onToggleOpenCloseComponent(this);
@@ -21762,7 +21767,7 @@ class Combobox {
     }
     componentDidLoad() {
         afterConnectDefaultValueSet(this, this.getValue());
-        this.reposition(true);
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
         setComponentLoaded(this);
     }
     componentDidRender() {
@@ -22332,7 +22337,7 @@ class Combobox {
             "reposition": [64],
             "setFocus": [64]
         },
-        "$listeners$": [[5, "pointerdown", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]],
+        "$listeners$": [[4, "click", "documentClickHandler"], [0, "calciteComboboxItemChange", "calciteComboboxItemChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["clearDisabled", "clear-disabled"], ["selectionDisplay", "selection-display"], ["open", "open"], ["disabled", "disabled"], ["form", "form"], ["placeholderIcon", "placeholder-icon"], ["placeholderIconFlipRtl", "placeholder-icon-flip-rtl"], ["maxItems", "max-items"], ["validationIcon", "validation-icon"], ["name", "name"], ["allowCustomValues", "allow-custom-values"], ["overlayPositioning", "overlay-positioning"], ["required", "required"], ["selectionMode", "selection-mode"], ["scale", "scale"], ["status", "status"]]
     }; }
@@ -24110,7 +24115,6 @@ class Dropdown {
     connectedCallback() {
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
         this.setFilteredPlacements();
-        this.reposition(true);
         if (this.open) {
             this.openHandler();
             onToggleOpenCloseComponent(this);
@@ -24124,7 +24128,7 @@ class Dropdown {
     }
     componentDidLoad() {
         setComponentLoaded(this);
-        this.reposition(true);
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -24171,10 +24175,7 @@ class Dropdown {
         }, delayed);
     }
     closeCalciteDropdownOnClick(event) {
-        if (this.disabled ||
-            !isPrimaryPointerButton(event) ||
-            !this.open ||
-            event.composedPath().includes(this.el)) {
+        if (this.disabled || !this.open || event.composedPath().includes(this.el)) {
             return;
         }
         this.closeCalciteDropdown(false);
@@ -24323,7 +24324,7 @@ class Dropdown {
             "setFocus": [64],
             "reposition": [64]
         },
-        "$listeners$": [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "pointerEnterHandler"], [1, "pointerleave", "pointerLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
+        "$listeners$": [[8, "click", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "pointerEnterHandler"], [1, "pointerleave", "pointerLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["open", "open"], ["closeOnSelectDisabled", "close-on-select-disabled"], ["disabled", "disabled"], ["maxItems", "max-items"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["type", "type"], ["widthScale", "width-scale"], ["scale", "scale"]]
     }; }
@@ -26529,21 +26530,6 @@ class Input {
         }
         connectLabel(this);
         connectForm(this);
-        this.setPreviousEmittedValue(this.value);
-        this.setPreviousValue(this.value);
-        if (this.type === "number") {
-            if (this.value === "Infinity" || this.value === "-Infinity") {
-                this.displayedValue = this.value;
-                this.previousEmittedValue = this.value;
-            }
-            else {
-                this.warnAboutInvalidNumberValue(this.value);
-                this.setValue({
-                    origin: "connected",
-                    value: isValidNumber(this.value) ? this.value : "",
-                });
-            }
-        }
         this.mutationObserver?.observe(this.el, { childList: true });
         this.setDisabledAction();
         this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
@@ -26564,6 +26550,21 @@ class Input {
         this.minString = this.min?.toString();
         this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
         await setUpMessages(this);
+        this.setPreviousEmittedValue(this.value);
+        this.setPreviousValue(this.value);
+        if (this.type === "number") {
+            if (this.value === "Infinity" || this.value === "-Infinity") {
+                this.displayedValue = this.value;
+                this.previousEmittedValue = this.value;
+            }
+            else {
+                this.warnAboutInvalidNumberValue(this.value);
+                this.setValue({
+                    origin: "connected",
+                    value: isValidNumber(this.value) ? this.value : "",
+                });
+            }
+        }
     }
     componentDidLoad() {
         setComponentLoaded(this);
@@ -28236,7 +28237,6 @@ class InputDatePicker {
         connectForm(this);
         connectMessages(this);
         this.setFilteredPlacements();
-        this.reposition(true);
         numberStringFormatter.numberFormatOptions = {
             numberingSystem: this.numberingSystem,
             locale: this.effectiveLocale,
@@ -28256,7 +28256,7 @@ class InputDatePicker {
     componentDidLoad() {
         setComponentLoaded(this);
         this.localizeInputValues();
-        this.reposition(true);
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     disconnectedCallback() {
         deactivateFocusTrap(this);
@@ -28988,19 +28988,6 @@ class InputNumber {
         }
         connectLabel(this);
         connectForm(this);
-        this.setPreviousEmittedNumberValue(this.value);
-        this.setPreviousNumberValue(this.value);
-        this.warnAboutInvalidNumberValue(this.value);
-        if (this.value === "Infinity" || this.value === "-Infinity") {
-            this.displayedValue = this.value;
-            this.previousEmittedNumberValue = this.value;
-        }
-        else {
-            this.setNumberValue({
-                origin: "connected",
-                value: isValidNumber(this.value) ? this.value : "",
-            });
-        }
         this.mutationObserver?.observe(this.el, { childList: true });
         this.setDisabledAction();
         this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);
@@ -29023,6 +29010,19 @@ class InputNumber {
         this.minString = this.min?.toString();
         this.requestedIcon = setRequestedIcon({}, this.icon, "number");
         await setUpMessages(this);
+        this.setPreviousEmittedNumberValue(this.value);
+        this.setPreviousNumberValue(this.value);
+        this.warnAboutInvalidNumberValue(this.value);
+        if (this.value === "Infinity" || this.value === "-Infinity") {
+            this.displayedValue = this.value;
+            this.previousEmittedNumberValue = this.value;
+        }
+        else {
+            this.setNumberValue({
+                origin: "connected",
+                value: isValidNumber(this.value) ? this.value : "",
+            });
+        }
     }
     componentShouldUpdate(newValue, oldValue, property) {
         if (property === "value" && newValue && !isValidNumber(newValue)) {
@@ -29425,8 +29425,6 @@ class InputText {
         if (this.inlineEditableEl) {
             this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
         }
-        this.setPreviousEmittedValue(this.value);
-        this.setPreviousValue(this.value);
         connectLabel(this);
         connectForm(this);
         this.mutationObserver?.observe(this.el, { childList: true });
@@ -29446,6 +29444,8 @@ class InputText {
         setUpLoadableComponent(this);
         this.requestedIcon = setRequestedIcon({}, this.icon, "text");
         await setUpMessages(this);
+        this.setPreviousEmittedValue(this.value);
+        this.setPreviousValue(this.value);
     }
     componentDidLoad() {
         setComponentLoaded(this);
@@ -30991,7 +30991,7 @@ var updateLocale = (function (option, Dayjs, dayjs) {
   };
 });
 
-const inputTimePickerCss = "/*!@:host([disabled])*/[disabled].sc-calcite-input-time-picker-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-input-time-picker-h *.sc-calcite-input-time-picker,.sc-calcite-input-time-picker-h[disabled].sc-calcite-input-time-picker-s>*,.sc-calcite-input-time-picker-h[disabled] .sc-calcite-input-time-picker-s>*{pointer-events:none}/*!@:host*/.sc-calcite-input-time-picker-h{display:inline-block;-webkit-user-select:none;user-select:none}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-input-time-picker-h[disabled] .sc-calcite-input-time-picker-s>[calcite-hydrated][disabled],[disabled].sc-calcite-input-time-picker-h [calcite-hydrated][disabled].sc-calcite-input-time-picker{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-input-time-picker{display:contents}/*!@::slotted(input[slot=hidden-form-input])*/.sc-calcite-input-time-picker-s>input[slot=hidden-form-input]{margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}/*!@:host([scale=s])*/[scale=s].sc-calcite-input-time-picker-h{--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}/*!@:host([scale=m])*/[scale=m].sc-calcite-input-time-picker-h{--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}/*!@:host([scale=l])*/[scale=l].sc-calcite-input-time-picker-h{--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}/*!@.input-wrapper*/.input-wrapper.sc-calcite-input-time-picker{position:relative}/*!@.toggle-icon*/.toggle-icon.sc-calcite-input-time-picker{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}/*!@.validation-container*/.validation-container.sc-calcite-input-time-picker{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}/*!@:host([scale=m]) .validation-container,\n:host([scale=l]) .validation-container*/[scale=m].sc-calcite-input-time-picker-h .validation-container.sc-calcite-input-time-picker,[scale=l].sc-calcite-input-time-picker-h .validation-container.sc-calcite-input-time-picker{padding-block-start:0.5rem}/*!@:host([scale=s]) .validation-container*/[scale=s].sc-calcite-input-time-picker-h .validation-container.sc-calcite-input-time-picker{padding-block-start:0.25rem}/*!@:host([hidden])*/[hidden].sc-calcite-input-time-picker-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-input-time-picker{display:none}";
+const inputTimePickerCss = "/*!@:host([disabled])*/[disabled].sc-calcite-input-time-picker-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-input-time-picker-h *.sc-calcite-input-time-picker,.sc-calcite-input-time-picker-h[disabled].sc-calcite-input-time-picker-s>*,.sc-calcite-input-time-picker-h[disabled] .sc-calcite-input-time-picker-s>*{pointer-events:none}/*!@:host*/.sc-calcite-input-time-picker-h{display:inline-block;-webkit-user-select:none;user-select:none}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-input-time-picker-h[disabled] .sc-calcite-input-time-picker-s>[calcite-hydrated][disabled],[disabled].sc-calcite-input-time-picker-h [calcite-hydrated][disabled].sc-calcite-input-time-picker{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-input-time-picker{display:contents}/*!@::slotted(input[slot=hidden-form-input])*/.sc-calcite-input-time-picker-s>input[slot=hidden-form-input]{margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}/*!@:host([scale=s])*/[scale=s].sc-calcite-input-time-picker-h{--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}/*!@:host([scale=m])*/[scale=m].sc-calcite-input-time-picker-h{--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}/*!@:host([scale=l])*/[scale=l].sc-calcite-input-time-picker-h{--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}/*!@.input-wrapper*/.input-wrapper.sc-calcite-input-time-picker{position:relative}/*!@.toggle-icon*/.toggle-icon.sc-calcite-input-time-picker{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing);--calcite-ui-icon-color:var(--calcite-color-text-3)}/*!@.input-wrapper:hover .toggle-icon,\ncalcite-input-text:focus + .toggle-icon*/.input-wrapper.sc-calcite-input-time-picker:hover .toggle-icon.sc-calcite-input-time-picker,calcite-input-text.sc-calcite-input-time-picker:focus+.toggle-icon.sc-calcite-input-time-picker{--calcite-ui-icon-color:var(--calcite-color-text-1)}/*!@.validation-container*/.validation-container.sc-calcite-input-time-picker{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}/*!@:host([scale=m]) .validation-container,\n:host([scale=l]) .validation-container*/[scale=m].sc-calcite-input-time-picker-h .validation-container.sc-calcite-input-time-picker,[scale=l].sc-calcite-input-time-picker-h .validation-container.sc-calcite-input-time-picker{padding-block-start:0.5rem}/*!@:host([scale=s]) .validation-container*/[scale=s].sc-calcite-input-time-picker-h .validation-container.sc-calcite-input-time-picker{padding-block-start:0.25rem}/*!@:host([hidden])*/[hidden].sc-calcite-input-time-picker-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-input-time-picker{display:none}";
 
 // some bundlers (e.g., Webpack) need dynamic import paths to be static
 const supportedDayjsLocaleToLocaleConfigImport = new Map([
@@ -37272,7 +37272,7 @@ const ICONS$6 = {
 
 /**
  * Do not edit directly
- * Generated on Tue, 19 Mar 2024 22:59:49 GMT
+ * Generated on Fri, 29 Mar 2024 23:13:41 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -38728,7 +38728,7 @@ class PopoverManager {
                 .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))
                 .forEach((popover) => (popover.open = false));
         };
-        this.keyHandler = (event) => {
+        this.keyDownHandler = (event) => {
             if (event.defaultPrevented) {
                 return;
             }
@@ -38740,9 +38740,10 @@ class PopoverManager {
             }
         };
         this.clickHandler = (event) => {
-            if (isPrimaryPointerButton(event)) {
-                this.togglePopovers(event);
+            if (isKeyboardTriggeredClick(event)) {
+                return;
             }
+            this.togglePopovers(event);
         };
     }
     // --------------------------------------------------------------------------
@@ -38769,12 +38770,12 @@ class PopoverManager {
         Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));
     }
     addListeners() {
-        window.addEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.addEventListener("keydown", this.keyHandler, { capture: true });
+        window.addEventListener("click", this.clickHandler);
+        window.addEventListener("keydown", this.keyDownHandler);
     }
     removeListeners() {
-        window.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.removeEventListener("keydown", this.keyHandler, { capture: true });
+        window.removeEventListener("click", this.clickHandler);
+        window.removeEventListener("keydown", this.keyDownHandler);
     }
 }
 
@@ -38986,7 +38987,7 @@ class Popover {
         if (this.referenceElement && !this.effectiveReferenceElement) {
             this.setUpReferenceElement();
         }
-        this.reposition();
+        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
         this.hasLoaded = true;
     }
     disconnectedCallback() {
@@ -43334,7 +43335,7 @@ const CSS$h = {
     content: "content",
 };
 
-const tabCss = "/*!@:host([selected]) section,\n:host([selected]) .container*/[selected].sc-calcite-tab-h section.sc-calcite-tab,[selected].sc-calcite-tab-h .container.sc-calcite-tab{display:block}/*!@:host*/.sc-calcite-tab-h{display:none;block-size:100%;inline-size:100%}/*!@:host([selected])*/[selected].sc-calcite-tab-h{display:block;block-size:100%;inline-size:100%;overflow:auto}/*!@.content*/.content.sc-calcite-tab{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}/*!@.scale-s*/.scale-s.sc-calcite-tab{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}/*!@.scale-m*/.scale-m.sc-calcite-tab{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.scale-l*/.scale-l.sc-calcite-tab{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@section,\n.container*/section.sc-calcite-tab,.container.sc-calcite-tab{display:none;block-size:100%;inline-size:100%}/*!@:host([hidden])*/[hidden].sc-calcite-tab-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tab{display:none}";
+const tabCss = "/*!@:host([selected]) section,\n:host([selected]) .container*/[selected].sc-calcite-tab-h section.sc-calcite-tab,[selected].sc-calcite-tab-h .container.sc-calcite-tab{display:block}/*!@:host*/.sc-calcite-tab-h{display:none;block-size:100%;inline-size:100%}/*!@:host([selected])*/[selected].sc-calcite-tab-h{display:block;block-size:100%;inline-size:100%;overflow:auto}/*!@.content*/.content.sc-calcite-tab{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}/*!@.scale-s*/.scale-s.sc-calcite-tab{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}/*!@.scale-m*/.scale-m.sc-calcite-tab{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.scale-l*/.scale-l.sc-calcite-tab{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@section,\n.container*/section.sc-calcite-tab,.container.sc-calcite-tab{display:none;block-size:100%;inline-size:100%}/*!@.container*/.container.sc-calcite-tab{outline-color:transparent}/*!@.container:focus*/.container.sc-calcite-tab:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@:host([hidden])*/[hidden].sc-calcite-tab-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tab{display:none}";
 
 /**
  * @slot - A slot for adding custom content.
@@ -43464,7 +43465,7 @@ class TabNav {
         registerInstance(this, hostRef);
         this.calciteTabChange = createEvent(this, "calciteTabChange", 6);
         this.calciteInternalTabChange = createEvent(this, "calciteInternalTabChange", 6);
-        this.dir = "ltr";
+        this.effectiveDir = "ltr";
         this.lastScrollWheelAxis = "x";
         this.resizeObserver = createObserver();
         this.onTabTitleWheel = (event) => {
@@ -43484,7 +43485,7 @@ class TabNav {
                 scrollBy = deltaY;
                 this.lastScrollWheelAxis = "y";
             }
-            const scrollByX = (this.dir === "rtl" ? -1 : 1) * scrollBy;
+            const scrollByX = (this.effectiveDir === "rtl" ? -1 : 1) * scrollBy;
             event.currentTarget.scrollBy(scrollByX, 0);
             requestAnimationFrame(() => this.updateActiveIndicator());
         };
@@ -43505,7 +43506,7 @@ class TabNav {
                 const tabTitleContainer = this.tabTitleContainerEl;
                 const containerBounds = tabTitleContainer.getBoundingClientRect();
                 const tabTitles = Array.from(this.el.querySelectorAll("calcite-tab-title"));
-                const { dir } = this;
+                const { effectiveDir } = this;
                 if (direction === "forward") {
                     tabTitles.reverse();
                 }
@@ -43514,8 +43515,8 @@ class TabNav {
                     const tabTitleBounds = tabTitle.getBoundingClientRect();
                     const containerEndX = containerBounds.x + containerBounds.width;
                     const tabTitleEndX = tabTitleBounds.x + tabTitleBounds.width;
-                    if ((direction === "forward" && dir === "ltr") ||
-                        (direction === "backward" && dir === "rtl")) {
+                    if ((direction === "forward" && effectiveDir === "ltr") ||
+                        (direction === "backward" && effectiveDir === "rtl")) {
                         const afterContainerEnd = tabTitleBounds.x > containerEndX;
                         if (afterContainerEnd) {
                             closestToEdge = tabTitle;
@@ -43542,7 +43543,8 @@ class TabNav {
                 });
                 if (closestToEdge) {
                     const { scrollerButtonWidth } = this;
-                    const offsetAdjustment = (direction === "forward" && dir === "ltr") || (direction === "backward" && dir === "rtl")
+                    const offsetAdjustment = (direction === "forward" && effectiveDir === "ltr") ||
+                        (direction === "backward" && effectiveDir === "rtl")
                         ? -scrollerButtonWidth
                         : closestToEdge.offsetWidth - tabTitleContainer.clientWidth + scrollerButtonWidth;
                     const scrollTo = closestToEdge.offsetLeft + offsetAdjustment;
@@ -43636,7 +43638,7 @@ class TabNav {
         const { parentTabsEl } = this;
         this.layout = parentTabsEl?.layout;
         this.bordered = parentTabsEl?.bordered;
-        this.dir = getElementDir(this.el);
+        this.effectiveDir = getElementDir(this.el);
         if (this.selectedTitle) {
             this.updateActiveIndicator();
         }
@@ -43666,14 +43668,14 @@ class TabNav {
     render() {
         const width = `${this.indicatorWidth}px`;
         const offset = `${this.indicatorOffset}px`;
-        const indicatorStyle = this.dir !== "rtl" ? { width, left: offset } : { width, right: offset };
+        const indicatorStyle = this.effectiveDir !== "rtl" ? { width, left: offset } : { width, right: offset };
         return (hAsync(Host, { role: "tablist" }, hAsync("div", { class: {
                 [CSS$g.container]: true,
                 [CSS$g.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$g.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
                 [`scale-${this.scale}`]: true,
                 [`position-${this.position}`]: true,
-                [CSS_UTILITY.rtl]: this.dir === "rtl",
+                [CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.storeContainerRef }, this.renderScrollButton("start"), hAsync("div", { class: {
@@ -43718,7 +43720,7 @@ class TabNav {
             return;
         }
         readTask(() => {
-            const isLTR = this.dir === "ltr";
+            const isLTR = this.effectiveDir === "ltr";
             const tabTitleContainer = this.tabTitleContainerEl;
             const containerBounds = tabTitleContainer.getBoundingClientRect();
             const tabTitleBounds = activatedTabTitle.getBoundingClientRect();
@@ -43793,8 +43795,8 @@ class TabNav {
         const tabLeft = this.selectedTitle?.offsetLeft;
         const tabWidth = this.selectedTitle?.offsetWidth;
         const offsetRight = navWidth - tabLeft - tabWidth;
-        const offsetBase = this.dir === "ltr" ? tabLeft : offsetRight;
-        const multiplier = this.dir === "ltr" ? -1 : 1;
+        const offsetBase = this.effectiveDir === "ltr" ? tabLeft : offsetRight;
+        const multiplier = this.effectiveDir === "ltr" ? -1 : 1;
         this.indicatorOffset = offsetBase + multiplier * (containerScrollLeft + tabTitleScrollLeft);
         this.indicatorWidth = this.selectedTitle?.offsetWidth;
     }
@@ -43808,7 +43810,7 @@ class TabNav {
         const scrollPosition = tabTitleContainer.scrollLeft;
         const visibleWidth = tabTitleContainer.clientWidth;
         const totalContentWidth = tabTitleContainer.scrollWidth;
-        if (this.dir === "ltr") {
+        if (this.effectiveDir === "ltr") {
             isOverflowStart = scrollPosition > 0;
             isOverflowEnd = scrollPosition + visibleWidth < totalContentWidth;
         }
@@ -44513,6 +44515,7 @@ class Table {
 }
 
 const CSS$d = {
+    contentCell: "content-cell",
     numberCell: "number-cell",
     footerCell: "footer-cell",
     selectionCell: "selection-cell",
@@ -44522,7 +44525,7 @@ const CSS$d = {
     staticCell: "static-cell",
 };
 
-const tableCellCss = "/*!@:host([disabled])*/[disabled].sc-calcite-table-cell-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-table-cell-h *.sc-calcite-table-cell,.sc-calcite-table-cell-h[disabled].sc-calcite-table-cell-s>*,.sc-calcite-table-cell-h[disabled] .sc-calcite-table-cell-s>*{pointer-events:none}/*!@:host*/.sc-calcite-table-cell-h{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}/*!@:host([alignment=center]) td*/[alignment=center].sc-calcite-table-cell-h td.sc-calcite-table-cell{text-align:center}/*!@:host([alignment=end]) td*/[alignment=end].sc-calcite-table-cell-h td.sc-calcite-table-cell{text-align:end}/*!@.assistive-text*/.assistive-text.sc-calcite-table-cell{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!@td*/td.sc-calcite-table-cell{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}/*!@td:not(.static-cell)*/td.sc-calcite-table-cell:not(.static-cell){outline-color:transparent}/*!@td:not(.static-cell):focus*/td.sc-calcite-table-cell:not(.static-cell):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@td.last-cell*/td.last-cell.sc-calcite-table-cell{border-inline-end:0}/*!@.number-cell*/.number-cell.sc-calcite-table-cell{background-color:var(--calcite-color-foreground-2)}/*!@.footer-cell*/.footer-cell.sc-calcite-table-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}/*!@.number-cell,\n.selection-cell*/.number-cell.sc-calcite-table-cell,.selection-cell.sc-calcite-table-cell{border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}/*!@.selection-cell*/.selection-cell.sc-calcite-table-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}/*!@.selection-cell:not(.footer-cell)*/.selection-cell.sc-calcite-table-cell:not(.footer-cell){cursor:pointer}/*!@.selected-cell:not(.number-cell):not(.footer-cell)*/.selected-cell.sc-calcite-table-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}/*!@.selection-cell.selected-cell*/.selection-cell.selected-cell.sc-calcite-table-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}/*!@.selection-cell.selected-cell calcite-icon*/.selection-cell.selected-cell.sc-calcite-table-cell calcite-icon.sc-calcite-table-cell{color:var(--calcite-color-brand)}/*!@.calcite--rtl.selection-cell.selected-cell*/.calcite--rtl.selection-cell.selected-cell.sc-calcite-table-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}/*!@.selection-cell*/.selection-cell.sc-calcite-table-cell{vertical-align:middle}/*!@.selection-cell ::slotted(calcite-icon)*/.selection-cell .sc-calcite-table-cell-s>calcite-icon{pointer-events:none;margin-block-start:0.25rem}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-table-cell-h[disabled] .sc-calcite-table-cell-s>[calcite-hydrated][disabled],[disabled].sc-calcite-table-cell-h [calcite-hydrated][disabled].sc-calcite-table-cell{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-table-cell{display:contents}";
+const tableCellCss = "/*!@:host([disabled])*/[disabled].sc-calcite-table-cell-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-table-cell-h *.sc-calcite-table-cell,.sc-calcite-table-cell-h[disabled].sc-calcite-table-cell-s>*,.sc-calcite-table-cell-h[disabled] .sc-calcite-table-cell-s>*{pointer-events:none}/*!@:host*/.sc-calcite-table-cell-h{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}/*!@:host([alignment=center]) td:not(.selection-cell):not(.number-cell)*/[alignment=center].sc-calcite-table-cell-h td.sc-calcite-table-cell:not(.selection-cell):not(.number-cell){text-align:center}/*!@:host([alignment=end]) td:not(.selection-cell):not(.number-cell)*/[alignment=end].sc-calcite-table-cell-h td.sc-calcite-table-cell:not(.selection-cell):not(.number-cell){text-align:end}/*!@.assistive-text*/.assistive-text.sc-calcite-table-cell{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!@td*/td.sc-calcite-table-cell{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}/*!@td:not(.static-cell)*/td.sc-calcite-table-cell:not(.static-cell){outline-color:transparent}/*!@td:not(.static-cell):focus*/td.sc-calcite-table-cell:not(.static-cell):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@td.start.content-cell*/td.start.content-cell.sc-calcite-table-cell{vertical-align:top}/*!@td.end.content-cell*/td.end.content-cell.sc-calcite-table-cell{vertical-align:bottom}/*!@td.last-cell*/td.last-cell.sc-calcite-table-cell{border-inline-end:0}/*!@.number-cell*/.number-cell.sc-calcite-table-cell{background-color:var(--calcite-color-foreground-2)}/*!@.footer-cell*/.footer-cell.sc-calcite-table-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}/*!@.number-cell,\n.selection-cell*/.number-cell.sc-calcite-table-cell,.selection-cell.sc-calcite-table-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}/*!@.selection-cell*/.selection-cell.sc-calcite-table-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}/*!@.selection-cell:not(.footer-cell)*/.selection-cell.sc-calcite-table-cell:not(.footer-cell){cursor:pointer}/*!@.selected-cell:not(.number-cell):not(.footer-cell)*/.selected-cell.sc-calcite-table-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}/*!@.selection-cell.selected-cell*/.selection-cell.selected-cell.sc-calcite-table-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}/*!@.selection-cell.selected-cell calcite-icon*/.selection-cell.selected-cell.sc-calcite-table-cell calcite-icon.sc-calcite-table-cell{color:var(--calcite-color-brand)}/*!@.calcite--rtl.selection-cell.selected-cell*/.calcite--rtl.selection-cell.selected-cell.sc-calcite-table-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}/*!@.selection-cell*/.selection-cell.sc-calcite-table-cell{vertical-align:middle}/*!@.selection-cell ::slotted(calcite-icon)*/.selection-cell .sc-calcite-table-cell-s>calcite-icon{pointer-events:none;margin-block-start:0.25rem}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-table-cell-h[disabled] .sc-calcite-table-cell-s>[calcite-hydrated][disabled],[disabled].sc-calcite-table-cell-h [calcite-hydrated][disabled].sc-calcite-table-cell{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-table-cell{display:contents}";
 
 /**
  * @slot - A slot for adding content, usually text content.
@@ -44547,6 +44550,7 @@ class TableCell {
         this.lastCell = undefined;
         this.numberCell = undefined;
         this.parentRowIsSelected = undefined;
+        this.parentRowAlignment = "start";
         this.parentRowPositionLocalized = undefined;
         this.parentRowType = undefined;
         this.positionInRow = undefined;
@@ -44629,12 +44633,14 @@ class TableCell {
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
         return (hAsync(Host, null, hAsync(InteractiveContainer, { disabled: this.disabled }, hAsync("td", { "aria-disabled": this.disabled, class: {
                 [CSS$d.footerCell]: this.parentRowType === "foot",
+                [CSS$d.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$d.numberCell]: this.numberCell,
                 [CSS$d.selectionCell]: this.selectionCell,
                 [CSS$d.selectedCell]: this.parentRowIsSelected,
                 [CSS$d.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
                 [CSS_UTILITY.rtl]: dir === "rtl",
                 [CSS$d.staticCell]: staticCell,
+                [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
             }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { onSlotchange: this.updateScreenReaderContentsText })))));
@@ -44659,6 +44665,7 @@ class TableCell {
             "lastCell": [4, "last-cell"],
             "numberCell": [4, "number-cell"],
             "parentRowIsSelected": [4, "parent-row-is-selected"],
+            "parentRowAlignment": [1, "parent-row-alignment"],
             "parentRowPositionLocalized": [1, "parent-row-position-localized"],
             "parentRowType": [1, "parent-row-type"],
             "positionInRow": [2, "position-in-row"],
@@ -44681,6 +44688,7 @@ class TableCell {
 }
 
 const CSS$c = {
+    contentCell: "content-cell",
     numberCell: "number-cell",
     selectionCell: "selection-cell",
     bodyRow: "body-row",
@@ -44695,7 +44703,7 @@ const CSS$c = {
     staticCell: "static-cell",
 };
 
-const tableHeaderCss = "/*!@:host*/.sc-calcite-table-header-h{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}/*!@:host([alignment=center]) th*/[alignment=center].sc-calcite-table-header-h th.sc-calcite-table-header{text-align:center}/*!@:host([alignment=end]) th*/[alignment=end].sc-calcite-table-header-h th.sc-calcite-table-header{text-align:end}/*!@.assistive-text*/.assistive-text.sc-calcite-table-header{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!@th*/th.sc-calcite-table-header{white-space:normal;text-align:start;vertical-align:top;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}/*!@th:not(.static-cell)*/th.sc-calcite-table-header:not(.static-cell){outline-color:transparent}/*!@th:not(.static-cell):not(.static-cell):focus-within*/th.sc-calcite-table-header:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@th.last-cell*/th.last-cell.sc-calcite-table-header{border-inline-end:0}/*!@th.body-row,\nth.footer-row*/th.body-row.sc-calcite-table-header,th.footer-row.sc-calcite-table-header{vertical-align:middle;border-block-end:0}/*!@th.footer-row*/th.footer-row.sc-calcite-table-header{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}/*!@.cell--multiple-selection*/.cell--multiple-selection.sc-calcite-table-header{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}/*!@.selected-cell:not(.number-cell):not(.footer-cell)*/.selected-cell.sc-calcite-table-header:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}/*!@.number-cell,\n.selection-cell*/.number-cell.sc-calcite-table-header,.selection-cell.sc-calcite-table-header{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}/*!@.selection-cell calcite-icon.active*/.selection-cell.sc-calcite-table-header calcite-icon.active.sc-calcite-table-header{color:var(--calcite-color-brand)}/*!@.number-cell calcite-icon,\n.selection-cell calcite-icon*/.number-cell.sc-calcite-table-header calcite-icon.sc-calcite-table-header,.selection-cell.sc-calcite-table-header calcite-icon.sc-calcite-table-header{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}/*!@.heading*/.heading.sc-calcite-table-header{color:var(--calcite-color-text-1)}/*!@.description*/.description.sc-calcite-table-header{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";
+const tableHeaderCss = "/*!@:host*/.sc-calcite-table-header-h{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}/*!@:host([alignment=center]) th*/[alignment=center].sc-calcite-table-header-h th.sc-calcite-table-header{text-align:center}/*!@:host([alignment=end]) th*/[alignment=end].sc-calcite-table-header-h th.sc-calcite-table-header{text-align:end}/*!@.assistive-text*/.assistive-text.sc-calcite-table-header{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!@th*/th.sc-calcite-table-header{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}/*!@th:not(.static-cell)*/th.sc-calcite-table-header:not(.static-cell){outline-color:transparent}/*!@th:not(.static-cell):not(.static-cell):focus-within*/th.sc-calcite-table-header:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}/*!@th:not(.center):not(.end).content-cell*/th.sc-calcite-table-header:not(.center):not(.end).content-cell{vertical-align:top}/*!@th.center*/th.center.sc-calcite-table-header{vertical-align:middle}/*!@th.end.content-cell*/th.end.content-cell.sc-calcite-table-header{vertical-align:bottom}/*!@th.body-row,\nth.footer-row*/th.body-row.sc-calcite-table-header,th.footer-row.sc-calcite-table-header{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}/*!@th.footer-row*/th.footer-row.sc-calcite-table-header{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}/*!@th.last-cell*/th.last-cell.sc-calcite-table-header{border-inline-end:0}/*!@.cell--multiple-selection*/.cell--multiple-selection.sc-calcite-table-header{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}/*!@.cell--multiple-selection:not(.end)*/.cell--multiple-selection.sc-calcite-table-header:not(.end){vertical-align:middle}/*!@.selected-cell:not(.number-cell):not(.footer-cell)*/.selected-cell.sc-calcite-table-header:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}/*!@.number-cell,\n.selection-cell*/.number-cell.sc-calcite-table-header,.selection-cell.sc-calcite-table-header{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}/*!@.selection-cell calcite-icon.active*/.selection-cell.sc-calcite-table-header calcite-icon.active.sc-calcite-table-header{color:var(--calcite-color-brand)}/*!@.number-cell calcite-icon,\n.selection-cell calcite-icon*/.number-cell.sc-calcite-table-header calcite-icon.sc-calcite-table-header,.selection-cell.sc-calcite-table-header calcite-icon.sc-calcite-table-header{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}/*!@.heading*/.heading.sc-calcite-table-header{color:var(--calcite-color-text-1)}/*!@.description*/.description.sc-calcite-table-header{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";
 
 class TableHeader {
     constructor(hostRef) {
@@ -44714,6 +44722,7 @@ class TableHeader {
         this.interactionMode = "interactive";
         this.lastCell = undefined;
         this.numberCell = false;
+        this.parentRowAlignment = "start";
         this.parentRowIsSelected = undefined;
         this.parentRowType = undefined;
         this.positionInRow = undefined;
@@ -44811,12 +44820,14 @@ class TableHeader {
         return (hAsync(Host, null, hAsync("th", { "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS$c.bodyRow]: this.parentRowType === "body",
                 [CSS$c.footerRow]: this.parentRowType === "foot",
+                [CSS$c.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$c.numberCell]: this.numberCell,
                 [CSS$c.selectionCell]: this.selectionCell,
                 [CSS$c.selectedCell]: this.parentRowIsSelected,
                 [CSS$c.multipleSelectionCell]: this.selectionMode === "multiple",
                 [CSS$c.staticCell]: staticCell,
                 [CSS$c.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
+                [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
             }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: (el) => (this.containerEl = el) }, this.heading && hAsync("div", { class: CSS$c.heading }, this.heading), this.description && hAsync("div", { class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
@@ -44842,6 +44853,7 @@ class TableHeader {
             "interactionMode": [1, "interaction-mode"],
             "lastCell": [4, "last-cell"],
             "numberCell": [4, "number-cell"],
+            "parentRowAlignment": [1, "parent-row-alignment"],
             "parentRowIsSelected": [4, "parent-row-is-selected"],
             "parentRowType": [1, "parent-row-type"],
             "positionInRow": [2, "position-in-row"],
@@ -44951,6 +44963,11 @@ class TableRow {
             });
         };
         this.updateCells = () => {
+            const alignment = this.alignment
+                ? this.alignment
+                : this.rowType !== "head"
+                    ? "center"
+                    : "start";
             const slottedCells = this.tableRowSlotEl
                 ?.assignedElements({ flatten: true })
                 ?.filter((el) => el.matches("calcite-table-cell") || el.matches("calcite-table-header"));
@@ -44959,11 +44976,12 @@ class TableRow {
             if (cells.length > 0) {
                 cells?.forEach((cell, index) => {
                     cell.interactionMode = this.interactionMode;
-                    cell.positionInRow = index + 1;
-                    cell.parentRowType = this.rowType;
+                    cell.lastCell = index === cells.length - 1;
+                    cell.parentRowAlignment = alignment;
                     cell.parentRowIsSelected = this.selected;
+                    cell.parentRowType = this.rowType;
+                    cell.positionInRow = index + 1;
                     cell.scale = this.scale;
-                    cell.lastCell = index === cells.length - 1;
                     if (cell.nodeName === "CALCITE-TABLE-CELL") {
                         cell.readCellContentsToAT = this.readCellContentsToAT;
                         cell.disabled = this.disabled;
@@ -44985,6 +45003,7 @@ class TableRow {
                 this.handleSelectionOfRow();
             }
         };
+        this.alignment = undefined;
         this.disabled = false;
         this.selected = false;
         this.cellCount = undefined;
@@ -45074,10 +45093,10 @@ class TableRow {
         return hAsync("calcite-icon", { icon: icon, scale: getIconScale(this.scale) });
     }
     renderSelectableCell() {
-        return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", bodyRowCount: this.bodyRowCount, key: "selection-head", onClick: this.selectionMode === "multiple" && this.handleSelectionOfRow, onKeyDown: this.selectionMode === "multiple" && this.handleKeyboardSelection, selectedRowCount: this.selectedRowCount, selectedRowCountLocalized: this.selectedRowCountLocalized, selectionCell: true, selectionMode: this.selectionMode })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "selection-body", onClick: this.handleSelectionOfRow, onKeyDown: this.handleKeyboardSelection, parentRowIsSelected: this.selected, parentRowPositionLocalized: this.positionSectionLocalized, selectionCell: true }, this.renderSelectionIcon())) : (hAsync("calcite-table-cell", { alignment: "center", key: "selection-foot", selectionCell: true }));
+        return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", bodyRowCount: this.bodyRowCount, key: "selection-head", onClick: this.selectionMode === "multiple" && this.handleSelectionOfRow, onKeyDown: this.selectionMode === "multiple" && this.handleKeyboardSelection, parentRowAlignment: this.alignment, selectedRowCount: this.selectedRowCount, selectedRowCountLocalized: this.selectedRowCountLocalized, selectionCell: true, selectionMode: this.selectionMode })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "selection-body", onClick: this.handleSelectionOfRow, onKeyDown: this.handleKeyboardSelection, parentRowAlignment: this.alignment, parentRowIsSelected: this.selected, parentRowPositionLocalized: this.positionSectionLocalized, selectionCell: true }, this.renderSelectionIcon())) : (hAsync("calcite-table-cell", { alignment: "center", key: "selection-foot", parentRowAlignment: this.alignment, selectionCell: true }));
     }
     renderNumberedCell() {
-        return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true }, this.positionSectionLocalized)) : (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true }));
+        return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
         return (hAsync(Host, null, hAsync(InteractiveContainer, { disabled: this.disabled }, hAsync("tr", { "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler,
@@ -45099,6 +45118,7 @@ class TableRow {
         "$flags$": 9,
         "$tagName$": "calcite-table-row",
         "$members$": {
+            "alignment": [513],
             "disabled": [516],
             "selected": [516],
             "cellCount": [1026, "cell-count"],
@@ -45119,7 +45139,7 @@ class TableRow {
         },
         "$listeners$": [[4, "calciteInternalTableRowFocusChange", "calciteInternalTableRowFocusChangeHandler"]],
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["disabled", "disabled"], ["selected", "selected"]]
+        "$attrsToReflect$": [["alignment", "alignment"], ["disabled", "disabled"], ["selected", "selected"]]
     }; }
 }
 
@@ -45577,36 +45597,28 @@ const CSS$9 = {
     container: "container",
     content: "content",
     contentContainer: "content-container",
-    contentSlotContainer: "content-slot-container",
     description: "description",
     heading: "heading",
     largeVisual: "large-visual",
 };
 const SLOTS$3 = {
-    contentStart: "content-start",
+    contentBottom: "content-bottom",
     contentEnd: "content-end",
+    contentStart: "content-start",
+    contentTop: "content-top",
 };
 
-const tileCss = "/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-tile-h *.sc-calcite-tile,.sc-calcite-tile-h[disabled].sc-calcite-tile-s>*,.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>*{pointer-events:none}/*!@:host*/.sc-calcite-tile-h{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);box-sizing:border-box;display:inline-block;max-inline-size:460px;min-inline-size:140px}/*!@:host .container*/.sc-calcite-tile-h .container.sc-calcite-tile{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--calcite-spacing-md);inline-size:var(--calcite-container-size-content-fluid);pointer-events:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;user-select:none}/*!@:host .content-container*/.sc-calcite-tile-h .content-container.sc-calcite-tile{display:flex;outline-color:transparent;padding:0;inline-size:100%}/*!@:host .content-slot-container*/.sc-calcite-tile-h .content-slot-container.sc-calcite-tile{align-items:center;display:flex}/*!@:host .content-slot-container:first-child*/.sc-calcite-tile-h .content-slot-container.sc-calcite-tile:first-child{padding-inline:0 0.75rem}/*!@:host .content-slot-container:last-child*/.sc-calcite-tile-h .content-slot-container.sc-calcite-tile:last-child{padding-inline:0.75rem 0}/*!@:host .heading*/.sc-calcite-tile-h .heading.sc-calcite-tile{color:var(--calcite-tile-heading-text-color);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}/*!@:host .large-visual*/.sc-calcite-tile-h .large-visual.sc-calcite-tile{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}/*!@:host .large-visual calcite-icon*/.sc-calcite-tile-h .large-visual.sc-calcite-tile calcite-icon.sc-calcite-tile{block-size:64px;inline-size:64px}/*!@:host .large-visual .content-container*/.sc-calcite-tile-h .large-visual.sc-calcite-tile .content-container.sc-calcite-tile{justify-content:center}/*!@:host .description*/.sc-calcite-tile-h .description.sc-calcite-tile{color:var(--calcite-tile-description-text-color);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-regular);line-height:1.03125rem;overflow-wrap:break-word}/*!@:host([alignment=center]) .container*/[alignment=center].sc-calcite-tile-h .container.sc-calcite-tile{align-items:center;text-align:center}/*!@:host([scale=s])*/[scale=s].sc-calcite-tile-h{max-inline-size:400px;min-inline-size:100px}/*!@:host([scale=s]) .container*/[scale=s].sc-calcite-tile-h .container.sc-calcite-tile{gap:var(--calcite-spacing-sm)}/*!@:host([scale=s]) .heading*/[scale=s].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.03125rem}/*!@:host([scale=s]) .description*/[scale=s].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--3);line-height:0.85938rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tile-h{max-inline-size:520px;min-inline-size:160px}/*!@:host([scale=l]) .container*/[scale=l].sc-calcite-tile-h .container.sc-calcite-tile{gap:var(--calcite-spacing-xl)}/*!@:host([scale=l]) .heading*/[scale=l].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size-0);line-height:1.375rem}/*!@:host([scale=l]) .description*/[scale=l].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.20313rem}/*!@:host(:not([href]))*/.sc-calcite-tile-h:not([href]){--calcite-ui-icon-color:var(--calcite-color-text-3)}/*!@:host([href]),\n:host([href]:hover)*/[href].sc-calcite-tile-h,[href].sc-calcite-tile-h:hover{--calcite-tile-heading-text-color:var(--calcite-color-text-link)}/*!@:host([href]) .heading,\n:host([href]:hover) .heading*/[href].sc-calcite-tile-h .heading.sc-calcite-tile,[href].sc-calcite-tile-h:hover .heading.sc-calcite-tile{text-decoration-line:underline}/*!@:host(:not([embed])) .container*/.sc-calcite-tile-h:not([embed]) .container.sc-calcite-tile{box-shadow:0 0 0 1px var(--calcite-tile-border-color);padding:var(--calcite-spacing-md)}/*!@:host(:not([embed])[scale=s]) .container*/.sc-calcite-tile-h:not([embed])[scale=s] .container.sc-calcite-tile{padding:var(--calcite-spacing-sm)}/*!@:host(:not([embed])[scale=l]) .container*/.sc-calcite-tile-h:not([embed])[scale=l] .container.sc-calcite-tile{padding:var(--calcite-spacing-xl)}/*!@:host(:not([embed])[href]:hover),\n:host(:not([embed])[href]:focus)*/.sc-calcite-tile-h:not([embed])[href]:hover,.sc-calcite-tile-h:not([embed])[href]:focus{--calcite-tile-border-color:var(--calcite-color-brand)}/*!@:host(:not([embed])[href]:hover) .container,\n:host(:not([embed])[href]:focus) .container*/.sc-calcite-tile-h:not([embed])[href]:hover .container.sc-calcite-tile,.sc-calcite-tile-h:not([embed])[href]:focus .container.sc-calcite-tile{box-shadow:0 0 0 2px var(--calcite-tile-border-color);cursor:pointer;position:relative;z-index:var(--calcite-z-index)}/*!@:host(:not([embed])[href]:active)*/.sc-calcite-tile-h:not([embed])[href]:active{--calcite-tile-border-color:var(--calcite-color-brand)}/*!@:host(:not([embed])[href]:active) .container*/.sc-calcite-tile-h:not([embed])[href]:active .container.sc-calcite-tile{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tile-h [calcite-hydrated][disabled].sc-calcite-tile{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-tile{display:contents}/*!@:host(:hover),\n:host([active])*/.sc-calcite-tile-h:hover,[active].sc-calcite-tile-h{--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tile{display:none}";
+const tileCss = "/*!@:host([disabled])*/[disabled].sc-calcite-tile-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-tile-h *.sc-calcite-tile,.sc-calcite-tile-h[disabled].sc-calcite-tile-s>*,.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>*{pointer-events:none}/*!@:host*/.sc-calcite-tile-h{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);box-sizing:border-box;display:inline-block;max-inline-size:460px;min-inline-size:140px}/*!@:host .container*/.sc-calcite-tile-h .container.sc-calcite-tile{align-items:flex-start;background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--calcite-spacing-md);inline-size:var(--calcite-container-size-content-fluid);pointer-events:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;user-select:none}/*!@:host .content-container*/.sc-calcite-tile-h .content-container.sc-calcite-tile{display:flex;gap:var(--calcite-spacing-md);inline-size:100%;outline-color:transparent;padding:0}/*!@:host .content*/.sc-calcite-tile-h .content.sc-calcite-tile{display:flex;flex-direction:column}/*!@:host .heading*/.sc-calcite-tile-h .heading.sc-calcite-tile{color:var(--calcite-tile-heading-text-color);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}/*!@:host .large-visual*/.sc-calcite-tile-h .large-visual.sc-calcite-tile{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}/*!@:host .large-visual calcite-icon*/.sc-calcite-tile-h .large-visual.sc-calcite-tile calcite-icon.sc-calcite-tile{block-size:64px;inline-size:64px}/*!@:host .large-visual .content-container*/.sc-calcite-tile-h .large-visual.sc-calcite-tile .content-container.sc-calcite-tile{justify-content:center}/*!@:host .description*/.sc-calcite-tile-h .description.sc-calcite-tile{color:var(--calcite-tile-description-text-color);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-regular);line-height:1.03125rem;overflow-wrap:break-word}/*!@:host([alignment=center]) .container*/[alignment=center].sc-calcite-tile-h .container.sc-calcite-tile{align-items:center;text-align:center}/*!@:host([alignment=center]) slot[name=content-start]::slotted(*),\n:host([alignment=center]) slot[name=content-end]::slotted(*)*/.sc-calcite-tile-h[alignment=center] slot[name=content-start].sc-calcite-tile-s>*,.sc-calcite-tile-h[alignment=center] slot[name=content-end].sc-calcite-tile-s>*{align-self:center}/*!@:host([scale=s])*/[scale=s].sc-calcite-tile-h{max-inline-size:400px;min-inline-size:100px}/*!@:host([scale=s]) .container,\n:host([scale=s]) .content-container*/[scale=s].sc-calcite-tile-h .container.sc-calcite-tile,[scale=s].sc-calcite-tile-h .content-container.sc-calcite-tile{gap:var(--calcite-spacing-sm)}/*!@:host([scale=s]) .heading*/[scale=s].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size--2);line-height:1.03125rem}/*!@:host([scale=s]) .description*/[scale=s].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--3);line-height:0.85938rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tile-h{max-inline-size:520px;min-inline-size:160px}/*!@:host([scale=l]) .container,\n:host([scale=l]) .content-container*/[scale=l].sc-calcite-tile-h .container.sc-calcite-tile,[scale=l].sc-calcite-tile-h .content-container.sc-calcite-tile{gap:var(--calcite-spacing-xl)}/*!@:host([scale=l]) .heading*/[scale=l].sc-calcite-tile-h .heading.sc-calcite-tile{font-size:var(--calcite-font-size-0);line-height:1.375rem}/*!@:host([scale=l]) .description*/[scale=l].sc-calcite-tile-h .description.sc-calcite-tile{font-size:var(--calcite-font-size--1);line-height:1.20313rem}/*!@:host(:not([href]))*/.sc-calcite-tile-h:not([href]){--calcite-ui-icon-color:var(--calcite-color-text-3)}/*!@:host([href]),\n:host([href]:hover)*/[href].sc-calcite-tile-h,[href].sc-calcite-tile-h:hover{--calcite-tile-heading-text-color:var(--calcite-color-text-link)}/*!@:host([href]) .heading,\n:host([href]:hover) .heading*/[href].sc-calcite-tile-h .heading.sc-calcite-tile,[href].sc-calcite-tile-h:hover .heading.sc-calcite-tile{text-decoration-line:underline}/*!@:host(:not([embed])) .container*/.sc-calcite-tile-h:not([embed]) .container.sc-calcite-tile{box-shadow:0 0 0 1px var(--calcite-tile-border-color);padding:var(--calcite-spacing-md)}/*!@:host(:not([embed])[scale=s]) .container*/.sc-calcite-tile-h:not([embed])[scale=s] .container.sc-calcite-tile{padding:var(--calcite-spacing-sm)}/*!@:host(:not([embed])[scale=l]) .container*/.sc-calcite-tile-h:not([embed])[scale=l] .container.sc-calcite-tile{padding:var(--calcite-spacing-xl)}/*!@:host(:not([embed])[href]:hover),\n:host(:not([embed])[href]:focus)*/.sc-calcite-tile-h:not([embed])[href]:hover,.sc-calcite-tile-h:not([embed])[href]:focus{--calcite-tile-border-color:var(--calcite-color-brand)}/*!@:host(:not([embed])[href]:hover) .container,\n:host(:not([embed])[href]:focus) .container*/.sc-calcite-tile-h:not([embed])[href]:hover .container.sc-calcite-tile,.sc-calcite-tile-h:not([embed])[href]:focus .container.sc-calcite-tile{box-shadow:0 0 0 2px var(--calcite-tile-border-color);cursor:pointer;position:relative;z-index:var(--calcite-z-index)}/*!@:host(:not([embed])[href]:active)*/.sc-calcite-tile-h:not([embed])[href]:active{--calcite-tile-border-color:var(--calcite-color-brand)}/*!@:host(:not([embed])[href]:active) .container*/.sc-calcite-tile-h:not([embed])[href]:active .container.sc-calcite-tile{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tile-h[disabled] .sc-calcite-tile-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tile-h [calcite-hydrated][disabled].sc-calcite-tile{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-tile{display:contents}/*!@:host(:hover),\n:host([active])*/.sc-calcite-tile-h:hover,[active].sc-calcite-tile-h{--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}/*!@:host([hidden])*/[hidden].sc-calcite-tile-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tile{display:none}";
 
 /**
- * @slot content-start - A slot for adding non-actionable elements before the component's content.
- * @slot content-end - A slot for adding non-actionable elements after the component's content.
+ * @slot content-top - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.
+ * @slot content-bottom - A slot for adding non-actionable elements below the component's content.
+ * @slot content-start - [Deprecated] use `content-top` slot instead.  A slot for adding non-actionable elements before the component's content.
+ * @slot content-end - [Deprecated] use `content-bottom` slot instead. A slot for adding non-actionable elements after the component's content.
  */
 class Tile {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.handleContentStartSlotChange = (event) => {
-            this.hasContentStart = slotChangeHasAssignedElement(event);
-        };
-        this.handleContentEndSlotChange = (event) => {
-            this.hasContentEnd = slotChangeHasAssignedElement(event);
-        };
         this.active = false;
         this.alignment = "start";
         this.description = undefined;
@@ -45618,8 +45630,6 @@ class Tile {
         this.icon = undefined;
         this.iconFlipRtl = false;
         this.scale = "m";
-        this.hasContentStart = false;
-        this.hasContentEnd = false;
     }
     // --------------------------------------------------------------------------
     //
@@ -45641,9 +45651,9 @@ class Tile {
     //
     // --------------------------------------------------------------------------
     renderTile() {
-        const { icon, hasContentStart, hasContentEnd, heading, description, iconFlipRtl } = this;
+        const { icon, heading, description, iconFlipRtl } = this;
         const isLargeVisual = heading && icon && !description;
-        return (hAsync("div", { class: { [CSS$9.container]: true, [CSS$9.largeVisual]: isLargeVisual } }, icon && hAsync("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }), hAsync("div", { class: CSS$9.contentContainer }, hAsync("div", { class: { [CSS$9.contentSlotContainer]: hasContentStart } }, hAsync("slot", { name: SLOTS$3.contentStart, onSlotchange: this.handleContentStartSlotChange })), hAsync("div", { class: CSS$9.content }, heading && hAsync("div", { class: CSS$9.heading }, heading), description && hAsync("div", { class: CSS$9.description }, description)), hAsync("div", { class: { [CSS$9.contentSlotContainer]: hasContentEnd } }, hAsync("slot", { name: SLOTS$3.contentEnd, onSlotchange: this.handleContentEndSlotChange })))));
+        return (hAsync("div", { class: { [CSS$9.container]: true, [CSS$9.largeVisual]: isLargeVisual } }, hAsync("slot", { name: SLOTS$3.contentTop }), icon && hAsync("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }), hAsync("div", { class: CSS$9.contentContainer }, hAsync("slot", { name: SLOTS$3.contentStart }), hAsync("div", { class: CSS$9.content }, heading && hAsync("div", { class: CSS$9.heading }, heading), description && hAsync("div", { class: CSS$9.description }, description)), hAsync("slot", { name: SLOTS$3.contentEnd })), hAsync("slot", { name: SLOTS$3.contentBottom })));
     }
     render() {
         const { disabled } = this;
@@ -45665,9 +45675,7 @@ class Tile {
             "href": [513],
             "icon": [513],
             "iconFlipRtl": [516, "icon-flip-rtl"],
-            "scale": [513],
-            "hasContentStart": [32],
-            "hasContentEnd": [32]
+            "scale": [513]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -47308,10 +47316,7 @@ class TooltipManager {
                 this.closeHoveredTooltip();
             }
         };
-        this.pointerDownHandler = (event) => {
-            if (!isPrimaryPointerButton(event)) {
-                return;
-            }
+        this.clickHandler = (event) => {
             const clickedTooltip = this.queryTooltip(event.composedPath());
             this.clickedTooltip = clickedTooltip;
             if (clickedTooltip?.closeOnClick) {
@@ -47389,14 +47394,14 @@ class TooltipManager {
     addListeners() {
         window.addEventListener("keydown", this.keyDownHandler, { capture: true });
         window.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-        window.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+        window.addEventListener("click", this.clickHandler, { capture: true });
         window.addEventListener("focusin", this.focusInHandler, { capture: true });
         window.addEventListener("focusout", this.focusOutHandler, { capture: true });
     }
     removeListeners() {
         window.removeEventListener("keydown", this.keyDownHandler, { capture: true });
         window.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-        window.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+        window.removeEventListener("click", this.clickHandler, { capture: true });
         window.removeEventListener("focusin", this.focusInHandler, { capture: true });
         window.removeEventListener("focusout", this.focusOutHandler, { capture: true });
     }
@@ -47566,7 +47571,7 @@ class Tooltip {
         if (this.referenceElement && !this.effectiveReferenceElement) {
             this.setUpReferenceElement();
         }
-        this.reposition(true);
+        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
         this.hasLoaded = true;
     }
     disconnectedCallback() {