@esri/calcite-components 5.1.1 → 5.1.2-next.0

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

@@ -14,7 +14,7 @@ import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { s as styles$1 } from "../../chunks/header.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
-import { C as CSS, S as SLOTS, I as ICONS, a as IDS } from "../../chunks/resources7.js";
+import { C as CSS, S as SLOTS, I as ICONS, a as IDS } from "../../chunks/resources8.js";
 const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header--slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`;
 class Panel extends LitElement {
   constructor() {

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

@@ -33,7 +33,7 @@ export abstract class Popover extends LitElement {
    */
   accessor flipDisabled: boolean;
   /** Specifies the component's fallback `placement` for slotted content when it's initial or specified `placement` has insufficient space available. */
-  accessor flipPlacements: FlipPlacement[];
+  accessor flipPlacements: FlipPlacement[] | undefined;
   /**
    * When `true`, prevents focus trapping.
    *
@@ -49,11 +49,11 @@ export abstract class Popover extends LitElement {
    * `"extraContainers"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body, and
    * `"setReturnFocus"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).
    */
-  accessor focusTrapOptions: Partial<FocusTrapOptions>;
+  accessor focusTrapOptions: Partial<FocusTrapOptions> | undefined;
   /** Specifies the component's heading text. */
-  accessor heading: string;
+  accessor heading: string | undefined;
   /** Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling. */
-  accessor headingLevel: HeadingLevel;
+  accessor headingLevel: HeadingLevel | undefined;
   /**
    * Specifies an accessible label for the component.
    *

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

@@ -147,7 +147,7 @@ class Popover extends LitElement {
   }
   setFilteredPlacements() {
     const { el, flipPlacements } = this;
-    this.filteredFlipPlacements = flipPlacements ? filterValidFlipPlacements(flipPlacements, el) : null;
+    this.filteredFlipPlacements = flipPlacements ? filterValidFlipPlacements(flipPlacements, el) : void 0;
   }
   hide() {
     this.open = false;

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

@@ -8,7 +8,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
  */
 export abstract class Progress extends LitElement {
   /** Specifies an accessible label for the component. */
-  accessor label: string;
+  accessor label: string | undefined;
   /**
    * When `true` and type is `"indeterminate"`, reverses the animation direction.
    *
@@ -16,7 +16,7 @@ export abstract class Progress extends LitElement {
    */
   accessor reversed: boolean;
   /** Text that displays under the component's indicator. */
-  accessor text: string;
+  accessor text: string | undefined;
   /**
    * Specifies the component type.
    *

package/dist/components/calcite-radio-button/customElement.d.ts

@@ -26,11 +26,11 @@ export abstract class RadioButton extends LitElement {
    *
    * When not set, the component is associated with its ancestor form element, if one exists.
    */
-  accessor form: string;
+  accessor form: string | undefined;
   /** Specifies the component's label text. */
-  accessor labelText: string;
+  accessor labelText: string | undefined;
   /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
-  accessor name: string;
+  accessor name: string | undefined;
   /**
    * When `true` and the component resides in a form,
    * the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
@@ -56,7 +56,7 @@ export abstract class RadioButton extends LitElement {
    * @internal
    * @mdn [validationMessage](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/validationMessage)
    */
-  accessor validationMessage: string;
+  accessor validationMessage: string | undefined;
   /**
    * The component's current validation state.
    *
@@ -84,7 +84,7 @@ export abstract class RadioButton extends LitElement {
    * @param validationMessage
    * @internal
    */
-  setValidity(validity: ValidityStateFlags, validationMessage?: string): Promise<void>;
+  setValidity(validity: ValidityStateFlags, validationMessage?: string | undefined): Promise<void>;
   /**
    * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.
    * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event

package/dist/components/calcite-radio-button/customElement.js

@@ -55,7 +55,7 @@ class RadioButton extends LitElement {
     return this.focusSetter(() => this.containerRef.value, options);
   }
   async setValidity(validity, validationMessage = this.validationMessage) {
-    this.elementInternals.setValidity(validity, validationMessage);
+    this.elementInternals.setValidity(validity, validationMessage || "");
   }
   connectedCallback() {
     this.rootNode = this.el.getRootNode();

package/dist/components/calcite-radio-button-group/customElement.d.ts

@@ -18,7 +18,7 @@ export abstract class RadioButtonGroup extends LitElement {
    */
   accessor disabled: boolean;
   /** Specifies the component's label text. */
-  accessor labelText: string;
+  accessor labelText: string | undefined;
   /**
    * Specifies the layout of the component.
    *
@@ -47,7 +47,7 @@ export abstract class RadioButtonGroup extends LitElement {
    */
   accessor scale: Scale;
   /** Specifies the component's selected item. */
-  get selectedItem(): RadioButton;
+  get selectedItem(): RadioButton | null;
   /**
    * Specifies the status of the validation message.
    *
@@ -55,9 +55,9 @@ export abstract class RadioButtonGroup extends LitElement {
    */
   accessor status: Status;
   /** Specifies the validation icon to display under the component. */
-  accessor validationIcon: IconName | boolean;
+  accessor validationIcon: IconName | boolean | undefined;
   /** Specifies the validation message to display under the component. */
-  accessor validationMessage: string;
+  accessor validationMessage: string | undefined;
   /**
    * Sets focus on the fist focusable `calcite-radio-button` element in the component.
    *

package/dist/components/calcite-radio-button-group/customElement.js

@@ -64,7 +64,7 @@ class RadioButtonGroup extends LitElement {
     this.mutationObserver?.disconnect();
   }
   handleInvalidFormEvent(event) {
-    const message = this.validationMessage || event.target.validationMessage;
+    const message = this.validationMessage || event.target.validationMessage || "";
     displayValidationMessage(this, {
       message,
       icon: true,
@@ -73,7 +73,7 @@ class RadioButtonGroup extends LitElement {
   }
   passPropsToRadioButtons() {
     this.radioButtons = Array.from(this.el.querySelectorAll("calcite-radio-button"));
-    this.selectedItem = Array.from(this.radioButtons).reverse().find((radioButton) => radioButton.checked) || null;
+    this.selectedItem = Array.from(this.radioButtons).reverse().find((radioButton) => radioButton.checked) ?? null;
     if (this.radioButtons.length > 0) {
       this.radioButtons.forEach((radioButton) => {
         if (this.hasUpdated) {
@@ -87,7 +87,7 @@ class RadioButtonGroup extends LitElement {
     }
   }
   getFocusableRadioButton() {
-    return this.radioButtons.find((radiobutton) => !radiobutton.disabled) ?? null;
+    return this.radioButtons.find((radiobutton) => !radiobutton.disabled);
   }
   radioButtonChangeHandler(event) {
     this.selectedItem = event.target;

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

@@ -15,9 +15,9 @@ import type { IconName } from "../calcite-icon/interfaces.js";
  */
 export abstract class Rating extends LitElement {
   /** Specifies a cumulative average from previous ratings to display. */
-  accessor average: number;
+  accessor average: number | undefined;
   /** Specifies the number of previous ratings to display. */
-  accessor count: number;
+  accessor count: number | undefined;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    *
@@ -29,9 +29,9 @@ export abstract class Rating extends LitElement {
    *
    * When not set, the component is associated with its ancestor form element, if one exists.
    */
-  accessor form: string;
+  accessor form: string | undefined;
   /** Specifies the component's label text. */
-  accessor labelText: string;
+  accessor labelText: string | undefined;
   /** Overrides individual strings used by the component. */
   accessor messageOverrides: {
       rating?: string;
@@ -39,7 +39,7 @@ export abstract class Rating extends LitElement {
       stars?: string;
   };
   /** Specifies the name of the component. Required to pass the component's `value` on form submission. */
-  accessor name: string;
+  accessor name: string | undefined;
   /**
    * When `true`, the component's value can be read, but cannot be modified.
    *
@@ -65,9 +65,9 @@ export abstract class Rating extends LitElement {
    */
   accessor status: Status;
   /** Specifies the validation icon to display under the component. */
-  accessor validationIcon: IconName | boolean;
+  accessor validationIcon: IconName | boolean | undefined;
   /** Specifies the validation message to display under the component. */
-  accessor validationMessage: string;
+  accessor validationMessage: string | undefined;
   /**
    * The component's current validation state.
    *

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

@@ -90,12 +90,16 @@ class Rating extends LitElement {
   willUpdate() {
     this.starsMap = Array.from({ length: this.max }, (_, i) => {
       const value = i + 1;
-      const average = !this.hoverValue && this.average && !this.value && value <= this.average;
+      const hoverValue = this.hoverValue ?? 0;
+      const hasHoverValue = hoverValue > 0;
+      const hasAverage = this.average != null;
+      const averageValue = this.average ?? 0;
+      const average = !hasHoverValue && hasAverage && !this.value && value <= averageValue;
       const checked = value === this.value;
-      const fraction = this.average && this.average + 1 - value;
-      const hovered = value <= this.hoverValue;
+      const fraction = hasAverage ? averageValue + 1 - value : 0;
+      const hovered = hasHoverValue && value <= hoverValue;
       const id = `${this.guid}-${value}`;
-      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;
+      const partial = !hasHoverValue && !this.value && hasAverage && !hovered && fraction > 0 && fraction < 1;
       const selected = this.value >= value;
       const tabIndex = this.getTabIndex(value);
       return {
@@ -133,7 +137,7 @@ class Rating extends LitElement {
   }
   handleRatingPointerOut() {
     this.isKeyboardInteraction = true;
-    this.hoverValue = null;
+    this.hoverValue = void 0;
   }
   handleHostKeyDown() {
     this.isKeyboardInteraction = true;
@@ -141,7 +145,7 @@ class Rating extends LitElement {
   handleLabelKeyDown(event) {
     const inputValue = this.getValueFromLabelEvent(event);
     const key = event.key;
-    const numberKey = key == " " ? void 0 : Number(key);
+    const numberKey = key == " " ? NaN : Number(key);
     this.emit = true;
     if (isNaN(numberKey)) {
       switch (key) {
@@ -160,7 +164,7 @@ class Rating extends LitElement {
           event.preventDefault();
           break;
         case "Tab":
-          this.hoverValue = null;
+          this.hoverValue = void 0;
           break;
       }
     } else {
@@ -174,7 +178,7 @@ class Rating extends LitElement {
   }
   handleInputChange(event) {
     if (this.isKeyboardInteraction === true) {
-      const inputVal = Number(event.target["value"]);
+      const inputVal = Number(event.target.value);
       this.hoverValue = inputVal;
       this.value = inputVal;
     }
@@ -199,7 +203,7 @@ class Rating extends LitElement {
   }
   updateFocus() {
     this.hoverValue = this.value;
-    this.labelElements[this.value - 1].focus();
+    this.labelElements[this.value - 1]?.focus();
   }
   getTabIndex(value) {
     if (this.readOnly || this.value !== value && (this.value || value !== 1)) {

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

@@ -138,14 +138,16 @@ class Sheet extends LitElement {
   connectedCallback() {
     super.connectedCallback();
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
-    this.setupInteractions();
+    if (this.hasUpdated) {
+      this.refreshResize();
+    }
   }
   willUpdate(changes) {
     if (changes.has("opened") && (this.hasUpdated || this.opened !== false) && this.transitionRef.value) {
       toggleOpenClose(this);
     }
     if (changes.has("open") && (this.hasUpdated || this.open !== false) || changes.has("position") && (this.hasUpdated || this.position !== "inline-start") || changes.has("resizable") && (this.hasUpdated || this.resizable !== false) || changes.has("direction")) {
-      this.setupInteractions();
+      this.refreshResize();
     }
     if (this.contentRef.value) {
       this.contentId = ensureId(this.contentRef.value);
@@ -155,7 +157,7 @@ class Sheet extends LitElement {
     super.disconnectedCallback();
     this.mutationObserver?.disconnect();
     this.embedded = false;
-    this.cleanupInteractions();
+    this.cleanUpInteractions();
   }
   async setOpenState(value) {
     if (this.beforeClose && !value) {
@@ -230,31 +232,34 @@ class Sheet extends LitElement {
     }
     this.sizeOverride.resize(size);
   }
-  cleanupInteractions() {
+  cleanUpInteractions() {
     this.interaction?.unset();
   }
-  async setupInteractions() {
-    this.cleanupInteractions();
-    const { contentRef, el, resizable, position, open, resizeHandleEl } = this;
-    if (!contentRef.value || !open || !resizable || !resizeHandleEl) {
+  updateResizeValues() {
+    const { contentRef } = this;
+    if (!contentRef.value) {
       return;
     }
-    await this.el.componentOnReady();
     const computedStyle = window.getComputedStyle(contentRef.value);
-    this.resizeValues.minInlineSize = parseInt(computedStyle.minInlineSize) || 0;
-    this.resizeValues.maxInlineSize = parseInt(computedStyle.maxInlineSize) || window.innerWidth;
-    this.resizeValues.minBlockSize = parseInt(computedStyle.minBlockSize) || 0;
-    this.resizeValues.maxBlockSize = parseInt(computedStyle.maxBlockSize) || window.innerHeight;
-    const { inlineSize, minInlineSize, blockSize, minBlockSize, maxInlineSize, maxBlockSize } = computedStyle;
-    const values = {
-      inlineSize: getStylePixelValue(inlineSize),
-      blockSize: getStylePixelValue(blockSize),
-      minInlineSize: getStylePixelValue(minInlineSize),
-      minBlockSize: getStylePixelValue(minBlockSize),
-      maxInlineSize: getStylePixelValue(maxInlineSize) || window.innerWidth,
-      maxBlockSize: getStylePixelValue(maxBlockSize) || window.innerHeight
+    this.resizeValues = {
+      inlineSize: getStylePixelValue(computedStyle.inlineSize),
+      blockSize: getStylePixelValue(computedStyle.blockSize),
+      minInlineSize: getStylePixelValue(computedStyle.minInlineSize),
+      minBlockSize: getStylePixelValue(computedStyle.minBlockSize),
+      maxInlineSize: getStylePixelValue(computedStyle.maxInlineSize) || window.innerWidth,
+      maxBlockSize: getStylePixelValue(computedStyle.maxBlockSize) || window.innerHeight
     };
-    this.resizeValues = values;
+  }
+  refreshResize() {
+    this.updateResizeValues();
+    this.setUpResizeInteractions();
+  }
+  setUpResizeInteractions() {
+    this.cleanUpInteractions();
+    const { contentRef, el, resizable, position, open, resizeHandleEl } = this;
+    if (!contentRef.value || !open || !resizable || !resizeHandleEl) {
+      return;
+    }
     const rtl = this.direction === "rtl";
     this.interaction = interact(contentRef.value, { context: el.ownerDocument }).resizable({
       edges: {
@@ -266,12 +271,12 @@ class Sheet extends LitElement {
       modifiers: [
         interact.modifiers.restrictSize({
           min: {
-            width: values.minInlineSize,
-            height: values.minBlockSize
+            width: this.resizeValues.minInlineSize,
+            height: this.resizeValues.minBlockSize
           },
           max: {
-            width: values.maxInlineSize,
-            height: values.maxBlockSize
+            width: this.resizeValues.maxInlineSize,
+            height: this.resizeValues.maxBlockSize
           }
         })
       ],
@@ -304,7 +309,7 @@ class Sheet extends LitElement {
   }
   setResizeHandleEl(el) {
     this.resizeHandleEl = el;
-    this.setupInteractions();
+    this.refreshResize();
   }
   handleOutsideClose() {
     if (this.outsideCloseDisabled) {

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

@@ -4,7 +4,7 @@ import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
 import { s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
-import { S as SLOTS, C as CSS } from "../../chunks/resources9.js";
+import { S as SLOTS, C as CSS } from "../../chunks/resources10.js";
 const styles = css`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`;
 class Stack extends LitElement {
   constructor() {

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.
    *