@esri/calcite-components 5.1.1-next.5 → 5.1.1-next.6

package/dist/chunks/useTime.js

@@ -128,23 +128,28 @@ function getLocalizedTimePart(part, parts, locale = "en") {
     return null;
   }
   if (part === "hourSuffix") {
-    const hourIndex = parts.indexOf(parts.find(({ type }) => type === "hour"));
-    const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
+    const hourPart = parts.find(({ type }) => type === "hour");
+    const minutePart = parts.find(({ type }) => type === "minute");
+    const hourIndex = hourPart ? parts.indexOf(hourPart) : -1;
+    const minuteIndex = minutePart ? parts.indexOf(minutePart) : -1;
     const hourSuffix = parts[hourIndex + 1];
     return hourSuffix?.type === "literal" && minuteIndex - hourIndex === 2 ? hourSuffix.value || null : null;
   }
   if (part === "minuteSuffix") {
-    const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
+    const minutePart = parts.find(({ type }) => type === "minute");
+    const minuteIndex = minutePart ? parts.indexOf(minutePart) : -1;
     const minuteSuffix = parts[minuteIndex + 1];
     return minuteSuffix?.type === "literal" ? minuteSuffix.value || null : null;
   }
   if (part === "secondSuffix") {
     let secondSuffixPart;
-    const fractionalSecondIndex = parts.indexOf(parts.find(({ type }) => type === "fractionalSecond"));
+    const fractionalSecondPart = parts.find(({ type }) => type === "fractionalSecond");
+    const fractionalSecondIndex = fractionalSecondPart ? parts.indexOf(fractionalSecondPart) : -1;
     if (fractionalSecondIndex !== -1) {
       secondSuffixPart = parts[fractionalSecondIndex + 1];
     } else {
-      const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
+      const secondPart = parts.find(({ type }) => type === "second");
+      const secondIndex = secondPart ? parts.indexOf(secondPart) : -1;
       secondSuffixPart = parts[secondIndex + 1];
     }
     return secondSuffixPart?.type === "literal" && secondSuffixPart.value || null;
@@ -152,7 +157,7 @@ function getLocalizedTimePart(part, parts, locale = "en") {
   if (part === "meridiem") {
     const meridiemFromBrowser = parts.find(({ type }) => type === "dayPeriod")?.value || null;
     if (meridiemFromBrowser) {
-      return getLocalizedMeridiem({ locale, parts });
+      return getLocalizedMeridiem({ locale, parts }) ?? null;
     }
   }
   return parts.find(({ type }) => type === part)?.value || null;
@@ -192,14 +197,11 @@ function isValidTime(value) {
   }
   const hourAsNumber = parseInt(hour);
   const minuteAsNumber = parseInt(minute);
-  const secondAsNumber = parseInt(second);
+  const secondAsNumber = parseInt(second ?? "");
   const hourValid = isValidNumber(hour) && hourAsNumber >= 0 && hourAsNumber < 24;
   const minuteValid = isValidNumber(minute) && minuteAsNumber >= 0 && minuteAsNumber < 60;
   const secondValid = isValidNumber(second) && secondAsNumber >= 0 && secondAsNumber < 60;
-  if (hourValid && minuteValid && !second || hourValid && minuteValid && secondValid) {
-    return true;
-  }
-  return false;
+  return hourValid && minuteValid && (!second || secondValid);
 }
 function isValidTimePart(value, part) {
   if (part === "meridiem") {
@@ -208,7 +210,8 @@ function isValidTimePart(value, part) {
   if (!isValidNumber(value)) {
     return false;
   }
-  const valueAsNumber = Number(value);
+  const valueAsString = value;
+  const valueAsNumber = Number(valueAsString);
   const isZeroOrGreater = valueAsNumber >= 0;
   const isLessThanMaxHour = valueAsNumber < 24;
   const isLessThanMaxSecond = valueAsNumber < 60;
@@ -290,8 +293,8 @@ function localizeTimeString({
       0,
       parseInt(hour),
       parseInt(minute),
-      includeSeconds && parseInt(second),
-      includeSeconds && fractionalSecond && fractionalSecondPartToMilliseconds(fractionalSecond)
+      includeSeconds && typeof second === "string" ? parseInt(second) : 0,
+      includeSeconds && fractionalSecond ? fractionalSecondPartToMilliseconds(fractionalSecond) : 0
     )
   );
   const formatter = createLocaleDateTimeFormatter({
@@ -311,7 +314,7 @@ function localizeTimeString({
       second: getLocalizedTimePart("second", parts),
       decimalSeparator: getLocalizedDecimalSeparator(locale, numberingSystem),
       fractionalSecond: getLocalizedTimePart("fractionalSecond", parts),
-      secondSuffix: locale !== "bg" && getLocalizedTimePart("secondSuffix", parts),
+      secondSuffix: locale !== "bg" ? getLocalizedTimePart("secondSuffix", parts) : null,
       meridiem: getLocalizedTimePart("meridiem", parts, locale)
     };
   } else {
@@ -341,7 +344,7 @@ function parseTimeString(value, step) {
     if (secondDecimal?.includes(".")) {
       [second, fractionalSecond] = secondDecimal.split(".");
     }
-    if (step) {
+    if (step && typeof fractionalSecond === "string") {
       fractionalSecond = formatFractionalSecond(fractionalSecond, step);
     }
     return {
@@ -422,7 +425,7 @@ class TimeController extends GenericController {
           case "Backspace":
           case "Delete":
             event.preventDefault();
-            this.setValuePart("hour", null);
+            this.setValuePart("hour", void 0);
             break;
           case "ArrowDown":
             event.preventDefault();
@@ -444,7 +447,7 @@ class TimeController extends GenericController {
       if (numberKeys.includes(key)) {
         const keyAsNumber = parseInt(key);
         let newMinute;
-        if (isValidNumber(this.minute) && this.minute.startsWith("0")) {
+        if (typeof this.minute === "string" && isValidNumber(this.minute) && this.minute.startsWith("0")) {
           const minuteAsNumber = parseInt(this.minute);
           newMinute = minuteAsNumber > maxTenthForMinuteAndSecond ? keyAsNumber : `${minuteAsNumber}${keyAsNumber}`;
         } else {
@@ -456,7 +459,7 @@ class TimeController extends GenericController {
           case "Backspace":
           case "Delete":
             event.preventDefault();
-            this.setValuePart("minute", null);
+            this.setValuePart("minute", void 0);
             break;
           case "ArrowDown":
             event.preventDefault();
@@ -478,7 +481,7 @@ class TimeController extends GenericController {
       if (numberKeys.includes(key)) {
         const keyAsNumber = parseInt(key);
         let newSecond;
-        if (isValidNumber(this.second) && this.second.startsWith("0")) {
+        if (typeof this.second === "string" && isValidNumber(this.second) && this.second.startsWith("0")) {
           const secondAsNumber = parseInt(this.second);
           newSecond = secondAsNumber > maxTenthForMinuteAndSecond ? keyAsNumber : `${secondAsNumber}${keyAsNumber}`;
         } else {
@@ -490,7 +493,7 @@ class TimeController extends GenericController {
           case "Backspace":
           case "Delete":
             event.preventDefault();
-            this.setValuePart("second", null);
+            this.setValuePart("second", void 0);
             break;
           case "ArrowDown":
             event.preventDefault();
@@ -525,7 +528,7 @@ class TimeController extends GenericController {
           case "Backspace":
           case "Delete":
             event.preventDefault();
-            this.setValuePart("fractionalSecond", null);
+            this.setValuePart("fractionalSecond", void 0);
             break;
           case "ArrowDown":
             event.preventDefault();
@@ -583,7 +586,7 @@ class TimeController extends GenericController {
     this.decrementMinuteOrSecond("second");
   }
   incrementHour() {
-    const newHour = isValidNumber(this.hour) ? this.hour === "23" ? 0 : parseInt(this.hour) + 1 : 1;
+    const newHour = typeof this.hour === "string" && isValidNumber(this.hour) ? this.hour === "23" ? 0 : parseInt(this.hour) + 1 : 1;
     this.setValuePart("hour", newHour);
   }
   incrementMinute() {
@@ -694,17 +697,7 @@ class TimeController extends GenericController {
     const newValue = toISOTimeString(value, step);
     if (isValidTime(value)) {
       const { hour, minute, second, fractionalSecond } = parseTimeString(newValue, step);
-      const {
-        hour: localizedHour,
-        hourSuffix: localizedHourSuffix,
-        minute: localizedMinute,
-        minuteSuffix: localizedMinuteSuffix,
-        second: localizedSecond,
-        secondSuffix: localizedSecondSuffix,
-        decimalSeparator: localizedDecimalSeparator,
-        fractionalSecond: localizedFractionalSecond,
-        meridiem: localizedMeridiem
-      } = localizeTimeString({
+      const localized = localizeTimeString({
         hour12,
         locale,
         numberingSystem,
@@ -716,17 +709,19 @@ class TimeController extends GenericController {
       this.minute = minute;
       this.second = second;
       this.fractionalSecond = fractionalSecond;
-      this.localizedHour = localizedHour;
-      this.localizedHourSuffix = localizedHourSuffix;
-      this.localizedMinute = localizedMinute;
-      this.localizedMinuteSuffix = localizedMinuteSuffix;
-      this.localizedSecond = localizedSecond;
-      this.localizedDecimalSeparator = localizedDecimalSeparator;
-      this.localizedFractionalSecond = localizedFractionalSecond;
-      this.localizedSecondSuffix = localizedSecondSuffix;
-      if (localizedMeridiem) {
-        this.meridiem = getMeridiem(this.hour);
-        this.localizedMeridiem = localizedMeridiem;
+      if (localized) {
+        this.localizedHour = localized.hour;
+        this.localizedHourSuffix = localized.hourSuffix;
+        this.localizedMinute = localized.minute;
+        this.localizedMinuteSuffix = localized.minuteSuffix;
+        this.localizedSecond = localized.second;
+        this.localizedDecimalSeparator = localized.decimalSeparator;
+        this.localizedFractionalSecond = localized.fractionalSecond;
+        this.localizedSecondSuffix = localized.secondSuffix;
+        if (localized.meridiem) {
+          this.meridiem = getMeridiem(this.hour);
+          this.localizedMeridiem = localized.meridiem;
+        }
       }
     } else {
       this.hour = null;

package/dist/components/calcite-combobox/customElement.js

@@ -484,9 +484,9 @@ class Combobox extends LitElement {
         break;
       case " ":
         if (!this.textInputRef.value.value && !event.defaultPrevented) {
-          if (!this.open) {
+          if (!this.open && this.keyboardNavItems.length) {
             this.open = true;
-            this.shiftActiveItemIndex(1);
+            this.ensureRecentSelectedItemIsActive();
           }
           event.preventDefault();
         }
@@ -566,7 +566,7 @@ class Combobox extends LitElement {
     this.topLayer.show();
     this.reposition();
     this.calciteComboboxBeforeOpen.emit();
-    setTimeout(() => this.scrollToActiveOrSelectedItem(true), 0);
+    setTimeout(() => this.scrollToActiveOrSelectedItem(this.activeItemIndex < 0), 0);
   }
   onOpen() {
     this.calciteComboboxOpen.emit();
@@ -615,9 +615,14 @@ class Combobox extends LitElement {
     this.ensureRecentSelectedItemIsActive();
   }
   ensureRecentSelectedItemIsActive() {
-    const { selectedItems } = this;
-    const targetIndex = selectedItems.length === 0 ? 0 : this.items.indexOf(selectedItems[selectedItems.length - 1]);
-    this.updateActiveItemIndex(targetIndex);
+    const { activeItemIndex, selectedItems, keyboardNavItems } = this;
+    if (activeItemIndex > -1 && keyboardNavItems[activeItemIndex]) {
+      this.updateActiveItemIndex(activeItemIndex);
+      return;
+    }
+    const selectedItem = selectedItems[selectedItems.length - 1];
+    const targetIndex = selectedItem ? keyboardNavItems.indexOf(selectedItem) : keyboardNavItems.length ? 0 : -1;
+    this.updateActiveItemIndex(targetIndex > -1 ? targetIndex : keyboardNavItems.length ? 0 : -1);
   }
   hideChip(chipEl) {
     chipEl.classList.add(CSS.chipInvisible);

package/dist/components/calcite-list-item/customElement.js

@@ -1,6 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
+import { isEqual } from "es-toolkit";
 import { css, html, nothing } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
@@ -130,7 +131,10 @@ class ListItem extends LitElement {
     if (changes.has("displayMode") && this.hasUpdated) {
       this.handleExpandableChange(this.defaultSlotRef.value);
     }
-    if (changes.has("label") || changes.has("description") || changes.has("metadata")) {
+    const metadataChanged = changes.has("metadata");
+    const previousMetadata = changes.get("metadata");
+    const shouldEmitMetadataChange = metadataChanged && !isEqual(this.metadata, previousMetadata);
+    if ((changes.has("label") || changes.has("description") || shouldEmitMetadataChange) && this.hasUpdated) {
       this.emitCalciteInternalListItemChange();
     }
     if (changes.has("expanded") && this.hasUpdated) {

package/dist/components/calcite-tab/customElement.d.ts

@@ -20,7 +20,7 @@ export abstract class Tab extends LitElement {
    *
    * When specified, use the same value on the `calcite-tab-title`.
    */
-  accessor tab: string;
+  accessor tab: string | undefined;
   /** Returns the index of the component item within the tab array. */
   getTabIndex(): Promise<number>;
 }

package/dist/components/calcite-tab/customElement.js

@@ -17,6 +17,7 @@ class Tab extends LitElement {
   constructor() {
     super();
     this.guid = IDS.tabTitleId(guid());
+    this.parentTabsEl = null;
     this.scale = "m";
     this.selected = false;
     this.listenOn(document.body, "calciteInternalTabChange", this.internalTabChangeHandler);
@@ -31,7 +32,7 @@ class Tab extends LitElement {
     return Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((el) => el.matches("calcite-tab")), this.el);
   }
   _updateAriaInfo(tabIds = [], titleIds = []) {
-    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
+    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || void 0;
   }
   connectedCallback() {
     super.connectedCallback();

package/dist/components/calcite-tab-nav/customElement.d.ts

@@ -24,11 +24,11 @@ export abstract class TabNav extends LitElement {
    */
   accessor position: TabPosition;
   /** Specifies the component's selected `calcite-tab-title`. */
-  get selectedTitle(): TabTitle;
+  get selectedTitle(): TabTitle | null;
   /** Specifies the name when saving selected `calcite-tab` data to `localStorage`. */
-  accessor storageId: string;
+  accessor storageId: string | undefined;
   /** Specifies text to update multiple components to keep in sync if one changes. */
-  accessor syncId: string;
+  accessor syncId: string | undefined;
   /** Emits when the selected `calcite-tab` changes. */
   readonly calciteTabChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {

package/dist/components/calcite-tab-nav/customElement.js

@@ -49,9 +49,9 @@ class TabNav extends LitElement {
     this.listen("calciteInternalTabsFocusNext", this.focusNextTabHandler);
     this.listen("calciteInternalTabsFocusFirst", this.focusFirstTabHandler);
     this.listen("calciteInternalTabsFocusLast", this.focusLastTabHandler);
+    this.listen("calciteInternalTabTitleRegister", this.updateTabTitles);
     this.listen("calciteInternalTabsActivate", this.internalActivateTabHandler);
     this.listen("calciteInternalTabsClose", this.internalCloseTabHandler);
-    this.listen("calciteInternalTabTitleRegister", this.updateTabTitles);
     this.listenOn(document.body, "calciteInternalTabChange", this.globalInternalTabChangeHandler);
   }
   static {
@@ -62,14 +62,17 @@ class TabNav extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.parentTabsEl = this.el.closest("calcite-tabs");
+    this.parentTabsEl = this.el.closest("calcite-tabs") ?? void 0;
     this.resizeObserver?.observe(this.el);
   }
   async load() {
     const storageKey = `calcite-tab-nav-${this.storageId}`;
-    if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
-      const storedTab = JSON.parse(localStorage.getItem(storageKey));
-      this.selectedTabId = storedTab;
+    if (localStorage && this.storageId) {
+      const storageItem = localStorage.getItem(storageKey);
+      if (storageItem) {
+        const storedTab = JSON.parse(storageItem);
+        this.selectedTabId = storedTab;
+      }
     }
   }
   willUpdate(changes) {
@@ -82,8 +85,10 @@ class TabNav extends LitElement {
       this.selectedTabIdChanged();
     }
     const { parentTabsEl } = this;
-    this.layout = parentTabsEl?.layout;
-    this.bordered = parentTabsEl?.bordered;
+    if (parentTabsEl) {
+      this.layout = parentTabsEl.layout;
+      this.bordered = parentTabsEl.bordered;
+    }
     this.effectiveDir = this.direction;
   }
   loaded() {

package/dist/components/calcite-tab-title/customElement.d.ts

@@ -44,11 +44,11 @@ export abstract class TabTitle extends LitElement {
    */
   accessor disabled: boolean;
   /** Specifies an icon to display at the end of the component. */
-  accessor iconEnd: IconName;
+  accessor iconEnd: IconName | undefined;
   /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
-  accessor iconFlipRtl: FlipContext;
+  accessor iconFlipRtl: FlipContext | undefined;
   /** Specifies an icon to display at the start of the component. */
-  accessor iconStart: IconName;
+  accessor iconStart: IconName | undefined;
   /** Overrides individual strings used by the component. */
   accessor messageOverrides: { close?: string; };
   /**

package/dist/components/calcite-tab-title/customElement.js

@@ -37,11 +37,13 @@ class TabTitle extends LitElement {
     this.direction = useDirection();
     this.guid = IDS.host(guid());
     this.mutationObserver = createObserver("mutation", () => this.updateHasText());
+    this.parentTabsEl = null;
     this.resizeObserver = createObserver("resize", () => {
       this.calciteInternalTabIconChanged.emit();
     });
     this.messages = useT9n();
     this.interactiveContainer = useInteractive(this);
+    this.controls = null;
     this.hasText = false;
     this.bordered = false;
     this.closable = false;

package/dist/components/calcite-table/customElement.js

@@ -44,6 +44,10 @@ const styles = css`@charset "UTF-8";:host([scale=s]){--calcite-internal-table-ce
 class Table extends LitElement {
   constructor() {
     super();
+    this.allRows = [];
+    this.bodyRows = [];
+    this.footRows = [];
+    this.headRows = [];
     this.paginationRef = createRef();
     this.tableBodySlotRef = createRef();
     this.tableFootSlotRef = createRef();
@@ -51,6 +55,7 @@ class Table extends LitElement {
     this.messages = useT9n({ blocking: true });
     this.colCount = 0;
     this.pageStartRow = 1;
+    this.readCellContentsToAT = false;
     this.selectedCount = 0;
     this._selectedItems = [];
     this.bordered = false;
@@ -135,8 +140,8 @@ class Table extends LitElement {
         rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;
         break;
     }
-    const destinationCount = this.allRows?.find((row) => row.positionAll === rowPosition)?.cellCount;
-    const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;
+    const destinationCount = this.allRows.find((row) => row.positionAll === rowPosition)?.cellCount;
+    const adjustedPos = destinationCount && cellPosition > destinationCount ? destinationCount : cellPosition;
     if (rowPosition !== void 0) {
       this.calciteInternalTableRowFocusChange.emit({
         cellPosition: adjustedPos,
@@ -147,32 +152,35 @@ class Table extends LitElement {
     }
   }
   getSlottedRows(el) {
-    return el?.assignedElements({ flatten: true })?.filter((el2) => el2?.matches("calcite-table-row"));
+    if (!el) {
+      return [];
+    }
+    return el.assignedElements({ flatten: true }).filter((el2) => el2.matches("calcite-table-row"));
   }
   updateRows() {
-    const headRows = this.getSlottedRows(this.tableHeadSlotRef.value) || [];
-    const bodyRows = this.getSlottedRows(this.tableBodySlotRef.value) || [];
-    const footRows = this.getSlottedRows(this.tableFootSlotRef.value) || [];
+    const headRows = this.getSlottedRows(this.tableHeadSlotRef.value);
+    const bodyRows = this.getSlottedRows(this.tableBodySlotRef.value);
+    const footRows = this.getSlottedRows(this.tableFootSlotRef.value);
     const allRows = [...headRows, ...bodyRows, ...footRows];
-    headRows?.forEach((row) => {
-      const position = headRows?.indexOf(row);
+    headRows.forEach((row) => {
+      const position = headRows.indexOf(row);
       row.rowType = "head";
       row.positionSection = position;
       row.positionSectionLocalized = this.localizeNumber((position + 1).toString());
     });
-    bodyRows?.forEach((row) => {
-      const position = bodyRows?.indexOf(row);
+    bodyRows.forEach((row) => {
+      const position = bodyRows.indexOf(row);
       row.rowType = "body";
       row.positionSection = position;
       row.positionSectionLocalized = this.localizeNumber((position + 1).toString());
     });
-    footRows?.forEach((row) => {
-      const position = footRows?.indexOf(row);
+    footRows.forEach((row) => {
+      const position = footRows.indexOf(row);
       row.rowType = "foot";
       row.positionSection = position;
       row.positionSectionLocalized = this.localizeNumber((position + 1).toString());
     });
-    allRows?.forEach((row) => {
+    allRows.forEach((row) => {
       row.interactionMode = this.interactionMode;
       row.selectionMode = this.selectionMode;
       row.bodyRowCount = bodyRows?.length;
@@ -282,7 +290,7 @@ class Table extends LitElement {
       [CSS.striped]: this.striped,
       [CSS.tableContainer]: true
     })}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${/* workaround to ensure the attr gets removed; we should be able to avoid the ternary when fixed */
-    this.selectionMode === "multiple" ? "true" : null} .ariaRowCount=${this.allRows?.length} class=${safeClassMap({ [CSS.tableFixed]: this.layout === "fixed" })} .role=${this.interactionMode === "interactive" ? "grid" : "table"} ${ref((el) => {
+    this.selectionMode === "multiple" ? "true" : void 0} .ariaRowCount=${this.allRows?.length} class=${safeClassMap({ [CSS.tableFixed]: this.layout === "fixed" })} .role=${this.interactionMode === "interactive" ? "grid" : "table"} ${ref((el) => {
       if (!el) {
         return;
       }

package/dist/components/calcite-table-cell/customElement.d.ts

@@ -20,7 +20,7 @@ export abstract class TableCell extends LitElement {
    */
   accessor alignment: Alignment;
   /** Specifies the number of columns the component should span. */
-  accessor colSpan: number;
+  accessor colSpan: number | undefined;
   /** Overrides individual strings used by the component. */
   accessor messageOverrides: {
       keyboardDeselect?: string;
@@ -30,7 +30,7 @@ export abstract class TableCell extends LitElement {
       unselected?: string;
   };
   /** Specifies the number of rows the component should span. */
-  accessor rowSpan: number;
+  accessor rowSpan: number | undefined;
   /**
    * Sets focus on the component.
    *

package/dist/components/calcite-table-cell/customElement.js

@@ -30,9 +30,15 @@ class TableCell extends LitElement {
     this.focused = false;
     this.selectionText = "";
     this.alignment = "start";
+    this.disabled = false;
     this.interactionMode = "interactive";
+    this.lastCell = false;
+    this.numberCell = false;
     this.parentRowAlignment = "start";
+    this.parentRowIsSelected = false;
+    this.readCellContentsToAT = false;
     this.scale = "m";
+    this.selectionCell = false;
   }
   static {
     this.properties = { contentsText: [16, {}, { state: true }], focused: [16, {}, { state: true }], selectionText: [16, {}, { state: true }], alignment: [3, {}, { reflect: true }], colSpan: [11, {}, { reflect: true, type: Number }], disabled: [5, {}, { type: Boolean }], interactionMode: 1, lastCell: [5, {}, { type: Boolean }], messageOverrides: [0, {}, { attribute: false }], numberCell: [5, {}, { type: Boolean }], parentRowAlignment: 1, parentRowIsSelected: [5, {}, { type: Boolean }], parentRowPositionLocalized: 1, parentRowType: 1, positionInRow: [9, {}, { type: Number }], readCellContentsToAT: [5, {}, { type: Boolean }], rowSpan: [11, {}, { reflect: true, type: Number }], scale: 1, selectionCell: [5, {}, { type: Boolean }] };

package/dist/components/calcite-table-header/customElement.d.ts

@@ -17,11 +17,11 @@ export abstract class TableHeader extends LitElement {
    */
   accessor alignment: Alignment;
   /** Specifies the number of columns the component should span. */
-  accessor colSpan: number;
+  accessor colSpan: number | undefined;
   /** Specifies a description for the component. Displays below the `heading`. */
-  accessor description: string;
+  accessor description: string | undefined;
   /** Specifies the component's heading text. Displays above the `description`. */
-  accessor heading: string;
+  accessor heading: string | undefined;
   /** Overrides individual strings used by the component. */
   accessor messageOverrides: {
       all?: string;
@@ -32,7 +32,7 @@ export abstract class TableHeader extends LitElement {
       selectionColumn?: string;
   };
   /** Specifies the number of rows the component should span. */
-  accessor rowSpan: number;
+  accessor rowSpan: number | undefined;
   /**
    * Sets focus on the component.
    *

package/dist/components/calcite-table-header/customElement.js

@@ -37,8 +37,10 @@ class TableHeader extends LitElement {
     this.screenReaderText = "";
     this.alignment = "start";
     this.interactionMode = "interactive";
+    this.lastCell = false;
     this.numberCell = false;
     this.parentRowAlignment = "start";
+    this.parentRowIsSelected = false;
     this.selectionCell = false;
   }
   static {

package/dist/components/calcite-table-row/customElement.js

@@ -40,6 +40,7 @@ class TableRow extends LitElement {
     this.itemHidden = false;
     this.disabled = false;
     this.interactionMode = "interactive";
+    this.lastVisibleRow = false;
     this.numbered = false;
     this.selectionMode = "none";
     this.calciteInternalTableRowFocusRequest = createEvent({ cancelable: false });
@@ -169,7 +170,7 @@ class TableRow extends LitElement {
       }
     }
   }
-  emitTableRowFocusRequest(cellPosition, rowPosition, destination, lastCell) {
+  emitTableRowFocusRequest(cellPosition, rowPosition, destination, lastCell = false) {
     this.calciteInternalTableRowFocusRequest.emit({
       cellPosition,
       rowPosition,
@@ -179,8 +180,9 @@ class TableRow extends LitElement {
   }
   updateCells() {
     const alignment = this.alignment ? this.alignment : this.rowType !== "head" ? "center" : "start";
-    const slottedCells = this.tableRowSlotRef.value?.assignedElements({ flatten: true })?.filter((el) => el.matches("calcite-table-cell") || el.matches("calcite-table-header"));
-    const renderedCells = Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((el) => el.numberCell || el.selectionCell);
+    const slottedCells = this.tableRowSlotRef.value?.assignedElements({ flatten: true })?.filter((el) => el.matches("calcite-table-cell") || el.matches("calcite-table-header")) ?? [];
+    const tableRowEls = this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell");
+    const renderedCells = tableRowEls ? Array.from(tableRowEls).filter((el) => el.numberCell || el.selectionCell) : void 0;
     const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;
     if (cells.length > 0) {
       cells?.forEach((cell, index) => {

package/dist/components/calcite-tabs/customElement.js

@@ -64,7 +64,7 @@ class Tabs extends LitElement {
     const tabs = getSlotAssignedElements(this.slotRef.value, "calcite-tab");
     await Promise.all([...tabs, ...this.titles].map((tabOrTitle) => tabOrTitle.componentOnReady()));
     if (tabs.some((el) => el.tab) || this.titles.some((el) => el.tab)) {
-      tabIds = tabs.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);
+      tabIds = tabs.sort((a, b) => a.tab && b.tab ? a.tab.localeCompare(b.tab) : 0).map((el) => el.id);
       titleIds = this.titles.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);
     } else {
       const tabDomIndexes = await Promise.all(tabs.map((el) => el.getTabIndex()));
@@ -93,7 +93,8 @@ class Tabs extends LitElement {
         tab.scale = scale;
       }
     });
-    Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((title) => {
+    const tabTitleEls = this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");
+    Array.from(tabTitleEls).forEach((title) => {
       title.position = position;
       title.scale = scale;
     });