@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/cjs/bh-notification-center.cjs.entry.js

@@ -0,0 +1,210 @@
+'use strict';
+
+var index = require('./index-B6sArKsK.js');
+var logger = require('./logger-DZionBgs.js');
+var i18n = require('./i18n-Twgo5raQ.js');
+var dismissalManager = require('./dismissal-manager-VevirmgP.js');
+require('./keyboard-helpers-CiUQBd3w.js');
+require('./keyboard-constants-ByvH1XTM.js');
+
+const bhNotificationCenterCss = () => `@charset "UTF-8";:host{position:relative;display:inline-block}.trigger{position:relative;display:inline-flex}.icon-badge-count{position:absolute;top:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));right:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));opacity:0.8;pointer-events:none}.icon-badge-count:hover{opacity:1}.panel{position:absolute;top:calc(100% + var(--spacing-sm, 8px));right:0;z-index:var(--bh-notification-center-z-index, 1000);width:var(--bh-notification-center-width, 360px);max-height:var(--bh-notification-center-max-height, 480px);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-popup, 0 4px 12px rgba(0, 0, 0, 0.15))}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);min-height:calc(var(--bh-button-height-sm, 32px) + 2 * var(--spacing-md, 12px))}.panel-title{font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #101828)}.filters{display:flex;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-tertiary, #eaecf0)}.filter{padding:var(--spacing-xs, 4px) var(--spacing-md, 12px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);background:transparent;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.filter:hover{background:var(--color-bg-secondary, #f9fafb)}.filter.active{color:var(--color-text-primary, #101828);font-weight:var(--weight-semibold, 600);background:var(--color-bg-tertiary, #f2f4f7)}.feed{overflow-y:auto}.feed bh-feed-item{display:block;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);cursor:pointer}.feed bh-feed-item:hover{background:var(--color-bg-secondary, #f9fafb)}.feed bh-feed-item.unread{background:var(--color-brand-25, hsl(220, 82%, 98%))}.feed bh-feed-item.unread:hover{background:var(--color-bg-secondary, #f9fafb)}.panel-inline{position:static;width:100%;max-height:none;border:1px solid var(--color-border-primary, #e4e7ec);box-shadow:none}.empty{padding:var(--spacing-2xl, 32px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}`;
+
+const BhNotificationCenter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bhOpen = index.createEvent(this, "bhOpen");
+        this.bhClose = index.createEvent(this, "bhClose");
+        this.bhChange = index.createEvent(this, "bhChange");
+        this.bhItemClick = index.createEvent(this, "bhItemClick");
+    }
+    logger = logger.createComponentLogger("bh-notification-center");
+    dismissalManager;
+    i18nUnsubscribe;
+    _i18nVersion = 0;
+    get el() { return index.getElement(this); }
+    /**
+     * Notifications to display (array or JSON string). Read/unread state is
+     * held internally after load; re-assigning the prop re-syncs it.
+     */
+    notifications = [];
+    /**
+     * Whether the panel is open. Reflects so consumers can read/drive it.
+     * Ignored in inline display, where the panel always renders in place.
+     */
+    open = false;
+    /**
+     * Presentation: "popover" renders the bell trigger with a floating,
+     * dismissable panel; "inline" renders the panel in place (no bell,
+     * no dismissal) for pages and side panels.
+     */
+    display = "popover";
+    /**
+     * Panel header title. Allows i18n.
+     */
+    headerTitle = "Notifications";
+    /**
+     * Mark-all-read button label. Allows i18n.
+     */
+    markAllLabel = "Mark all as read";
+    /**
+     * Empty-state message. Allows i18n.
+     */
+    emptyMessage = "You're all caught up";
+    /**
+     * "All" filter tab label. Allows i18n.
+     */
+    filterAllLabel = "All";
+    /**
+     * "Unread" filter tab label. Allows i18n.
+     */
+    filterUnreadLabel = "Unread";
+    /**
+     * Accessible label for the bell trigger. Allows i18n.
+     */
+    bellAriaLabel = "Notifications";
+    items = [];
+    filter = "all";
+    /**
+     * Emitted when the panel opens.
+     */
+    bhOpen;
+    /**
+     * Emitted when the panel closes.
+     */
+    bhClose;
+    /**
+     * Emitted when read state changes. Detail carries the ids marked read in
+     * this change and the remaining unread count.
+     */
+    bhChange;
+    /**
+     * Emitted when a notification is clicked.
+     */
+    bhItemClick;
+    syncFromProp() {
+        this.items = this.parseNotifications();
+    }
+    handleOpenChange(isOpen) {
+        if (isOpen) {
+            this.dismissalManager?.enable();
+        }
+        else {
+            this.dismissalManager?.disable();
+        }
+    }
+    componentWillLoad() {
+        this.items = this.parseNotifications();
+        this.i18nUnsubscribe = i18n.BellhopI18n.onLocaleChange(() => {
+            this._i18nVersion++;
+        });
+    }
+    componentDidLoad() {
+        if (this.display === "inline") {
+            return;
+        }
+        this.dismissalManager = dismissalManager.createDismissalManager(this.el, {
+            onDismiss: () => this.setOpen(false),
+            escapeKey: true,
+            clickOutside: true,
+            focusLoss: false,
+        });
+        if (this.open) {
+            this.dismissalManager.enable();
+        }
+    }
+    disconnectedCallback() {
+        this.dismissalManager?.destroy();
+        this.i18nUnsubscribe?.();
+    }
+    /**
+     * Mark a single notification as read.
+     */
+    async markRead(id) {
+        this.applyRead(this.items.filter((n) => n.id === id && !n.read));
+    }
+    /**
+     * Mark every notification as read.
+     */
+    async markAllRead() {
+        this.applyRead(this.items.filter((n) => !n.read));
+    }
+    parseNotifications() {
+        if (typeof this.notifications !== "string") {
+            return this.notifications.map((n) => ({ ...n }));
+        }
+        if (this.notifications.trim() === "") {
+            return [];
+        }
+        try {
+            return JSON.parse(this.notifications);
+        }
+        catch (error) {
+            this.logger.error("Invalid notifications JSON", error instanceof Error ? error : new Error(String(error)));
+            return [];
+        }
+    }
+    applyRead(toMark) {
+        if (toMark.length === 0) {
+            return;
+        }
+        const readIds = toMark.map((n) => n.id);
+        this.items = this.items.map((n) => readIds.includes(n.id) ? { ...n, read: true } : n);
+        this.bhChange.emit({ readIds, unreadCount: this.unreadCount() });
+    }
+    unreadCount() {
+        return this.items.filter((n) => !n.read).length;
+    }
+    visibleItems() {
+        return this.filter === "unread"
+            ? this.items.filter((n) => !n.read)
+            : this.items;
+    }
+    setOpen(isOpen) {
+        if (this.open === isOpen) {
+            return;
+        }
+        this.open = isOpen;
+        if (isOpen) {
+            this.bhOpen.emit();
+        }
+        else {
+            this.bhClose.emit();
+        }
+    }
+    handleBellClick = () => {
+        this.setOpen(!this.open);
+    };
+    handleItemClick = (notification) => {
+        this.bhItemClick.emit(notification);
+        this.applyRead(this.items.filter((n) => n.id === notification.id && !n.read));
+    };
+    t(key, propValue, fallback) {
+        return i18n.resolveI18n("bh-notification-center", key, propValue, fallback);
+    }
+    renderTrigger(unread) {
+        const bellLabel = this.t("bellAriaLabel", this.bellAriaLabel, "Notifications");
+        return (index.h("div", { class: "trigger", part: "trigger" }, index.h("bh-button-icon", { ariaLabel: unread > 0 ? `${bellLabel} (${unread})` : bellLabel, hierarchy: "tertiary", iconName: "notifications", onClick: this.handleBellClick, size: "sm" }), unread > 0 && (index.h("bh-badge", { class: "icon-badge-count", emphasis: "high", label: String(unread), size: "sm", variant: "error" }))));
+    }
+    render() {
+        const unread = this.unreadCount();
+        const visible = this.visibleItems();
+        const isInline = this.display === "inline";
+        const showPanel = isInline || this.open;
+        return (index.h(index.Host, { key: '1cec4c416a7dc25a5eb5f6ba1596315d86c50271' }, !isInline && this.renderTrigger(unread), showPanel && (index.h("div", { key: 'eae2068a2a56f938c04bd5be6eac8885de8db987', "aria-label": this.t("headerTitle", this.headerTitle, "Notifications"), class: { panel: true, "panel-inline": isInline }, part: "panel", role: isInline ? "region" : "dialog" }, index.h("div", { key: '2990d636c1ea32f28df29e84d60da4ddc8325960', class: "panel-header", part: "header" }, index.h("span", { key: 'c0b9291e8dbb52ebde5f62e95eedb646569f075d', class: "panel-title" }, this.t("headerTitle", this.headerTitle, "Notifications")), unread > 0 && (index.h("bh-button", { key: '76217c3ca371df29bf782af9c04a6113ecdda805', hierarchy: "tertiary", label: this.t("markAllLabel", this.markAllLabel, "Mark all as read"), onClick: () => this.markAllRead(), size: "sm" }))), index.h("div", { key: '696ebb7f1ba24de12b98a32f519abc71fd7dcd54', class: "filters", part: "filters", role: "tablist" }, ["all", "unread"].map((f) => (index.h("button", { "aria-selected": this.filter === f ? "true" : "false", class: { filter: true, active: this.filter === f }, "data-filter": f, onClick: () => {
+                this.filter = f;
+            }, role: "tab", type: "button" }, f === "all"
+            ? this.t("filterAllLabel", this.filterAllLabel, "All")
+            : this.t("filterUnreadLabel", this.filterUnreadLabel, "Unread"))))), visible.length === 0 ? (index.h("div", { class: "empty", part: "empty" }, this.t("emptyMessage", this.emptyMessage, "You're all caught up"))) : (index.h("bh-activity-feed", { class: "feed", divider: "line", flush: true, part: "list", type: "notifications" }, visible.map((n) => (index.h("bh-feed-item", { author: n.author ?? "", class: { unread: !n.read }, content: n.body ?? "", "data-id": n.id, icon: n.author ? undefined : n.icon, itemTitle: n.title, key: n.id, onBhClick: () => this.handleItemClick(n), showDot: !n.read, size: "sm", timestamp: n.timestamp ?? "", variant: n.author ? "user" : "system" })))))))));
+    }
+    static get watchers() { return {
+        "notifications": [{
+                "syncFromProp": 0
+            }],
+        "open": [{
+                "handleOpenChange": 0
+            }]
+    }; }
+};
+BhNotificationCenter.style = bhNotificationCenterCss();
+
+exports.bh_notification_center = BhNotificationCenter;

