@esri/solutions-components 0.8.12 → 0.8.14

package/dist/components/table-cell.js

@@ -14,18 +14,21 @@ import { C as CSS_UTILITY } from './resources.js';
 /*!
  * 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.4.0
+ * v2.8.2
  */
 const CSS = {
+    contentCell: "content-cell",
     numberCell: "number-cell",
     footerCell: "footer-cell",
     selectionCell: "selection-cell",
     selectedCell: "selected-cell",
     assistiveText: "assistive-text",
     lastCell: "last-cell",
+    staticCell: "static-cell",
 };
 
-const tableCellCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td{text-align:center}:host([alignment=end]) td{text-align:end}.assistive-text{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{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);outline-color:transparent;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:focus{outline:2px solid 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{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-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,.selection-cell{border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{cursor:pointer;color:var(--calcite-color-text-3);inset-inline-start:2rem}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";
+const tableCellCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{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{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){outline-color:transparent}td:not(.static-cell):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-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,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";
+const CalciteTableCellStyle0 = tableCellCss;
 
 const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLElement {
     constructor() {
@@ -45,9 +48,11 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         this.colSpan = undefined;
         this.rowSpan = undefined;
         this.disabled = undefined;
+        this.interactionMode = "interactive";
         this.lastCell = undefined;
         this.numberCell = undefined;
         this.parentRowIsSelected = undefined;
+        this.parentRowAlignment = "start";
         this.parentRowPositionLocalized = undefined;
         this.parentRowType = undefined;
         this.positionInRow = undefined;
@@ -126,16 +131,22 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
     //--------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        return (h(Host, null, h(InteractiveContainer, { disabled: this.disabled }, h("td", { "aria-disabled": this.disabled, class: {
+        const staticCell = this.disabled ||
+            (this.interactionMode === "static" &&
+                (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
+        return (h(Host, { key: '2c8bd5fb8909c57b46499b5fe8a525cdc46bb3c6' }, h(InteractiveContainer, { key: '1a7e4d12f5304274f9085e0f0db4b12ba41d51ed', disabled: this.disabled }, h("td", { key: '9a5868a78f21da3c9c0d6be7ecefd28c5e40e5c5', "aria-disabled": this.disabled, class: {
                 [CSS.footerCell]: this.parentRowType === "foot",
+                [CSS.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS.numberCell]: this.numberCell,
                 [CSS.selectionCell]: this.selectionCell,
                 [CSS.selectedCell]: this.parentRowIsSelected,
-                [CSS.lastCell]: this.lastCell,
+                [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: "gridcell", rowSpan: this.rowSpan, tabIndex: this.disabled ? -1 : 0,
+                [CSS.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) && this.focused && (h("span", { "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), h("slot", { onSlotchange: this.updateScreenReaderContentsText })))));
+            ref: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (h("span", { key: '09fb148bff0939488862db0f995643ecd96a0e73', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), h("slot", { key: '0d74a3e77c1655682e59b38054defa9ebfff8714', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
@@ -144,15 +155,17 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return tableCellCss; }
+    static get style() { return CalciteTableCellStyle0; }
 }, [1, "calcite-table-cell", {
         "alignment": [513],
         "colSpan": [514, "col-span"],
         "rowSpan": [514, "row-span"],
         "disabled": [4],
+        "interactionMode": [1, "interaction-mode"],
         "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"],

package/dist/components/table-header.js

@@ -13,9 +13,10 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
+    contentCell: "content-cell",
     numberCell: "number-cell",
     selectionCell: "selection-cell",
     bodyRow: "body-row",
@@ -27,24 +28,33 @@ const CSS = {
     active: "active",
     selectedCell: "selected-cell",
     lastCell: "last-cell",
+    staticCell: "static-cell",
 };
 
-const tableHeaderCss = ":host{--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{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{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{white-space:normal;text-align:start;vertical-align:top;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);outline-color:transparent;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:focus-within{outline:2px solid 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{border-inline-end:0}th.body-row,th.footer-row{vertical-align:middle;border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";
+const tableHeaderCss = ":host{--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{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{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{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){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";
+const CalciteTableHeaderStyle0 = tableHeaderCss;
 
 const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.onContainerBlur = () => {
+            this.focused = false;
+        };
+        this.onContainerFocus = () => {
+            this.focused = true;
+        };
         this.alignment = "start";
         this.colSpan = undefined;
         this.description = undefined;
         this.heading = undefined;
         this.rowSpan = undefined;
+        this.interactionMode = "interactive";
         this.lastCell = undefined;
         this.numberCell = false;
+        this.parentRowAlignment = "start";
         this.parentRowIsSelected = undefined;
-        this.parentRowPosition = undefined;
         this.parentRowType = undefined;
         this.positionInRow = undefined;
         this.scale = undefined;
@@ -56,6 +66,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         this.messages = undefined;
         this.messageOverrides = undefined;
         this.defaultMessages = undefined;
+        this.focused = false;
         this.screenReaderText = "";
         this.effectiveLocale = "";
     }
@@ -137,17 +148,21 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
                     : "col";
         const allSelected = this.selectedRowCount === this.bodyRowCount;
         const selectionIcon = allSelected ? "check-square-f" : "check-square";
-        return (h(Host, null, h("th", { "aria-colindex": this.parentRowType !== "body" ? this.positionInRow : "", class: {
+        const staticCell = this.interactionMode === "static" && !this.selectionCell;
+        return (h(Host, { key: '8903d493aaa6fe46c1e7ee00814bc0d409fe05e4' }, h("th", { key: 'a8268eb7f5f7e272d9f228ee722ff09d2755fea7', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS.bodyRow]: this.parentRowType === "body",
                 [CSS.footerRow]: this.parentRowType === "foot",
+                [CSS.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS.numberCell]: this.numberCell,
                 [CSS.selectionCell]: this.selectionCell,
                 [CSS.selectedCell]: this.parentRowIsSelected,
                 [CSS.multipleSelectionCell]: this.selectionMode === "multiple",
-                [CSS.lastCell]: this.lastCell,
-            }, colSpan: this.colSpan, role: "columnheader", rowSpan: this.rowSpan, scope: scope, tabIndex: 0,
+                [CSS.staticCell]: staticCell,
+                [CSS.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 && h("div", { class: CSS.heading }, this.heading), this.description && h("div", { class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (h("calcite-icon", { class: { [CSS.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (h("span", { "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText }, this.screenReaderText)))));
+            ref: (el) => (this.containerEl = el) }, this.heading && h("div", { key: '171a02cb89d9db736a4dda50b643e413e4de3828', class: CSS.heading }, this.heading), this.description && h("div", { key: '29fbf42a560ddcce82713de3003a70b67fd0c596', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (h("calcite-icon", { key: '232d1ac6051ad58768b94c5813e96357088b4c4a', class: { [CSS.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (h("span", { key: 'f91e4e2de889f0c8397006470adb8b330d9c50d4', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }
@@ -157,17 +172,18 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return tableHeaderCss; }
+    static get style() { return CalciteTableHeaderStyle0; }
 }, [1, "calcite-table-header", {
         "alignment": [513],
         "colSpan": [514, "col-span"],
         "description": [513],
         "heading": [513],
         "rowSpan": [514, "row-span"],
+        "interactionMode": [1, "interaction-mode"],
         "lastCell": [4, "last-cell"],
         "numberCell": [4, "number-cell"],
+        "parentRowAlignment": [1, "parent-row-alignment"],
         "parentRowIsSelected": [4, "parent-row-is-selected"],
-        "parentRowPosition": [2, "parent-row-position"],
         "parentRowType": [1, "parent-row-type"],
         "positionInRow": [2, "position-in-row"],
         "scale": [1],
@@ -179,6 +195,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         "messages": [1040],
         "messageOverrides": [1040],
         "defaultMessages": [32],
+        "focused": [32],
         "screenReaderText": [32],
         "effectiveLocale": [32],
         "setFocus": [64]

package/dist/components/tabs.js

@@ -9,13 +9,14 @@ import { c as createObserver } from './observers.js';
 /*!
  * 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.4.0
+ * v2.8.2
  */
 const SLOTS = {
     titleGroup: "title-group",
 };
 
-const tabsCss = ":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";
+const tabsCss = ":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTabsStyle0 = tabsCss;
 
 const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
     constructor() {
@@ -59,7 +60,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Fragment, null, h("slot", { name: SLOTS.titleGroup }), h("section", null, h("slot", null))));
+        return (h(Fragment, { key: '3298379f9625744b770c10f0f86fc1b2bc990cad' }, h("slot", { key: 'fd0be78d348a01b701d58f37663d392ee04ca6a9', name: SLOTS.titleGroup }), h("section", { key: '31212d582a0e6367ed38d250c1acc39cad3fa987' }, h("slot", { key: '179bdacefed784c60dd000101e606d5e678d93c9' }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -170,7 +171,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         "position": ["handleInheritableProps"],
         "scale": ["handleInheritableProps"]
     }; }
-    static get style() { return tabsCss; }
+    static get style() { return CalciteTabsStyle0; }
 }, [1, "calcite-tabs", {
         "layout": [513],
         "position": [513],

package/dist/components/th.js

@@ -42,4 +42,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export default locale;
+export { locale as default };

package/dist/components/time-picker.js

@@ -15,7 +15,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true, fractionalSecondDigits) {
@@ -280,7 +280,7 @@ function toISOTimeString(value, includeSeconds = true) {
 /*!
  * 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.4.0
+ * v2.8.2
  */
 const CSS = {
     button: "button",
@@ -317,6 +317,7 @@ const CSS = {
 };
 
 const timePickerCss = ":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTimePickerStyle0 = timePickerCss;
 
 function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
@@ -1013,79 +1014,79 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends HTM
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (h("div", { class: {
+        return (h("div", { key: 'a14cbeb1861fce5acdb6c06210c62d1a60e2c7e7', class: {
                 [CSS.timePicker]: true,
                 [CSS.showMeridiem]: showMeridiem,
                 [CSS.showSecond]: this.showSecond,
                 [CSS[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, h("div", { key: 'a53db9fc5411776df398bdf4df8a2521cc16c938', class: CSS.column, role: "group" }, h("span", { key: '117e2b1eca1cd8ee8b5f79a9cfc0b003e165967d', "aria-label": this.messages.hourUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourUp]: true,
                 [CSS.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, h("calcite-icon", { key: 'd1dfd48891fb26a56873ec597ec9822b2ae9cf5e', icon: "chevron-up", scale: iconScale })), h("span", { key: '2f299ba278f86107a2ef4a34fbe8fb5d9ec05f51', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS.input]: true,
                 [CSS.hour]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 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: this.setHourEl }, this.localizedHour || "--"), h("span", { "aria-label": this.messages.hourDown, class: {
+            ref: this.setHourEl }, this.localizedHour || "--"), h("span", { key: '72bf35a4c3152282cdac87a9bb636dbed52652b4', "aria-label": this.messages.hourDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourDown]: true,
                 [CSS.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), h("span", { class: CSS.delimiter }, this.localizedHourSuffix), h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { key: '70f55cec6f85950079520f710f4bb1a76589bd90', icon: "chevron-down", scale: iconScale }))), h("span", { key: '93641650ddbbe9a0c8753034e4b4418a4dd6f33b', class: CSS.delimiter }, this.localizedHourSuffix), h("div", { key: '197cebdb724341cd763ed0a58f7c10090621fac0', class: CSS.column, role: "group" }, h("span", { key: '10a3705875f07b57c4f494af7ef2d81581985242', "aria-label": this.messages.minuteUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, h("calcite-icon", { key: '601b4929b942735034e37b634aac614a6640c209', icon: "chevron-up", scale: iconScale })), h("span", { key: '7ef20135cd182c3794c1ce9f7309b09804903171', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS.input]: true,
                 [CSS.minute]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 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: this.setMinuteEl }, this.localizedMinute || "--"), h("span", { "aria-label": this.messages.minuteDown, class: {
+            ref: this.setMinuteEl }, this.localizedMinute || "--"), h("span", { key: '5c9f8d832d0e1e06b8f637fceaac7209aab6d58d', "aria-label": this.messages.minuteDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { key: 'ca3672e19d9dc9b9c4105144c5232d84b7489711', icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { key: '5f484d639db6288275e213ceb5f0690a2752f618', class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { key: 'd52bb3a7fdfa867bbccbe78d3279fb0ceb76a88b', class: CSS.column, role: "group" }, h("span", { key: '28436193da89813ac7f018e9455241bf4e2d07d0', "aria-label": this.messages.secondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, h("calcite-icon", { key: '839450a3d5330ba189d2d9e7ba66cf2618e632f2', icon: "chevron-up", scale: iconScale })), h("span", { key: '433feb864cc9f44ff7f6ffcaaef128f974a0634b', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS.input]: true,
                 [CSS.second]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 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: this.setSecondEl }, this.localizedSecond || "--"), h("span", { "aria-label": this.messages.secondDown, class: {
+            ref: this.setSecondEl }, this.localizedSecond || "--"), h("span", { key: '808c3402b58419dd68e34274e560b670fdd1d1f0', "aria-label": this.messages.secondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { key: 'f09e4ac46e13232647e49f9038475f797e215497', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { key: 'f1043c1c34a7c9296994ff2cb63fb5b8f00a14b8', class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { key: '9c19c935c10e46b54c60c02e701952bd398c7e33', class: CSS.column, role: "group" }, h("span", { key: '0f59c173041cfdf3820982e8d7dd8ed829a543ce', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, h("calcite-icon", { key: 'cd94cfecf478a52536c58252ead83ed41d65bb69', icon: "chevron-up", scale: iconScale })), h("span", { key: '0d494152f7b11714127f811e41c33d77010b2bbb', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS.input]: true,
                 [CSS.fractionalSecond]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, role: "spinbutton", tabIndex: 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: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), h("span", { "aria-label": this.messages.fractionalSecondDown, class: {
+            ref: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), h("span", { key: '424ee367ab5ee7c6715d32cff9edbc47e6c964a6', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { key: '91c71ca8891cb44a07a38cef3b144f170d1dc264', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { key: '43066eb805fff853f88210ee4f17e2fbf5f9fb97', class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { key: '866b964e1e08c9b46d4e5a943a1471c767394ca9', class: {
                 [CSS.column]: true,
                 [CSS.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, h("span", { "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, h("span", { key: '2b0046366a6784fa6ff99be3a3c5370b6a5c01d9', "aria-label": this.messages.meridiemUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemUp]: true,
                 [CSS.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, h("calcite-icon", { key: '0c5fae03afd08adc4a3065ce595195610d23f96d', icon: "chevron-up", scale: iconScale })), h("span", { key: '148c4d7b777999d1fe2ca5937f16dfca61fcfd8c', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS.input]: true,
                 [CSS.meridiem]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 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: this.setMeridiemEl }, this.localizedMeridiem || "--"), h("span", { "aria-label": this.messages.meridiemDown, class: {
+            ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), h("span", { key: 'ee470559d0034555ba1f2a26199e54326d728b6a', "aria-label": this.messages.meridiemDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemDown]: true,
                 [CSS.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { key: '093408bb889d14238bfb2987db200e7d223addfa', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -1096,7 +1097,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends HTM
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleWatcher"]
     }; }
-    static get style() { return timePickerCss; }
+    static get style() { return CalciteTimePickerStyle0; }
 }, [17, "calcite-time-picker", {
         "scale": [513],
         "step": [514],

package/dist/components/tooltip.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { q as queryElementRoots, i as isPrimaryPointerButton, D as getShadowRootNode, t as toAriaBoolean } from './dom.js';
+import { q as queryElementRoots, F as getShadowRootNode, t as toAriaBoolean } from './dom.js';
 import { c as connectFloatingUI, d as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui.js';
 import { g as guid } from './guid.js';
 import { o as onToggleOpenCloseComponent } from './openCloseComponent.js';
@@ -13,7 +13,7 @@ import { F as FloatingArrow } from './FloatingArrow.js';
 /*!
  * 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.4.0
+ * v2.8.2
  */
 const CSS = {
     container: "container",
@@ -25,7 +25,7 @@ const ARIA_DESCRIBED_BY = "aria-describedby";
 /*!
  * 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.4.0
+ * v2.8.2
  */
 function getEffectiveReferenceElement(tooltip) {
     const { referenceElement } = tooltip;
@@ -36,7 +36,7 @@ function getEffectiveReferenceElement(tooltip) {
 /*!
  * 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.4.0
+ * v2.8.2
  */
 class TooltipManager {
     constructor() {
@@ -97,10 +97,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) {
@@ -178,14 +175,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 });
     }
@@ -250,6 +247,7 @@ class TooltipManager {
 }
 
 const tooltipCss = ":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteTooltipStyle0 = tooltipCss;
 
 const manager = new TooltipManager();
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLElement {
@@ -354,7 +352,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         if (this.referenceElement && !this.effectiveReferenceElement) {
             this.setUpReferenceElement();
         }
-        this.reposition(true);
+        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
         this.hasLoaded = true;
     }
     disconnectedCallback() {
@@ -410,14 +408,14 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { class: {
+        return (h(Host, { key: 'e34d0071ff64ee773ee5bbe5a677c739b8326818', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { key: '7da5007a141c44aab0b84228d284fd7f61802ec3', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // 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.setTransitionEl }, h(FloatingArrow, { floatingLayout: floatingLayout,
+            ref: this.setTransitionEl }, h(FloatingArrow, { key: '0d8fae7c85b885579b2783ca9abd653c90261d93', floatingLayout: floatingLayout,
             // 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: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { class: CSS.container }, h("slot", null)))));
+            ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { key: '6f521a876289e6601d1984bb6d1d980fe56b5e2f', class: CSS.container }, h("slot", { key: '3d87fbde922e9b5ef763e53584073a552094adc2' })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -428,7 +426,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         "placement": ["placementHandler"],
         "referenceElement": ["referenceElementHandler"]
     }; }
-    static get style() { return tooltipCss; }
+    static get style() { return CalciteTooltipStyle0; }
 }, [1, "calcite-tooltip", {
         "closeOnClick": [516, "close-on-click"],
         "label": [1],

package/dist/components/tr.js

@@ -43,4 +43,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export default locale;
+export { locale as default };