@esri/solutions-components 0.7.16 → 0.7.17

package/dist/components/calcite-stepper.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { h, proxyCustomElement, HTMLElement, createEvent, Host, readTask } from '@stencil/core/internal/client/index.js';
+import { h, proxyCustomElement, HTMLElement, createEvent, Host, readTask } from '@stencil/core/internal/client';
 import { h as slotChangeGetAssignedElements, w as focusElementInGroup } from './dom.js';
 import { c as createObserver } from './observers.js';
 import { g as guid } from './guid.js';
@@ -96,7 +96,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
             this.containerEl = el;
         };
         this.handleDefaultSlotChange = (event) => {
-            const items = slotChangeGetAssignedElements(event).filter((el) => el?.tagName === "CALCITE-STEPPER-ITEM");
+            const items = slotChangeGetAssignedElements(event).filter((el) => (el === null || el === void 0 ? void 0 : el.tagName) === "CALCITE-STEPPER-ITEM");
             this.items = items;
             this.setGridTemplateColumns(items);
             this.setStepperItemNumberingSystem();
@@ -129,7 +129,8 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        this.mutationObserver?.observe(this.el, { childList: true });
+        var _a;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
         this.updateItems();
         connectMessages(this);
         connectLocalized(this);
@@ -138,7 +139,8 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         await setUpMessages(this);
     }
     componentDidLoad() {
-        this.resizeObserver?.observe(this.containerEl);
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.containerEl);
         // if no stepper items are set as active, default to the first one
         if (typeof this.currentActivePosition !== "number") {
             const enabledStepIndex = this.getFirstEnabledStepperPosition();
@@ -151,10 +153,11 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         }
     }
     disconnectedCallback() {
-        this.resizeObserver?.disconnect();
+        var _a, _b;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         disconnectMessages(this);
         disconnectLocalized(this);
-        this.mutationObserver?.disconnect();
+        (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     render() {
         return (h(Host, { "aria-label": this.messages.label, role: "region" }, h("div", { class: { container: true, [CSS.singleView]: !this.multipleViewMode }, ref: this.setContainerEl }, !this.multipleViewMode && this.layout === "horizontal" && (h("div", { class: { [CSS.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), h("div", { class: { [CSS.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end")), h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
@@ -307,9 +310,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         }
     }
     getEnabledStepIndex(startIndex, direction = "next") {
+        var _a;
         const { items, currentActivePosition } = this;
         let newIndex = startIndex;
-        while (items[newIndex]?.disabled && this.multipleViewMode) {
+        while (((_a = items[newIndex]) === null || _a === void 0 ? void 0 : _a.disabled) && this.multipleViewMode) {
             newIndex = newIndex + (direction === "previous" ? -1 : 1);
         }
         return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0

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

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { w as focusElementInGroup } from './dom.js';
 import { i as isActivationKey } from './key.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
@@ -31,13 +31,12 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
             });
         };
         this.updateCells = () => {
-            const slottedCells = this.tableRowSlotEl
-                ?.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);
+            var _a, _b, _c, _d;
+            const slottedCells = (_b = (_a = this.tableRowSlotEl) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true })) === null || _b === void 0 ? void 0 : _b.filter((el) => el.matches("calcite-table-cell") || el.matches("calcite-table-header"));
+            const renderedCells = (_d = Array.from((_c = this.tableRowEl) === null || _c === void 0 ? void 0 : _c.querySelectorAll("calcite-table-header, calcite-table-cell"))) === null || _d === void 0 ? void 0 : _d.filter((el) => el.numberCell || el.selectionCell);
             const cells = renderedCells ? renderedCells.concat(slottedCells) : slottedCells;
             if (cells.length > 0) {
-                cells?.forEach((cell, index) => {
+                cells === null || cells === void 0 ? void 0 : cells.forEach((cell, index) => {
                     cell.positionInRow = index + 1;
                     cell.parentRowType = this.rowType;
                     cell.scale = this.scale;
@@ -50,7 +49,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
             }
             this.rowCells =
                 cells || [];
-            this.cellCount = cells?.length;
+            this.cellCount = cells === null || cells === void 0 ? void 0 : cells.length;
         };
         this.handleSelectionOfRow = () => {
             this.calciteTableRowSelect.emit();
@@ -114,6 +113,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
     //
     //--------------------------------------------------------------------------
     calciteInternalTableRowFocusChangeHandler(event) {
+        var _a;
         if (event.target.contains(this.el)) {
             const position = event.detail.cellPosition;
             const rowPosition = event.detail.rowPosition;
@@ -127,7 +127,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
                 }
                 const cellPosition = lastCell
                     ? this.rowCells[this.rowCells.length - 1]
-                    : this.rowCells?.find((_, index) => index + 1 === position);
+                    : (_a = this.rowCells) === null || _a === void 0 ? void 0 : _a.find((_, index) => index + 1 === position);
                 if (cellPosition) {
                     cellPosition.setFocus();
                 }
@@ -140,6 +140,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
     //
     //--------------------------------------------------------------------------
     keyDownHandler(event) {
+        var _a;
         const el = event.target;
         const key = event.key;
         const isControl = event.ctrlKey;
@@ -182,7 +183,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
                     break;
                 case "End":
                     if (isControl) {
-                        this.emitTableRowFocusRequest(this.rowCells?.length, this.positionAll, "last", true);
+                        this.emitTableRowFocusRequest((_a = this.rowCells) === null || _a === void 0 ? void 0 : _a.length, this.positionAll, "last", true);
                         event.preventDefault();
                     }
                     else {

package/dist/components/calcite-table.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
@@ -52,42 +52,42 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         //
         // --------------------------------------------------------------------------
         this.getSlottedRows = (el) => {
-            return el
-                ?.assignedElements({ flatten: true })
-                ?.filter((el) => el?.matches("calcite-table-row"));
+            var _a;
+            return (_a = el === null || el === void 0 ? void 0 : el.assignedElements({ flatten: true })) === null || _a === void 0 ? void 0 : _a.filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-table-row"));
         };
         this.updateRows = () => {
+            var _a, _b, _c;
             const headRows = this.getSlottedRows(this.tableHeadSlotEl) || [];
             const bodyRows = this.getSlottedRows(this.tableBodySlotEl) || [];
             const footRows = this.getSlottedRows(this.tableFootSlotEl) || [];
             const allRows = [...headRows, ...bodyRows, ...footRows];
-            headRows?.forEach((row) => {
-                const position = headRows?.indexOf(row);
+            headRows === null || headRows === void 0 ? void 0 : headRows.forEach((row) => {
+                const position = headRows === null || headRows === void 0 ? void 0 : 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 === null || bodyRows === void 0 ? void 0 : bodyRows.forEach((row) => {
+                const position = bodyRows === null || bodyRows === void 0 ? void 0 : 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 === null || footRows === void 0 ? void 0 : footRows.forEach((row) => {
+                const position = footRows === null || footRows === void 0 ? void 0 : footRows.indexOf(row);
                 row.rowType = "foot";
                 row.positionSection = position;
                 row.positionSectionLocalized = this.localizeNumber((position + 1).toString());
             });
-            allRows?.forEach((row) => {
+            allRows === null || allRows === void 0 ? void 0 : allRows.forEach((row) => {
                 row.selectionMode = this.selectionMode;
-                row.bodyRowCount = bodyRows?.length;
-                row.positionAll = allRows?.indexOf(row);
+                row.bodyRowCount = bodyRows === null || bodyRows === void 0 ? void 0 : bodyRows.length;
+                row.positionAll = allRows === null || allRows === void 0 ? void 0 : allRows.indexOf(row);
                 row.numbered = this.numbered;
                 row.scale = this.scale;
                 row.readCellContentsToAT = this.readCellContentsToAT;
             });
-            const colCount = headRows[0]?.cellCount || headRows[0]?.querySelectorAll("calcite-table-header")?.length;
+            const colCount = ((_a = headRows[0]) === null || _a === void 0 ? void 0 : _a.cellCount) || ((_c = (_b = headRows[0]) === null || _b === void 0 ? void 0 : _b.querySelectorAll("calcite-table-header")) === null || _c === void 0 ? void 0 : _c.length);
             this.colCount = colCount;
             this.headRows = headRows;
             this.bodyRows = bodyRows;
@@ -97,23 +97,26 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
             this.paginateRows();
         };
         this.handlePaginationChange = () => {
-            const requestedItem = this.paginationEl?.startItem;
+            var _a;
+            const requestedItem = (_a = this.paginationEl) === null || _a === void 0 ? void 0 : _a.startItem;
             this.pageStartRow = requestedItem || 1;
             this.calciteTablePageChange.emit();
             this.updateRows();
         };
         this.paginateRows = () => {
-            this.bodyRows?.forEach((row) => {
+            var _a;
+            (_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.forEach((row) => {
                 const rowPos = row.positionSection + 1;
                 const inView = rowPos >= this.pageStartRow && rowPos < this.pageStartRow + this.pageSize;
                 row.hidden = this.pageSize > 0 && !inView && !this.footRows.includes(row);
             });
         };
         this.updateSelectedItems = (emit) => {
-            const selectedItems = this.bodyRows?.filter((el) => el.selected);
+            var _a, _b;
+            const selectedItems = (_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.filter((el) => el.selected);
             this.selectedItems = selectedItems;
-            this.selectedCount = selectedItems?.length;
-            this.allRows?.forEach((row) => {
+            this.selectedCount = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length;
+            (_b = this.allRows) === null || _b === void 0 ? void 0 : _b.forEach((row) => {
                 row.selectedRowCount = this.selectedCount;
                 row.selectedRowCountLocalized = this.localizeNumber(this.selectedCount);
             });
@@ -122,15 +125,18 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
             }
         };
         this.handleDeselectAllRows = () => {
-            this.bodyRows?.forEach((row) => {
+            var _a;
+            (_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.forEach((row) => {
                 row.selected = false;
             });
             this.updateSelectedItems(true);
         };
         this.setSelectedItems = (elToMatch) => {
-            this.bodyRows?.forEach((el) => {
-                if (elToMatch?.rowType === "head") {
-                    el.selected = this.selectedCount !== this.bodyRows?.length;
+            var _a;
+            (_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.forEach((el) => {
+                var _a;
+                if ((elToMatch === null || elToMatch === void 0 ? void 0 : elToMatch.rowType) === "head") {
+                    el.selected = this.selectedCount !== ((_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.length);
                 }
                 else {
                     el.selected =
@@ -209,17 +215,18 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         }
     }
     calciteInternalTableRowFocusEvent(event) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const cellPosition = event["detail"].cellPosition;
         const rowPos = event["detail"].rowPosition;
         const destination = event["detail"].destination;
         const lastCell = event["detail"].lastCell;
-        const visibleBody = this.bodyRows?.filter((row) => !row.hidden);
-        const visibleAll = this.allRows?.filter((row) => !row.hidden);
-        const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;
-        const firstBodyRow = visibleBody[0]?.positionAll;
-        const lastBodyRow = visibleBody[visibleBody.length - 1]?.positionAll;
-        const firstFootRow = this.footRows[0]?.positionAll;
-        const lastTableRow = visibleAll[visibleAll.length - 1]?.positionAll;
+        const visibleBody = (_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.filter((row) => !row.hidden);
+        const visibleAll = (_b = this.allRows) === null || _b === void 0 ? void 0 : _b.filter((row) => !row.hidden);
+        const lastHeadRow = (_c = this.headRows[this.headRows.length - 1]) === null || _c === void 0 ? void 0 : _c.positionAll;
+        const firstBodyRow = (_d = visibleBody[0]) === null || _d === void 0 ? void 0 : _d.positionAll;
+        const lastBodyRow = (_e = visibleBody[visibleBody.length - 1]) === null || _e === void 0 ? void 0 : _e.positionAll;
+        const firstFootRow = (_f = this.footRows[0]) === null || _f === void 0 ? void 0 : _f.positionAll;
+        const lastTableRow = (_g = visibleAll[visibleAll.length - 1]) === null || _g === void 0 ? void 0 : _g.positionAll;
         const leavingHeader = destination === "next" && rowPos === lastHeadRow;
         const leavingFooter = destination === "previous" && rowPos === firstFootRow;
         const enteringHeader = destination === "previous" && rowPos === firstBodyRow;
@@ -239,7 +246,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
                 rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;
                 break;
         }
-        const destinationCount = this.allRows?.find((row) => row.positionAll === rowPosition)?.cellCount;
+        const destinationCount = (_j = (_h = this.allRows) === null || _h === void 0 ? void 0 : _h.find((row) => row.positionAll === rowPosition)) === null || _j === void 0 ? void 0 : _j.cellCount;
         const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;
         if (rowPosition !== undefined) {
             this.calciteInternalTableRowFocusChange.emit({
@@ -256,15 +263,17 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     renderSelectionArea() {
-        const outOfViewCount = this.selectedItems?.filter((el) => el.hidden)?.length;
-        const localizedOutOfView = this.localizeNumber(outOfViewCount?.toString());
-        const localizedSelectedCount = this.localizeNumber(this.selectedCount?.toString());
+        var _a, _b, _c;
+        const outOfViewCount = (_b = (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.filter((el) => el.hidden)) === null || _b === void 0 ? void 0 : _b.length;
+        const localizedOutOfView = this.localizeNumber(outOfViewCount === null || outOfViewCount === void 0 ? void 0 : outOfViewCount.toString());
+        const localizedSelectedCount = this.localizeNumber((_c = this.selectedCount) === null || _c === void 0 ? void 0 : _c.toString());
         const selectionText = `${localizedSelectedCount} ${this.messages.selected}`;
         const outOfView = `${localizedOutOfView} ${this.messages.hiddenSelected}`;
         return (h("div", { class: CSS.selectionArea }, h("calcite-chip", { kind: this.selectedCount > 0 ? "brand" : "neutral", scale: this.scale, value: selectionText }, selectionText), outOfViewCount > 0 && (h("calcite-chip", { icon: "hide-empty", scale: this.scale, title: outOfView, value: outOfView }, localizedOutOfView)), this.selectedCount > 0 && (h("calcite-button", { "icon-start": "x", kind: "neutral", onClick: this.handleDeselectAllRows, round: true, scale: this.scale, title: `${this.messages.clear} ${selectionText} ${this.messages.row}` }, this.messages.clear)), h("div", { class: CSS.selectionActions }, h("slot", { name: SLOTS.selectionActions }))));
     }
     renderPaginationArea() {
-        return (h("div", { class: CSS.paginationArea }, h("calcite-pagination", { groupSeparator: this.groupSeparator, numberingSystem: this.numberingSystem, onCalcitePaginationChange: this.handlePaginationChange, pageSize: this.pageSize, scale: this.scale, startItem: 1, totalItems: this.bodyRows?.length,
+        var _a;
+        return (h("div", { class: CSS.paginationArea }, h("calcite-pagination", { groupSeparator: this.groupSeparator, numberingSystem: this.numberingSystem, onCalcitePaginationChange: this.handlePaginationChange, pageSize: this.pageSize, scale: this.scale, startItem: 1, totalItems: (_a = this.bodyRows) === null || _a === void 0 ? void 0 : _a.length,
             // 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.paginationEl = el) })));
     }
@@ -278,11 +287,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         return (h("tfoot", null, h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
+        var _a;
         return (h(Host, null, h("div", { class: CSS.container }, this.selectionMode !== "none" && this.renderSelectionArea(), h("div", { class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.zebra]: this.zebra,
                 [CSS.tableContainer]: true,
-            } }, h("table", { "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-readonly": true, "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: "grid" }, h("caption", { class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, h("table", { "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-readonly": true, "aria-rowcount": (_a = this.allRows) === null || _a === void 0 ? void 0 : _a.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: "grid" }, h("caption", { class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-text-area.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { t as toAriaBoolean, j as slotChangeHasAssignedElement } from './dom.js';
@@ -155,12 +155,13 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
         this.setTextAreaHeight();
     }
     disconnectedCallback() {
+        var _a;
         disconnectInteractive(this);
         disconnectLabel(this);
         disconnectForm(this);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.resizeObserver?.disconnect();
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
@@ -240,9 +241,10 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
         }
     }
     getHeightAndWidthOfElements() {
+        var _a;
         const { height: textAreaHeight, width: textAreaWidth } = this.textAreaEl.getBoundingClientRect();
         const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();
-        const { height: footerHeight, width: footerWidth } = this.footerEl?.getBoundingClientRect();
+        const { height: footerHeight, width: footerWidth } = (_a = this.footerEl) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         return {
             textAreaHeight,
             textAreaWidth,
@@ -258,7 +260,8 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
             .replace("{currentLength}", this.localizedCharacterLengthObj.currentLength);
     }
     isCharacterLimitExceeded() {
-        return this.value?.length > this.maxLength;
+        var _a;
+        return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > this.maxLength;
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-tile-select-group.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
 
 const tileSelectGroupCss = ":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{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";

package/dist/components/calcite-tile-select.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
@@ -70,8 +70,9 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class TileSelect extends HTM
     //--------------------------------------------------------------------------
     /** Sets focus on the component. */
     async setFocus() {
+        var _a;
         await componentFocusable(this);
-        return this.input?.setFocus();
+        return (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-tip-group.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const tipGroupCss = ":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/components/calcite-tip-manager.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { g as getElementDir, t as toAriaBoolean } from './dom.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { c as createObserver } from './observers.js';
@@ -114,17 +114,19 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class TipManager extends HTM
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
+        var _a;
         connectLocalized(this);
         connectMessages(this);
         this.setUpTips();
-        this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     }
     async componentWillLoad() {
         await setUpMessages(this);
         this.updateGroupTitle();
     }
     disconnectedCallback() {
-        this.mutationObserver?.disconnect();
+        var _a;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         disconnectLocalized(this);
         disconnectMessages(this);
     }
@@ -172,10 +174,11 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class TipManager extends HTM
         });
     }
     updateGroupTitle() {
+        var _a;
         if (this.tips) {
             const selectedTip = this.tips[this.selectedIndex];
             const tipParent = selectedTip.closest("calcite-tip-group");
-            this.groupTitle = tipParent?.groupTitle || this.messages?.defaultGroupTitle;
+            this.groupTitle = (tipParent === null || tipParent === void 0 ? void 0 : tipParent.groupTitle) || ((_a = this.messages) === null || _a === void 0 ? void 0 : _a.defaultGroupTitle);
         }
     }
     // --------------------------------------------------------------------------

package/dist/components/calcite-tip.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { a as getSlotted } from './dom.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
@@ -91,8 +91,9 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class Tip extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     renderHeader() {
+        var _a;
         const { heading, headingLevel, el } = this;
-        const parentLevel = el.closest("calcite-tip-manager")?.headingLevel;
+        const parentLevel = (_a = el.closest("calcite-tip-manager")) === null || _a === void 0 ? void 0 : _a.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
         return heading ? (h("header", { class: CSS.header }, h(Heading, { class: CSS.heading, level: level }, heading))) : null;

package/dist/components/card-manager2.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { q as queryFeaturesByID } from './queryUtils.js';
 import { g as getLayerOrTable } from './mapViewUtils.js';
@@ -83,8 +83,9 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
      * Renders the component.
      */
     render() {
-        const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
-        const messageClass = this._graphics?.length > 0 ? "display-none" : "";
+        var _a, _b;
+        const featuresClass = ((_a = this._graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "" : "display-none";
+        const messageClass = ((_b = this._graphics) === null || _b === void 0 ? void 0 : _b.length) > 0 ? "display-none" : "";
         return (h(Host, null, h("div", { class: "overflow-auto height-full" }, h("calcite-shell", { class: "position-relative " + featuresClass }, h("div", null, h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), h("calcite-shell", { class: "position-relative " + messageClass }, h("div", { class: "padding-1" }, h("calcite-notice", { icon: "table", open: true }, h("div", { slot: "message" }, this._translations.selectFeaturesToStart)))))));
     }
     //--------------------------------------------------------------------------

package/dist/components/checkbox.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { t as toAriaBoolean } from './dom.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { g as guid } from './guid.js';
@@ -79,8 +79,9 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
     //--------------------------------------------------------------------------
     /** Sets focus on the component. */
     async setFocus() {
+        var _a;
         await componentFocusable(this);
-        this.toggleEl?.focus();
+        (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/chip.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
 import { j as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable.js';
@@ -113,11 +113,12 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
+        var _a;
         connectConditionalSlotComponent(this);
         connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
-        this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     }
     componentDidLoad() {
         setComponentLoaded(this);
@@ -126,11 +127,12 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
         updateHostInteraction(this);
     }
     disconnectedCallback() {
+        var _a;
         disconnectConditionalSlotComponent(this);
         disconnectInteractive(this);
         disconnectLocalized(this);
         disconnectMessages(this);
-        this.mutationObserver?.disconnect();
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -174,12 +176,13 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
     //--------------------------------------------------------------------------
     /** Sets focus on the component. */
     async setFocus() {
+        var _a, _b;
         await componentFocusable(this);
         if (!this.disabled && this.interactive) {
-            this.containerEl?.focus();
+            (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.focus();
         }
         else if (!this.disabled && this.closable) {
-            this.closeButtonEl?.focus();
+            (_b = this.closeButtonEl) === null || _b === void 0 ? void 0 : _b.focus();
         }
     }
     updateHasText() {

package/dist/components/color-picker-hex-input.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { j as isLonghandHex, i as isValidHex, r as rgbToHex, n as normalizeHex, o as opacityToAlpha, a as hexify, k as hexChar, c as alphaToOpacity } from './utils.js';
 import { c as color } from './index2.js';
 import { f as focusElement } from './dom.js';
@@ -177,6 +177,7 @@ const ColorPickerHexInput = /*@__PURE__*/ proxyCustomElement(class ColorPickerHe
             this.internalSetValue(value, this.value);
         };
         this.onOpacityInputChange = () => {
+            var _a;
             const node = this.opacityInputNode;
             let value;
             if (!node.value) {
@@ -184,7 +185,7 @@ const ColorPickerHexInput = /*@__PURE__*/ proxyCustomElement(class ColorPickerHe
             }
             else {
                 const alpha = opacityToAlpha(Number(node.value));
-                value = this.internalColor?.alpha(alpha).hexa();
+                value = (_a = this.internalColor) === null || _a === void 0 ? void 0 : _a.alpha(alpha).hexa();
             }
             this.internalSetValue(value, this.value);
         };
@@ -286,9 +287,9 @@ const ColorPickerHexInput = /*@__PURE__*/ proxyCustomElement(class ColorPickerHe
         const hexInputValue = this.formatHexForInternalInput(value);
         const opacityInputValue = this.formatOpacityForInternalInput(internalColor);
         const inputScale = scale === "l" ? "m" : "s";
-        return (h("div", { class: CSS.container }, h("calcite-input-text", { class: CSS.hexInput, label: messages?.hex || hexLabel, maxLength: 6, onCalciteInputTextChange: this.onHexInputChange, onCalciteInternalInputTextBlur: this.onHexInputBlur, onKeyDown: this.onInputKeyDown, onPaste: this.onHexInputPaste, prefixText: "#", scale: inputScale, value: hexInputValue,
+        return (h("div", { class: CSS.container }, h("calcite-input-text", { class: CSS.hexInput, label: (messages === null || messages === void 0 ? void 0 : messages.hex) || hexLabel, maxLength: 6, onCalciteInputTextChange: this.onHexInputChange, onCalciteInternalInputTextBlur: this.onHexInputBlur, onKeyDown: this.onInputKeyDown, onPaste: this.onHexInputPaste, prefixText: "#", scale: inputScale, value: hexInputValue,
             // 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.storeHexInputRef }), alphaChannel ? (h("calcite-input-number", { class: CSS.opacityInput, key: "opacity-input", label: messages?.opacity, max: OPACITY_LIMITS.max, maxLength: 3, min: OPACITY_LIMITS.min, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputNumberChange: this.onOpacityInputChange, onCalciteInternalInputNumberBlur: this.onOpacityInputBlur, onKeyDown: this.onInputKeyDown, scale: inputScale, suffixText: "%", value: opacityInputValue,
+            ref: this.storeHexInputRef }), alphaChannel ? (h("calcite-input-number", { class: CSS.opacityInput, key: "opacity-input", label: messages === null || messages === void 0 ? void 0 : messages.opacity, max: OPACITY_LIMITS.max, maxLength: 3, min: OPACITY_LIMITS.min, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputNumberChange: this.onOpacityInputChange, onCalciteInternalInputNumberBlur: this.onOpacityInputBlur, onKeyDown: this.onInputKeyDown, scale: inputScale, suffixText: "%", value: opacityInputValue,
             // 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.storeOpacityInputRef })) : null));
     }