package/dist/cjs/bh-page-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 bhPageHeaderCss = () => `@charset "UTF-8";  :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-page-header-bg: var(--color-bg-primary);     --bh-page-header-heading-color: var(--color-text-primary);     --bh-page-header-supporting-color: var(--color-text-tertiary);     --bh-page-header-divider-color: var(--color-border-secondary);     --bh-page-header-banner-height: 240px;     --bh-page-header-banner-height-mobile: 160px;     --bh-page-header-avatar-size: 160px;     --bh-page-header-avatar-size-mobile: 96px;     --bh-page-header-avatar-border-color: var(--color-white);     --bh-page-header-container-padding: var(--spacing-4xl);     --bh-page-header-container-padding-mobile: var(--spacing-xl);   } } @layer bh-base {   .page-header {     display: flex;     flex-direction: column;     align-items: stretch;     width: 100%;     font-family: var(--font-inter);   }   .container {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     width: 100%;     max-width: var(--sp-320);      margin: 0 auto;     padding: 0 var(--bh-page-header-container-padding);     box-sizing: border-box;   }      .banner-image-wrap {     width: 100%;     height: var(--bh-page-header-banner-height);     overflow: hidden;     position: relative;   }   .banner-image {     width: 100%;     height: 100%;     object-fit: cover;     display: block;   }   .banner-image-placeholder {     width: 100%;     height: 100%;     background: linear-gradient(135deg, var(--color-brand-400), var(--color-accent-400));   }      .avatar-wrap {     flex-shrink: 0;   }   .avatar-wrap bh-avatar {          --avatar-size-2xl: var(--bh-page-header-avatar-size);     display: block;     border: 4px solid var(--bh-page-header-avatar-border-color);     border-radius: var(--radius-full);     box-shadow: var(--shadow-lg);   }   .avatar-wrap {        }   .avatar-wrap bh-avatar::part(border) {     border: 1px solid var(--border-contrast-medium);   }      .avatar-inline bh-avatar {     border: none;     box-shadow: none;   }      .text-content {     display: flex;     flex-direction: column;     gap: var(--spacing-xs);     min-width: 0;   }   .heading {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--display-xs-size);     line-height: var(--text-2xl-line);     color: var(--bh-page-header-heading-color);   }   .supporting-text {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-regular);     font-size: var(--text-sm-size);     line-height: var(--text-sm-line);     color: var(--bh-page-header-supporting-color);   }      .heading-row {     display: flex;     flex-wrap: wrap;     align-items: flex-start;     gap: var(--spacing-2xl) var(--spacing-xl);     width: 100%;   }   .heading-row > .text-content {     flex: 1 0 0;     min-width: 320px;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .search-slot {     flex-shrink: 0;   }   .breadcrumbs-slot {     display: flex;   }   .tabs-slot {     display: contents;   }      .divider {     width: 100%;     height: 1px;     background: var(--bh-page-header-divider-color);   }      .content-block {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     padding-top: var(--spacing-3xl);   }      .avatar-inline {     display: flex;     align-items: center;     gap: var(--spacing-2xl);     flex: 1 0 0;     min-width: 320px;   }   .avatar-inline .avatar-photo {     width: var(--bh-avatar-size-lg);     height: var(--bh-avatar-size-lg);     box-shadow: none;     border-width: 0;   }      .avatar-and-content {     display: flex;     gap: var(--spacing-3xl);     align-items: flex-start;     width: 100%;   }   .avatar-and-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-5xl));   }   .content-beside-avatar {     display: flex;     flex-direction: column;     flex: 1 0 0;     min-width: 0;     gap: var(--spacing-2xl);     padding-top: var(--spacing-7xl);   }      .centered-content {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-2xl);     text-align: center;   }   .centered-content .text-content {     max-width: 640px;     align-items: center;   }   .centered-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-7xl));   } } @layer bh-variants {      :host([variant=banner-avatar]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-5xl));   }   :host([variant=banner-avatar-centered]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-7xl));   }   :host([variant=banner-avatar-centered]) .container {     padding-bottom: 0;   } } @layer bh-utilities {   @media (max-width: 768px) {     .container {       padding: 0 var(--bh-page-header-container-padding-mobile);       gap: var(--spacing-xl);     }     .banner-image-wrap {       height: var(--bh-page-header-banner-height-mobile);     }     .avatar-wrap bh-avatar {       --avatar-size-2xl: var(--bh-page-header-avatar-size-mobile);     }     .heading-row > .text-content {       min-width: 0;     }     .avatar-inline {       min-width: 0;     }     .heading-row {       flex-direction: column;       gap: var(--spacing-xl);     }     .content-block {       padding-top: 0;     }   } }`;
 
