@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js

@@ -915,32 +915,32 @@ export class BhPivotGrid {
             : String(m.columnCount +
                 (this.showRowGrandTotals ? 1 : 0) +
                 (this.showColumnGrandTotals ? 1 : 0));
-        return (h(Host, { key: '4fc93ab072c0e03fbfd9d9a8bc21520f09d7d6bf', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
+        return (h(Host, { key: '6fbbb10a181ff987c473f6a3b1f19835c30a7e80', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
                 if (this.matrix && e.target === this.el && this.activeCellEl) {
                     this.activeCellEl.focus();
                 }
-            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, h("div", { key: '4a254af3c571045791756e3a23e42741184f6322', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), h("div", { key: '0d050f0024f35365dd91e2feef1573e942595f6f', class: "pivot-grid-root" }, this.showFieldPanel && (h("div", { key: '1a3cd6c572c4acd747af775faef1ba59b062133b', class: "pivot-grid-toolbar", part: "toolbar" }, h("slot", { key: '04f504dba0a53e82eb6aabf699da2a0f580dd353', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (h("button", { key: 'b961d63c05039eb4b0ae03f4fc235e401f5a0999', "aria-label": t.showFieldChooser, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.showFieldChooser(), type: "button" }, t.showFieldChooser)), this.enableExport && this.showExportButton && (h("button", { key: '5e28936efd931998fc105e9c89c8c01906a9cfd3', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), h("slot", { key: '98c24a2584b304ff9643ed03f50b39ab13722747', name: "toolbar-end" }))), this.showFieldPanel && (h("div", { key: 'eb57a40e286d1e5a28d97cafd2ba91c8b7681b48', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (h("div", { key: '582a2235e1935dd87a937cbfe6184cd1addb56c4', class: {
+            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, h("div", { key: '200a2c1a121ef93378488d74c227579339f6cc89', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), h("div", { key: '1aa66a126f3b4bca60066071a3cd3e8b346f9b3b', class: "pivot-grid-root" }, this.showFieldPanel && (h("div", { key: '5b235927a3f38e3307fe0f3de4944187e0c927b7', class: "pivot-grid-toolbar", part: "toolbar" }, h("slot", { key: '1634439bba85fbff3c38dc9dd99496c1e0154df3', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (h("button", { key: 'a5393995c9651164f85289ade65c27238bf95acf', "aria-label": t.showFieldChooser, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.showFieldChooser(), type: "button" }, t.showFieldChooser)), this.enableExport && this.showExportButton && (h("button", { key: '6c2ab09403c84c1073f75221a8f374df89c09fd2', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), h("slot", { key: '4b06f58afe90ca5cff3d296b31df85f157a29313', name: "toolbar-end" }))), this.showFieldPanel && (h("div", { key: '292857f8cdfb7b01aabf500b972a4dd3e0a97379', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (h("div", { key: '2d3f2b8e375e2bb814a4f1a5d494ded7ebdef7d5', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "row",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "row"), onDrop: (e) => this.onFieldDrop(e, "row"), part: "field-area-row" }, h("span", { key: '03b10fd67a23237eef9f7e962819e8d25237150d', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: '92c89eefbd1ccbdd3162b4eff0bc03015d56613a', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "row"), onDrop: (e) => this.onFieldDrop(e, "row"), part: "field-area-row" }, h("span", { key: '05ed6c936d9dc66e673a4249642a1e631c210929', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: 'a31d04115b5c55de9b172d85ad1b4652d0695a66', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "row")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showColumnFields && (h("div", { key: '8a7804638effbe22d6d75e9709f23d4f536bd568', class: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showColumnFields && (h("div", { key: 'af55068f00c27df2a51a795580d00e74e7c4b451', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "column",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "column"), onDrop: (e) => this.onFieldDrop(e, "column"), part: "field-area-column" }, h("span", { key: 'dd42b40f8b553ee3dffb8516cfe628c701307edb', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: '5b93a9bfb3bebf7d822103fe688e34ef0c935229', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "column"), onDrop: (e) => this.onFieldDrop(e, "column"), part: "field-area-column" }, h("span", { key: 'f1ec4e0585bc21025ca2842cfd7638a51af26799', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: '5ad15f3abc2b00ba3cbcd995209701ce5dcf4ea5', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "column")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showDataFields && (h("div", { key: '3c2057c100aeaad7c9290bd01ce2e5f3ea0e89d6', class: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))))), this.showDataFields && (h("div", { key: 'da383c15d581d08b8808f30a04c849049482c67f', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "data",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "data"), onDrop: (e) => this.onFieldDrop(e, "data"), part: "field-area-data" }, h("span", { key: '6ae641ddde3dd41eb0e4730e40fcf47bcd9db279', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '782e54f735fcbc3bc51cf5320f12e58d73a12c68', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "data"), onDrop: (e) => this.onFieldDrop(e, "data"), part: "field-area-data" }, h("span", { key: '957e082390e7cc25fb278cb18dbb55d81e9602bb', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '0a9957fb1bf333494824a63a84d5a064251f3221', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "data")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : "")))))), this.showFilterFields && (h("div", { key: '2e3b1ab475f40bc9c9befa8c3170a2fec4b4dde3', class: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : "")))))), this.showFilterFields && (h("div", { key: 'ccfd40613869ca7909e9bdeba8a52a9431114b66', class: {
                 "pivot-grid-field-area": true,
                 "pivot-grid-drop-zone-active": this.dropTargetArea === "filter",
-            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "filter"), onDrop: (e) => this.onFieldDrop(e, "filter"), part: "field-area-filter" }, h("span", { key: '15f001dcfb71562e1fe3f160f60e99075a9844d2', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '79b72cfc696a3af62d65cb0b3594419a5283f719', class: "pivot-grid-field-chips" }, this.fields
+            }, onDragLeave: () => this.onFieldDragLeave(), onDragOver: (e) => this.onFieldDragOver(e, "filter"), onDrop: (e) => this.onFieldDrop(e, "filter"), part: "field-area-filter" }, h("span", { key: 'e7cd46d488f7f8a5515bb32871eddad0a3badcb5', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '92d1eac26f70d7470852bcb1957e444b7c39ab7c', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "filter")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
             .map((f) => (h("span", { class: "pivot-grid-field-chip", draggable: this.allowFieldDragging && f.allowDragging !== false, key: f.dataField, onDragEnd: (e) => this.onFieldDragEnd(e), onDragStart: (e) => this.onFieldDragStart(e, f), part: "field-chip" }, f.caption ?? f.dataField)))), this.allowFiltering &&
@@ -966,7 +966,7 @@ export class BhPivotGrid {
                         const indices = Array.from(sel.selectedOptions).map((o) => Number(o.value));
                         this.setFilterSelectedValues(f.dataField, indices.map((i) => uniqueValues[i]));
                     }, part: "filter-select" }, uniqueValues.map((v, i) => (h("option", { selected: selectedSet.has(v), value: String(i) }, String(v ?? ""))))))));
-            }))))), h("div", { key: 'ab6357a21ac11d4522771904d70007bc4f76e5a2', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (h("div", { class: "pivot-grid-loading", part: "loading" }, h("slot", { name: "loading" }, this.loadingType === "skeleton" ? (h("div", { class: "pivot-grid-skeleton" }, h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (h("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (h("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, h("slot", { name: "empty-state" }, h("div", null, h("strong", null, resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), h("p", null, resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (h("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, h("table", { "aria-colcount": ariaColCount, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, h("thead", { class: "pivot-grid-thead", part: "thead" }, h("tr", { class: "pivot-grid-header-row", role: "row" }, h("th", { "aria-sort": this.allowSorting &&
+            }))))), h("div", { key: '95b64cf01157b79ddd6b5351236659fa979c9f54', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (h("div", { class: "pivot-grid-loading", part: "loading" }, h("slot", { name: "loading" }, this.loadingType === "skeleton" ? (h("div", { class: "pivot-grid-skeleton" }, h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (h("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (h("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, h("slot", { name: "empty-state" }, h("div", null, h("strong", null, resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), h("p", null, resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (h("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, h("table", { "aria-colcount": ariaColCount, "aria-label": resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, h("thead", { class: "pivot-grid-thead", part: "thead" }, h("tr", { class: "pivot-grid-header-row", role: "row" }, h("th", { "aria-sort": this.allowSorting &&
                 this.fields.filter((x) => x.area === "row").length > 0
                 ? this.getSortOrder(this.fields.filter((x) => x.area === "row")[0]
                     ?.dataField ?? "") === "asc"
@@ -1103,19 +1103,19 @@ export class BhPivotGrid {
             const val = this.matrix.grandTotal?.formattedValue;
             const empty = val == null || String(val).trim() === "";
             return empty ? t.emptyValue : (val ?? "");
-        })())))))))) : (h("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, h("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), h("bh-modal", { key: '92a636ce0bb2b3cbbd0a833852aefe56b41a781c', ariaLabel: resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, h("div", { key: '45c3ddf29f4904075ca703958e36f8d77771040b', class: "pivot-grid-field-chooser-header", slot: "header" }, h("h2", { key: 'f2f1e12bef3c7b4d292060007663258d7bf3f98c', class: "pivot-grid-field-chooser-title" }, resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), h("div", { key: '034a80ec2b99b3c3c89f1487b05f915dedc6a07f', class: "pivot-grid-field-chooser-body" }, h("p", { key: 'f5a92ceee4dd9ac6afe0bf395102ae9a69a14268', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), h("div", { key: '0881ce2d493747a54bcfd8836e3c307319f20d36', class: "pivot-grid-field-chooser-areas" }, h("div", { key: '74943cab8043855c70f33477b861c3c256e1e8a4', class: "pivot-grid-field-chooser-area" }, h("span", { key: '228993e08eb3f5aa97694c22159b5dd4cc8bce22', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: '7101c292d3c20c021161edbcb145ef882ed4ba23', class: "pivot-grid-field-chips" }, this.fields
+        })())))))))) : (h("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, h("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), h("bh-modal", { key: 'f0491f3cfcee78a7873e781026b4b7429f6b7194', ariaLabel: resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, h("div", { key: '53b8378cb7ac2dc7a3e08bb8648f648441b888a5', class: "pivot-grid-field-chooser-header", slot: "header" }, h("h2", { key: '3342eebdb94a527beb213b2efae4e8d1a9006761', class: "pivot-grid-field-chooser-title" }, resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), h("div", { key: '85dcbcc5f47b13e39d15956261fc93eb619d59ac', class: "pivot-grid-field-chooser-body" }, h("p", { key: '54accab5562a756ece48e67ad0290411f19b2a9f', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), h("div", { key: 'deee3da1059575b656c64759ba3d07cf5f40ea1f', class: "pivot-grid-field-chooser-areas" }, h("div", { key: 'ed9262c407b53341b63b8550003354a5def4f9d1', class: "pivot-grid-field-chooser-area" }, h("span", { key: 'b20378adbc9a4fcef07d305b2bf2ef374716a4da', class: "pivot-grid-field-area-label" }, t.rowFields), h("div", { key: 'b3da7c4636ce911ddbbdb444f7ebaa0bd2a6aa1a', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "row")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: '768a4576ce13f84beee167e0e095bca80f2b21a4', class: "pivot-grid-field-chooser-area" }, h("span", { key: 'b4f2fc287263a7f1031ca88b545942fe8648f9c7', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: 'a6456cbf0cec9c1fa6f0b8ab679b26f97951977a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: 'a6210c4eae492ca8143788e225f1753700602bb7', class: "pivot-grid-field-chooser-area" }, h("span", { key: '9251ad88d8afd0b1e43d0981398f45aa56e86657', class: "pivot-grid-field-area-label" }, t.columnFields), h("div", { key: 'a6bb41eac725feefb97823dfd7240aed8271f9ca', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "column")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: 'a9bf8ff6577a24f84a69c81774cd13de43129a21', class: "pivot-grid-field-chooser-area" }, h("span", { key: '87a0b94748b140a10447af5acf9583f46cbffd2c', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '16a667e7058cc36cc2b36909060c3ae13d5fa96a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), h("div", { key: 'e4450160900e137cd487f04d67865ff9602950f7', class: "pivot-grid-field-chooser-area" }, h("span", { key: 'd4b111a47f3cc58423f795ebd1fbfa8b0f305d7f', class: "pivot-grid-field-area-label" }, t.dataFields), h("div", { key: '7431129b07367bcfc3e1e6e272a277ab280697c6', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "data")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), h("div", { key: '4e8c4d6ac28df1320cba8b8c7df82b79fbc72e45', class: "pivot-grid-field-chooser-area" }, h("span", { key: '1b57b0ecce8dccdf86b2d27cda43b409df00bdc9', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '735c6a71e6ee1104fd089ca9547f96679e6f5180', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), h("div", { key: 'a7e1cdfd4fee2ff7934c3c7bd3fd07da83348446', class: "pivot-grid-field-chooser-area" }, h("span", { key: '164f581553722cad871dd65f6e479e11aea9e7e4', class: "pivot-grid-field-area-label" }, t.filterFields), h("div", { key: '5929e949659c43c1fe4f88772866de6aef9a7efc', class: "pivot-grid-field-chips" }, this.fields
             .filter((f) => f.area === "filter")
             .toSorted((a, b) => (a.areaIndex ?? 0) - (b.areaIndex ?? 0))
-            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), h("div", { key: '09b3b9e4970d623cfe723bc6d14a891200be015b', class: "pivot-grid-field-chooser-footer", slot: "actions" }, h("button", { key: '24ad1e092df089172919fdccaa13a8dd7a124dbe', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (h("div", { key: '3aca2440211ba5a0427ca8bd274585c4b40e2dee', "aria-label": `Filter by ${this.fields.find((f) => f.dataField === this.headerFilterOpenField)?.caption ?? this.headerFilterOpenField}`, class: "pivot-grid-header-filter-popup", part: "header-filter-popup", role: "dialog", style: {
+            .map((f) => (h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), h("div", { key: 'e9b994e2d11a2637ebbb498cabaed327b6a58ab3', class: "pivot-grid-field-chooser-footer", slot: "actions" }, h("button", { key: 'fdda6a9cf693a6ce62de7c31faff616102ed48ae', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (h("div", { key: '564280762b3c50318b85877120de56bbe150c9bc', "aria-label": `Filter by ${this.fields.find((f) => f.dataField === this.headerFilterOpenField)?.caption ?? this.headerFilterOpenField}`, class: "pivot-grid-header-filter-popup", part: "header-filter-popup", role: "dialog", style: {
                 left: `${this.headerFilterAnchorX}px`,
                 top: `${this.headerFilterAnchorY}px`,
                 width: `${this.headerFilterWidth}px`,
@@ -1131,7 +1131,7 @@ export class BhPivotGrid {
                 filteredValues.length > 0 && (h("label", { class: "pivot-grid-header-filter-select-all" }, h("input", { checked: allSelected, onChange: () => this.setHeaderFilterSelectAll(!allSelected, filteredValues), type: "checkbox" }), "Select All")), this.headerFilterSearchEnabled && (h("input", { class: "pivot-grid-header-filter-search", onInput: (e) => {
                     this.headerFilterSearchQuery = e.target.value;
                 }, part: "header-filter-search", placeholder: resolveI18n("bh-pivot-grid", "searchPlaceholder", undefined, "Search..."), type: "search", value: this.headerFilterSearchQuery })), h("div", { class: "pivot-grid-header-filter-list", part: "header-filter-list" }, filteredValues.map((v) => (h("label", { class: "pivot-grid-header-filter-item", key: String(v ?? "") }, h("input", { checked: pendingSet.has(v), onChange: () => this.toggleHeaderFilterValue(v), type: "checkbox" }), String(v ?? t.emptyValue ?? "(Blanks)"))))), h("div", { class: "pivot-grid-header-filter-actions" }, h("button", { class: "pivot-grid-toolbar-btn", onClick: () => this.closeHeaderFilter(), type: "button" }, t.cancel), h("button", { class: "pivot-grid-toolbar-btn pivot-grid-toolbar-btn-primary", onClick: () => this.applyHeaderFilter(), type: "button" }, t.ok))));
-        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (h("div", { key: 'edf1b675707df9146b83b0d96ecece8055567358', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
+        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (h("div", { key: '7d6e54dfd3da1a430762d8e525285c8e609d346a', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
                 left: `${this.contextMenuX}px`,
                 top: `${this.contextMenuY}px`,
             } }, this.contextMenuItems.map((item) => item.beginGroup ? (h("div", { class: "pivot-grid-context-menu-separator", key: item.id, part: "context-menu-separator", role: "separator" })) : (h("button", { class: "pivot-grid-context-menu-item", disabled: item.disabled, key: item.id, onClick: () => {

package/dist/collection/components/bh-progress-ring/bh-progress-ring.js

@@ -17,7 +17,7 @@ export class BhProgressRing {
         const radius = Math.max(0, half - this.strokeWidth - 1);
         const circumference = 2 * Math.PI * radius;
         const offset = circumference * (1 - val / 100);
-        return (h(Host, { key: 'e3542574b9dc9f472c08b49db1780f4e9c6501f2', class: { "progress-ring-complete": val >= 100 } }, h("svg", { key: 'a0691f6f5ab27cae37c38cd4531cdc5ae0a4be69', "aria-label": `Progress: ${val}%`, "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": `${val}`, height: `${this.effectiveSize}`, role: "progressbar", viewBox: `0 0 ${this.effectiveSize} ${this.effectiveSize}`, width: `${this.effectiveSize}` }, h("circle", { key: '5c5caf1ca0c243a1be38e87f248f01e4f39c53cf', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), h("circle", { key: '7a955598fb38649b0c017411fdc8bb1237a0754b', class: "progress-ring-fg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-dasharray": `${circumference}`, "stroke-dashoffset": `${offset}`, "stroke-linecap": "round", "stroke-width": `${this.strokeWidth}`, transform: `rotate(-90 ${half} ${half})` }), h("text", { key: '6f3633edbb243eb8441f6e7a1e9bf14f38c28533', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
+        return (h(Host, { key: 'ba84b91c7271b2bd8dac8754bb1b5cd0a7516deb', class: { "progress-ring-complete": val >= 100 } }, h("svg", { key: '0dbc1d81c4c0021999003eb181901e22b1b3df35', "aria-label": `Progress: ${val}%`, "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": `${val}`, height: `${this.effectiveSize}`, role: "progressbar", viewBox: `0 0 ${this.effectiveSize} ${this.effectiveSize}`, width: `${this.effectiveSize}` }, h("circle", { key: 'b3f0cbd98a0afa880aedd279bb9a66ba8b419d51', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), h("circle", { key: 'bec1347c035e0ebdc6a3e37b30149009604232e6', class: "progress-ring-fg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-dasharray": `${circumference}`, "stroke-dashoffset": `${offset}`, "stroke-linecap": "round", "stroke-width": `${this.strokeWidth}`, transform: `rotate(-90 ${half} ${half})` }), h("text", { key: 'a3fbed3bb2dcaa09fcca00ae06e588d74071ce7c', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
     }
     static get is() { return "bh-progress-ring"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-property-switcher/bh-property-switcher.js

@@ -16,7 +16,7 @@ export class BhPropertySwitcher {
     /**
      * Selected property name to display (initial value)
      */
-    selectedProperty = "Select a property";
+    selectedProperty = "";
     /**
      * Array of property options
      */
@@ -88,7 +88,8 @@ export class BhPropertySwitcher {
         return [];
     }
     componentWillLoad() {
-        this.internalSelectedProperty = this.selectedProperty;
+        this.internalSelectedProperty =
+            this.selectedProperty || this.getParsedProperties()[0]?.name || "";
         this.focusState.onChange(() => {
             this.focusVersion++;
         });
@@ -97,6 +98,15 @@ export class BhPropertySwitcher {
         });
     }
     dismissalManager;
+    handlePropertiesChange() {
+        if (!this.internalSelectedProperty) {
+            this.internalSelectedProperty = this.getParsedProperties()[0]?.name ?? "";
+        }
+    }
+    handleSelectedPropertyChange(value) {
+        this.internalSelectedProperty =
+            value || this.getParsedProperties()[0]?.name || "";
+    }
     handleExpandedChange(newValue) {
         if (newValue) {
             this.dismissalManager?.enable();
@@ -313,7 +323,7 @@ export class BhPropertySwitcher {
         };
         const selectedProp = this.getSelectedProperty();
         const displayName = this.internalSelectedProperty || this.selectedProperty;
-        return (h(Host, { key: '429ba01d80adaee53bb584055ece19d1bb9896cc' }, h("div", { key: '1ad15b7a1e4139fe60b4bf9fffce5ae777e818fc', class: containerClasses, "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container", ref: (el) => (this.switcherRef = el) }, h("button", { key: '013ac97ca0ee382de90a141ca5db380d44b6de83', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (h("span", { key: 'a244fd3353c102d25ac68035fd84328816594886', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), h("span", { key: 'eb3aca3724177b0efd674b72cb5bb911fbe4a209', class: "property-name" }, displayName), h("span", { key: 'b3c3d8da7a30c8bde04ada9c096bc6edf8281535', "aria-label": this.isExpanded ? "Collapse Options" : "Expand Options", class: "material-symbols-outlined expand-icon" }, this.isExpanded ? "unfold_less" : "unfold_more")), this.isExpanded && (h("div", { key: 'd128c5b478dd680e96f702afedd1def258dc0b70', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), h("div", { key: '23da5ec77685171758a61f227e6f355ab44c72b5', class: "dropdown-content", part: "content" }, this.grouped
+        return (h(Host, { key: '0314c59164bd68049834d6926937a5410511b2f4' }, h("div", { key: '9bd6697b5086fb3b91ba3d07e0df7a107f763c61', class: containerClasses, "data-focused": String(this.focusState.isFocused), onFocusin: this.handleFocus, onFocusout: this.handleBlur, part: "container", ref: (el) => (this.switcherRef = el) }, h("button", { key: '064c51318774731963786d9600f9d9c0aa325e61', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (h("span", { key: 'dde9f0c0da94b80c7833ced86a232641b9c34ea2', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), h("span", { key: '786cf85012ba2ca9fab0016668e3946bc137c39a', class: "property-name" }, displayName), h("span", { key: 'd0e53949cbad02f7fba5cf5e05bbb32513311710', "aria-label": this.isExpanded ? "Collapse Options" : "Expand Options", class: "material-symbols-outlined expand-icon" }, this.isExpanded ? "unfold_less" : "unfold_more")), this.isExpanded && (h("div", { key: '32ae0957298d8c182fbee896f11d075bd9172636', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), h("div", { key: 'ce586cbd183d9fa6c362e4c844fc8d78866f8dc8', class: "dropdown-content", part: "content" }, this.grouped
             ? this.renderGroupedView()
             : this.renderFlatView()))))));
     }
@@ -349,7 +359,7 @@ export class BhPropertySwitcher {
                 "setter": false,
                 "reflect": false,
                 "attribute": "selected-property",
-                "defaultValue": "\"Select a property\""
+                "defaultValue": "\"\""
             },
             "properties": {
                 "type": "unknown",
@@ -543,6 +553,12 @@ export class BhPropertySwitcher {
     }
     static get watchers() {
         return [{
+                "propName": "properties",
+                "methodName": "handlePropertiesChange"
+            }, {
+                "propName": "selectedProperty",
+                "methodName": "handleSelectedPropertyChange"
+            }, {
                 "propName": "isExpanded",
                 "methodName": "handleExpandedChange"
             }];

package/dist/collection/components/bh-radio-group/bh-radio-group.js

@@ -108,7 +108,7 @@ export class BhRadioGroup {
         nextRadio.shadowRoot?.querySelector("[role='radio']")?.focus();
     };
     render() {
-        return (h(Host, { key: 'c1d7e737ecf216ccd075954752faab59eef3ce88', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, h("slot", { key: '4a79fefac6fbd636670d0ce76cdfa1529985834a' })));
+        return (h(Host, { key: '2610acb82571f455c8cfcde9d91cbbd6beaa2d7c', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, h("slot", { key: '4f78ae52b78e20bacb0775342cc61463b8cf1288' })));
     }
     static get is() { return "bh-radio-group"; }
     static get properties() {

package/dist/collection/components/bh-range-slider/bh-range-slider.js

@@ -341,7 +341,7 @@ export class BhRangeSlider {
             "range-slider-disabled": this.disabled,
             [`range-slider-label-${this.labelDisplay}`]: true,
         };
-        return (h(Host, { key: '60d6bc67694191e50c454b84d8ba37f3eae008e2' }, h("div", { key: '3ed1f92ed5eb89067112e1f1d73a8b97ac2fa912', class: containerClasses, part: "container" }, h("div", { key: '02e559c185d3e110851cbbf8842ca239fe675961', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, h("div", { key: '45c6d2bb5073c08f65eb77b30800a615aa60231e', class: "range-track-active", part: "track-active", style: {
+        return (h(Host, { key: '317deaf6ff94d2543e8bfaf52236a2d98ee27277' }, h("div", { key: '7229dc67f8df8ad0fdcc9207cc5eb43925c3b325', class: containerClasses, part: "container" }, h("div", { key: 'a768ad1069cae8f0f8aa90e6e29967ac3f7a261b', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, h("div", { key: '4dd82c4cf0954c684bd579a6e23a0aa10d89da81', class: "range-track-active", part: "track-active", style: {
                 left: `${activeLeft}%`,
                 width: `${activeWidth}%`,
             } })), this.dual

package/dist/collection/components/bh-section-footer/bh-section-footer.js

@@ -30,7 +30,7 @@ export class BhSectionFooter {
         // No contentinfo role: it's a document-level landmark and section/card
         // footers can appear many times per page (axe flags duplicates).
         // Consumers can add a landmark at the page level if needed.
-        return (h(Host, { key: 'e668a314813d8473ef4bcfc6be456a347a4aaded' }, h("div", { key: '40bf617d2dfde711e7bcadaa7df3504d29d9eb43', class: footerClasses, part: "section-footer" }, this.showDivider && h("div", { key: '1273923ce5a47bce29cca47dae3084f3ea2c4b3e', class: "divider", part: "divider" }), h("div", { key: '9ce4e58d3f74d880b103e4c29a51f5b81bc07c57', class: "content", part: "content" }, h("slot", { key: '41e0707bc65ba81cc8ef615ed74c905b5fb1ff40' })))));
+        return (h(Host, { key: 'f7a76395651e3b0ccba33a2b98a94ee860e692b1' }, h("div", { key: 'cd001abd5ba91fbce383d0597323d1341c992e2f', class: footerClasses, part: "section-footer" }, this.showDivider && h("div", { key: '9fddc9b69d90c8a8738c8f6e38468d821be81d57', class: "divider", part: "divider" }), h("div", { key: 'ed11e120d931df4ab34cfba46f56ef9b07b1b899', class: "content", part: "content" }, h("slot", { key: '4bc61965522f792f203a8cbd1676e735dd14776c' })))));
     }
     static get is() { return "bh-section-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-section-header/bh-section-header.js

@@ -27,7 +27,7 @@ export class BhSectionHeader {
     }
     render() {
         const hasSupportingText = !!this.supportingText;
-        return (h(Host, { key: 'a6188b9680d5cbeeb25201b3ff21f2abaac773b9', "aria-label": this.heading || "Section header", role: "region" }, h("div", { key: '0b087bd7940b52a4e864bfbe0702dbf53198daab', class: "section-header", part: "section-header" }, h("div", { key: 'fdc25467a88a4d86dc2353bf5908c9fc0dd1bb11', class: "content" }, h("div", { key: 'bc6c3044dceb7ba35b35ee0a5735a2f17f10aa56', class: "text-and-supporting-text" }, this.heading && (h("h2", { key: 'ca3cb51a4088060ba3e6b59a556670667963d862', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (h("p", { key: '4f31899bc323ee16a4f772c96a02f2e6601ff5e4', class: "supporting-text", part: "supporting-text" }, this.supportingText))), h("div", { key: '1f8760134dac42e1e819289f8035cd69510523f0', class: "actions", part: "actions" }, h("slot", { key: '6dc1a30e4059541c2275dce376a0e77d2e12bbb2', name: "actions" }))), h("div", { key: 'c970aa3b59f1bd14339d8286b082c11d7d5a6a6e', class: "tabs", part: "tabs" }, h("slot", { key: '9d6a55cd1b467cd33ca834e74c5655f191a16cd0', name: "tabs" })), h("div", { key: 'a6b25cd2537f0d2fac01a3ee554239f97c1e4a5c', class: "search-slot" }, h("slot", { key: 'e2ba0774009dba2fa044ff5f78c8d9c846d3f17b', name: "search" })), this.showDivider && h("div", { key: 'dee7622add19dcec9a67d5e992f6cbdb104045c0', class: "divider", part: "divider" }))));
+        return (h(Host, { key: '59cbcb16c878f16bd96eff24c0fbd33a397f06f2', "aria-label": this.heading || "Section header", role: "region" }, h("div", { key: 'e3a1dc6a766c75b19af87aa6b8d5a252817e0d5e', class: "section-header", part: "section-header" }, h("div", { key: 'd02a7456fd9134ad30efa50615e7ad49eae20151', class: "content" }, h("div", { key: '1e304eca2b0f890025c5f8ee28497c149a20005e', class: "text-and-supporting-text" }, this.heading && (h("h2", { key: '9a4739c11044a1bc35703717a9e0c956069aef28', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (h("p", { key: '8278b021f09b357ee782441b87cdc89fec51af4c', class: "supporting-text", part: "supporting-text" }, this.supportingText))), h("div", { key: '85d75cac313332f39e7840db73a50bfb14ecd4c2', class: "actions", part: "actions" }, h("slot", { key: 'ec37ef8909bfd12fd1e4dfe77155f333aa1ace87', name: "actions" }))), h("div", { key: '3f406f77f51e2443562febba427d411f83fa794e', class: "tabs", part: "tabs" }, h("slot", { key: '7553fe39d2cc7c11c8aaa6f8d2cd57c3b28c851d', name: "tabs" })), h("div", { key: 'a224a53e3bc58c69de3dd981f79aca9ac9b0acb3', class: "search-slot" }, h("slot", { key: '4e7ff2d2036f381d7b41a8b1a2f046f4a3ad5b94', name: "search" })), this.showDivider && h("div", { key: '6bf6242be0cc5f93b3018dbb972fd8239823af22', class: "divider", part: "divider" }))));
     }
     static get is() { return "bh-section-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-select/bh-select.js

@@ -499,7 +499,7 @@ export class BhSelect {
                 width: this.menuWidth > 0 ? `${this.menuWidth}px` : undefined,
             }
             : { display: "none" };
-        return (h(Host, { key: '54a25e68eb56eeb45dc02268b6841c3f56d4cd7f' }, h("div", { key: 'd79d8c99bc590fea80ffa93ec63049bf026842e4', class: "select-wrapper", part: "wrapper" }, this.label && (h("span", { key: '5df519601e51b84a44e85be961e569c7f1d9c3a1', class: "select-label", id: labelId, part: "label" }, this.label, this.required && (h("span", { key: 'd40dc62c2f84d9b9aab95874b3fe3d079d1aaeef', "aria-hidden": "true", class: "select-required" }, "*")))), h("div", { key: 'b31c8aecfbe11de9a2c0768df92d903056d53e74', "aria-activedescendant": this.isOpen && this.activeIndex >= 0
+        return (h(Host, { key: '43f8bb5f4e255ab16856ae95df0fa99b13479168' }, h("div", { key: 'ff1b24b8180c0369bbbc3f5a7d80d9cc04ae4c58', class: "select-wrapper", part: "wrapper" }, this.label && (h("span", { key: '7999ddb59b69cc028089060abd65d39cddcc6477', class: "select-label", id: labelId, part: "label" }, this.label, this.required && (h("span", { key: '801a705676425d1f3894eeb088fb0d244ea6f498', "aria-hidden": "true", class: "select-required" }, "*")))), h("div", { key: 'f10ec8ddb06c3b7d738ee667afe3cb07c255e502', "aria-activedescendant": this.isOpen && this.activeIndex >= 0
                 ? this.optionId(this.activeIndex)
                 : undefined, "aria-controls": listboxId, "aria-describedby": this.supportingText ? supportingId : undefined, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox", "aria-invalid": this.error ? "true" : undefined, "aria-labelledby": this.label ? labelId : undefined, "aria-required": this.required ? "true" : undefined, class: triggerClasses, onBlur: this.handleBlur, onClick: this.toggleMenu, onFocus: this.handleFocus, onKeyDown: this.handleTriggerKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "trigger", ref: (el) => (this.triggerRef = el), role: "combobox", tabindex: this.disabled ? -1 : 0 }, !this.multiple &&
             this.searchable &&
@@ -518,13 +518,13 @@ export class BhSelect {
                     e.stopPropagation();
             }, onInput: this.handleSearchInput, placeholder: resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"), readOnly: !this.isOpen, ref: (el) => {
                 this.searchInputRef = el;
-            }, type: "text", value: this.isOpen ? this.searchQuery : (selected?.label ?? "") })) : selected ? (h("span", { class: "select-value" }, selected.label)) : (h("span", { class: "select-placeholder" }, resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"))), this.clearable && hasValue && (h("button", { key: '34c5f3e3ffed7a3bc106ac25e70a10ab54778231', "aria-label": "Clear selection", class: "trigger-clear", onClick: this.clearAll, tabIndex: -1, type: "button" }, h("span", { key: '1e5ac56e69edadaee20dae25729d3078514a6f00', "aria-hidden": "true", class: "material-symbols-outlined" }, "close"))), h("span", { key: '33359b20f7199171f04366b1176bca1f4ad4f6e1', "aria-hidden": "true", class: "material-symbols-outlined trigger-icon" }, this.isOpen ? "expand_less" : "expand_more")), this.supportingText && (h("div", { key: '3e07eec1338e2ed9415792f7ed4ade0b810e183e', class: {
+            }, type: "text", value: this.isOpen ? this.searchQuery : (selected?.label ?? "") })) : selected ? (h("span", { class: "select-value" }, selected.label)) : (h("span", { class: "select-placeholder" }, resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"))), this.clearable && hasValue && (h("button", { key: 'c062ac5e898db328ec3ff70daf488ecddb246238', "aria-label": "Clear selection", class: "trigger-clear", onClick: this.clearAll, tabIndex: -1, type: "button" }, h("span", { key: '89e0d0c5288c7c2345a3e576a006442bd7c079ae', "aria-hidden": "true", class: "material-symbols-outlined" }, "close"))), h("span", { key: 'a3336ce2bf823cccdae80eff7c472b259b43e51c', "aria-hidden": "true", class: "material-symbols-outlined trigger-icon" }, this.isOpen ? "expand_less" : "expand_more")), this.supportingText && (h("div", { key: 'd35ed101cccc3eb83a4a8fc15f2b53f4afb28773', class: {
                 "supporting-text": true,
                 "supporting-error": this.error,
-            }, id: supportingId, part: "supporting-text" }, this.supportingText)), h("div", { key: '061c8a817d8ad2f530afde1afbf82d527fc64696', "aria-labelledby": this.label ? labelId : undefined, "aria-multiselectable": this.multiple ? "true" : undefined, class: {
+            }, id: supportingId, part: "supporting-text" }, this.supportingText)), h("div", { key: '4f971a6b8303001b0036cc8d37b8fa8d31dbdb26', "aria-labelledby": this.label ? labelId : undefined, "aria-multiselectable": this.multiple ? "true" : undefined, class: {
                 "select-menu": true,
                 "animate-menu-enter": this.isOpen,
-            }, id: listboxId, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, h("div", { key: 'c99d558c9a8fd4774ba76f82dac6287bd533b25c', class: "menu-items" }, this.displayedOptions.map((option, index) => {
+            }, id: listboxId, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, h("div", { key: 'fe60eb6b80628bd41af456f4576ae26ac8fc8d76', class: "menu-items" }, this.displayedOptions.map((option, index) => {
             const isSelected = this.multiple
                 ? this.parsedValues.includes(option.value)
                 : option.value === this.value;

package/dist/collection/components/bh-selection-group/bh-selection-group.js

@@ -148,7 +148,7 @@ export class BhSelectionGroup {
     }
     render() {
         const role = this.selectionMode === "single" ? "radiogroup" : "group";
-        return (h(Host, { key: '651a357be7a60f88d21aefd0dc166a96291ac443' }, h("div", { key: 'ea7c7b837371d0e6239858f99078483031ade5ca', "aria-describedby": this.ariaDescribedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-required": String(this.required), class: "selection-group", onFocusin: this.handleFocus, onFocusout: this.handleBlur, onKeyDown: this.handleKeyDown, part: "container", role: role }, h("slot", { key: '7562b34ef2da0a5ce4db989e1256dd178322c6ed' }))));
+        return (h(Host, { key: '42a3fee86af4a59de1260fc9b421b01b75c0ebe9' }, h("div", { key: '2d23ad07b16eec484f69f9fc618e114727a9e527', "aria-describedby": this.ariaDescribedBy, "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-required": String(this.required), class: "selection-group", onFocusin: this.handleFocus, onFocusout: this.handleBlur, onKeyDown: this.handleKeyDown, part: "container", role: role }, h("slot", { key: 'a1ee406cb10e814fbb63df50f5c2cab6da2ff97a' }))));
     }
     static get is() { return "bh-selection-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js

@@ -23,7 +23,7 @@ export class BhSidePanelFooter {
         return (h("div", { class: "panel-footer-content panel-footer-content--fill" }, secondaryButton, primaryButton));
     }
     render() {
-        return (h(Host, { key: 'b0c301c0266272f7d29cdfc21b688f516a8c72e6' }, h("footer", { key: 'a542de9c73b83a0b8d73ec3f1804a4a380b0e788', class: "panel-footer" }, this.divider && h("div", { key: 'ae3df81a4ca576adb54b39a3848e21d291e0dd4d', class: "divider" }), this.renderButtons())));
+        return (h(Host, { key: 'ff8639f5131658cf8ffae8dd65d49d54f7c5c0ae' }, h("footer", { key: '4d3cb230b86bf89aa7112abcb3c9d8f2cb9bf4f8', class: "panel-footer" }, this.divider && h("div", { key: 'a0ae6e6b9c723819556ea2da0617467be09f9a85', class: "divider" }), this.renderButtons())));
     }
     static get is() { return "bh-side-panel-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js

@@ -12,7 +12,7 @@ export class BhSidePanelHeader {
         this.bhClose.emit();
     };
     render() {
-        return (h(Host, { key: 'e7965b177aaef468e59bc48d1279cceecf319160' }, h("header", { key: 'be1c0c144eec2c7aef6b2815abae4b5ee7743ee0', class: "panel-header" }, h("div", { key: 'b2ec676de7c44f97d4a93efa840bdf35b895d896', class: "panel-header-content" }, this.showIcon && this.icon && (h("bh-featured-icon", { key: 'f876eb04b2406841538a570225b1e70a10e1a4f6', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), h("div", { key: '62560b71eb9b245c576adb3eb4f1f7991291f53d', class: "panel-text-content" }, h("h3", { key: '98fd555a7b91826f5d3cce8efeb27c22db4dad65', class: "panel-title" }, this.panelTitle), this.description && (h("p", { key: 'aecfb71b7777f8a0c49a54d7fe45be5964eff108', class: "panel-description" }, this.description)))), this.showCloseButton && (h("div", { key: '000945b20104edf433f78f2e070746cf77ba6c28', class: "close-button" }, h("bh-close-button", { key: '45c096365ab19df4f16d86f3b6b799ba22119930', ariaLabel: "Close panel", onClick: this.handleClose })))), this.divider && h("div", { key: 'cb02b1512b93777a6a6d4adce36c9f3a7290d03c', class: "divider" })));
+        return (h(Host, { key: '3224ec9f84a5850acc476b92d88b7f08f85dc492' }, h("header", { key: '55327f5e1eb2fc6e38758b60695e5ce2263d6dae', class: "panel-header" }, h("div", { key: '60cb220c5a3212f7ead2f9000155d419f9672fa5', class: "panel-header-content" }, this.showIcon && this.icon && (h("bh-featured-icon", { key: '541884194ca5d974f043c112be2dc572b39ea91b', color: this.iconColor, icon: this.icon, iconStyle: "outlined", size: "md" })), h("div", { key: 'd62a700b96f50c97dfe0ebe0f1563fb71ec125c8', class: "panel-text-content" }, h("h3", { key: 'aa6773b297c819008a2f7077dbf51f0e4da8d1e9', class: "panel-title" }, this.panelTitle), this.description && (h("p", { key: 'b39e76e15559448c148b13f488914a512228295f', class: "panel-description" }, this.description)))), this.showCloseButton && (h("div", { key: 'fd241777351f6dab5cf1bcc4e67ab4c2d64adec3', class: "close-button" }, h("bh-close-button", { key: '086edfc28db803236b6dfc3dee200998f7ec5674', ariaLabel: "Close panel", onClick: this.handleClose })))), this.divider && h("div", { key: 'a5135859dd026ad96526f97697a39c3a668bd54c', class: "divider" })));
     }
     static get is() { return "bh-side-panel-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js

@@ -106,11 +106,11 @@ export class BhNavItem {
             focused: this.focusState.isFocused && !this.disabled,
             hovered: this.focusState.isHovered && !this.disabled,
         };
-        return (h("div", { key: 'cb5bc1adfc0761473e7c6b254f596f2d8153db40', "aria-disabled": this.disabled ? "true" : undefined, class: navItemClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, h("button", { key: 'f4652cec477cb1bd14b603a1037f88ed04c8ea4b', "aria-current": this.isActive ? "page" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.label, class: "nav-item-button", disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", tabIndex: this.disabled ? -1 : 0, type: "button" }, this.dot && (h("bh-badge-dot", { key: '4fac3b04293da192bf7280abb9a11cde917b870c', color: this.dotColor, part: "dot", size: "sm" })), h("span", { key: '0f661c34e5b681af4d007a17a37fd1fa72e5c22a', class: "material-symbols-outlined icon", part: "icon" }, this.icon), isRow && (h("span", { key: '0153e7e97e6c6d7d6b2913a98b3b1a2a4fca7eb2', class: "nav-item-label-row", part: "label" }, this.label)), isRow && this.badge !== undefined && (h("span", { key: '057a0fbdab7b314a41b7b4189e66c3f8dca61696', class: "nav-item-badge", part: "badge" }, this.badge)), isRow && this.expandable && (h("span", { key: '13681e68be4859c423318401ff7b96d19ab43b96', class: {
+        return (h("div", { key: 'bf9e7f7fb9d5b15ad8761897888f194efccb787f', "aria-disabled": this.disabled ? "true" : undefined, class: navItemClasses, "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), part: "container" }, h("button", { key: '4a2f5f6cea0c4ac5d559dec7c1d908f7aabd40a3', "aria-current": this.isActive ? "page" : undefined, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.label, class: "nav-item-button", disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", tabIndex: this.disabled ? -1 : 0, type: "button" }, this.dot && (h("bh-badge-dot", { key: '9ad8f5ec110c7f78af116b04950dff4584d99c03', color: this.dotColor, part: "dot", size: "sm" })), h("span", { key: 'bfacfd0ae0786bb591f5f5e8c3654f73366a04df', class: "material-symbols-outlined icon", part: "icon" }, this.icon), isRow && (h("span", { key: '217529488116724b87c0792c5385f31753f1a25b', class: "nav-item-label-row", part: "label" }, this.label)), isRow && this.badge !== undefined && (h("span", { key: '6d09f216b8ebfdb2f88724589498495fb95dbb50', class: "nav-item-badge", part: "badge" }, this.badge)), isRow && this.expandable && (h("span", { key: '26977632930eac9bf05cb8713904cd354f8759a2', class: {
                 "material-symbols-outlined": true,
                 "nav-item-chevron": true,
                 "nav-item-chevron--expanded": this.expanded,
-            } }, "expand_more"))), !isRow && this.showLabel && (h("p", { key: '7692b3e18b04d5a106cb52c21dbaa3ffca965a05', class: "nav-item-label", part: "label" }, this.label))));
+            } }, "expand_more"))), !isRow && this.showLabel && (h("p", { key: 'e55a89d2aca9a4e999ffc93aab12bf8c9b082517', class: "nav-item-label", part: "label" }, this.label))));
     }
     static get is() { return "bh-nav-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-sidebar/bh-sidebar.js

@@ -126,6 +126,19 @@ export class BhSidebar {
      * Avatar menu items override
      */
     avatarMenuItems;
+    /**
+     * Avatar image alt text
+     */
+    avatarAlt = "Avatar";
+    /**
+     * Keyboard shortcut hint shown next to search (e.g. "cmd+k").
+     * Display only — the consumer binds the actual hotkey.
+     */
+    searchHotkey;
+    /**
+     * Header shown at the top of the avatar dropdown menu
+     */
+    avatarMenuHeader;
     /**
      * Event emitted when a menu item is clicked
      */
@@ -325,7 +338,7 @@ export class BhSidebar {
         return (h("div", { class: "sidebar-header", part: "header" }, h("bh-logo-box", { assetBasePath: this.assetBasePath, logoSrc: this.logoSrc, logoType: this.logoType, products: this.products })));
     }
     renderSearch() {
-        return (h("div", { class: "search-container", part: "search" }, h("bh-button-icon", { hierarchy: "secondary", iconName: "search", onClick: this.handleSearchClick, size: "md" })));
+        return (h("div", { class: "search-container", part: "search" }, h("bh-button-icon", { hierarchy: "secondary", iconName: "search", onClick: this.handleSearchClick, size: "md" }), this.searchHotkey && this.open && (h("bh-kbd", { class: "search-hotkey", keys: this.searchHotkey, size: "sm" }))));
     }
     renderToggleHandle() {
         if (!this.showToggleHandle)
@@ -345,7 +358,7 @@ export class BhSidebar {
     }
     renderFooter() {
         const layout = this.navItemLayout;
-        return (h("div", { class: "sidebar-footer", part: "footer" }, h("div", { class: "footer-navigation", part: "footer-nav" }, this.footerItems.map((item) => (h("bh-nav-item", { icon: item.icon, isActive: false, key: item.label, label: item.label, layout: layout, onBhClick: () => this.handleNavItemClick(item.label), showLabel: layout === "row" })))), h("bh-dropdown", { avatarEmail: this.avatarEmail, avatarName: this.avatarName, avatarSize: "md", avatarSrc: this.avatarUrl, menuItems: this.avatarMenuItems || DEFAULT_AVATAR_MENU_ITEMS, showIcons: true, size: "md", variant: "avatar" })));
+        return (h("div", { class: "sidebar-footer", part: "footer" }, h("div", { class: "footer-navigation", part: "footer-nav" }, this.footerItems.map((item) => (h("bh-nav-item", { icon: item.icon, isActive: false, key: item.label, label: item.label, layout: layout, onBhClick: () => this.handleNavItemClick(item.label), showLabel: layout === "row" })))), h("slot", { name: "user-menu" }, h("bh-dropdown", { avatarAlt: this.avatarAlt, avatarEmail: this.avatarEmail, avatarInitials: this.avatarInitials, avatarName: this.avatarName, avatarSize: "md", avatarSrc: this.avatarUrl, header: this.avatarMenuHeader, menuItems: this.avatarMenuItems || DEFAULT_AVATAR_MENU_ITEMS, showIcons: true, size: "md", variant: "avatar" }))));
     }
     render() {
         const layout = this.navItemLayout;
@@ -355,7 +368,7 @@ export class BhSidebar {
             "sidebar-open": this.open,
             [`sidebar-style-${this.sidebarStyle}`]: true,
         };
-        return (h(Host, { key: '1716951a51d3d02a8a7b79d3f31d5dfb0eb48466', onKeyDown: this.handleKeyDown }, h("div", { key: '088a6a1ab1351e0f8e9c1c7a824dc1c1555fe845', "aria-expanded": this.open ? "true" : "false", class: sidebarClasses, part: "sidebar" }, h("nav", { key: '18e04677043e593dfdc9b96456a496207e28456a', "aria-label": resolveI18n("bh-sidebar", "mainNavAriaLabel", this.mainNavAriaLabel, "Main navigation"), class: "navigation", part: "navigation" }, h("div", { key: '76d9672eaa6d7aff5ac9ece5e4ae5ee890deeb81', class: "gradient-bar", part: "gradient-bar" }, h("div", { key: '0319afcad723f44f038bd890684c60af41137829', class: "detail-bar" })), h("div", { key: '77b428e8a56f51ba127d08aaa43cf69ce8191345', class: "sidebar-content", part: "content" }, this.renderHeader(), h("div", { key: '3c3b05773175d3bc5d1acdbf659aef4318f2c2d9', class: "navigation-section", part: "nav-section" }, this.renderSearch(), h("div", { key: '07126dcf784c43916f8df25277f4f51fd6aa81b9', class: "nav-items", part: "nav-items" }, this.menuItems.map((item) => {
+        return (h(Host, { key: '2dec369efb3e4dc9ec7d84959b337ff30d44412d', onKeyDown: this.handleKeyDown }, h("div", { key: '452065ea048a8857b1d6cef73732faee54d56a22', "aria-expanded": this.open ? "true" : "false", class: sidebarClasses, part: "sidebar" }, h("nav", { key: 'cb273ec0b22a186fa3b4177e9d3081588cf613bc', "aria-label": resolveI18n("bh-sidebar", "mainNavAriaLabel", this.mainNavAriaLabel, "Main navigation"), class: "navigation", part: "navigation" }, h("div", { key: '12267bf76b6662f8ebfe949c576ea20ec612b352', class: "gradient-bar", part: "gradient-bar" }, h("div", { key: '86b9610ff1167e06ddf4c0b4015f32893d92fcc9', class: "detail-bar" })), h("div", { key: '7e033b47ed6f9d4ae678fd60a7259137cf2fb377', class: "sidebar-content", part: "content" }, this.renderHeader(), h("div", { key: '84957e80d53b5f6f9b31ff27e2f8aad8016ce545', class: "navigation-section", part: "nav-section" }, this.renderSearch(), h("div", { key: 'b4ed4701e6e600350b7ce0442fc4b9307c778e46', class: "nav-items", part: "nav-items" }, this.menuItems.map((item) => {
             const hasChildren = !!item.children?.length;
             const isExpandable = hasChildren && this.sidebarStyle !== "slim";
             return [
@@ -769,6 +782,69 @@ export class BhSidebar {
                 },
                 "getter": false,
                 "setter": false
+            },
+            "avatarAlt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Avatar image alt text"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avatar-alt",
+                "defaultValue": "\"Avatar\""
+            },
+            "searchHotkey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Keyboard shortcut hint shown next to search (e.g. \"cmd+k\").\nDisplay only \u2014 the consumer binds the actual hotkey."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search-hotkey"
+            },
+            "avatarMenuHeader": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "MenuHeader",
+                    "resolved": "undefined | { title?: string | undefined; avatarGroup?: boolean | undefined; avatarSrc?: string | undefined; name?: string | undefined; email?: string | undefined; }",
+                    "references": {
+                        "MenuHeader": {
+                            "location": "import",
+                            "path": "../bh-menu/bh-menu",
+                            "id": "src/components/bh-menu/bh-menu.tsx::MenuHeader",
+                            "referenceLocation": "MenuHeader"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Header shown at the top of the avatar dropdown menu"
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js

@@ -67,7 +67,7 @@ export class BhSkeletonLoader {
             skeleton: true,
             "skeleton-circle": this.circle,
         };
-        return (h(Host, { key: 'acd4d120cf990adef2ecc07a7c896cbb45d29f9e' }, h("span", { key: 'c1f8e7d1a382558f8ecd4551206fe32c70a61793', "aria-busy": "true", "aria-label": resolveI18n("bh-skeleton-loader", "ariaLabel", this.ariaLabel, "Loading"), "aria-live": "polite", class: skeletonClasses, part: "skeleton", role: "status", style: { width: this.safeWidth, height: this.safeHeight } })));
+        return (h(Host, { key: 'c3fe544da1ed2c4f780c336fbf964c8c22665435' }, h("span", { key: '54c173841af25b2a7c1d4b388b492e8db1e95057', "aria-busy": "true", "aria-label": resolveI18n("bh-skeleton-loader", "ariaLabel", this.ariaLabel, "Loading"), "aria-live": "polite", class: skeletonClasses, part: "skeleton", role: "status", style: { width: this.safeWidth, height: this.safeHeight } })));
     }
     static get is() { return "bh-skeleton-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-table-header/bh-table-header.js

@@ -35,7 +35,7 @@ export class BhTableHeader {
     }
     render() {
         const hasItemCount = !!this.itemCount;
-        return (h(Host, { key: '589a3fc7be7bccdd16bd1360e912e3485c1cee4d', "aria-label": this.heading || "Table header", role: "region" }, h("div", { key: 'ede399c8fb00fc48d0538981e3b9547bb995996a', class: "table-header", part: "table-header" }, h("div", { key: '28b7affd9ba00523b8391366eb9995c55762b8e4', class: "content" }, h("div", { key: 'ea3ff8bdfd8b1788e0f261fd51053b623ebda1d6', class: "text-group" }, this.heading && (h("h3", { key: 'ba8574cecc0900ee48e43bc91487be6a55911a5e', class: "heading", part: "heading" }, this.heading)), hasItemCount && (h("span", { key: '6b8d677f8e682be9930c248ed7b54bd2afa4a690', class: "item-count", part: "item-count" }, this.itemCount))), h("div", { key: 'b3b881b2093200658f73b382099c9b63f648042c', class: "controls" }, this.showSearch && (h("div", { key: '4fdf364d8e52ebfa0d144a6567e2434b97282f15', class: "search", part: "search" }, h("slot", { key: '422096579d570d99b40bb888f05a9ac4e90c6333', name: "search" }))), this.showActions && (h("div", { key: '263c6b52b367b9d55dfd0a08d3a39d743e2f5820', class: "actions", part: "actions" }, h("slot", { key: '638ad6f59a29602aaaf72a82e409a53543a965f9', name: "actions" }))))), this.showDivider && h("div", { key: '7f49b68af175acb595e4c5559b03db4a62d21b3d', class: "divider", part: "divider" }))));
+        return (h(Host, { key: '44e768f9758c3a23b62dad1e841202e43c8126ea', "aria-label": this.heading || "Table header", role: "region" }, h("div", { key: 'aa8101727fcd585921b49e0b0ed2e87c22bf9206', class: "table-header", part: "table-header" }, h("div", { key: '20309d683a9cab5f43e711c47da3344906a4da0a', class: "content" }, h("div", { key: '3c299b721cc6fb10f5e003c8b9a5b61c07aa45d5', class: "text-group" }, this.heading && (h("h3", { key: 'a767be72bc114681f08504aa55fb255af5535bac', class: "heading", part: "heading" }, this.heading)), hasItemCount && (h("span", { key: 'f8bdb6e6a9036fbcfef92e3888f91245950ec31e', class: "item-count", part: "item-count" }, this.itemCount))), h("div", { key: 'cf57f2b14bc2c287cdd1a711bf70e6414042f96c', class: "controls" }, this.showSearch && (h("div", { key: '0e7caf3307d40cd2fee1e9d679e3dd22dccf5aaf', class: "search", part: "search" }, h("slot", { key: '54156f2d8e710104147834590fc37449243f7973', name: "search" }))), this.showActions && (h("div", { key: 'c4cef8663e9a79e861e4c8d0d4fa58f21093c794', class: "actions", part: "actions" }, h("slot", { key: '03b2ca92c4c5007ab4ddcbc7803c9975a4b713f6', name: "actions" }))))), this.showDivider && h("div", { key: '68629b7b7407fe057202b5c7b971765c0fe20a2c', class: "divider", part: "divider" }))));
     }
     static get is() { return "bh-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js

@@ -113,11 +113,11 @@ export class BhTabItem {
             "tab-button-disabled": this.disabled,
             ...(this.disabled ? {} : focusClasses),
         };
-        return (h(Host, { key: 'ecf630fe97884f7f91c3450d4d047364e12fc8eb', class: {
+        return (h(Host, { key: '6feaa14297ed9671314fe18241b4d552f75e7055', class: {
                 "tab-item": true,
                 "tab-item-active": this.active,
                 "tab-item-disabled": this.disabled,
-            }, onClick: this.handleClick }, h("button", { key: 'b0339ce540dede72bfdd3375f8f3e4a5d989a0e6', "aria-controls": this.panelId, "aria-disabled": this.disabled ? "true" : "false", "aria-posinset": this.posInSet, "aria-selected": this.active ? "true" : "false", "aria-setsize": this.setSize, class: buttonClasses, disabled: this.disabled, id: `tab-${this.value}`, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", role: "tab", tabIndex: this.active ? 0 : -1, type: "button" }, this.icon && (h("span", { key: '6d771e046f7f9be0afeaafd895821e2fa264580b', "aria-hidden": "true", class: "tab-icon material-symbols-outlined", part: "icon" }, this.icon)), h("span", { key: '97f8e48657b2baf1c8c96eecbfedb9e679b8a9b0', class: "tab-label", part: "label" }, this.label), h("slot", { key: '9ac37134a9fa8918622be4473c66149c9a8585bc' }))));
+            }, onClick: this.handleClick }, h("button", { key: '443a865ea0d87717da3587b7050d3cd78d0c9158', "aria-controls": this.panelId, "aria-disabled": this.disabled ? "true" : "false", "aria-posinset": this.posInSet, "aria-selected": this.active ? "true" : "false", "aria-setsize": this.setSize, class: buttonClasses, disabled: this.disabled, id: `tab-${this.value}`, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "button", role: "tab", tabIndex: this.active ? 0 : -1, type: "button" }, this.icon && (h("span", { key: '379857e6150ff11dfd831e88d576e46186d58afd', "aria-hidden": "true", class: "tab-icon material-symbols-outlined", part: "icon" }, this.icon)), h("span", { key: 'c0e9970e0737baeb714191ce7a06ced589f34c32', class: "tab-label", part: "label" }, this.label), h("slot", { key: '2d54a6be0dbb73bcf4df3705172d046be368f873' }))));
     }
     static get is() { return "bh-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-tabs/bh-tabs.js

@@ -239,7 +239,7 @@ export class BhTabs {
             [`tabs-${this.orientation}`]: true,
             "tabs-full-width": this.fullWidth,
         };
-        return (h(Host, { key: '7083a499e2f13500b64a6a1cb13b5fc8b83d832f', class: hostClasses }, h("div", { key: 'b7e12a89ca076d2f589edd02d4cee3e8fc85ecd1', class: "tabs-container", part: "container" }, h("div", { key: '67f36616e1187ae26bd67bb869b58194030e786a', "aria-level": this.ariaLevel, "aria-orientation": this.orientation, class: "tabs-list", id: this.tablistId, part: "list", role: "tablist" }, h("slot", { key: 'b9233a03eba1530d6bf6a69f85984c7cf105932e' })))));
+        return (h(Host, { key: '959bd6dc3908532185cf569bd0b4e2d376711ff0', class: hostClasses }, h("div", { key: 'd4a6ce9368c1bfe1ec434c0fc709b09986b2ab3e', class: "tabs-container", part: "container" }, h("div", { key: 'b6772c7747a48154476532635106139353d5cfa8', "aria-level": this.ariaLevel, "aria-orientation": this.orientation, class: "tabs-list", id: this.tablistId, part: "list", role: "tablist" }, h("slot", { key: '66c17f42b14ed8a72c36eed47e85dd43588322b7' })))));
     }
     static get is() { return "bh-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js

@@ -59,7 +59,7 @@ export class BhTagGroup {
         const parsedTags = this.getParsedTags();
         const visibleTags = parsedTags.slice(0, this.maxVisible);
         const remaining = parsedTags.length - visibleTags.length;
-        return (h(Host, { key: '9e248b5f5e760bbd5c42ce47f7feae5b5e26775e' }, h("div", { key: 'cae076010498a5c4616ef10e32ec0595b5b2c2bd', "aria-disabled": this.disabled ? "true" : undefined, class: `tag-group tag-group-${this.size}`, part: "container", role: "group" }, visibleTags.map((tag) => (h("bh-tag", { action: (tag.dismissible ?? this.dismissible) ? "dismiss" : "none", avatarSrc: tag.avatarSrc, checked: tag.checked, count: tag.count, disabled: tag.disabled ?? this.disabled, dotColor: tag.dotColor, key: tag.id, label: tag.label, onBhChange: (event) => this.handleTagCheckedChange(tag.id, event.detail), onBhClose: () => this.handleTagDismiss(tag.id), onClick: () => this.handleTagClick(tag.id), size: this.size, variant: tag.variant ?? "text-only" }))), remaining > 0 && (h("bh-tag", { key: 'ccb28b24671f98c6c53e31717cce15be606092d6', action: "none", label: `+${remaining}`, onClick: () => this.handleOverflowClick(remaining), size: this.size })))));
+        return (h(Host, { key: '56ef6c8be13cec0ff3044ffa76ec033afd5e0e06' }, h("div", { key: 'f43d1b5facd4c4df6b451451f1a8ffdecf1ef2e2', "aria-disabled": this.disabled ? "true" : undefined, class: `tag-group tag-group-${this.size}`, part: "container", role: "group" }, visibleTags.map((tag) => (h("bh-tag", { action: (tag.dismissible ?? this.dismissible) ? "dismiss" : "none", avatarSrc: tag.avatarSrc, checked: tag.checked, count: tag.count, disabled: tag.disabled ?? this.disabled, dotColor: tag.dotColor, key: tag.id, label: tag.label, onBhChange: (event) => this.handleTagCheckedChange(tag.id, event.detail), onBhClose: () => this.handleTagDismiss(tag.id), onClick: () => this.handleTagClick(tag.id), size: this.size, variant: tag.variant ?? "text-only" }))), remaining > 0 && (h("bh-tag", { key: '78ab161b41b73e2cdd7009577e5c307019a7c0c8', action: "none", label: `+${remaining}`, onClick: () => this.handleOverflowClick(remaining), size: this.size })))));
     }
     static get is() { return "bh-tag-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bh-tag/bh-tag.js

@@ -152,10 +152,10 @@ export class BhTag {
             width: CHECKBOX_SIZE_MAP[this.size],
             height: CHECKBOX_SIZE_MAP[this.size],
         };
-        return (h(Host, { key: 'df4a7ab29214ab50ec40e02ab6df4302127009e7' }, h("span", { key: '436ef379eb539126982c8392eba0ecbc82e8ab81', "aria-disabled": this.disabled ? "true" : undefined, class: classes, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "tag", role: "status", tabIndex: isInteractive && !this.disabled ? 0 : -1 }, h("div", { key: 'a4c5012432a32add852301b4bfea39dfdfa20e88', class: "tag-content" }, this.isCheckboxMode && (h("div", { key: 'a092b921845d4d729d3d36d52ec384de586ea6db', "aria-hidden": "true", class: {
+        return (h(Host, { key: '4d29753431e9e6e060207d62eee48abed885cda9' }, h("span", { key: 'a5b87c658722d637947af883ce2305c906f53dbd', "aria-disabled": this.disabled ? "true" : undefined, class: classes, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "tag", role: "status", tabIndex: isInteractive && !this.disabled ? 0 : -1 }, h("div", { key: 'cc80dd525464a72f1114d68e8172004251503bf3', class: "tag-content" }, this.isCheckboxMode && (h("div", { key: '290ad9389b202f4e21c37c1447c685ace4382af4', "aria-hidden": "true", class: {
                 "tag-checkbox": true,
                 "tag-checkbox-checked": this.checked === true,
-            }, style: checkboxStyle }, this.checked && (h("span", { key: 'c02ea2f5a54bc8a86ebd1551440379c73d50655b', class: "material-symbols-outlined tag-checkbox-icon" }, "check")))), this.variant === "dot" && (h("bh-badge-dot", { key: 'd70af3e4653edc3aecb587c97eed3a49ff84a81b', color: this.dotColor, size: DOT_SIZE_MAP[this.size] })), this.variant === "avatar" && (h("bh-avatar", { key: '88ee6b6693dbcd0c5d7174e388fe7da3d09509de', imageSrc: this.avatarSrc, size: "xxs", variant: this.avatarSrc ? "image" : "placeholder" })), h("span", { key: '0d1bbe969070fdfea8e52b5de1b83c4dfe5ca341', class: "tag-label-wrapper" }, h("span", { key: '33d3caefb72244c4817b5655ec2603e577142675', class: "tag-label", part: "label", style: labelStyle }, this.label))), this.showCount && (h("span", { key: '3eb4ea7b8d79d2e327822c6269097e98f40d4002', class: "tag-count", part: "count" }, this.count)), this.showDismiss && (h("bh-button-icon", { key: '8f19e82016c45c83583a03ae040ccdb5a260b5a7', ariaLabel: `Remove ${this.label}`, class: "tag-dismiss", disabled: this.disabled, hierarchy: "tertiary", iconName: "close", onClick: this.handleDismiss, part: "dismiss-button", size: "xs" })))));
+            }, style: checkboxStyle }, this.checked && (h("span", { key: '2b33240f231f44c0806b3507498a867c99a6a897', class: "material-symbols-outlined tag-checkbox-icon" }, "check")))), this.variant === "dot" && (h("bh-badge-dot", { key: '443267726ac2e0a0985fb2f72b0ca399b4c0ebc0', color: this.dotColor, size: DOT_SIZE_MAP[this.size] })), this.variant === "avatar" && (h("bh-avatar", { key: '984c31beb18196be69cb8c6317958a6e691f48ff', imageSrc: this.avatarSrc, size: "xxs", variant: this.avatarSrc ? "image" : "placeholder" })), h("span", { key: '2f322d1088b3693f5f19cb08e06c8b1c60913b6b', class: "tag-label-wrapper" }, h("span", { key: 'bed69f25fc9ee9a91d01767265f0538bd4b4818a', class: "tag-label", part: "label", style: labelStyle }, this.label))), this.showCount && (h("span", { key: 'b8ae69d629f8985b3fb72fc868187b20aba74116', class: "tag-count", part: "count" }, this.count)), this.showDismiss && (h("bh-button-icon", { key: '1f9309576c7b7f748c0a32a9ba62ecf2be2437ab', ariaLabel: `Remove ${this.label}`, class: "tag-dismiss", disabled: this.disabled, hierarchy: "tertiary", iconName: "close", onClick: this.handleDismiss, part: "dismiss-button", size: "xs" })))));
     }
     static get is() { return "bh-tag"; }
     static get encapsulation() { return "shadow"; }