@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/cjs/bh-pivot-grid.cjs.entry.js

@@ -3,13 +3,14 @@
 var index = require('./index-B6sArKsK.js');
 var bhPivotGrid_dnd = require('./bh-pivot-grid.dnd-BiY6AToS.js');
 var validators = require('./validators-DfzKUg-b.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
-var componentErrorHandler = require('./component-error-handler-C4vfF_Qu.js');
+var logger = require('./logger-DZionBgs.js');
+var componentErrorHandler = require('./component-error-handler-BxXlGq4E.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var eventListenerManager = require('./event-listener-manager-CQ9x9nth.js');
 var timers = require('./timers-DP0qMGY7.js');
 var metrics = require('./metrics-DtkENqew.js');
 var i18n = require('./i18n-Twgo5raQ.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 
 /**
@@ -754,7 +755,7 @@ const BhPivotGrid = class {
         this.bhError = index.createEvent(this, "bhError");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-pivot-grid");
+    logger = logger.createComponentLogger("bh-pivot-grid");
     handleError = componentErrorHandler.createComponentErrorHandler({
         componentName: "bh-pivot-grid",
         emitError: (error) => this.bhError.emit({ error }),
@@ -1635,32 +1636,32 @@ const BhPivotGrid = class {
             : String(m.columnCount +
                 (this.showRowGrandTotals ? 1 : 0) +
                 (this.showColumnGrandTotals ? 1 : 0));
-        return (index.h(index.Host, { key: '4fc93ab072c0e03fbfd9d9a8bc21520f09d7d6bf', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": i18n.resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), class: "pivot-grid-root", onFocus: (e) => {
+        return (index.h(index.Host, { key: '6fbbb10a181ff987c473f6a3b1f19835c30a7e80', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": i18n.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 }, index.h("div", { key: '4a254af3c571045791756e3a23e42741184f6322', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), index.h("div", { key: '0d050f0024f35365dd91e2feef1573e942595f6f', class: "pivot-grid-root" }, this.showFieldPanel && (index.h("div", { key: '1a3cd6c572c4acd747af775faef1ba59b062133b', class: "pivot-grid-toolbar", part: "toolbar" }, index.h("slot", { key: '04f504dba0a53e82eb6aabf699da2a0f580dd353', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (index.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 && (index.h("button", { key: '5e28936efd931998fc105e9c89c8c01906a9cfd3', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), index.h("slot", { key: '98c24a2584b304ff9643ed03f50b39ab13722747', name: "toolbar-end" }))), this.showFieldPanel && (index.h("div", { key: 'eb57a40e286d1e5a28d97cafd2ba91c8b7681b48', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (index.h("div", { key: '582a2235e1935dd87a937cbfe6184cd1addb56c4', class: {
+            }, onKeyDown: this.handleGridKeyDown, role: "grid", tabindex: this.disabled ? -1 : this.focusTabIndex }, index.h("div", { key: '200a2c1a121ef93378488d74c227579339f6cc89', "aria-atomic": "true", "aria-live": "polite", class: "pivot-grid-live-region", role: "status" }, this.liveAnnouncement), index.h("div", { key: '1aa66a126f3b4bca60066071a3cd3e8b346f9b3b', class: "pivot-grid-root" }, this.showFieldPanel && (index.h("div", { key: '5b235927a3f38e3307fe0f3de4944187e0c927b7', class: "pivot-grid-toolbar", part: "toolbar" }, index.h("slot", { key: '1634439bba85fbff3c38dc9dd99496c1e0154df3', name: "toolbar-start" }), this.showFieldChooserButton && this.fieldChooserEnabled && (index.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 && (index.h("button", { key: '6c2ab09403c84c1073f75221a8f374df89c09fd2', "aria-label": t.exportToExcel, class: "pivot-grid-toolbar-btn", disabled: this.disabled, onClick: () => this.exportTo("csv"), type: "button" }, t.exportToExcel)), index.h("slot", { key: '4b06f58afe90ca5cff3d296b31df85f157a29313', name: "toolbar-end" }))), this.showFieldPanel && (index.h("div", { key: '292857f8cdfb7b01aabf500b972a4dd3e0a97379', class: "pivot-grid-field-panel", part: "field-panel" }, this.showRowFields && (index.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" }, index.h("span", { key: '03b10fd67a23237eef9f7e962819e8d25237150d', class: "pivot-grid-field-area-label" }, t.rowFields), index.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" }, index.h("span", { key: '05ed6c936d9dc66e673a4249642a1e631c210929', class: "pivot-grid-field-area-label" }, t.rowFields), index.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) => (index.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 && (index.h("div", { key: '8a7804638effbe22d6d75e9709f23d4f536bd568', class: {
+            .map((f) => (index.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 && (index.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" }, index.h("span", { key: 'dd42b40f8b553ee3dffb8516cfe628c701307edb', class: "pivot-grid-field-area-label" }, t.columnFields), index.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" }, index.h("span", { key: 'f1ec4e0585bc21025ca2842cfd7638a51af26799', class: "pivot-grid-field-area-label" }, t.columnFields), index.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) => (index.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 && (index.h("div", { key: '3c2057c100aeaad7c9290bd01ce2e5f3ea0e89d6', class: {
+            .map((f) => (index.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 && (index.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" }, index.h("span", { key: '6ae641ddde3dd41eb0e4730e40fcf47bcd9db279', class: "pivot-grid-field-area-label" }, t.dataFields), index.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" }, index.h("span", { key: '957e082390e7cc25fb278cb18dbb55d81e9602bb', class: "pivot-grid-field-area-label" }, t.dataFields), index.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) => (index.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 && (index.h("div", { key: '2e3b1ab475f40bc9c9befa8c3170a2fec4b4dde3', class: {
+            .map((f) => (index.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 && (index.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" }, index.h("span", { key: '15f001dcfb71562e1fe3f160f60e99075a9844d2', class: "pivot-grid-field-area-label" }, t.filterFields), index.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" }, index.h("span", { key: 'e7cd46d488f7f8a5515bb32871eddad0a3badcb5', class: "pivot-grid-field-area-label" }, t.filterFields), index.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) => (index.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 &&
@@ -1686,7 +1687,7 @@ const BhPivotGrid = class {
                         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) => (index.h("option", { selected: selectedSet.has(v), value: String(i) }, String(v ?? ""))))))));
-            }))))), index.h("div", { key: 'ab6357a21ac11d4522771904d70007bc4f76e5a2', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (index.h("div", { class: "pivot-grid-loading", part: "loading" }, index.h("slot", { name: "loading" }, this.loadingType === "skeleton" ? (index.h("div", { class: "pivot-grid-skeleton" }, index.h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (index.h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (index.h("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (index.h("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, index.h("slot", { name: "empty-state" }, index.h("div", null, index.h("strong", null, i18n.resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), index.h("p", null, i18n.resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (index.h("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, index.h("table", { "aria-colcount": ariaColCount, "aria-label": i18n.resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, index.h("thead", { class: "pivot-grid-thead", part: "thead" }, index.h("tr", { class: "pivot-grid-header-row", role: "row" }, index.h("th", { "aria-sort": this.allowSorting &&
+            }))))), index.h("div", { key: '95b64cf01157b79ddd6b5351236659fa979c9f54', "aria-busy": this.loading ? "true" : undefined, class: "pivot-grid-content", role: "region" }, this.loading ? (index.h("div", { class: "pivot-grid-loading", part: "loading" }, index.h("slot", { name: "loading" }, this.loadingType === "skeleton" ? (index.h("div", { class: "pivot-grid-skeleton" }, index.h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-header-height)", width: "100%" }), [1, 2, 3, 4, 5].map((i) => (index.h("bh-skeleton-loader", { height: "var(--bh-pivot-grid-cell-height)", key: i, width: "100%" }))))) : (index.h("bh-loader-spinner", { ariaLabel: t.dataNotAvailable, overlay: true, overlayMessage: t.dataNotAvailable, size: "lg" }))))) : isEmpty ? (index.h("div", { class: "pivot-grid-empty", part: "empty", role: "status" }, index.h("slot", { name: "empty-state" }, index.h("div", null, index.h("strong", null, i18n.resolveI18n("bh-pivot-grid", "emptyTitle", this.emptyTitle, "No data")), index.h("p", null, i18n.resolveI18n("bh-pivot-grid", "emptyDescription", this.emptyDescription, "Configure fields to build your pivot table.")))))) : this.matrix ? (index.h("div", { class: "pivot-grid-table-wrapper", onContextMenu: this.onTableContextMenu, part: "table-wrapper" }, index.h("table", { "aria-colcount": ariaColCount, "aria-label": i18n.resolveI18n("bh-pivot-grid", "ariaLabel", this.ariaLabel, "Pivot grid"), "aria-rowcount": ariaRowCount, class: "pivot-grid-table", part: "table" }, index.h("thead", { class: "pivot-grid-thead", part: "thead" }, index.h("tr", { class: "pivot-grid-header-row", role: "row" }, index.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"
@@ -1823,19 +1824,19 @@ const BhPivotGrid = class {
             const val = this.matrix.grandTotal?.formattedValue;
             const empty = val == null || String(val).trim() === "";
             return empty ? t.emptyValue : (val ?? "");
-        })())))))))) : (index.h("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, index.h("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), index.h("bh-modal", { key: '92a636ce0bb2b3cbbd0a833852aefe56b41a781c', ariaLabel: i18n.resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, index.h("div", { key: '45c3ddf29f4904075ca703958e36f8d77771040b', class: "pivot-grid-field-chooser-header", slot: "header" }, index.h("h2", { key: 'f2f1e12bef3c7b4d292060007663258d7bf3f98c', class: "pivot-grid-field-chooser-title" }, i18n.resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), index.h("div", { key: '034a80ec2b99b3c3c89f1487b05f915dedc6a07f', class: "pivot-grid-field-chooser-body" }, index.h("p", { key: 'f5a92ceee4dd9ac6afe0bf395102ae9a69a14268', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), index.h("div", { key: '0881ce2d493747a54bcfd8836e3c307319f20d36', class: "pivot-grid-field-chooser-areas" }, index.h("div", { key: '74943cab8043855c70f33477b861c3c256e1e8a4', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: '228993e08eb3f5aa97694c22159b5dd4cc8bce22', class: "pivot-grid-field-area-label" }, t.rowFields), index.h("div", { key: '7101c292d3c20c021161edbcb145ef882ed4ba23', class: "pivot-grid-field-chips" }, this.fields
+        })())))))))) : (index.h("div", { class: "pivot-grid-table-wrapper", part: "table-wrapper" }, index.h("p", { "aria-live": "polite" }, this.effectiveData.length, " rows, ", this.fields.length, " fields configured."))))), index.h("bh-modal", { key: 'f0491f3cfcee78a7873e781026b4b7429f6b7194', ariaLabel: i18n.resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"), class: "pivot-grid-field-chooser-modal", onBhClose: () => this.hideFieldChooser(), visible: this.fieldChooserOpen, width: "md" }, index.h("div", { key: '53b8378cb7ac2dc7a3e08bb8648f648441b888a5', class: "pivot-grid-field-chooser-header", slot: "header" }, index.h("h2", { key: '3342eebdb94a527beb213b2efae4e8d1a9006761', class: "pivot-grid-field-chooser-title" }, i18n.resolveI18n("bh-pivot-grid", "fieldChooserTitle", this.fieldChooserTitle, "Field Chooser"))), index.h("div", { key: '85dcbcc5f47b13e39d15956261fc93eb619d59ac', class: "pivot-grid-field-chooser-body" }, index.h("p", { key: '54accab5562a756ece48e67ad0290411f19b2a9f', class: "pivot-grid-field-chooser-hint" }, t.rowFieldArea, " \u2022 ", t.columnFieldArea, " \u2022 ", t.dataFieldArea, " \u2022", " ", t.filterFieldArea), index.h("div", { key: 'deee3da1059575b656c64759ba3d07cf5f40ea1f', class: "pivot-grid-field-chooser-areas" }, index.h("div", { key: 'ed9262c407b53341b63b8550003354a5def4f9d1', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: 'b20378adbc9a4fcef07d305b2bf2ef374716a4da', class: "pivot-grid-field-area-label" }, t.rowFields), index.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) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), index.h("div", { key: '768a4576ce13f84beee167e0e095bca80f2b21a4', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: 'b4f2fc287263a7f1031ca88b545942fe8648f9c7', class: "pivot-grid-field-area-label" }, t.columnFields), index.h("div", { key: 'a6456cbf0cec9c1fa6f0b8ab679b26f97951977a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), index.h("div", { key: 'a6210c4eae492ca8143788e225f1753700602bb7', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: '9251ad88d8afd0b1e43d0981398f45aa56e86657', class: "pivot-grid-field-area-label" }, t.columnFields), index.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) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), index.h("div", { key: 'a9bf8ff6577a24f84a69c81774cd13de43129a21', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: '87a0b94748b140a10447af5acf9583f46cbffd2c', class: "pivot-grid-field-area-label" }, t.dataFields), index.h("div", { key: '16a667e7058cc36cc2b36909060c3ae13d5fa96a', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))), index.h("div", { key: 'e4450160900e137cd487f04d67865ff9602950f7', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: 'd4b111a47f3cc58423f795ebd1fbfa8b0f305d7f', class: "pivot-grid-field-area-label" }, t.dataFields), index.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) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), index.h("div", { key: '4e8c4d6ac28df1320cba8b8c7df82b79fbc72e45', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: '1b57b0ecce8dccdf86b2d27cda43b409df00bdc9', class: "pivot-grid-field-area-label" }, t.filterFields), index.h("div", { key: '735c6a71e6ee1104fd089ca9547f96679e6f5180', class: "pivot-grid-field-chips" }, this.fields
+            .map((f) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField, f.summaryType ? ` (${f.summaryType})` : ""))))), index.h("div", { key: 'a7e1cdfd4fee2ff7934c3c7bd3fd07da83348446', class: "pivot-grid-field-chooser-area" }, index.h("span", { key: '164f581553722cad871dd65f6e479e11aea9e7e4', class: "pivot-grid-field-area-label" }, t.filterFields), index.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) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), index.h("div", { key: '09b3b9e4970d623cfe723bc6d14a891200be015b', class: "pivot-grid-field-chooser-footer", slot: "actions" }, index.h("button", { key: '24ad1e092df089172919fdccaa13a8dd7a124dbe', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (index.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) => (index.h("span", { class: "pivot-grid-field-chip", key: f.dataField, part: "field-chip" }, f.caption ?? f.dataField))))))), index.h("div", { key: 'e9b994e2d11a2637ebbb498cabaed327b6a58ab3', class: "pivot-grid-field-chooser-footer", slot: "actions" }, index.h("button", { key: 'fdda6a9cf693a6ce62de7c31faff616102ed48ae', class: "pivot-grid-toolbar-btn", onClick: () => this.hideFieldChooser(), type: "button" }, t.ok))), this.headerFilterOpenField && (index.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`,
@@ -1851,7 +1852,7 @@ const BhPivotGrid = class {
                 filteredValues.length > 0 && (index.h("label", { class: "pivot-grid-header-filter-select-all" }, index.h("input", { checked: allSelected, onChange: () => this.setHeaderFilterSelectAll(!allSelected, filteredValues), type: "checkbox" }), "Select All")), this.headerFilterSearchEnabled && (index.h("input", { class: "pivot-grid-header-filter-search", onInput: (e) => {
                     this.headerFilterSearchQuery = e.target.value;
                 }, part: "header-filter-search", placeholder: i18n.resolveI18n("bh-pivot-grid", "searchPlaceholder", undefined, "Search..."), type: "search", value: this.headerFilterSearchQuery })), index.h("div", { class: "pivot-grid-header-filter-list", part: "header-filter-list" }, filteredValues.map((v) => (index.h("label", { class: "pivot-grid-header-filter-item", key: String(v ?? "") }, index.h("input", { checked: pendingSet.has(v), onChange: () => this.toggleHeaderFilterValue(v), type: "checkbox" }), String(v ?? t.emptyValue ?? "(Blanks)"))))), index.h("div", { class: "pivot-grid-header-filter-actions" }, index.h("button", { class: "pivot-grid-toolbar-btn", onClick: () => this.closeHeaderFilter(), type: "button" }, t.cancel), index.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 && (index.h("div", { key: 'edf1b675707df9146b83b0d96ecece8055567358', class: "pivot-grid-context-menu", part: "context-menu", role: "menu", style: {
+        })())), this.contextMenuVisible && this.contextMenuItems.length > 0 && (index.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 ? (index.h("div", { class: "pivot-grid-context-menu-separator", key: item.id, part: "context-menu-separator", role: "separator" })) : (index.h("button", { class: "pivot-grid-context-menu-item", disabled: item.disabled, key: item.id, onClick: () => {

package/dist/cjs/bh-popover.cjs.entry.js

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var validators = require('./validators-DfzKUg-b.js');
 var metrics = require('./metrics-DtkENqew.js');
@@ -31,7 +32,7 @@ const BhPopover = class {
     get el() { return index.getElement(this); }
     errorState = errorBoundary.createInitialErrorState();
     panelPosition = null;
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     destroy$ = lifecycle.createDestroySubjectSync();
     dialogRef = null;
     dismissalManager;

package/dist/cjs/bh-product-switcher.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var timers = require('./timers-DP0qMGY7.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 var constants = require('./constants-B93iN3Uz.js');
@@ -22,7 +23,7 @@ const BhProductSwitcher = class {
         this.bhClose = index.createEvent(this, "bhClose");
         this.bhChange = index.createEvent(this, "bhChange");
     }
-    logger = errorBoundary.createComponentLogger("bh-product-switcher");
+    logger = logger.createComponentLogger("bh-product-switcher");
     destroy$ = lifecycle.createDestroySubjectSync();
     closeTimerId = null;
     i18nUnsubscribe;

package/dist/cjs/bh-progress-bar.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhProgressBarCss = () => `  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     --bh-progress-bar-track-color: var(       --color-neutral-100,       hsl(224deg 25% 89%)     );     --bh-progress-bar-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-progress-bar-label-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-progress-bar-value-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-progress-bar-sublabel-color: var(       --color-text-tertiary,       hsl(226deg 24% 58%)     );     --bh-progress-bar-percentage-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-progress-bar-value-size: var(--text-2xl-size, 1.5rem);     --bh-progress-bar-label-size: var(--text-sm-size, 0.875rem);     --bh-progress-bar-sublabel-size: var(--text-xs-size, 0.75rem);     --bh-progress-bar-percentage-size: var(--text-xs-size, 0.75rem);     --bh-progress-bar-radius: var(--radius-full, 9999px);     --bh-progress-bar-gap: var(--spacing-xs, 4px);   } } @layer bh-base {   .progress-bar-container {     display: flex;     flex-direction: column;     gap: var(--bh-progress-bar-gap);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .progress-label {     font-size: var(--bh-progress-bar-label-size);     color: var(--bh-progress-bar-label-color);     line-height: var(--line-height-normal, 1.5);   }   .progress-value {     font-size: var(--bh-progress-bar-value-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-progress-bar-value-color);     line-height: var(--line-height-tight, 1.25);   }   .progress-track-row {     display: flex;     align-items: center;     gap: var(--spacing-sm, 6px);   }   .progress-track {     flex: 1;     border-radius: var(--bh-progress-bar-radius);     overflow: hidden;     position: relative;   }   .progress-fill {     height: 100%;     border-radius: var(--bh-progress-bar-radius);     transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);   }   .progress-percentage {     font-size: var(--bh-progress-bar-percentage-size);     color: var(--bh-progress-bar-percentage-color);     white-space: nowrap;     min-width: 2.5em;     text-align: right;   }   .progress-sublabel {     font-size: var(--bh-progress-bar-sublabel-size);     color: var(--bh-progress-bar-sublabel-color);     text-align: right;   } } @layer bh-variants {   .progress-bar-animated .progress-fill {     animation: progressFill 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .progress-bar-container:hover .progress-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes progressFill {     from {       width: 0%;     }   }   @media (prefers-reduced-motion: reduce) {     .progress-bar-animated .progress-fill {       animation: none;     }     .progress-fill {       transition: none;     }   } }`;
 
@@ -11,7 +12,7 @@ const BhProgressBar = class {
         index.registerInstance(this, hostRef);
         this.bhProgressClick = index.createEvent(this, "bhProgressClick");
     }
-    logger = errorBoundary.createComponentLogger("bh-progress-bar");
+    logger = logger.createComponentLogger("bh-progress-bar");
     /**
      * Progress bar data
      */
@@ -94,16 +95,16 @@ const BhProgressBar = class {
         const percentage = this.getPercentage();
         const { label, formattedValue, value, sublabel } = this.data;
         const displayValue = formattedValue || String(value);
-        return (index.h(index.Host, { key: '9a7299faa2a64f46b786a25fb409674648483bac' }, index.h("div", { key: '4c05fe6effcc097f014d007db744ddd4542312a7', "aria-label": this.getAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
+        return (index.h(index.Host, { key: '48d7e391cdc1b39313ad50b8fed3b6700dd97f5e' }, index.h("div", { key: '3a0a5e832c961546425faf75c5072b52346825b9', "aria-label": this.getAriaLabel(), "aria-valuemax": this.data.max, "aria-valuemin": 0, "aria-valuenow": this.data.value, class: {
                 "progress-bar-container": true,
                 "progress-bar-animated": this.animated,
-            }, onClick: this.handleClick, part: "container", role: "meter" }, this.showLabel && label && (index.h("div", { key: 'b011d9fb700057c3210de759cd88e92f1d16c97f', class: "progress-label", part: "label" }, label)), this.showValue && (index.h("div", { key: '12e3d82a7b0db913b09092856334bd2b3849fc5f', class: "progress-value", part: "value" }, displayValue)), index.h("div", { key: 'e5f0663411ceef624cacc3b15245f01d00996d22', class: "progress-track-row" }, index.h("div", { key: 'fb4afbd4ebf62d9d51428a5166f516c7f997a5eb', class: "progress-track", part: "track", style: {
+            }, onClick: this.handleClick, part: "container", role: "meter" }, this.showLabel && label && (index.h("div", { key: '7d7af6542e816dfab62460ec549e1baa16c1674e', class: "progress-label", part: "label" }, label)), this.showValue && (index.h("div", { key: '4d6d062b185a81d3014047234c446adafb499add', class: "progress-value", part: "value" }, displayValue)), index.h("div", { key: '492f2236640812d7acb5a908c33ee16ec496dd05', class: "progress-track-row" }, index.h("div", { key: '2496c9a4bd3a6dc6f49bdd5c94864e71c2e2ae6c', class: "progress-track", part: "track", style: {
                 height: `${this.height}px`,
                 backgroundColor: this.trackColor,
-            } }, index.h("div", { key: '743ee8f143f09fcc52819a41eb1c0a9ea5340db7', class: "progress-fill", part: "fill", style: {
+            } }, index.h("div", { key: '200a05ac521da65eb4d633102b6ea52317c746c8', class: "progress-fill", part: "fill", style: {
                 width: `${percentage}%`,
                 backgroundColor: this.color,
-            } })), this.showPercentage && (index.h("span", { key: '76671bf3760eea5675780eeac930459b31834e1e', class: "progress-percentage", part: "percentage" }, percentage, "%"))), this.showSublabel && sublabel && (index.h("div", { key: '9093c370961d79dea8bc49584ed84e402b45d7b9', class: "progress-sublabel", part: "sublabel" }, sublabel)))));
+            } })), this.showPercentage && (index.h("span", { key: '3a59357896ea81e2f077d2f96b37477e24380297', class: "progress-percentage", part: "percentage" }, percentage, "%"))), this.showSublabel && sublabel && (index.h("div", { key: '3db6988ad6a79534987b2ff4f82408ecc20674fb', class: "progress-sublabel", part: "sublabel" }, sublabel)))));
     }
 };
 BhProgressBar.style = bhProgressBarCss();

package/dist/cjs/bh-progress-ring.cjs.entry.js

@@ -25,7 +25,7 @@ const BhProgressRing = class {
         const radius = Math.max(0, half - this.strokeWidth - 1);
         const circumference = 2 * Math.PI * radius;
         const offset = circumference * (1 - val / 100);
-        return (index.h(index.Host, { key: 'e3542574b9dc9f472c08b49db1780f4e9c6501f2', class: { "progress-ring-complete": val >= 100 } }, index.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}` }, index.h("circle", { key: '5c5caf1ca0c243a1be38e87f248f01e4f39c53cf', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), index.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})` }), index.h("text", { key: '6f3633edbb243eb8441f6e7a1e9bf14f38c28533', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
+        return (index.h(index.Host, { key: 'ba84b91c7271b2bd8dac8754bb1b5cd0a7516deb', class: { "progress-ring-complete": val >= 100 } }, index.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}` }, index.h("circle", { key: 'b3f0cbd98a0afa880aedd279bb9a66ba8b419d51', class: "progress-ring-bg", cx: `${half}`, cy: `${half}`, fill: "none", r: `${radius}`, "stroke-width": `${this.strokeWidth}` }), index.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})` }), index.h("text", { key: 'a3fbed3bb2dcaa09fcca00ae06e588d74071ce7c', class: "progress-ring-text", "dominant-baseline": "central", "text-anchor": "middle", x: "50%", y: "50%" }, val, "%"))));
     }
 };
 BhProgressRing.style = bhProgressRingCss();

