@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/collection/components/bh-command-bar/bh-command-bar.js

@@ -0,0 +1,663 @@
+import { Host, h, } from "@stencil/core";
+import { BellhopI18n, createComponentLogger, createDismissalManager, matchesHotkey, resolveI18n, } from "../../utils";
+const initialsOf = (name) => (name ?? "")
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((part) => part[0]?.toUpperCase() ?? "")
+    .join("");
+export class BhCommandBar {
+    logger = createComponentLogger("bh-command-bar");
+    dismissalManager;
+    i18nUnsubscribe;
+    inputRef;
+    pendingFocus = false;
+    _i18nVersion = 0;
+    el;
+    /**
+     * Command sections (array or JSON string).
+     */
+    sections = [];
+    /**
+     * Whether the palette is open. Reflects so consumers can read/drive it.
+     */
+    open = false;
+    /**
+     * Global shortcut that toggles the palette (e.g. "cmd+k"). When set, a
+     * document-level listener is registered; "cmd" matches ⌘ on macOS and
+     * Ctrl elsewhere. Omit to control the palette programmatically only.
+     */
+    hotkey;
+    /**
+     * Search input placeholder. Allows i18n.
+     */
+    placeholder = "Type a command or search";
+    /**
+     * Empty-state message. Allows i18n.
+     */
+    emptyMessage = "No results found";
+    /**
+     * List density
+     */
+    size = "md";
+    /**
+     * Footer hint labels. Allow i18n.
+     */
+    navigateLabel = "Navigate";
+    selectLabel = "Select";
+    closeLabel = "Close";
+    backLabel = "Return to parent";
+    /**
+     * Accessible label for the footer settings button. Allows i18n.
+     */
+    settingsAriaLabel = "Command bar settings";
+    query = "";
+    activeIndex = -1;
+    levelStack = [];
+    /**
+     * Emitted when the palette opens.
+     */
+    bhOpen;
+    /**
+     * Emitted when the palette closes.
+     */
+    bhClose;
+    /**
+     * Emitted when the search query changes. Detail carries the query.
+     */
+    bhChange;
+    /**
+     * Emitted when a leaf item is selected. Detail carries the item and its
+     * ancestor chain (outermost first).
+     */
+    bhItemClick;
+    /**
+     * Emitted for auxiliary actions (footer settings gear).
+     */
+    bhAction;
+    handleOpenChange(isOpen) {
+        if (isOpen) {
+            this.dismissalManager?.enable();
+            this.pendingFocus = true;
+        }
+        else {
+            this.dismissalManager?.disable();
+            this.resetNavigation();
+        }
+    }
+    componentWillLoad() {
+        this.i18nUnsubscribe = BellhopI18n.onLocaleChange(() => {
+            this._i18nVersion++;
+        });
+    }
+    componentDidLoad() {
+        this.dismissalManager = createDismissalManager(this.el, {
+            onDismiss: () => this.setOpen(false),
+            escapeKey: true,
+            clickOutside: true,
+            focusLoss: false,
+        });
+        if (this.hotkey) {
+            document.addEventListener("keydown", this.handleGlobalKeyDown);
+        }
+        if (this.open) {
+            this.dismissalManager.enable();
+            this.pendingFocus = true;
+            this.focusPendingInput();
+        }
+    }
+    componentDidRender() {
+        this.focusPendingInput();
+    }
+    disconnectedCallback() {
+        this.dismissalManager?.destroy();
+        document.removeEventListener("keydown", this.handleGlobalKeyDown);
+        this.i18nUnsubscribe?.();
+    }
+    /**
+     * Open the palette.
+     */
+    async show() {
+        this.setOpen(true);
+    }
+    /**
+     * Close the palette.
+     */
+    async hide() {
+        this.setOpen(false);
+    }
+    parseSections() {
+        if (typeof this.sections !== "string") {
+            return this.sections;
+        }
+        if (this.sections.trim() === "") {
+            return [];
+        }
+        try {
+            return JSON.parse(this.sections);
+        }
+        catch (error) {
+            this.logger.error("Invalid sections JSON", error instanceof Error ? error : new Error(String(error)));
+            return [];
+        }
+    }
+    /** Sections for the current drill-down level */
+    currentSections() {
+        const level = this.levelStack.at(-1);
+        if (level) {
+            return [{ id: level.id, items: level.children ?? [] }];
+        }
+        return this.parseSections();
+    }
+    matchesQuery(item) {
+        const query = this.query.trim().toLowerCase();
+        if (!query) {
+            return true;
+        }
+        return [item.label, item.description, item.path]
+            .filter((text) => Boolean(text))
+            .some((text) => text.toLowerCase().includes(query));
+    }
+    visibleSections() {
+        return this.currentSections()
+            .map((section) => ({
+            ...section,
+            items: section.items.filter((item) => this.matchesQuery(item)),
+        }))
+            .filter((section) => section.items.length > 0);
+    }
+    flatItems() {
+        return this.visibleSections().flatMap((section) => section.items.map((item) => ({ item, sectionId: section.id })));
+    }
+    setOpen(isOpen) {
+        if (this.open === isOpen) {
+            return;
+        }
+        this.open = isOpen;
+        if (isOpen) {
+            this.bhOpen.emit();
+        }
+        else {
+            this.bhClose.emit();
+        }
+    }
+    resetNavigation() {
+        this.query = "";
+        this.activeIndex = -1;
+        this.levelStack = [];
+    }
+    focusPendingInput() {
+        if (!(this.pendingFocus && this.inputRef)) {
+            return;
+        }
+        this.pendingFocus = false;
+        this.inputRef.focus();
+    }
+    selectItem(flat) {
+        if (flat.item.children?.length) {
+            this.levelStack = [...this.levelStack, flat.item];
+            this.query = "";
+            this.activeIndex = -1;
+            return;
+        }
+        this.bhItemClick.emit({ item: flat.item, parents: [...this.levelStack] });
+        this.setOpen(false);
+    }
+    popLevel() {
+        if (this.levelStack.length === 0) {
+            return;
+        }
+        this.levelStack = this.levelStack.slice(0, -1);
+        this.query = "";
+        this.activeIndex = -1;
+    }
+    handleGlobalKeyDown = (event) => {
+        if (this.hotkey && matchesHotkey(event, this.hotkey)) {
+            event.preventDefault();
+            this.setOpen(!this.open);
+        }
+    };
+    handleInput = (event) => {
+        this.query = event.target.value;
+        this.activeIndex = -1;
+        this.bhChange.emit({ query: this.query });
+    };
+    handleInputKeyDown = (event) => {
+        const items = this.flatItems();
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.activeIndex = Math.min(this.activeIndex + 1, items.length - 1);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.activeIndex = Math.max(this.activeIndex - 1, 0);
+                break;
+            case "Enter": {
+                const active = items[this.activeIndex];
+                if (active) {
+                    event.preventDefault();
+                    this.selectItem(active);
+                }
+                break;
+            }
+            case "ArrowLeft":
+                if (this.query === "" && this.levelStack.length > 0) {
+                    event.preventDefault();
+                    this.popLevel();
+                }
+                break;
+            default:
+                break;
+        }
+    };
+    t(key, propValue, fallback) {
+        return resolveI18n("bh-command-bar", key, propValue, fallback);
+    }
+    renderLeading(item) {
+        if (item.author || item.avatarSrc) {
+            return (h("bh-avatar", { alt: item.author ?? "Avatar", imageSrc: item.avatarSrc, size: "sm", text: initialsOf(item.author), variant: item.avatarSrc ? "image" : "text" }));
+        }
+        if (item.icon) {
+            return (h("span", { "aria-hidden": "true", class: "material-symbols-outlined item-icon" }, item.icon));
+        }
+        return null;
+    }
+    renderItem(flat, index) {
+        const { item } = flat;
+        const active = index === this.activeIndex;
+        return (h("li", { key: item.id }, h("button", { "aria-selected": active ? "true" : "false", class: { item: true, active, stacked: Boolean(item.description) }, id: `command-item-${item.id}`, onClick: () => this.selectItem(flat), onMouseEnter: () => {
+                this.activeIndex = index;
+            }, role: "option", type: "button" }, this.renderLeading(item), h("span", { class: "item-text" }, h("span", { class: "item-title-row" }, h("span", { class: "item-label" }, item.label), item.path && h("span", { class: "item-path" }, "/ ", item.path)), item.description && (h("span", { class: "item-description" }, item.description))), item.shortcut && (h("bh-kbd", { class: "item-shortcut", keys: item.shortcut, size: "sm" })))));
+    }
+    render() {
+        const sections = this.visibleSections();
+        const flat = this.flatItems();
+        const activeItem = flat[this.activeIndex];
+        let flatIndex = -1;
+        return (h(Host, { key: '54e2f4837c8b0fc4e5b92c52b628f80397ed6445' }, this.open && (h("div", { key: '9a5d11120654521375e73ae75086a65bf890b2df', class: "command-overlay", part: "overlay" }, h("div", { key: '746412fe9951d6559811ecfb2b9e745ac0ff9566', "aria-label": this.t("placeholder", this.placeholder, "Type a command or search"), class: "command-panel", part: "panel", role: "dialog" }, h("div", { key: '4768665e2216175e2584677a6f674d3798abec6a', class: "search-row", part: "search" }, h("span", { key: 'f8f60412e2fb7e99c1feade97c55edf6daa113ac', "aria-hidden": "true", class: "material-symbols-outlined search-icon" }, "search"), h("input", { key: '5fccf974d7e8135fb342220e87c5e3cc46cc2ea8', "aria-activedescendant": activeItem
+                ? `command-item-${activeItem.item.id}`
+                : undefined, "aria-controls": "command-listbox", "aria-expanded": "true", class: "search-input", onInput: this.handleInput, onKeyDown: this.handleInputKeyDown, placeholder: this.t("placeholder", this.placeholder, "Type a command or search"), ref: (el) => (this.inputRef = el), role: "combobox", type: "text", value: this.query }), this.hotkey && (h("bh-kbd", { key: 'a1679a592009701871314b4d72273951561519e2', class: "search-hotkey", keys: this.hotkey, size: "sm" }))), sections.length === 0 ? (h("div", { class: "empty", part: "empty" }, this.t("emptyMessage", this.emptyMessage, "No results found"))) : (h("div", { class: "sections", id: "command-listbox", role: "listbox" }, sections.map((section) => (h("div", { class: "section", key: section.id, part: "section" }, section.heading && (h("div", { class: "section-heading", part: "section-heading" }, section.heading)), h("ul", { class: "section-list" }, section.items.map((item) => {
+            flatIndex++;
+            return this.renderItem({ item, sectionId: section.id }, flatIndex);
+        }))))))), h("div", { key: '19b300a97b04317f08901bca8c68addf28c9f0c0', class: "footer", part: "footer" }, h("span", { key: '54fc5ce933582c61f0b0a443b6a5393a3bb7a611', class: "footer-hint" }, h("bh-kbd", { key: 'a85a3d7da6f07f2804f127fcdc916aef1d3cf11b', keys: "up", size: "sm" }), h("bh-kbd", { key: 'ba853722f0108733feda41950b3ab6c4c0b5f1f9', keys: "down", size: "sm" }), this.t("navigateLabel", this.navigateLabel, "Navigate")), h("span", { key: '029347425d3ef4c4668b1252374eaae406edd523', class: "footer-hint" }, h("bh-kbd", { key: 'bc5cf9b570e063ff784731725a167ea719667e84', keys: "enter", size: "sm" }), this.t("selectLabel", this.selectLabel, "Select")), h("span", { key: '1045763438aaadf482a0b029565576d40b19f0a8', class: "footer-hint" }, h("bh-kbd", { key: 'f28c3cc16183d99a9b8170235ebf4a938444a17c', keys: "esc", size: "sm" }), this.t("closeLabel", this.closeLabel, "Close")), this.levelStack.length > 0 && (h("button", { key: '869eb3df053faf976a2a45162efb0616fe23836b', class: "footer-hint footer-back", onClick: () => this.popLevel(), type: "button" }, h("bh-kbd", { key: '1f6f4458ceef294533a79408a1c00ab4daa050e2', keys: "left", size: "sm" }), this.t("backLabel", this.backLabel, "Return to parent"))), h("span", { key: '963d5c13c0afb675dbad3bac65a6e1f68888eaa7', class: "footer-settings" }, h("bh-button-icon", { key: '82bc87df8a916a8c8ef586bfc2f5f51f684fc16f', ariaLabel: this.t("settingsAriaLabel", this.settingsAriaLabel, "Command bar settings"), hierarchy: "tertiary", iconName: "settings", onClick: () => this.bhAction.emit({ action: "settings" }), size: "sm" }))))))));
+    }
+    static get is() { return "bh-command-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bh-command-bar.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bh-command-bar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "sections": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BhCommandSection[] | string",
+                    "resolved": "BhCommandSection[] | string",
+                    "references": {
+                        "BhCommandSection": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhop/bellhop/packages/bellhop-core/src/components/bh-command-bar/bh-command-bar.tsx",
+                            "id": "src/components/bh-command-bar/bh-command-bar.tsx::BhCommandSection"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Command sections (array or JSON string)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sections",
+                "defaultValue": "[]"
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the palette is open. Reflects so consumers can read/drive it."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "open",
+                "defaultValue": "false"
+            },
+            "hotkey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Global shortcut that toggles the palette (e.g. \"cmd+k\"). When set, a\ndocument-level listener is registered; \"cmd\" matches \u2318 on macOS and\nCtrl elsewhere. Omit to control the palette programmatically only."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hotkey"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Search input placeholder. Allows i18n."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder",
+                "defaultValue": "\"Type a command or search\""
+            },
+            "emptyMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Empty-state message. Allows i18n."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "empty-message",
+                "defaultValue": "\"No results found\""
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"sm\" | \"md\"",
+                    "resolved": "\"md\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "List density"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "\"md\""
+            },
+            "navigateLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Footer hint labels. Allow i18n."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "navigate-label",
+                "defaultValue": "\"Navigate\""
+            },
+            "selectLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "select-label",
+                "defaultValue": "\"Select\""
+            },
+            "closeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-label",
+                "defaultValue": "\"Close\""
+            },
+            "backLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "back-label",
+                "defaultValue": "\"Return to parent\""
+            },
+            "settingsAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label for the footer settings button. Allows i18n."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "settings-aria-label",
+                "defaultValue": "\"Command bar settings\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_i18nVersion": {},
+            "query": {},
+            "activeIndex": {},
+            "levelStack": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bhOpen",
+                "name": "bhOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the palette opens."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "bhClose",
+                "name": "bhClose",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the palette closes."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "bhChange",
+                "name": "bhChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the search query changes. Detail carries the query."
+                },
+                "complexType": {
+                    "original": "{ query: string }",
+                    "resolved": "{ query: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "bhItemClick",
+                "name": "bhItemClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when a leaf item is selected. Detail carries the item and its\nancestor chain (outermost first)."
+                },
+                "complexType": {
+                    "original": "{ item: BhCommandItem; parents: BhCommandItem[] }",
+                    "resolved": "{ item: BhCommandItem; parents: BhCommandItem[]; }",
+                    "references": {
+                        "BhCommandItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/bellhop/bellhop/packages/bellhop-core/src/components/bh-command-bar/bh-command-bar.tsx",
+                            "id": "src/components/bh-command-bar/bh-command-bar.tsx::BhCommandItem"
+                        }
+                    }
+                }
+            }, {
+                "method": "bhAction",
+                "name": "bhAction",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted for auxiliary actions (footer settings gear)."
+                },
+                "complexType": {
+                    "original": "{ action: \"settings\" }",
+                    "resolved": "{ action: \"settings\"; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "show": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Open the palette.",
+                    "tags": []
+                }
+            },
+            "hide": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Close the palette.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "handleOpenChange"
+            }];
+    }
+}

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