@@ -12,7 +13,7 @@ const BhPageHeader = class {
         index.registerInstance(this, hostRef);
         this.bhItemClick = index.createEvent(this, "bhItemClick");
     }
-    logger = errorBoundary.createComponentLogger(COMPONENT_NAME);
+    logger = logger.createComponentLogger(COMPONENT_NAME);
     /**
      * The main heading text
      */
@@ -136,7 +137,7 @@ const BhPageHeader = class {
             "is-centered": this.isCentered,
             "has-avatar": this.hasAvatar,
         };
-        return (index.h(index.Host, { key: 'd7b1e860bb40680faab346629adf834e8b5348f8', "aria-label": this.heading || "Page header", role: "banner" }, index.h("div", { key: '8cfbc1e96f504301d2cd5e1f891314f1ea389e5d', class: classes, part: "base" }, this.renderBannerImage(), index.h("div", { key: 'c87b684268591133efccc1e342888cec21e3b453', class: "container" }, !this.isBanner && this.renderBreadcrumbs(), this.renderVariantContent(), this.renderTabs(), this.renderDivider()))));
+        return (index.h(index.Host, { key: '62d3783612c4c884eb25afb83fcbacbabc419e32', "aria-label": this.heading || "Page header", role: "banner" }, index.h("div", { key: 'b1760099f2852fa0893576ee95ad07ee27d8747f', class: classes, part: "base" }, this.renderBannerImage(), index.h("div", { key: 'c1e4eb847e4b97fa8c7fb73bd06944e0c3916c4d', class: "container" }, !this.isBanner && this.renderBreadcrumbs(), this.renderVariantContent(), this.renderTabs(), this.renderDivider()))));
     }
 };
 BhPageHeader.style = bhPageHeaderCss();

package/dist/cjs/bh-page-navigation-child.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');
 
@@ -14,7 +15,7 @@ const BhPageNavigationChild = class {
         index.registerInstance(this, hostRef);
         this.bhItemClick = index.createEvent(this, "bhItemClick");
     }
-    logger = errorBoundary.createComponentLogger("bh-page-navigation-child");
+    logger = logger.createComponentLogger("bh-page-navigation-child");
     /**
      * Label text for the navigation item
      */