package/dist/cjs/bh-property-switcher.cjs.entry.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var lifecycle = require('./lifecycle-CnkLRXH9.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 var dismissalManager = require('./dismissal-manager-VevirmgP.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
@@ -30,14 +31,14 @@ const BhPropertySwitcher = class {
         this.bhOpen = index.createEvent(this, "bhOpen");
         this.bhClose = index.createEvent(this, "bhClose");
     }
-    logger = errorBoundary.createComponentLogger("bh-property-switcher");
+    logger = logger.createComponentLogger("bh-property-switcher");
     destroy$ = lifecycle.createDestroySubjectSync();
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
      * Selected property name to display (initial value)
      */
-    selectedProperty = "Select a property";
+    selectedProperty = "";
     /**
      * Array of property options
      */
@@ -109,7 +110,8 @@ const BhPropertySwitcher = class {
         return [];
     }
     componentWillLoad() {
-        this.internalSelectedProperty = this.selectedProperty;
+        this.internalSelectedProperty =
+            this.selectedProperty || this.getParsedProperties()[0]?.name || "";
         this.focusState.onChange(() => {
             this.focusVersion++;
         });
@@ -118,6 +120,15 @@ const BhPropertySwitcher = class {
         });
     }
     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();
@@ -332,11 +343,17 @@ const BhPropertySwitcher = class {
         };
         const selectedProp = this.getSelectedProperty();
         const displayName = this.internalSelectedProperty || this.selectedProperty;