@@ -33,7 +33,7 @@ export class BhContainerFooter {
             "container-footer": true,
             [`container-footer-${this.density}`]: true,
         };
-        return (h(Host, { key: '8fd182223909b6d4b609c7cd933e50d1cc8270de' }, h("div", { key: 'de087dffdb49b74c084e0920fd3bd23dfea3db5c', class: footerClasses, part: "footer" }, h("div", { key: 'eae0f2da8751f3be3be96ae7af32dd96138a543c', class: "container-footer-content", part: "content" }, h("bh-button", { key: 'f6ebdb3f70333584fab4865a07457ab519d570fb', hierarchy: "tertiary", label: this.buttonLabel, onClick: this.handleButtonClick, size: "sm" })))));
+        return (h(Host, { key: 'd062601c785a02084cb8e03dcce5c3b9ecfdeb0f' }, h("div", { key: '731f23f4d07725c26020a868140839f4f651a9e8', class: footerClasses, part: "footer" }, h("div", { key: '5c9fe20324619f047970622de67ada22d8ff40c2', class: "container-footer-content", part: "content" }, h("bh-button", { key: '5ce58d0fda6bea0b1d8f2693aca5b0d54503c3cb', hierarchy: "tertiary", label: this.buttonLabel, onClick: this.handleButtonClick, size: "sm" })))));
     }
     static get is() { return "bh-container-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class BhContainer {
             container: true,
             "container-with-footer": this.withFooter,
         };
-        return (h(Host, { key: 'b9290f06e046dfdbe6b497cab7a9cc7d646eccef' }, h("div", { key: '5229533e5e40ffba67f9e38e6f0b11324d9a47f4', class: containerClasses, part: "container" }, h("slot", { key: '5f0aae1ad1d326ecff6ec6fd47ecd3f91d39f0f0' }))));
+        return (h(Host, { key: 'e2987561f8e89e914497aef104afe72066a56f7c' }, h("div", { key: 'aee865779664a7eb12219091436e6f08707df3f7', class: containerClasses, part: "container" }, h("slot", { key: '9ac3d4cb9d32a20b8b765e1222d26fa12cc239d0' }))));
     }
     static get is() { return "bh-container"; }
     static get encapsulation() { return "shadow"; }