@@ -80,7 +81,7 @@ const BhPageNavigationChild = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '719c94c0c3d7bae9e42ae39a7a3b4dfb53b9c6f6' }, index.h("div", { key: 'b7b500d8a742e645eed91bf2a300799dc0af4574', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "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: "container", role: "button", tabIndex: 0 }, index.h("div", { key: '27f71f2ef1c220e0cf329df28d2a021d2a214baa', class: "page-navigation-child-content", part: "content" }, index.h("span", { key: 'b7f71ccb6b696608f22ff9a149a91a51c8cd2a96', class: "page-navigation-child-label", part: "label" }, this.label), this.badge !== undefined && this.showBadge && (index.h("bh-badge", { key: 'ad4fe867519d283abb1b0d6ae16bb69820d62c18', class: "page-navigation-child-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" }))))));
+        return (index.h(index.Host, { key: '7ca3756e57ce7523707ac6398e009a41251b5773' }, index.h("div", { key: '9d17db048c227e3d53d5d2adcacf5d06ebdb529e', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "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: "container", role: "button", tabIndex: 0 }, index.h("div", { key: '6e73d0d8e106d4712b45671d8501dd743925702d', class: "page-navigation-child-content", part: "content" }, index.h("span", { key: '6c7b32b203015fbf3eb2dfc9e41ae2a569c77c63', class: "page-navigation-child-label", part: "label" }, this.label), this.badge !== undefined && this.showBadge && (index.h("bh-badge", { key: 'a8510c3e2b9d0fd265f94273afbb09f9ca259361', class: "page-navigation-child-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" }))))));
     }
 };
 BhPageNavigationChild.style = bhPageNavigationChildCss();

package/dist/cjs/bh-page-navigation-multi-level_2.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 timers = require('./timers-DP0qMGY7.js');
 var validators = require('./validators-DfzKUg-b.js');
 var keyboardHelpers = require('./keyboard-helpers-CiUQBd3w.js');
@@ -25,7 +26,7 @@ const BhPageNavigationMultiLevel = class {
         this.bhItemClick = index.createEvent(this, "bhItemClick");
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger("bh-page-navigation-multi-level");
+    logger = logger.createComponentLogger("bh-page-navigation-multi-level");
     destroy$ = lifecycle.createDestroySubjectSync();
     /**
      * Label text for the navigation item
@@ -151,11 +152,11 @@ const BhPageNavigationMultiLevel = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9ec6a3884c08560fce28ec489cf2cc6584cdaae8' }, index.h("div", { key: '037a839d45f62714e43b7686d8bd8587c114a63c', class: this.getItemClasses(), part: "container" }, index.h("div", { key: '08b08b3cbf646f2a608e75b7dff4c4a75d4a6fcd', "aria-expanded": String(this.isExpanded), class: "page-navigation-multi-level-parent", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleParentClick, onFocus: this.handleFocus, onKeyDown: this.handleParentKeyDown, onMouseEnter: () => this.focusState.handleMouseEnter(), onMouseLeave: () => this.focusState.handleMouseLeave(), part: "parent", role: "button", tabIndex: 0 }, index.h("div", { key: '7752ca6a7e3c2e0e78da7d441db17020d83bff21', class: "page-navigation-item-content" }, !this.focusState.isHovered && (index.h("span", { key: '827f84917aea8873b93a86d03fed62146944ef98', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.focusState.isHovered && (index.h("span", { key: 'c2e9dbe17e62eb3d85660807bdb06c227d8f9b59', "aria-hidden": "true", class: {
+        return (index.h(index.Host, { key: 'd9741d97ddd3eafaa584a4ed2874b54586f12d27' }, index.h("div", { key: '78c214b1a6eed4371ddb9f9e7bfe6623d1981f9c', class: this.getItemClasses(), part: "container" }, index.h("div", { key: '61b5570c3bc98afccb9d8fa12036874eff797b00', "aria-expanded": String(this.isExpanded), class: "page-navigation-multi-level-parent", "data-focused": String(this.focusState.isFocused), "data-hovered": String(this.focusState.isHovered), onBlur: this.handleBlur, onClick: this.handleParentClick, onFocus: this.handleFocus, onKeyDown: this.handleParentKeyDown, onMouseEnter: () => this.focusState.handleMouseEnter(), onMouseLeave: () => this.focusState.handleMouseLeave(), part: "parent", role: "button", tabIndex: 0 }, index.h("div", { key: 'ecb225085b57e91a45ca5261160e5faa8fb5320d', class: "page-navigation-item-content" }, !this.focusState.isHovered && (index.h("span", { key: '3ec3d64a64ca0557f5dd1868b58afce58f5028c3', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.focusState.isHovered && (index.h("span", { key: '6e63fa64c2d5a24f6fc0440a961e58aad6fd044c', "aria-hidden": "true", class: {
                 "page-navigation-chevron-icon": true,
                 "material-symbols-outlined": true,
                 expanded: this.isExpanded,
-            } }, "expand_more")), index.h("span", { key: '4f35bd036f8352ed740b5da8ed5176c43446b8c0', class: "page-navigation-item-label" }, this.label), this.badge !== undefined && (index.h("bh-badge", { key: '0cae401dbf6ff088086d6d666b590e1b2dbac1e3', class: "page-navigation-item-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" })), index.h("bh-button-icon", { key: '28a1759aa9c91607b396e24e2342334d6e7c69c1', ariaLabel: `Add to ${this.label}`, hierarchy: "tertiary", iconName: "add", onClick: this.handleAddClick, size: "xs" }))), (this.isExpanded || this.isAnimating) && (index.h("div", { key: 'ea51a7b729a6ae51d5ac5597d28851576329293e', class: `page-navigation-children ${this.animationClass}`, part: "children", role: "group" }, this.getParsedChildItems().map((child, index$1) => (index.h("bh-page-navigation-child", { badge: child.badge, isActive: child.isActive, key: index$1, label: child.label, onBhItemClick: () => this.handleChildClick(index$1), showBadge: child.showBadge }))))))));
+            } }, "expand_more")), index.h("span", { key: 'e48c777f044af85e035969be85c75a44c0033972', class: "page-navigation-item-label" }, this.label), this.badge !== undefined && (index.h("bh-badge", { key: 'b3e00c448d7dd26de9c4a39e2cf256f7dc14e039', class: "page-navigation-item-badge", emphasis: "medium", label: String(this.badge), part: "badge", size: "sm", variant: "gray" })), index.h("bh-button-icon", { key: '4e6154e0f29457173b4617f554095c99bb1edee6', ariaLabel: `Add to ${this.label}`, hierarchy: "tertiary", iconName: "add", onClick: this.handleAddClick, size: "xs" }))), (this.isExpanded || this.isAnimating) && (index.h("div", { key: '4df9880e7f4975b317544e9a3b18156b5590830c', class: `page-navigation-children ${this.animationClass}`, part: "children", role: "group" }, this.getParsedChildItems().map((child, index$1) => (index.h("bh-page-navigation-child", { badge: child.badge, isActive: child.isActive, key: index$1, label: child.label, onBhItemClick: () => this.handleChildClick(index$1), showBadge: child.showBadge }))))))));
     }
     static get watchers() { return {
         "isExpanded": [{
@@ -172,7 +173,7 @@ const BhPageNavigationSingleLevel = class {
         index.registerInstance(this, hostRef);
         this.bhItemClick = index.createEvent(this, "bhItemClick");
     }
-    logger = errorBoundary.createComponentLogger("bh-page-navigation-single-level");
+    logger = logger.createComponentLogger("bh-page-navigation-single-level");
     /**
      * Label text for the navigation item
      */
@@ -235,7 +236,7 @@ const BhPageNavigationSingleLevel = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '926f7b96aa4bfde3d0341fba3d69ec93f85e0e19' }, index.h("div", { key: '0e48406513b267703cd832a25fe10f6c672ebd0e', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "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: "container", role: "button", tabIndex: 0 }, index.h("div", { key: '29a4b1860ccdc884559b71d92224db5a1e29232f', class: "page-navigation-item-content", part: "content" }, index.h("span", { key: 'c197ce8d5986b6c54a23e828619eac43afecfb84', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined", part: "icon" }, this.icon), index.h("span", { key: 'dfcede684220fee20569eae439ba1f63237ffd23', class: "page-navigation-item-label", part: "label" }, this.label)))));
+        return (index.h(index.Host, { key: 'ffa7f8fae621f03d4c069c8f335b905c35cec6fa' }, index.h("div", { key: 'de70f38734b07e9b2a3b9daee4e11c053aa73fdf', "aria-current": this.isActive ? "page" : undefined, class: this.getItemClasses(), "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: "container", role: "button", tabIndex: 0 }, index.h("div", { key: 'd5e9efd758166f3fc2f0c66f66f8442a0cd0e192', class: "page-navigation-item-content", part: "content" }, index.h("span", { key: '3d8bb218a663ed658fb59e8cb74fe8b754130406', "aria-hidden": "true", class: "page-navigation-item-icon material-symbols-outlined", part: "icon" }, this.icon), index.h("span", { key: '6d864cb47d3daca69f451f145f85b5fa823b81e9', class: "page-navigation-item-label", part: "label" }, this.label)))));
     }
 };
 BhPageNavigationSingleLevel.style = bhPageNavigationSingleLevelCss();

package/dist/cjs/bh-page-navigation.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 keyboardNavigation = require('./keyboard-navigation-C6C9tbAx.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 var i18n = require('./i18n-Twgo5raQ.js');
 require('./keyboard-constants-ByvH1XTM.js');
 
@@ -18,7 +19,7 @@ const BhPageNavigation = class {
         this.bhToggle = index.createEvent(this, "bhToggle");
     }
     get el() { return index.getElement(this); }
-    logger = errorBoundary.createComponentLogger("bh-page-navigation");
+    logger = logger.createComponentLogger("bh-page-navigation");
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -141,7 +142,7 @@ const BhPageNavigation = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: 'ca37f161d6ceb247769de5ef61b23e68e2f25697', onKeyDown: this.handleKeyDown }, index.h("div", { key: 'e58684263a131cc52c9540f5aae7b238a5959a5c', class: "page-navigation", part: "container" }, index.h("div", { key: '01cbed1c6fec04062bacdc52e116d0e2b76b1e9b', class: "page-navigation-header", part: "header" }, index.h("h2", { key: '8f209b85ca97a49e7d82a4ef83bef77c82590467', class: "page-navigation-title", part: "title" }, i18n.resolveI18n("bh-page-navigation", "navTitle", this.navTitle, "Navigation"))), index.h("nav", { key: '5651c9e04507904ba30eea3b1e3f541fe3a3398a', class: "page-navigation-list", part: "list" }, this.items.map((item) => item.type === "single" ? (index.h("bh-page-navigation-single-level", { icon: item.icon, isActive: item.isActive, key: item.id, label: item.label, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (index.h("bh-page-navigation-multi-level", { childItems: item.children || [], icon: item.icon, isExpanded: item.isExpanded, key: item.id, label: item.label, onBhChildClick: (e) => this.handleMultiLevelChildClick(item.id, e.detail), onBhToggle: () => this.handleMultiLevelToggle(item.id) })))), this.el.querySelector('[slot="bottom-button"]') && (index.h("div", { key: '9d8cd45a1209ad0d6f97eb66c9b3d7dbf8a3a24a', class: "page-navigation-footer", part: "footer" }, index.h("slot", { key: '1e5c16ccaa83e9ab9c355127973ac4ae652b52d6', name: "bottom-button" }))))));
+        return (index.h(index.Host, { key: 'dc139f2e304e1d39a1b112faca7cbe3438154b82', onKeyDown: this.handleKeyDown }, index.h("div", { key: '8c358776ba7d8eba4689955cd16ca1891a23b060', class: "page-navigation", part: "container" }, index.h("div", { key: 'e0ccffaef211d071899db55b17f64261baf55bcc', class: "page-navigation-header", part: "header" }, index.h("h2", { key: 'aa20cdaa13d5f80590baf4b6c0ca546798f3800f', class: "page-navigation-title", part: "title" }, i18n.resolveI18n("bh-page-navigation", "navTitle", this.navTitle, "Navigation"))), index.h("nav", { key: 'b5ac929da441edf4bb5128d508302ab243cc5be1', class: "page-navigation-list", part: "list" }, this.items.map((item) => item.type === "single" ? (index.h("bh-page-navigation-single-level", { icon: item.icon, isActive: item.isActive, key: item.id, label: item.label, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (index.h("bh-page-navigation-multi-level", { childItems: item.children || [], icon: item.icon, isExpanded: item.isExpanded, key: item.id, label: item.label, onBhChildClick: (e) => this.handleMultiLevelChildClick(item.id, e.detail), onBhToggle: () => this.handleMultiLevelToggle(item.id) })))), this.el.querySelector('[slot="bottom-button"]') && (index.h("div", { key: '00f87f12096138fafec24be173695a61634dd9ae', class: "page-navigation-footer", part: "footer" }, index.h("slot", { key: '1f5a1be10ef4e4d7048fa324b134a4af1a9c0081', name: "bottom-button" }))))));
     }
     static get watchers() { return {
         "navigationItems": [{

package/dist/cjs/bh-pagination_2.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 i18n = require('./i18n-Twgo5raQ.js');
 var keyboardConstants = require('./keyboard-constants-ByvH1XTM.js');
 var idGenerator = require('./id-generator-1p5-oe0z.js');
@@ -29,7 +30,7 @@ const BhPagination = class {
         index.registerInstance(this, hostRef);
         this.bhChange = index.createEvent(this, "bhChange");
     }
-    logger = errorBoundary.createComponentLogger("bh-pagination");
+    logger = logger.createComponentLogger("bh-pagination");
     focusState = focusStateManager.createFocusStateManager();
     i18nUnsubscribe;
     _i18nVersion = 0;
@@ -350,10 +351,10 @@ const BhPagination = class {
             "pagination-disabled": this.disabled,
             "pagination-compact": this.compact,
         };
-        return (index.h(index.Host, { key: '636f605ca421b676d81d83106ddaaaf97a72c939' }, index.h("div", { key: 'bd9e255273fb2c16f293dfd13c67be6ff5512cdb', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": "Pagination", class: paginationClasses, "data-focus-version": this.focusVersion, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "pagination", role: "navigation", tabIndex: this.disabled ? -1 : 0 }, index.h("div", { key: '1e442d973788dd0364e2d84d78e9a43dc109ae0c', class: "pagination-controls", part: "controls" }, this.showPageSize && (index.h("div", { key: '674a9e7173c9160ab60c8955f2504c7e17844ba2', "aria-label": i18n.resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:"), class: "pagination-page-size", role: "group" }, index.h("span", { key: 'dd6ebf74ab120ceeceef3cec366cd43144b39348', "aria-hidden": "true", class: "pagination-page-size-label" }, i18n.resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:")), index.h("bh-select", { key: '2314c665835f7fd54639f33828b5096e59c1f8bf', class: "pagination-select", disabled: this.disabled, onBhChange: (e) => this.handlePageSizeChange(e), options: this.pageSizeOptions.map((size) => ({
+        return (index.h(index.Host, { key: 'd589b2ea9f5847b246c11fba873a94d559e2c54d' }, index.h("div", { key: 'ac6334183a690267b6b353383a77c78c2f5af164', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": "Pagination", class: paginationClasses, "data-focus-version": this.focusVersion, "data-focus-visible": this.focusState.isKeyboardFocused ? "true" : "false", "data-focused": this.focusState.isFocused, "data-hovered": this.focusState.isHovered, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, part: "pagination", role: "navigation", tabIndex: this.disabled ? -1 : 0 }, index.h("div", { key: 'd3810303e27e59bb90738eedf0613373411f8b8f', class: "pagination-controls", part: "controls" }, this.showPageSize && (index.h("div", { key: '31cec839476e410aad5a83d9122d7b6d35ea10d3', "aria-label": i18n.resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:"), class: "pagination-page-size", role: "group" }, index.h("span", { key: '06930e1fb13f06b3171fe0c76d1aba14d04e69f0', "aria-hidden": "true", class: "pagination-page-size-label" }, i18n.resolveI18n("bh-pagination", "rowsPerPageLabel", this.rowsPerPageLabel, "Rows per page:")), index.h("bh-select", { key: 'fe42b32ff394ca8dd4e2002dcb8103b3a19368ab', class: "pagination-select", disabled: this.disabled, onBhChange: (e) => this.handlePageSizeChange(e), options: this.pageSizeOptions.map((size) => ({
                 value: String(size),
                 label: String(size),
-            })), size: "sm", value: String(this.internalPageSize) }))), index.h("div", { key: '1d65e9aaf02fefc4616c6c3a1a048d1717d9410d', class: "pagination-nav", part: "nav" }, index.h("bh-button-icon", { key: 'f056a493436b7cd6dee357f49746ad52b42bfab5', ariaLabel: "Go to previous page", class: "pagination-btn", disabled: !this.canGoPrevious, hierarchy: "tertiary", iconName: "chevron_left", onClick: this.goToPrevious, size: "sm" }), this.renderPageNumbers(), index.h("bh-button-icon", { key: '92f29e3c7fc782bfdf85a912fa80a87f69743d16', ariaLabel: "Go to next page", class: "pagination-btn", disabled: !this.canGoNext, hierarchy: "tertiary", iconName: "chevron_right", onClick: this.goToNext, size: "sm" }))), this.showItemCount && (index.h("div", { key: '9bd23686d53d02eb890bd2c004761ffee5b4cd4f', "aria-atomic": "true", "aria-live": "polite", class: "pagination-info", part: "info" }, index.h("span", { key: '2b28ef9e6912e8bde6afca15dbbd76b5b961fa6d', class: "pagination-info-text" }, this.getInfoText()))))));
+            })), size: "sm", value: String(this.internalPageSize) }))), index.h("div", { key: 'c4f4c7c46ca38c867d95ce1aab1dbcbdeb150b14', class: "pagination-nav", part: "nav" }, index.h("bh-button-icon", { key: '8c1338fe1ba4a928dea15ba223dd57f480425a0e', ariaLabel: "Go to previous page", class: "pagination-btn", disabled: !this.canGoPrevious, hierarchy: "tertiary", iconName: "chevron_left", onClick: this.goToPrevious, size: "sm" }), this.renderPageNumbers(), index.h("bh-button-icon", { key: 'c0c49d698452890b3996394ffa5b142a8f23890e', ariaLabel: "Go to next page", class: "pagination-btn", disabled: !this.canGoNext, hierarchy: "tertiary", iconName: "chevron_right", onClick: this.goToNext, size: "sm" }))), this.showItemCount && (index.h("div", { key: 'f5bc52de1ea8511b4ffc92ee5285be558c3cb633', "aria-atomic": "true", "aria-live": "polite", class: "pagination-info", part: "info" }, index.h("span", { key: '475b2a8c3eb9c9c6f992bf7d424b91538b44a5e9', class: "pagination-info-text" }, this.getInfoText()))))));
     }
 };
 BhPagination.style = bhPaginationCss();