-        return (index.h(index.Host, { key: '429ba01d80adaee53bb584055ece19d1bb9896cc' }, index.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) }, index.h("button", { key: '013ac97ca0ee382de90a141ca5db380d44b6de83', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (index.h("span", { key: 'a244fd3353c102d25ac68035fd84328816594886', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), index.h("span", { key: 'eb3aca3724177b0efd674b72cb5bb911fbe4a209', class: "property-name" }, displayName), index.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 && (index.h("div", { key: 'd128c5b478dd680e96f702afedd1def258dc0b70', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), index.h("div", { key: '23da5ec77685171758a61f227e6f355ab44c72b5', class: "dropdown-content", part: "content" }, this.grouped
+        return (index.h(index.Host, { key: '0314c59164bd68049834d6926937a5410511b2f4' }, index.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) }, index.h("button", { key: '064c51318774731963786d9600f9d9c0aa325e61', "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": `Property selector: ${displayName}`, class: "property-selector", onClick: () => this.handleToggle(), part: "selector" }, selectedProp && (index.h("span", { key: 'dde9f0c0da94b80c7833ced86a232641b9c34ea2', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), index.h("span", { key: '786cf85012ba2ca9fab0016668e3946bc137c39a', class: "property-name" }, displayName), index.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 && (index.h("div", { key: '32ae0957298d8c182fbee896f11d075bd9172636', class: "dropdown-panel", part: "dropdown" }, this.renderSearchInput(), index.h("div", { key: 'ce586cbd183d9fa6c362e4c844fc8d78866f8dc8', class: "dropdown-content", part: "content" }, this.grouped
             ? this.renderGroupedView()
             : this.renderFlatView()))))));
     }
     static get watchers() { return {
+        "properties": [{
+                "handlePropertiesChange": 0
+            }],
+        "selectedProperty": [{
+                "handleSelectedPropertyChange": 0
+            }],
         "isExpanded": [{
                 "handleExpandedChange": 0
             }]

package/dist/cjs/bh-radar-chart.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var chartTokens = require('./chart-tokens-DkHNkFzT.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 
 /**
@@ -203,7 +204,7 @@ const BhRadarChart = class {
     tooltipItems = [];
     tooltipHeader = "";
     hoveredSeries = null;
-    logger = errorBoundary.createComponentLogger("bh-radar-chart");
+    logger = logger.createComponentLogger("bh-radar-chart");
     i18nUnsubscribe;
     _i18nVersion = 0;
     componentDidCatch(error) {
@@ -328,10 +329,10 @@ const BhRadarChart = class {
         })));
     }
     render() {
-        return (index.h(index.Host, { key: 'dfbf8e4d04f19fc35634fcf2d1b40af500fbd68a' }, index.h("div", { key: 'd38a4cba5756448585cf9c9efa61784099b7797a', class: {
+        return (index.h(index.Host, { key: 'd107776c86a650f7a6684f5a284fcf4ead2d18d7' }, index.h("div", { key: 'd93136a5ec66d04f8fd0944562b284ab06ccf348', class: {
                 "radar-chart": true,
                 "radar-chart-animated": this.animated,
-            }, part: "container" }, index.h("svg", { key: '8e39acb0c48dd35971ba5445843417719a2290d9', "aria-label": i18n.resolveI18n("bh-radar-chart", "ariaLabel", this.ariaLabel, "Radar chart"), class: "radar-chart-svg", height: this.size, role: "img", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, this.renderGrid(), this.renderAxes(), this.renderSeries())), index.h("bh-chart-tooltip", { key: 'fb75b85aacf0894a8d5d5c561a5fb80b6fc97c53', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
+            }, part: "container" }, index.h("svg", { key: '5a374b7232e4368a85b34da38f134d547ffb3454', "aria-label": i18n.resolveI18n("bh-radar-chart", "ariaLabel", this.ariaLabel, "Radar chart"), class: "radar-chart-svg", height: this.size, role: "img", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size }, this.renderGrid(), this.renderAxes(), this.renderSeries())), index.h("bh-chart-tooltip", { key: 'aa6ff63acbf09782254c0f512a7a4340c7f795a3', "aria-hidden": this.tooltipVisible ? undefined : "true", header: this.tooltipHeader, items: this.tooltipItems, visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY })));
     }
     static get watchers() { return {
         "data": [{

package/dist/cjs/bh-radio-button.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var form = require('./form-basX91MG.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 var idGenerator = require('./id-generator-1p5-oe0z.js');
@@ -26,7 +27,7 @@ const BhRadioButton = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
     }
-    logger = errorBoundary.createComponentLogger("bh-radio-button");
+    logger = logger.createComponentLogger("bh-radio-button");
     focusState = focusStateManager.createFocusStateManager();
     internals;
     /**

package/dist/cjs/bh-radio-group.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 
 const BhRadioGroup = class {
@@ -10,7 +11,7 @@ const BhRadioGroup = class {
         index.registerInstance(this, hostRef);
         this.bhChange = index.createEvent(this, "bhChange");
     }
-    logger = errorBoundary.createComponentLogger("bh-radio-group");
+    logger = logger.createComponentLogger("bh-radio-group");
     get el() { return index.getElement(this); }
     /**
      * Currently selected value
@@ -111,7 +112,7 @@ const BhRadioGroup = class {
         nextRadio.shadowRoot?.querySelector("[role='radio']")?.focus();
     };
     render() {
-        return (index.h(index.Host, { key: 'c1d7e737ecf216ccd075954752faab59eef3ce88', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, index.h("slot", { key: '4a79fefac6fbd636670d0ce76cdfa1529985834a' })));
+        return (index.h(index.Host, { key: '2610acb82571f455c8cfcde9d91cbbd6beaa2d7c', "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, onKeyDown: this.handleKeyDown, role: "radiogroup" }, index.h("slot", { key: '4f78ae52b78e20bacb0775342cc61463b8cf1288' })));
     }
 };
 

package/dist/cjs/bh-range-slider.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhRangeSliderCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;               --bh-range-track-height: var(--sp-1-5);     --bh-range-track-bg: var(--color-bg-tertiary);     --bh-range-track-active-bg: var(--color-bg-interactive);     --bh-range-track-radius: var(--radius-full);          --bh-range-handle-size: var(--icon-size-md);     --bh-range-handle-bg: var(--color-bg-primary);     --bh-range-handle-border-color: var(--color-bg-interactive);     --bh-range-handle-border-width: 2px;     --bh-range-handle-shadow: var(--shadow-md);          --bh-range-focus-ring-color: var(--color-border-interactive);     --bh-range-focus-ring-offset: 2px;     --bh-range-focus-ring-width: 4px;          --bh-range-disabled-opacity: 0.38;          --bh-range-label-color: var(--color-text-primary);     --bh-range-label-size: var(--text-sm-size);     --bh-range-label-weight: var(--weight-medium);     --bh-range-label-line-height: var(--text-md-line);          --bh-range-tooltip-bg: var(--color-bg-primary);     --bh-range-tooltip-border: var(--color-border-secondary);     --bh-range-tooltip-color: var(--color-text-secondary);     --bh-range-tooltip-shadow: var(--shadow-lg);     --bh-range-tooltip-radius: var(--radius-md);     --bh-range-tooltip-size: var(--text-xs-size);     --bh-range-tooltip-weight: var(--weight-semibold);     --bh-range-tooltip-line-height: var(--text-xs-line);     --bh-range-tooltip-padding-x: var(--spacing-sm);     --bh-range-tooltip-padding-y: var(--spacing-xs);   } }  @layer bh-base {   .range-slider {     --_range-top: calc(var(--bh-range-handle-size) / 2);     position: relative;     width: 100%;     padding: var(--_range-top) 0 calc(var(--bh-range-handle-size) / 2) 0;   }   .range-track {     position: relative;     width: 100%;     height: var(--bh-range-track-height);     background-color: var(--bh-range-track-bg);     border-radius: var(--bh-range-track-radius);     cursor: pointer;   }   .range-track-active {     position: absolute;     top: 0;     height: 100%;     background-color: var(--bh-range-track-active-bg);     border-radius: var(--bh-range-track-radius);     pointer-events: none;   }   .range-handle {     position: absolute;     top: calc(var(--_range-top) + var(--bh-range-track-height) / 2);     width: var(--bh-range-handle-size);     height: var(--bh-range-handle-size);     background-color: var(--bh-range-handle-bg);     border: var(--bh-range-handle-border-width) solid var(--bh-range-handle-border-color);     border-radius: var(--radius-full);     box-shadow: var(--bh-range-handle-shadow);     transform: translate(-50%, -50%);     cursor: grab;     outline: none;     touch-action: none;     z-index: 1;     transition: box-shadow var(--animation-duration-fast) ease;   }   .range-handle:focus {     outline: none;   }   .range-tooltip {     position: absolute;     bottom: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     background-color: var(--bh-range-tooltip-bg);     border: 1px solid var(--bh-range-tooltip-border);     border-radius: var(--bh-range-tooltip-radius);     box-shadow: var(--bh-range-tooltip-shadow);     color: var(--bh-range-tooltip-color);     font-family: var(--font-inter);     font-size: var(--bh-range-tooltip-size);     font-weight: var(--bh-range-tooltip-weight);     line-height: var(--bh-range-tooltip-line-height);     padding: var(--bh-range-tooltip-padding-y) var(--bh-range-tooltip-padding-x);     white-space: nowrap;     pointer-events: none;     user-select: none;   }   .range-label-bottom {     position: absolute;     top: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     color: var(--bh-range-label-color);     font-family: var(--font-inter);     font-size: var(--bh-range-label-size);     font-weight: var(--bh-range-label-weight);     line-height: var(--bh-range-label-line-height);     white-space: nowrap;     pointer-events: none;     user-select: none;   } }  @layer bh-variants {   .range-slider-label-bottom {     padding-bottom: calc(var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-label-line-height));   }   .range-slider-label-tooltip {     --_range-top: calc(       var(--bh-range-handle-size) / 2 + var(--spacing-xs) +         var(--bh-range-tooltip-line-height) +         var(--bh-range-tooltip-padding-y) * 2 + 2px     );   } }  @layer bh-states {   .range-handle-active {     cursor: grabbing;     z-index: 2;   }   .range-handle-focused:not(.range-handle-disabled) {     box-shadow: var(--shadow-sm), 0 0 0 var(--bh-range-focus-ring-offset) var(--bh-range-handle-bg), 0 0 0 calc(var(--bh-range-focus-ring-offset) + var(--bh-range-focus-ring-width)) var(--bh-range-focus-ring-color);   }   .range-slider-disabled {     opacity: var(--bh-range-disabled-opacity);   }   .range-slider-disabled .range-track {     cursor: not-allowed;   }   .range-slider-disabled .range-handle {     cursor: not-allowed;     box-shadow: none;   } }  @layer bh-utilities {   @media (prefers-reduced-motion: reduce) {     .range-handle {       transition: none;     }   }   @media (prefers-contrast: high) {     .range-track {       border: 1px solid currentColor;     }     .range-handle {       border-width: 3px;     }   } }`;
 
@@ -14,7 +15,7 @@ const BhRangeSlider = class {
         this.bhFocus = index.createEvent(this, "bhFocus");
         this.bhBlur = index.createEvent(this, "bhBlur");
     }
-    logger = errorBoundary.createComponentLogger("bh-range-slider");
+    logger = logger.createComponentLogger("bh-range-slider");
     trackEl;
     get el() { return index.getElement(this); }
     /**
@@ -354,7 +355,7 @@ const BhRangeSlider = class {
             "range-slider-disabled": this.disabled,
             [`range-slider-label-${this.labelDisplay}`]: true,
         };
-        return (index.h(index.Host, { key: '60d6bc67694191e50c454b84d8ba37f3eae008e2' }, index.h("div", { key: '3ed1f92ed5eb89067112e1f1d73a8b97ac2fa912', class: containerClasses, part: "container" }, index.h("div", { key: '02e559c185d3e110851cbbf8842ca239fe675961', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, index.h("div", { key: '45c6d2bb5073c08f65eb77b30800a615aa60231e', class: "range-track-active", part: "track-active", style: {
+        return (index.h(index.Host, { key: '317deaf6ff94d2543e8bfaf52236a2d98ee27277' }, index.h("div", { key: '7229dc67f8df8ad0fdcc9207cc5eb43925c3b325', class: containerClasses, part: "container" }, index.h("div", { key: 'a768ad1069cae8f0f8aa90e6e29967ac3f7a261b', class: "range-track", onClick: this.handleTrackClick, part: "track", ref: (el) => (this.trackEl = el) }, index.h("div", { key: '4dd82c4cf0954c684bd579a6e23a0aa10d89da81', class: "range-track-active", part: "track-active", style: {
                 left: `${activeLeft}%`,
                 width: `${activeWidth}%`,
             } })), this.dual

package/dist/cjs/bh-section-footer.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhSectionFooterCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     padding: var(--spacing-md);          --bh-section-footer-divider-color: var(--color-border-secondary);     --bh-section-footer-gap: var(--spacing-md);     --bh-section-footer-content-gap: var(--spacing-2xl);     --bh-section-footer-actions-gap: var(--spacing-lg);   } } @layer bh-base {   .section-footer {     display: flex;     flex-direction: column;     align-items: center;     width: 100%;     gap: var(--bh-section-footer-gap);   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-footer-divider-color);     flex-shrink: 0;   }   .content {     display: flex;     align-items: center;     justify-content: flex-end;     width: 100%;     gap: var(--bh-section-footer-content-gap);   } } @layer bh-variants {      .section-footer--section .content {     padding: 0;   }      .section-footer--card {     padding-bottom: var(--spacing-xl);   }   .section-footer--card .content {     padding: 0 var(--spacing-3xl);   }      @media (max-width: 768px) {     .section-footer--section {       --bh-section-footer-gap: var(--spacing-xl);     }     .section-footer--card {       --bh-section-footer-gap: var(--spacing-lg);       padding-bottom: var(--spacing-lg);     }     .section-footer--card .content {       padding: 0 var(--spacing-xl);       gap: var(--spacing-xl);     }   } }`;
 
@@ -12,7 +13,7 @@ const BhSectionFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * Visual variant of the footer.
      * "section" has no horizontal padding; "card" has padding for card context.
@@ -39,7 +40,7 @@ const BhSectionFooter = class {
         // 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 (index.h(index.Host, { key: 'e668a314813d8473ef4bcfc6be456a347a4aaded' }, index.h("div", { key: '40bf617d2dfde711e7bcadaa7df3504d29d9eb43', class: footerClasses, part: "section-footer" }, this.showDivider && index.h("div", { key: '1273923ce5a47bce29cca47dae3084f3ea2c4b3e', class: "divider", part: "divider" }), index.h("div", { key: '9ce4e58d3f74d880b103e4c29a51f5b81bc07c57', class: "content", part: "content" }, index.h("slot", { key: '41e0707bc65ba81cc8ef615ed74c905b5fb1ff40' })))));
+        return (index.h(index.Host, { key: 'f7a76395651e3b0ccba33a2b98a94ee860e692b1' }, index.h("div", { key: 'cd001abd5ba91fbce383d0597323d1341c992e2f', class: footerClasses, part: "section-footer" }, this.showDivider && index.h("div", { key: '9fddc9b69d90c8a8738c8f6e38468d821be81d57', class: "divider", part: "divider" }), index.h("div", { key: 'ed11e120d931df4ab34cfba46f56ef9b07b1b899', class: "content", part: "content" }, index.h("slot", { key: '4bc61965522f792f203a8cbd1676e735dd14776c' })))));
     }
 };
 BhSectionFooter.style = bhSectionFooterCss();

package/dist/cjs/bh-section-header.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhSectionHeaderCss = () => `@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-section-header-heading-color: var(--color-text-primary);     --bh-section-header-supporting-color: var(--color-text-tertiary);     --bh-section-header-divider-color: var(--color-border-secondary);     --bh-section-header-gap: var(--spacing-md);     --bh-section-header-content-gap: var(--spacing-xl);     --bh-section-header-text-gap: var(--spacing-xs);   } } @layer bh-base {   .section-header {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-gap);     width: 100%;   }   .content {     display: flex;     align-items: flex-start;     gap: var(--bh-section-header-content-gap);     width: 100%;   }   .text-and-supporting-text {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-text-gap);     flex: 1;     min-width: 0;     align-self: center;   }   .heading {     font-family: var(--font-inter);     font-size: var(--text-lg-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--bh-section-header-heading-color);     margin: 0;     width: 100%;   }   .supporting-text {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-regular);     line-height: var(--line-height-normal);     color: var(--bh-section-header-supporting-color);     margin: 0;     width: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .tabs {     display: flex;     align-items: center;     gap: var(--spacing-xs);     width: 100%;   }   .search-slot {     display: contents;   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-header-divider-color);     flex-shrink: 0;   } } @layer bh-variants {      @media (max-width: 768px) {     .content {       flex-direction: column;     }     .heading {       font-size: var(--text-md-size);       line-height: var(--line-height-normal);     }   } }`;
 
@@ -12,7 +13,7 @@ const BhSectionHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * The heading text displayed in the section header
      */
@@ -36,7 +37,7 @@ const BhSectionHeader = class {
     }
     render() {
         const hasSupportingText = !!this.supportingText;
-        return (index.h(index.Host, { key: 'a6188b9680d5cbeeb25201b3ff21f2abaac773b9', "aria-label": this.heading || "Section header", role: "region" }, index.h("div", { key: '0b087bd7940b52a4e864bfbe0702dbf53198daab', class: "section-header", part: "section-header" }, index.h("div", { key: 'fdc25467a88a4d86dc2353bf5908c9fc0dd1bb11', class: "content" }, index.h("div", { key: 'bc6c3044dceb7ba35b35ee0a5735a2f17f10aa56', class: "text-and-supporting-text" }, this.heading && (index.h("h2", { key: 'ca3cb51a4088060ba3e6b59a556670667963d862', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (index.h("p", { key: '4f31899bc323ee16a4f772c96a02f2e6601ff5e4', class: "supporting-text", part: "supporting-text" }, this.supportingText))), index.h("div", { key: '1f8760134dac42e1e819289f8035cd69510523f0', class: "actions", part: "actions" }, index.h("slot", { key: '6dc1a30e4059541c2275dce376a0e77d2e12bbb2', name: "actions" }))), index.h("div", { key: 'c970aa3b59f1bd14339d8286b082c11d7d5a6a6e', class: "tabs", part: "tabs" }, index.h("slot", { key: '9d6a55cd1b467cd33ca834e74c5655f191a16cd0', name: "tabs" })), index.h("div", { key: 'a6b25cd2537f0d2fac01a3ee554239f97c1e4a5c', class: "search-slot" }, index.h("slot", { key: 'e2ba0774009dba2fa044ff5f78c8d9c846d3f17b', name: "search" })), this.showDivider && index.h("div", { key: 'dee7622add19dcec9a67d5e992f6cbdb104045c0', class: "divider", part: "divider" }))));
+        return (index.h(index.Host, { key: '59cbcb16c878f16bd96eff24c0fbd33a397f06f2', "aria-label": this.heading || "Section header", role: "region" }, index.h("div", { key: 'e3a1dc6a766c75b19af87aa6b8d5a252817e0d5e', class: "section-header", part: "section-header" }, index.h("div", { key: 'd02a7456fd9134ad30efa50615e7ad49eae20151', class: "content" }, index.h("div", { key: '1e304eca2b0f890025c5f8ee28497c149a20005e', class: "text-and-supporting-text" }, this.heading && (index.h("h2", { key: '9a4739c11044a1bc35703717a9e0c956069aef28', class: "heading", part: "heading" }, this.heading)), hasSupportingText && (index.h("p", { key: '8278b021f09b357ee782441b87cdc89fec51af4c', class: "supporting-text", part: "supporting-text" }, this.supportingText))), index.h("div", { key: '85d75cac313332f39e7840db73a50bfb14ecd4c2', class: "actions", part: "actions" }, index.h("slot", { key: 'ec37ef8909bfd12fd1e4dfe77155f333aa1ace87', name: "actions" }))), index.h("div", { key: '3f406f77f51e2443562febba427d411f83fa794e', class: "tabs", part: "tabs" }, index.h("slot", { key: '7553fe39d2cc7c11c8aaa6f8d2cd57c3b28c851d', name: "tabs" })), index.h("div", { key: 'a224a53e3bc58c69de3dd981f79aca9ac9b0acb3', class: "search-slot" }, index.h("slot", { key: '4e7ff2d2036f381d7b41a8b1a2f046f4a3ad5b94', name: "search" })), this.showDivider && index.h("div", { key: '6bf6242be0cc5f93b3018dbb972fd8239823af22', class: "divider", part: "divider" }))));
     }
 };
 BhSectionHeader.style = bhSectionHeaderCss();

package/dist/cjs/bh-selection-group-item.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-B6sArKsK.js');
-var errorBoundary = require('./error-boundary-Bf7TcT4U.js');
+var logger = require('./logger-DZionBgs.js');
 var focusStateManager = require('./focus-state-manager-BoEvV-Lq.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
 require('./keyboard-constants-ByvH1XTM.js');
 
@@ -16,7 +17,7 @@ const BhSelectionGroupItem = class {
         this.bhFocus = index.createEvent(this, "bhFocus");
         this.bhBlur = index.createEvent(this, "bhBlur");
     }
-    logger = errorBoundary.createComponentLogger("bh-selection-group-item");
+    logger = logger.createComponentLogger("bh-selection-group-item");
     focusState = focusStateManager.createFocusStateManager();
     /**
      * Whether this item belongs to a single-selection (radio) or