@@ -382,7 +383,7 @@ const BhSelect = class {
     }
     get el() { return index.getElement(this); }
     internals;
-    logger = errorBoundary.createComponentLogger("bh-select");
+    logger = logger.createComponentLogger("bh-select");
     focusState = focusStateManager.createFocusStateManager();
     selectId = idGenerator.generateUniqueId("bh-select");
     triggerRef;
@@ -873,7 +874,7 @@ const BhSelect = class {
                 width: this.menuWidth > 0 ? `${this.menuWidth}px` : undefined,
             }
             : { display: "none" };
-        return (index.h(index.Host, { key: '54a25e68eb56eeb45dc02268b6841c3f56d4cd7f' }, index.h("div", { key: 'd79d8c99bc590fea80ffa93ec63049bf026842e4', class: "select-wrapper", part: "wrapper" }, this.label && (index.h("span", { key: '5df519601e51b84a44e85be961e569c7f1d9c3a1', class: "select-label", id: labelId, part: "label" }, this.label, this.required && (index.h("span", { key: 'd40dc62c2f84d9b9aab95874b3fe3d079d1aaeef', "aria-hidden": "true", class: "select-required" }, "*")))), index.h("div", { key: 'b31c8aecfbe11de9a2c0768df92d903056d53e74', "aria-activedescendant": this.isOpen && this.activeIndex >= 0
+        return (index.h(index.Host, { key: '43f8bb5f4e255ab16856ae95df0fa99b13479168' }, index.h("div", { key: 'ff1b24b8180c0369bbbc3f5a7d80d9cc04ae4c58', class: "select-wrapper", part: "wrapper" }, this.label && (index.h("span", { key: '7999ddb59b69cc028089060abd65d39cddcc6477', class: "select-label", id: labelId, part: "label" }, this.label, this.required && (index.h("span", { key: '801a705676425d1f3894eeb088fb0d244ea6f498', "aria-hidden": "true", class: "select-required" }, "*")))), index.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 &&
@@ -892,13 +893,13 @@ const BhSelect = class {
                     e.stopPropagation();
             }, onInput: this.handleSearchInput, placeholder: i18n.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 ? (index.h("span", { class: "select-value" }, selected.label)) : (index.h("span", { class: "select-placeholder" }, i18n.resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"))), this.clearable && hasValue && (index.h("button", { key: '34c5f3e3ffed7a3bc106ac25e70a10ab54778231', "aria-label": "Clear selection", class: "trigger-clear", onClick: this.clearAll, tabIndex: -1, type: "button" }, index.h("span", { key: '1e5ac56e69edadaee20dae25729d3078514a6f00', "aria-hidden": "true", class: "material-symbols-outlined" }, "close"))), index.h("span", { key: '33359b20f7199171f04366b1176bca1f4ad4f6e1', "aria-hidden": "true", class: "material-symbols-outlined trigger-icon" }, this.isOpen ? "expand_less" : "expand_more")), this.supportingText && (index.h("div", { key: '3e07eec1338e2ed9415792f7ed4ade0b810e183e', class: {
+            }, type: "text", value: this.isOpen ? this.searchQuery : (selected?.label ?? "") })) : selected ? (index.h("span", { class: "select-value" }, selected.label)) : (index.h("span", { class: "select-placeholder" }, i18n.resolveI18n("bh-select", "placeholder", this.placeholder, "Select…"))), this.clearable && hasValue && (index.h("button", { key: 'c062ac5e898db328ec3ff70daf488ecddb246238', "aria-label": "Clear selection", class: "trigger-clear", onClick: this.clearAll, tabIndex: -1, type: "button" }, index.h("span", { key: '89e0d0c5288c7c2345a3e576a006442bd7c079ae', "aria-hidden": "true", class: "material-symbols-outlined" }, "close"))), index.h("span", { key: 'a3336ce2bf823cccdae80eff7c472b259b43e51c', "aria-hidden": "true", class: "material-symbols-outlined trigger-icon" }, this.isOpen ? "expand_less" : "expand_more")), this.supportingText && (index.h("div", { key: 'd35ed101cccc3eb83a4a8fc15f2b53f4afb28773', class: {
                 "supporting-text": true,
                 "supporting-error": this.error,
-            }, id: supportingId, part: "supporting-text" }, this.supportingText)), index.h("div", { key: '061c8a817d8ad2f530afde1afbf82d527fc64696', "aria-labelledby": this.label ? labelId : undefined, "aria-multiselectable": this.multiple ? "true" : undefined, class: {
+            }, id: supportingId, part: "supporting-text" }, this.supportingText)), index.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 }, index.h("div", { key: 'c99d558c9a8fd4774ba76f82dac6287bd533b25c', class: "menu-items" }, this.displayedOptions.map((option, index$1) => {
+            }, id: listboxId, part: "menu", ref: (el) => (this.menuRef = el), role: "listbox", style: menuStyle }, index.h("div", { key: 'fe60eb6b80628bd41af456f4576ae26ac8fc8d76', class: "menu-items" }, this.displayedOptions.map((option, index$1) => {
             const isSelected = this.multiple
                 ? this.parsedValues.includes(option.value)
                 : option.value === this.value;

package/dist/cjs/bh-picker-menu.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 i18n = require('./i18n-Twgo5raQ.js');
 var constants = require('./constants-B93iN3Uz.js');
@@ -16,7 +17,7 @@ const BhPickerMenu = class {
         this.bhChange = index.createEvent(this, "bhChange");
         this.bhAction = index.createEvent(this, "bhAction");
     }
-    logger = errorBoundary.createComponentLogger("bh-picker-menu");
+    logger = logger.createComponentLogger("bh-picker-menu");
     destroy$ = lifecycle.createDestroySubjectSync();
     i18nUnsubscribe;
     _i18nVersion = 0;

package/dist/cjs/bh-pie-chart.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 i18n = require('./i18n-Twgo5raQ.js');
 var metrics = require('./metrics-DtkENqew.js');
+var errorBoundary = require('./error-boundary-fNUNT0lE.js');
 
 const bhPieChartCss = () => `  @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: inline-block;          --bh-pie-chart-legend-gap: var(--spacing-lg, 12px);     --bh-pie-chart-legend-item-gap: var(--spacing-xs, 4px);     --bh-pie-chart-legend-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-pie-chart-legend-font-size: var(--text-xs-size, 0.75rem);     --bh-pie-chart-legend-dot-size: 8px;     --bh-pie-chart-center-label-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-pie-chart-center-value-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-pie-chart-center-value-size: var(--text-lg-size, 1.125rem);     --bh-pie-chart-trend-positive-color: var(       --color-text-success,       hsl(152deg 82% 39%)     );     --bh-pie-chart-trend-negative-color: var(       --color-text-error,       hsl(4deg 76% 48%)     );     --bh-pie-chart-trend-neutral-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );   } } @layer bh-base {   .pie-chart-wrapper {     display: inline-flex;     align-items: center;     gap: var(--bh-pie-chart-legend-gap);   }   .pie-chart-wrapper.legend-bottom {     flex-direction: column;   }   .pie-chart-wrapper.legend-right {     flex-direction: row;   }   .pie-chart-container {     display: inline-block;     width: 160px;     height: 160px;     overflow: visible;     position: relative;   }   .pie-legend {     display: flex;     flex-direction: column;     gap: var(--bh-pie-chart-legend-item-gap);   }   .pie-legend-item {     display: flex;     align-items: center;     gap: var(--bh-pie-chart-legend-item-gap);     font-size: var(--bh-pie-chart-legend-font-size);     color: var(--bh-pie-chart-legend-color);     font-family: var(--font-inter, system-ui, sans-serif);     white-space: nowrap;   }   .pie-legend-dot {     width: var(--bh-pie-chart-legend-dot-size);     height: var(--bh-pie-chart-legend-dot-size);     border-radius: var(--radius-full, 9999px);     flex-shrink: 0;   }   .pie-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;     font-family: var(--font-inter, system-ui, sans-serif);   }   .pie-center-label {     font-size: var(--bh-pie-chart-legend-font-size);     color: var(--bh-pie-chart-center-label-color);     line-height: var(--line-height-normal, 1.5);   }   .pie-center-value {     font-size: var(--bh-pie-chart-center-value-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-pie-chart-center-value-color);     line-height: var(--line-height-tight, 1.25);   }   .pie-center-trend {     font-size: var(--bh-pie-chart-legend-font-size);     line-height: var(--line-height-normal, 1.5);   }   .pie-center-trend.trend-positive {     color: var(--bh-pie-chart-trend-positive-color);   }   .pie-center-trend.trend-negative {     color: var(--bh-pie-chart-trend-negative-color);   }   .pie-center-trend.trend-neutral {     color: var(--bh-pie-chart-trend-neutral-color);   }   .pie-chart-svg {     width: 100%;     height: 100%;     overflow: visible;   }   .pie-segment {     cursor: pointer;     transition: opacity var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);     transform-origin: 80px 80px;   }   .pie-background {     pointer-events: none;   }   .pie-inner-hole {     pointer-events: none;   }   .pie-segment-group {     pointer-events: auto;   } } @layer bh-variants {   .pie-segment.animated {     opacity: 0;     transform: scale(0.3) rotate(-180deg);     animation: pieSliceReveal 0.8s var(--animation-ease-enter, ease-out) forwards;   } } @layer bh-states {   .pie-segment:hover {     opacity: 0.85;     transform: scale(1.05);     filter: brightness(1.1);     transition: all var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);   } } @layer bh-utilities {   @keyframes pieSliceReveal {     0% {       opacity: 0;       transform: scale(0.3) rotate(-180deg);     }     15% {       opacity: 0.2;       transform: scale(0.45) rotate(-135deg);     }     30% {       opacity: 0.5;       transform: scale(0.7) rotate(-70deg);     }     45% {       opacity: 0.7;       transform: scale(0.9) rotate(-25deg);     }     60% {       opacity: 0.85;       transform: scale(1.05) rotate(-8deg);     }     80% {       opacity: 0.95;       transform: scale(1.01) rotate(-1deg);     }     100% {       opacity: 1;       transform: scale(1) rotate(0deg);     }   }   @media (prefers-reduced-motion: reduce) {     .pie-segment.animated {       animation: none;       opacity: 1;       transform: none;     }   } }`;
 
@@ -70,7 +71,7 @@ const BhPieChart = class {
     tooltipX = 0;
     tooltipY = 0;
     tooltipSegment = null;
-    logger = errorBoundary.createComponentLogger("bh-pie-chart");
+    logger = logger.createComponentLogger("bh-pie-chart");
     i18nUnsubscribe;
     _i18nVersion = 0;
     /**
@@ -287,12 +288,12 @@ const BhPieChart = class {
     render() {
         const segments = this.getSegments();
         const innerRadius = this.getInnerRadius();
-        return (index.h(index.Host, { key: '3bc0a9b002ee92bc89f81948734ddaf04087f90f' }, index.h("div", { key: 'd7ba440a122b50800c3bb0e35321563ea7c30392', class: {
+        return (index.h(index.Host, { key: '32e213722ad430ed2b9e4b235d44d43893a0640a' }, index.h("div", { key: 'd3d031c4e3b35f84cdd11f3f91f235b190a89dfb', class: {
                 "pie-chart-wrapper": true,
                 [`legend-${this.legendPosition}`]: this.showLegend,
-            } }, index.h("div", { key: 'd913f5ed492560051e84de771cf729762d9398fb', class: "pie-chart-container", part: "container", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("svg", { key: '47f04a124612d37d93b68a99ee87b6b475df2899', "aria-label": i18n.resolveI18n("bh-pie-chart", "ariaLabel", undefined, "Pie chart"), class: "pie-chart-svg", height: this.size, role: "img", viewBox: "0 0 160 160", width: this.size }, index.h("circle", { key: '15c6dd28189ca2e1f392b018ae17ffe5bcf278af', class: "pie-background", cx: "80", cy: "80", fill: "transparent", r: "80" }), segments.map((segment, index$1) => (index.h("g", { class: "pie-segment-group", key: index$1 }, index.h("path", { class: { "pie-segment": true, animated: this.animated }, d: segment.path, fill: segment.color, onClick: (e) => this.handleSegmentClick(e, segment), onMouseEnter: (e) => this.handleSegmentHover(e, segment), onMouseLeave: (e) => this.handleSegmentLeave(e, segment), style: {
+            } }, index.h("div", { key: '6e465a575be22db278fa1d7a4292bbf50075007b', class: "pie-chart-container", part: "container", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("svg", { key: 'a0abc090cb119e67b7dfb17ab403a3add4e34e1a', "aria-label": i18n.resolveI18n("bh-pie-chart", "ariaLabel", undefined, "Pie chart"), class: "pie-chart-svg", height: this.size, role: "img", viewBox: "0 0 160 160", width: this.size }, index.h("circle", { key: '3e9d942315f0c22c637d5e76dcabf3a300e7b0a7', class: "pie-background", cx: "80", cy: "80", fill: "transparent", r: "80" }), segments.map((segment, index$1) => (index.h("g", { class: "pie-segment-group", key: index$1 }, index.h("path", { class: { "pie-segment": true, animated: this.animated }, d: segment.path, fill: segment.color, onClick: (e) => this.handleSegmentClick(e, segment), onMouseEnter: (e) => this.handleSegmentHover(e, segment), onMouseLeave: (e) => this.handleSegmentLeave(e, segment), style: {
                 animationDelay: this.animated ? `${index$1 * 0.03}s` : "0s",
-            } })))), this.hole !== "none" && (index.h("circle", { key: '6b65df0fa5c286d510434902912b1391b2d708f8', class: "pie-inner-hole", cx: "80", cy: "80", fill: "white", r: innerRadius }))), this.renderCenterText()), this.renderLegend(segments)), index.h("bh-chart-tooltip", { key: '81321a1817182e939856c6dcd8ff3700c5920a0d', "aria-hidden": this.tooltipVisible ? undefined : "true", items: this.tooltipSegment
+            } })))), this.hole !== "none" && (index.h("circle", { key: '6b1fbf81da9588ab088329c32bf3aa9b3d29f2f4', class: "pie-inner-hole", cx: "80", cy: "80", fill: "white", r: innerRadius }))), this.renderCenterText()), this.renderLegend(segments)), index.h("bh-chart-tooltip", { key: '39bce63e5b0eab31b002a481b6e9dc9580ce211a', "aria-hidden": this.tooltipVisible ? undefined : "true", items: this.tooltipSegment
                 ? [
                     {
                         label: this.tooltipSegment.name,

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

@@ -2,8 +2,9 @@
 
 var index = require('./index-B6sArKsK.js');
 var bhPivotGrid_dnd = require('./bh-pivot-grid.dnd-BiY6AToS.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');
 
 const bhPivotGridFieldChooserCss = () => `@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;box-sizing:border-box;--bh-pivot-grid-field-chooser-border-color:var(--color-neutral-200);--bh-pivot-grid-field-chooser-header-text:var(--color-neutral-600);--bh-pivot-grid-field-chooser-chip-bg:var(--color-white);--bh-pivot-grid-field-chooser-chip-radius:var(--radius-xs);--bh-pivot-grid-field-chooser-drop-zone-bg:var(--color-brand-100)}}.field-chooser-root{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg);font-family:var(--font-inter);color:var(--bh-pivot-grid-cell-text)}.field-chooser-areas{display:flex;flex-direction:column;gap:var(--spacing-lg)}.field-chooser-area{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--bh-button-height-sm)}.field-chooser-area-label{font-size:var(--text-xs-size);font-weight:var(--weight-semibold);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-field-chooser-header-text);min-width:var(--bh-pivot-grid-filter-trigger-min-width);flex-shrink:0}.field-chooser-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:var(--bh-button-height-sm);padding:var(--spacing-xxs) 0}.field-chooser-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--text-xs-size);line-height:var(--text-xs-line);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);background:var(--bh-pivot-grid-field-chooser-chip-bg);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);color:var(--bh-pivot-grid-cell-text);user-select:none;transition:background-color var(--animation-duration-fast) ease}.field-chooser-chip[draggable=true]{cursor:grab}:host([aria-disabled=true]) .field-chooser-chip{cursor:not-allowed;opacity:0.6}.field-chooser-drop-zone-active{background:var(--bh-pivot-grid-field-chooser-drop-zone-bg);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);min-height:var(--bh-button-height-md)}.field-chooser-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bh-pivot-grid-field-chooser-border-color)}.field-chooser-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);border-radius:var(--radius-xs);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);background:var(--bh-pivot-grid-field-chooser-chip-bg);color:var(--bh-pivot-grid-cell-text);cursor:pointer;transition:background-color var(--animation-duration-fast) ease}.field-chooser-btn:hover:not(:disabled){background:var(--bh-pivot-grid-hover-bg)}.field-chooser-btn-primary{background:var(--color-bg-interactive);border-color:var(--color-bg-interactive);color:var(--color-text-inverse)}.field-chooser-btn-primary:hover:not(:disabled){background:var(--color-bg-interactive-hover);border-color:var(--color-bg-interactive-hover)}`;
@@ -24,7 +25,7 @@ const BhPivotGridFieldChooser = class {
         this.bhReady = index.createEvent(this, "bhReady");
         this.bhError = index.createEvent(this, "bhError");
     }
-    logger = errorBoundary.createComponentLogger("bh-pivot-grid-field-chooser");
+    logger = logger.createComponentLogger("bh-pivot-grid-field-chooser");
     // ---------------------------------------------------------------------------
     // Props
     // ---------------------------------------------------------------------------
@@ -179,9 +180,9 @@ const BhPivotGridFieldChooser = class {
     render() {
         const t = this.t;
         const showApplyBar = this.applyChangesMode === "onDemand" && !this.disabled;
-        return (index.h(index.Host, { key: '3fc5b1098662855265360b07158cdab17ff3aa00', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": i18n.resolveI18n("bh-pivot-grid-field-chooser", "ariaLabel", undefined, "Pivot grid field chooser"), class: {
+        return (index.h(index.Host, { key: '160bca86a8a6ed39db89caf216f7488b79adb53a', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": i18n.resolveI18n("bh-pivot-grid-field-chooser", "ariaLabel", undefined, "Pivot grid field chooser"), class: {
                 "field-chooser-on-demand": this.applyChangesMode === "onDemand",
-            } }, index.h("div", { key: '439303c722224870a3f022b13fdc230f73e394a1', class: "field-chooser-root" }, index.h("div", { key: '4704552b1be0225604aab5388c82cd0838163fe1', class: "field-chooser-areas" }, this.renderArea("row", t.rowFields ?? "Row Fields"), this.renderArea("column", t.columnFields ?? "Column Fields"), this.renderArea("data", t.dataFields ?? "Data Fields"), this.renderArea("filter", t.filterFields ?? "Filter Fields")), showApplyBar && (index.h("div", { key: '7c207f0a27b4137fc9968dce6fb0b88c6cb67fbd', class: "field-chooser-footer" }, index.h("button", { key: '6ef0182ca26bd1da91bec83fbf412402745a1c9a', class: "field-chooser-btn", onClick: this.resetPending, type: "button" }, t.cancel ?? "Cancel"), index.h("button", { key: '895c9efc02dfc2ba8401a51ee9dc04ac7095494a', class: "field-chooser-btn field-chooser-btn-primary", onClick: this.applyPending, type: "button" }, t.ok ??
+            } }, index.h("div", { key: 'dc9212b713e3f624fc4301e7b7f0f700b19acc46', class: "field-chooser-root" }, index.h("div", { key: '57c0ebbf3e46b6c4bc65b957053842242bba24c7', class: "field-chooser-areas" }, this.renderArea("row", t.rowFields ?? "Row Fields"), this.renderArea("column", t.columnFields ?? "Column Fields"), this.renderArea("data", t.dataFields ?? "Data Fields"), this.renderArea("filter", t.filterFields ?? "Filter Fields")), showApplyBar && (index.h("div", { key: 'd86dada751587c7d2fe1c942a275a4a46b048598', class: "field-chooser-footer" }, index.h("button", { key: 'f4214fc1bce9748079ff58c675ab6d4c9161942a', class: "field-chooser-btn", onClick: this.resetPending, type: "button" }, t.cancel ?? "Cancel"), index.h("button", { key: '77812e2d497ccc04c28d9d0c273ec532239d7e57', class: "field-chooser-btn field-chooser-btn-primary", onClick: this.applyPending, type: "button" }, t.ok ??
             i18n.resolveI18n("bh-pivot-grid-field-chooser", "applyLabel", undefined, "Apply")))))));
     }
     static get watchers() { return {