@brandsync/wc 1.16.0 → 1.18.0

package/dist/cjs/bs-chatbot-header.cjs.entry.js

@@ -150,7 +150,7 @@ const BsChatbotHeader = class {
         this.bsClose.emit();
     };
     render() {
-        return (index.h("div", { key: '1e82711dbca1c2c7f545269154707743d3c39bc2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: '67ac0df20f227710987066ba897c593c6728d8bd', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: 'da9b259095c349802c07ef133970482d5d27f7c1', class: "bs-chatbot-header__actions" }, index.h("slot", { key: 'f8eae11a4ec06a0f0ce1b73ea36deb4276fc447e', name: "actions" }), !this.hideNewChat && (index.h("span", { key: '72e65dd88d7be443db68d229ed1b33c333c5d2cd', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'f2dcdf530a7f4ebb591a6431c11414f5df9ed40e', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, index.h("slot", { key: 'f993c37591df27c604f771b65f11c015bd5cfa29', name: "new-chat-icon" }, index.h(NewChatIcon, { key: '001e9ab9fefc81499e457102ebb03ab10121f89f' }))), index.h("bs-tooltip", { key: 'd2c0a848bd204cf1a374d3a3f60162f52c8f3fb1', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (index.h("span", { key: 'bd7111e541b03d7c2ab9214457708e3ecdb6120d', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'b80ffb1d4c9f55fb5faceb138b56af4cd4bbcc25', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, index.h("slot", { key: 'b80e223143dbdc67d08ac2bdba79a25e19e1c92b', name: "history-icon" }, index.h(HistoryIcon, { key: '30dfe6c3925be30cb3ae32d9415bed6283e289c5' }))), index.h("bs-tooltip", { key: 'e3f63c2a31fb7aa2ef8baa7fd69a9b491d31e5e9', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (index.h("span", { key: 'a4a8eec0d3e79c843747714a5e1ac4916107eb6e', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'c5b6b5766f829f8b09c205ef9ee2b22db86757d6', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, index.h("slot", { key: 'a4e94ff355a6a059e19d834e31e8e82e2a444847', name: "expand-icon" }, index.h(ExpandIcon, { key: '8c7e91c88e9b0e6f763ccd01ba1fcfbb6c7310c7' }))), index.h("bs-tooltip", { key: '5e6594e602dff820748ff4b87edebba43ee45ff6', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (index.h("span", { key: '2a34f85167c05fbcc0cb367d4717076c9ac6fa4b', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'a7ceffef02d0dd8aaf4e5fd88fdecea5c784db44', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h("slot", { key: 'fa8c5ad4b665f406bd8431eb859ccc665e9e4b1f', name: "close-icon" }, index.h(CloseIcon, { key: 'bdc09f3721c0b0e46589245f44a8e84625ca4012' }))), index.h("bs-tooltip", { key: '73d7debb7de3e57425c8af1c01f57d2a1b66c237', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (index.h("div", { key: '6905b251db2d793c866be5ccd9af9c8975b382e2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: '62ae1b598ab0fb57e08ce750ac2fe004300b280d', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: '9d26c1559ab08868f3ad781d35c68e7d6deae7ba', class: "bs-chatbot-header__actions" }, index.h("slot", { key: '4b4cdd87bfa3a98dce549b00d12afef875f0bea6', name: "actions" }), !this.hideNewChat && (index.h("span", { key: '22a02d1b7830e7ebb61837fbd5bbefc802f3fcde', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'edda62eebead66a4afeff20bb279d7fa813cf6d7', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, index.h("slot", { key: 'a290ad14e1b0248d2fe9be15ab90bcc5af4194c7', name: "new-chat-icon" }, index.h(NewChatIcon, { key: '24cedf0fe54ca1713ba2d3e80e79b695fdad2bda' }))), index.h("bs-tooltip", { key: '62eba53fac24e0e6372566cc0ce9abfba807fb64', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (index.h("span", { key: 'e1dcf980c63750d6a6f5cedc6ec365dfa63ae214', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '70222dcdee26cc430819865ae0f237b99cef1687', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, index.h("slot", { key: '338cc4979146086ed08292d9fd0ec6e74d53e797', name: "history-icon" }, index.h(HistoryIcon, { key: '941cbf5db830981aa71d056196354c15c7ebde58' }))), index.h("bs-tooltip", { key: '196550c79e7c699bee01bbef081d6e9e1656b38f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (index.h("span", { key: '49f3705dcf2ca4b2a5221e11563d953b34e68405', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '3c38e331d8c3617279074f1ccba5960dc6b884ea', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, index.h("slot", { key: '8f0f54bb25073ecf2579a4d7301f5ff1f63e80cb', name: "expand-icon" }, index.h(ExpandIcon, { key: 'fb2a835a1300c9bcd38aa13f7fff674ba5af89c2' }))), index.h("bs-tooltip", { key: 'aab69e0847453daf35810eeee5536fa9a16fc3ef', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (index.h("span", { key: '0a32c45030c014a2106882e4404e2ce09704f6ee', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'b43080c2d32d2569ea4d427dc2b6f39541db5924', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, index.h("slot", { key: '58d2fecd20b910262e8a9b2c446a420028444c8c', name: "close-icon" }, index.h(CloseIcon, { key: '0593909895f5e0d79d1a0e18a9c201623dd538f9' }))), index.h("bs-tooltip", { key: 'bb0c07c43482284811c378c97a3f314e2a37019d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
 };
 const NewChatIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 15H9V12L18 3L21 6L12 15Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M15.75 5.25L18.75 8.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M20.25 12V19.5C20.25 19.6989 20.171 19.8897 20.0303 20.0303C19.8897 20.171 19.6989 20.25 19.5 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V4.5C3.75 4.30109 3.82902 4.11032 3.96967 3.96967C4.11032 3.82902 4.30109 3.75 4.5 3.75H12", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-response-action.cjs.entry.js

@@ -100,7 +100,7 @@ const BsChatbotResponseAction = class {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (index.h("div", { key: '7a3c8e560657192aa3981af225500f1b5012df99', class: "bs-chatbot-response-action" }, index.h("button", { key: '4f7376d5cc1d9a43fc87b8aaef743709d73a4845', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, index.h("slot", { key: 'eb9673716d469f1e3ab0ebb70f850bdf2699f38f', name: "like-icon" }, index.h(ThumbsUpIcon, { key: 'bb1295906269d4fc9e1f5b7fc611cb4730c39dbf' }))), index.h("button", { key: 'f4c17bde7dd7729e0b22adc3323b916855192ddf', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, index.h("slot", { key: '50f786a78edb25f454087365b29d7f68507fe16c', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: 'a0ee507eb51b6d5b1bd91d4c44847ab1655cf59a' }))), index.h("button", { key: 'd484d6ff7f91eefd84ebd9c9a7752ab44ec04989', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, index.h("slot", { key: 'df62c8aabf9e05261c79da6900c10c42ffd9695d', name: "copy-icon" }, index.h(CopyIcon, { key: '11184b8ec93fbe5bced51597d9a42a197562ede0' }))), !this.hideRegenerate && (index.h("button", { key: 'a96709842dbfde9cc6d68db20b489f540ebb589b', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, index.h("slot", { key: '7a6f1c7c9ea89c1856a3e3488345455e5aab0d1d', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: 'eb3179faa96df184c488954c809666b7b0b78ecf' })))), index.h("div", { key: 'f11dd91afcaf4611999ff0858cdc7f1fd8848f9a', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: 'd2bfd06a3c625cfc8677b505bb10828dbb60a924', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, index.h("slot", { key: '5caeafa6c2b1ec6f74b91da7f0e96e59d26792c2', name: "menu-icon" }, index.h(MenuIcon, { key: '9e8d9764fa30764f8db04efce6f119971b8c33b2' }))), this.menuOpen && (index.h("div", { key: '0af7a8b59c9f3b2ec2e5e44be2966281c0ec54d6', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: '521382ac34c12811097eb3295b05bae34e3cb912', name: "menu" })))), hasSources && (index.h("button", { key: '38f5d0ea3ea28fb1bdfdd71f9176e82900f1c372', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: '7187d6bc56c1d75974ed7a1a0a8a3857a3c7608f', name: "sources-icon" }, index.h(SourcesIcon, { key: 'd3c96a09a399efc1c3a5b2b96b7ac0cc025fc23f' })), index.h("span", { key: '34cfb2ad8385edecd59a76b0d26268498f236363', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (index.h("div", { key: 'eeea81b1964f9f9dc89aac2b58459321bc3c3bf7', class: "bs-chatbot-response-action" }, index.h("button", { key: '890d8d74c1b62846b314441319963327023dafd2', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, index.h("slot", { key: '12bb1913203d02b062f689882be119925a0ba8d2', name: "like-icon" }, index.h(ThumbsUpIcon, { key: '5dd57ec7c5000dafb958f72a1b6846c1c85f5da8' }))), index.h("button", { key: '06d7ae497480097121e06d7f07582944941d49c9', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, index.h("slot", { key: '709deebe7f0f1bfae5fcecfc0a1cfa01921221ae', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: '97fea08af1048a9f7ef3dc133809a0fab241c1c8' }))), index.h("button", { key: 'bb0ca6a6c02d2688d5321d3bcead17ac4e84ff32', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, index.h("slot", { key: '0ad95f409aaa2412bc37da4ea3daf1cd922f74a0', name: "copy-icon" }, index.h(CopyIcon, { key: 'bd472f1ef302ce0c11ad2a3c461f322878176a17' }))), !this.hideRegenerate && (index.h("button", { key: '0c2d85e0d2c25edd9c1e60abaff6258324f432f2', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, index.h("slot", { key: 'f8363082e347c552d25583a8ee5f30df3127596a', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: '131a1aca2c71d1f3a5707cab2120aeeb5ae9069f' })))), index.h("div", { key: '73364305feb5631f872901fcad16632cf5e5254c', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: 'd5e550ac34dcf6f325458b494313d7bb2260041d', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, index.h("slot", { key: '2b79ed5dfae0a9eca283a5c7ad703c5208dcfdab', name: "menu-icon" }, index.h(MenuIcon, { key: '545e3c1c234aa7f9eed5f5987e3e14cdf013094f' }))), this.menuOpen && (index.h("div", { key: 'e7da0d55acbf4fa4f84f29273368d2a374628925', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: 'fa737fc36afebbbee3d077ba381390317cb61905', name: "menu" })))), hasSources && (index.h("button", { key: '0789164cf269b4110c439b2bcde397a3b058c439', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: '331eb28b2e2dc2b284dfca7b54108020cbb65783', name: "sources-icon" }, index.h(SourcesIcon, { key: '0d7648fbd9adbf864952e82eda597e9ea2674a33' })), index.h("span", { key: '983aa3f0ecb65f1fac792000de1f7490e11e4b4e', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
     }
 };
 const ThumbsUpIcon = () => (index.h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 8.125H6.25V16.25H2.5C2.33424 16.25 2.17527 16.1842 2.05806 16.0669C1.94085 15.9497 1.875 15.7908 1.875 15.625V8.75C1.875 8.58424 1.94085 8.42527 2.05806 8.30806C2.17527 8.19085 2.33424 8.125 2.5 8.125Z", stroke: "currentColor", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M6.25 8.125L9.375 1.875C10.038 1.875 10.6739 2.13839 11.1428 2.60723C11.6116 3.07607 11.875 3.71196 11.875 4.375V6.25H16.875C17.0523 6.25005 17.2276 6.28782 17.3892 6.36081C17.5508 6.4338 17.695 6.54033 17.8123 6.67333C17.9295 6.80634 18.0172 6.96277 18.0693 7.13223C18.1215 7.3017 18.137 7.48033 18.1148 7.65625L17.1773 15.1562C17.1393 15.4583 16.9923 15.736 16.7641 15.9374C16.5358 16.1388 16.2419 16.2499 15.9375 16.25H6.25", stroke: "currentColor", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js

@@ -31,7 +31,7 @@ const BsChatbotSourcesDrawer = class {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (index.h("div", { key: '6309d2770d544e58e3e4e99a16ae6a5e16c2545d', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: '8a3bf1faf5d91a5f833d8de442a5b15a09b2a339', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: 'dfb8ff476939e3f723895de97991b14f9806e8fd', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: 'c817cb00b439026a8ea142441382cf090ddb0a37', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: '016eb007b496e1355404145a9e294e66d6b8e0f0', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: '03bb83d11d15d24d0246d98ee6510201fa33f8b7', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, index.h("slot", { key: '5cae68793cfb35f532f552f154a3badf5e19a1a4', name: "collapse-icon" }, index.h(CaretRightIcon, { key: '9352aa0f35b8b756a4363b19e57a2cfff37a938e' })))), index.h("div", { key: 'd9891a9d984f1dfaaba988a4297919888a74a209', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: '03dcd69d2aefb0a3db9b461baa4751ae6925ddef', onSlotchange: this.onSlotchange }))));
+        return (index.h("div", { key: 'bfda9a3a1b7babe3796e467ffa336c84cf6d8a4a', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: 'bfd62d975c23e0d4b95929c9a9ae88be1fcd5413', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: 'c65d83289c40381f6e563970bbbc5bce6e7b071a', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: '5e89e3d436784ad56c853e48405599ee294dc2dc', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: '5a8b0f3d487f720aa171e3aaf1d91604ba14c26d', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: 'd9e7552b2d20bdd10cf792c907d7944a88c9fad0', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, index.h("slot", { key: '4f1fcf8effe9664a5040039f3ea09c75e2df309b', name: "collapse-icon" }, index.h(CaretRightIcon, { key: 'b45707e326013749ce09346e2d05b72095590a8c' })))), index.h("div", { key: '14b3d1263fb57ff577d233ff8d8a2c679bfd5f1f', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: '4ae945ece2ed3c8f35ed724617fbc24199c01817', onSlotchange: this.onSlotchange }))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M7.5 4.375L13.125 10L7.5 15.625", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js

@@ -17,7 +17,7 @@ const BsChatbotSuggestionButton = class {
         this.bsSelect.emit();
     };
     render() {
-        return (index.h("button", { key: '5d7d706b1cbe7e4e99bfe16db3482979387e7a6a', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: 'ba5bf8860c3f93c5391f0dbd6742cb4adb978304' })));
+        return (index.h("button", { key: '96fa6f46dfdf1dbf39428c9c35a0b8e02627a016', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: '0f00a98b9ca49c6db6508afb0f10061a1594d860' })));
     }
 };
 BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();

package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js

@@ -14,7 +14,7 @@ const BsCheckboxSkeleton = class {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return (index.h("span", { key: '5a5e8fb0a06e52c522228d5f3ee461ecfb4124b5', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, index.h("span", { key: '64b0151623c813be1a752e042bbb0f616c256c64', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: '7045443cd3fa14efbf0be76163ffe499b2a4bf24', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (index.h("span", { key: '893b7cc62c061fca220ece795a914d1c04afe3f1', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, index.h("span", { key: '4af59de817a1022250f93d254b8711f5d0c230bb', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: '377294db3bc2f5ceb3f39cc88a4b4a86ed948b09', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
 };
 BsCheckboxSkeleton.style = bsCheckboxSkeletonCss();

package/dist/cjs/bs-checkbox.cjs.entry.js

@@ -115,7 +115,7 @@ const BsCheckbox = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h("label", { key: '98b2c7da5530c74c5632f28a770096201df43f1f', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, index.h("input", { key: '1765be1adab7001f6b8c6ca79c9da8ca3a67bb77', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: 'ffae4c14191d40da029aaa058d0a11f1170e8c00', part: "box", class: boxClasses }, showIcon && (index.h("svg", { key: 'ef0ddf8663a8d1a517b3604c8fa3a98ff1ba7187', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (index.h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (index.h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("span", { key: '9fda5d8e25fecbc6d4ebe9339f63fae58e8bac26', part: "label", class: "bs-checkbox__label" }, index.h("slot", { key: '95d6e3a55c81444feb8d1221bb080b9c49a8cf46' }))));
+        return (index.h("label", { key: '935cb1230ee19ed086cf1889b95e5cb0694b2942', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, index.h("input", { key: '5a505a5e06dcf517c5463838e286ad3ca051aa96', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: '4938df0023d4237cfc8b17c8656c752e4295de47', part: "box", class: boxClasses }, showIcon && (index.h("svg", { key: 'c71f39e8127b1b345942481e6eac071b8dbc194b', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (index.h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (index.h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("span", { key: '90cc8fba0da12a4527238fd1b536266edac132c0', part: "label", class: "bs-checkbox__label" }, index.h("slot", { key: '7622ef9ea5c7b118d543728de089cb6c9ae71b5d' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/cjs/bs-chip-filter.cjs.entry.js

@@ -59,7 +59,7 @@ const BsChipFilter = class {
         // label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
         // third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
         const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
-        return (index.h("button", { key: 'c1b7395764984baadd0d32d5bd6a3d8d61cb637a', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: 'db74ff2a992268bb95564dc1631e54d00208255f', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: '9319387acc35131d0555f9ad84c1f733034920d7', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '06291c8712d77d43c3c823e4b90d99218618db35', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: '3c72fcc1085239ba9c45ee6e89f5b8e8b4cc0ce8' })), this.dropdown && (index.h("span", { key: 'd2efca03ed06d2341aec986cca2c0d27bdce5a75', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: '8bb9383201632e567f662909559702fcf391790e' })))));
+        return (index.h("button", { key: 'f9a3d08479e7ed41739f3aafb0ab368a0675b217', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: '223cd086065cdcc534142889709de256fc02018b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: 'bfcf02d9ae967d4af95149b4690f98f78e381f1d', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'af8b7601dc3c5ced08acc8d0b0414b2f2f4ef758', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: '83056a3f9a30ccdd688ca1286480a65b0a1ed8c9' })), this.dropdown && (index.h("span", { key: '6b3c1058216ad7b2508f189e754b7740e111c11d', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: 'a5f375e9e65a57a4a901729efcb0bfba5edc32eb' })))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-chip-informative.cjs.entry.js

@@ -34,7 +34,7 @@ const BsChipInformative = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (index.h(index.Host, { key: 'ee5706f8c040b01f97e44b9dba4d74a3b023005c', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, index.h("span", { key: '611cc7bec3b22cc2e7de25fc8aa49e8d4eca3cba', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: '5945478d567c7b6a6e4ff602c2edd6465d3b7778', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '7e78fb0f2e5cfc2d232aa04f0c9edf94044f8eca', part: "label", class: "bs-chip-informative__label" }, index.h("slot", { key: 'fcec1018222e0da3f0adc6da13e0699c0bad764b' }))));
+        return (index.h(index.Host, { key: '175475b365a087e43fa6523a258698656e23d39e', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, index.h("span", { key: 'b2116f28c75229963194c84e4d0d6e8c0fab1621', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: '8fade40486f0d673b3349dc9c2282ff687d029f6', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '6b87a554737b9424033885a06f5136982a3d67bb', part: "label", class: "bs-chip-informative__label" }, index.h("slot", { key: '21f2759811a28da66033444be65b2fb680737bde' }))));
     }
 };
 BsChipInformative.style = bsChipInformativeCss();

package/dist/cjs/bs-chip-input.cjs.entry.js

@@ -66,7 +66,7 @@ const BsChipInput = class {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (index.h(index.Host, { key: '1e44e8c6c324502677a711e9efdeea812181e93d', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: '7c698a6cfbe6ca8ff1215edeb59d7a58071ec29e', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("span", { key: '159334959b3da3665fb6f4a2930c15fc1da028ad', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: '0f12a8dbf2b17578ec1446032fa6b795f6aac9f4', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd8236eaa237e3d204f721274551c0d50ce6b1f9a', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: '4872dcc68aa9a204801f10415fd1b3bc31db0c2a', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: 'ac930ef1166ff21f889641cf0644c20e77f92196', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: 'ba26dff61400df054f3b2d73526e08d02734ba07' }))));
+        return (index.h(index.Host, { key: '9f4d441c816706bb360a4a06d7dfdcd06a89fb7c', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: '740f5af451317b26f069613c1d35966993e6fcfa', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("span", { key: 'a53e4b835d43bd9d3fa2704872a4a2eaf6640f33', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: 'cceac9f60078c14a43bd7cf4ead2a126f8272ca7', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '8baa5a3f5bb554498e36fbdca5fd72acbdca4c1e', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: 'e12ea30cabae514a396367eef15ebf7e70e4bd19', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: 'a153766c79179c0c266b4215099dc00cadb7521a', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: '637fe474a7da111f0ecceb5120006578bd44ca18' }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/bs-citation-preview.cjs.entry.js

@@ -21,7 +21,7 @@ const BsCitationPreview = class {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (index.h("bs-card", { key: '1295f42db1fb35c289d6cc1477b8430cedf7cbd1', part: "container", class: "bs-citation-preview", surface: "base" }, index.h("div", { key: '84d861992e3491b5acdba5c828942104080115ae', class: "bs-citation-preview__body" }, index.h("bs-source-link", { key: 'b84d4965c3f6c4dc0b6c2ffb5c5d2e3ebad1e9c4', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), index.h("div", { key: 'de597e072c72c67600f1b3e8d73681cded0624e6', part: "snippet", class: "bs-citation-preview__snippet" }, index.h("slot", { key: '5513cf9dcb44ed5ced270437118584a229971de0' })), index.h("div", { key: '1b6a5620ed09d8690908daa17065fb901c0bdfb1', class: "bs-citation-preview__footer" }, index.h("slot", { key: 'feabf442256e6d3b26e1f6d309a35c9f96899ab5', name: "footer" }, hasPage && (index.h("span", { key: '925008ee116c57ea9ab6940054ee42b33883c577', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (index.h("bs-card", { key: 'af7b50840be8a1fa0454a9117243e203f30fcc95', part: "container", class: "bs-citation-preview", surface: "base" }, index.h("div", { key: '0c0d947599941f28b24c60650262a1b6e4ed5c4a', class: "bs-citation-preview__body" }, index.h("bs-source-link", { key: '9be793892a7cbf9f7b6fff934bcc252dd7d42dff', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), index.h("div", { key: 'bef7cd349b82433a2090f293686b653e6a13d71b', part: "snippet", class: "bs-citation-preview__snippet" }, index.h("slot", { key: '570771c36bfbbb68b93284a70615fcce6d9f0505' })), index.h("div", { key: 'dc8c1ad2d2bc57dddc963a3434563959d18c5f6a', class: "bs-citation-preview__footer" }, index.h("slot", { key: '7e621faf0e3e90b06f8ceb4712e0d61b18f7d797', name: "footer" }, hasPage && (index.h("span", { key: 'd00646db324820ff44a7a2b0d122b92990be251f', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
 };
 BsCitationPreview.style = bsCitationPreviewCss();

package/dist/cjs/bs-command-palette.cjs.entry.js

@@ -0,0 +1,374 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsCommandPaletteCss = () => `:host{display:contents;--bs-command-palette-width:640px;--bs-command-palette-top:12vh;--bs-command-palette-max-height:60vh;--bs-command-palette-radius:var(--bs-border-radius-150);--bs-command-palette-bg:var(--bs-surface-base);--bs-command-palette-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-200) 0 var(--bs-elevation-higher);--bs-command-palette-overlay:var(--bs-surface-overlay);--bs-command-palette-footer-bg:var(--bs-surface-container);--bs-command-palette-divider-color:var(--bs-border-default);--bs-command-palette-header-border-color:var(--bs-border-neutral-container);--bs-command-palette-header-color:var(--bs-text-muted);--bs-command-palette-hint-color:var(--bs-text-secondary);--bs-command-palette-z-index:var(--bs-z-index-modal)}.bs-command-palette{box-sizing:border-box;width:min(var(--bs-command-palette-width), calc(100vw - 2 * var(--bs-spacing-200)));max-width:none;max-height:none;margin:var(--bs-command-palette-top) auto auto;padding:0;border:0;background:transparent;color:var(--bs-text-default);overflow:visible;z-index:var(--bs-command-palette-z-index)}.bs-command-palette::backdrop{background:var(--bs-command-palette-overlay, var(--bs-surface-overlay))}.bs-command-palette__panel{display:flex;flex-direction:column;box-sizing:border-box;overflow:clip;border-radius:var(--bs-command-palette-radius);background:var(--bs-command-palette-bg);box-shadow:var(--bs-command-palette-shadow)}@media (prefers-reduced-motion: no-preference){.bs-command-palette[open] .bs-command-palette__panel{animation:bs-command-palette-in 120ms ease-out}}@keyframes bs-command-palette-in{from{opacity:0;transform:scale(0.98)}}.bs-command-palette__search{position:relative;display:flex;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150)}.bs-command-palette__field{flex:1 1 auto;min-width:0}.bs-command-palette__field bs-input{width:100%}.bs-command-palette__scope{flex:none}.bs-command-palette__esc{position:absolute;top:50%;right:calc(var(--bs-spacing-150) + 9px);transform:translateY(-50%);display:inline-flex;pointer-events:none}.bs-command-palette__divider{height:1px;background:var(--bs-command-palette-divider-color)}.bs-command-palette__results{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-100);max-height:var(--bs-command-palette-max-height);overflow-y:auto}.bs-command-palette__list{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-command-palette__section{display:flex;flex-direction:column}.bs-command-palette__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-command-palette-header-border-color);color:var(--bs-command-palette-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-command-palette__loading{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__empty{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);text-align:center}.bs-command-palette__empty-icon{width:32px;height:32px;color:var(--bs-icon-default)}.bs-command-palette__empty-heading{color:var(--bs-text-default);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-command-palette__empty-description{color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__link{margin:0;padding:0;border:0;border-bottom:1px solid var(--bs-border-info);background:none;color:var(--bs-text-link);font:inherit;line-height:20px;cursor:pointer}.bs-command-palette__link:focus-visible{outline:2px solid var(--bs-border-info);outline-offset:2px}.bs-command-palette__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:10px var(--bs-spacing-200);background:var(--bs-command-palette-footer-bg)}.bs-command-palette__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-command-palette-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-command-palette__spacer{flex:1 1 0}.bs-command-palette__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}`;
+
+/** The result sections, in display (and keyboard) order. */
+const RESULT_SECTIONS = ['recent', 'suggested', 'commands', 'navigation', 'records'];
+const ALL_SECTIONS = [...RESULT_SECTIONS, 'try-instead'];
+let uid = 0;
+const svgProps = {
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    stroke: 'currentColor',
+    'stroke-width': '1.8',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round',
+    'aria-hidden': 'true',
+};
+const BsCommandPalette = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsInput = index.createEvent(this, "bsInput");
+        this.bsSelect = index.createEvent(this, "bsSelect");
+        this.bsSuggestion = index.createEvent(this, "bsSuggestion");
+        this.bsOpenChange = index.createEvent(this, "bsOpenChange");
+        this.bsScopeExit = index.createEvent(this, "bsScopeExit");
+    }
+    get el() { return index.getElement(this); }
+    id = `bs-cp-${++uid}`;
+    itemSeq = 0;
+    observer;
+    dialogEl;
+    comboEl;
+    inputEl;
+    previousFocus;
+    userMoved = false;
+    /** The field value. Two-way. A leading `>` means commands-only mode. */
+    value = '';
+    /** Whether the palette is open. */
+    open = false;
+    /** Derived from `value` (it starts with `>`). Read-only; set `value` instead. */
+    commandsOnly = false;
+    /** Which view to show. You choose it; nothing is inferred from `value`. `default` and `results` render the same; they differ for screen readers only. */
+    status = 'default';
+    /** Accessible name of the dialog. */
+    label = 'Command palette';
+    /** Placeholder of the field. */
+    placeholder = 'Type a command or search…';
+    /** Keep the palette open after an item is chosen. */
+    keepOpenOnSelect = false;
+    /** Shows the footer of keyboard hints. */
+    showFooter = true;
+    /** Global shortcut that toggles the palette, e.g. `mod+k` (`mod` is Cmd on Mac, Ctrl elsewhere). Empty = off. */
+    hotkey = '';
+    /** Nested scope: shows this text as a chip before the field. Backspace on an empty field emits `bsScopeExit`. */
+    scopeLabel;
+    /** Section headers. */
+    recentLabel = 'Recent';
+    suggestedLabel = 'Suggested';
+    commandsLabel = 'Commands';
+    navigationLabel = 'Navigation';
+    recordsLabel = 'Records';
+    tryInsteadLabel = 'Try instead';
+    /** Footer hint texts. */
+    navigateLabel = 'Navigate';
+    openLabel = 'Open';
+    closeLabel = 'Close';
+    commandsOnlyLabel = 'Commands only';
+    allResultsLabel = 'All results';
+    /** No-results view copy. Include the query in `emptyHeading` yourself. */
+    emptyHeading = 'No commands or records';
+    emptyDescription = 'Check the spelling, or search records instead.';
+    /** A suggested correction; the "Did you mean" line shows while it is set. */
+    didYouMean;
+    didYouMeanLabel = 'Did you mean';
+    /** Text of the loading row. */
+    loadingLabel = 'Loading…';
+    /** Accessible name of the results listbox. */
+    listLabel = 'Results';
+    filled = { recent: false, suggested: false, commands: false, navigation: false, records: false, 'try-instead': false };
+    activeId = null;
+    /** Fires on every keystroke with `{ value, query, commandsOnly }`. */
+    bsInput;
+    /** Fires when an item is chosen (click or Enter) with `{ value, section, commandsOnly }`. */
+    bsSelect;
+    /** Fires when the "Did you mean" suggestion is pressed, with its text. */
+    bsSuggestion;
+    /** Fires when the palette opens or closes through user interaction (hotkey, Esc, scrim, selection). */
+    bsOpenChange;
+    /** Fires on Backspace in an empty field while `scopeLabel` is set. */
+    bsScopeExit;
+    /** Opens the palette. */
+    async show() {
+        this.open = true;
+    }
+    /** Closes the palette and restores focus. */
+    async close() {
+        this.open = false;
+    }
+    onValueChange() {
+        this.commandsOnly = this.value.startsWith('>');
+    }
+    resetMoved() {
+        this.userMoved = false;
+    }
+    componentWillLoad() {
+        this.commandsOnly = this.value.startsWith('>');
+        this.readFilled();
+        this.prepareItems();
+    }
+    connectedCallback() {
+        document.addEventListener('keydown', this.onDocKeyDown);
+        this.observer = new MutationObserver(() => {
+            this.readFilled();
+            this.prepareItems();
+            this.syncActive();
+        });
+        this.observer.observe(this.el, { childList: true });
+    }
+    disconnectedCallback() {
+        document.removeEventListener('keydown', this.onDocKeyDown);
+        this.observer?.disconnect();
+        if (this.dialogEl?.open)
+            this.dialogEl.close();
+    }
+    componentDidRender() {
+        this.syncDialog();
+        this.prepareItems();
+        this.syncActive();
+    }
+    syncDialog() {
+        const d = this.dialogEl;
+        if (!d)
+            return;
+        if (this.open && !d.open) {
+            this.previousFocus = document.activeElement;
+            d.showModal();
+            this.focusInput();
+        }
+        else if (!this.open && d.open) {
+            d.close();
+            const prev = this.previousFocus;
+            this.previousFocus = null;
+            if (prev && prev.isConnected)
+                prev.focus?.();
+        }
+    }
+    focusInput() {
+        this.inputEl?.focus();
+        const native = this.inputEl?.shadowRoot?.querySelector('input');
+        native?.select?.();
+    }
+    onDocKeyDown = (ev) => {
+        if (!this.hotkey || ev.defaultPrevented)
+            return;
+        const parts = this.hotkey.toLowerCase().split('+').map(p => p.trim());
+        const key = parts[parts.length - 1];
+        const mods = parts.slice(0, -1);
+        const isMac = /mac|iphone|ipad/i.test(navigator.platform || navigator.userAgent);
+        const want = (m) => mods.includes(m);
+        const wantMeta = want('meta') || want('cmd') || (want('mod') && isMac);
+        const wantCtrl = want('ctrl') || (want('mod') && !isMac);
+        if (ev.key.toLowerCase() !== key)
+            return;
+        if (ev.metaKey !== wantMeta || ev.ctrlKey !== wantCtrl || ev.altKey !== want('alt') || ev.shiftKey !== want('shift'))
+            return;
+        ev.preventDefault();
+        this.setOpen(!this.open);
+    };
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        this.open = next;
+        this.bsOpenChange.emit(next);
+    }
+    allItems() {
+        return Array.from(this.el.children).filter(c => c.tagName === 'BS-SEARCH-ITEM' && ALL_SECTIONS.includes(c.getAttribute('slot')));
+    }
+    shownSections() {
+        if (this.status === 'loading')
+            return [];
+        if (this.status === 'empty')
+            return ['try-instead'];
+        return RESULT_SECTIONS;
+    }
+    visibleItems() {
+        if (!this.open)
+            return [];
+        const items = this.allItems();
+        return this.shownSections().flatMap(s => items.filter(i => i.getAttribute('slot') === s));
+    }
+    enabledItems() {
+        return this.visibleItems().filter(i => !i.disabled);
+    }
+    readFilled() {
+        const next = { ...this.filled };
+        let changed = false;
+        for (const s of ALL_SECTIONS) {
+            const has = Array.from(this.el.children).some(c => c.getAttribute('slot') === s);
+            if (next[s] !== has) {
+                next[s] = has;
+                changed = true;
+            }
+        }
+        if (changed)
+            this.filled = next;
+    }
+    prepareItems() {
+        for (const item of this.allItems()) {
+            if (item.selectionRole !== 'option')
+                item.selectionRole = 'option';
+            if (!item.id)
+                item.id = `${this.id}-opt-${++this.itemSeq}`;
+        }
+    }
+    /** First enabled item is active unless the user moved the highlight (and it still exists). */
+    syncActive() {
+        const enabled = this.enabledItems();
+        let id = this.activeId;
+        if (!this.open || !enabled.length)
+            id = null;
+        else if (!this.userMoved || !enabled.some(i => i.id === id))
+            id = enabled[0].id;
+        if (id !== this.activeId)
+            this.activeId = id;
+        let activeItem;
+        for (const item of this.allItems()) {
+            const on = !!id && item.id === id;
+            if (on)
+                activeItem = item;
+            if (item.active !== on)
+                item.active = on;
+        }
+        // The items live in the light DOM, so an id reference cannot reach them from this shadow root; the
+        // element-reference property can (the light DOM is an ancestor scope).
+        if (this.comboEl)
+            this.comboEl.ariaActiveDescendantElement = activeItem ?? null;
+    }
+    setActive(item) {
+        this.userMoved = true;
+        this.activeId = item.id;
+        for (const i of this.allItems())
+            i.active = i.id === item.id;
+        if (this.comboEl)
+            this.comboEl.ariaActiveDescendantElement = item;
+        item.scrollIntoView?.({ block: 'nearest' });
+    }
+    onInput = (ev) => {
+        ev.stopPropagation();
+        this.value = ev.detail;
+        this.userMoved = false;
+        const commandsOnly = this.value.startsWith('>');
+        this.bsInput.emit({ value: this.value, query: (commandsOnly ? this.value.slice(1) : this.value).trim(), commandsOnly });
+    };
+    onKeyDown = (ev) => {
+        switch (ev.key) {
+            case 'ArrowDown':
+            case 'ArrowUp': {
+                ev.preventDefault();
+                const items = this.enabledItems();
+                if (!items.length)
+                    return;
+                const idx = items.findIndex(i => i.id === this.activeId);
+                const next = ev.key === 'ArrowDown' ? (idx + 1) % items.length : idx <= 0 ? items.length - 1 : idx - 1;
+                this.setActive(items[next]);
+                return;
+            }
+            case 'Enter': {
+                const active = this.enabledItems().find(i => i.id === this.activeId);
+                if (active) {
+                    ev.preventDefault();
+                    active.click();
+                }
+                return;
+            }
+            case 'Backspace':
+                if (this.scopeLabel && this.value === '')
+                    this.bsScopeExit.emit();
+                return;
+        }
+    };
+    onDialogKeyDown = (ev) => {
+        if (ev.key === 'Escape') {
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.setOpen(false);
+        }
+    };
+    /** Native cancel (Esc through another path): handle it ourselves so state and focus stay in sync. */
+    onCancel = (ev) => {
+        ev.preventDefault();
+        this.setOpen(false);
+    };
+    /** A click that lands on the `<dialog>` itself is a click on the backdrop (the scrim). */
+    onDialogClick = (ev) => {
+        if (ev.target === this.dialogEl)
+            this.setOpen(false);
+    };
+    onItemSelect(ev) {
+        const item = ev.target;
+        if (!item || item.tagName !== 'BS-SEARCH-ITEM')
+            return;
+        ev.stopPropagation();
+        this.bsSelect.emit({ value: ev.detail, section: item.getAttribute('slot') ?? '', commandsOnly: this.commandsOnly });
+        if (!this.keepOpenOnSelect)
+            this.setOpen(false);
+    }
+    onResultsMouseOver = (ev) => {
+        const item = ev.composedPath().find(n => n.tagName === 'BS-SEARCH-ITEM');
+        if (item && !item.disabled && item.id !== this.activeId)
+            this.setActive(item);
+    };
+    sectionLabel(s) {
+        return {
+            recent: this.recentLabel,
+            suggested: this.suggestedLabel,
+            commands: this.commandsLabel,
+            navigation: this.navigationLabel,
+            records: this.recordsLabel,
+            'try-instead': this.tryInsteadLabel,
+        }[s];
+    }
+    renderSection(s) {
+        const hid = `${this.id}-h-${s}`;
+        return (index.h("div", { part: "section", class: "bs-command-palette__section", role: "group", "aria-labelledby": hid }, index.h("div", { part: "section-header", id: hid, class: "bs-command-palette__section-header" }, this.sectionLabel(s)), index.h("slot", { name: s })));
+    }
+    renderHint(keys, label) {
+        return (index.h("span", { part: "hint", class: "bs-command-palette__hint" }, keys, index.h("span", { class: "bs-command-palette__hint-text" }, label)));
+    }
+    renderFooter() {
+        const arrow = (d) => (index.h("bs-key", null, index.h("svg", { slot: "icon", ...svgProps }, index.h("path", { d: d }))));
+        return (index.h("div", { part: "footer", class: "bs-command-palette__footer" }, this.renderHint([arrow('M12 19V5M5 12l7-7 7 7'), arrow('M12 5v14M5 12l7 7 7-7')], this.navigateLabel), this.renderHint([
+            index.h("bs-key", null, index.h("svg", { slot: "icon", ...svgProps }, index.h("path", { d: "M9 14 4 9l5-5" }), index.h("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" }))),
+        ], this.openLabel), this.renderHint([index.h("bs-key", { label: "Esc" })], this.closeLabel), index.h("span", { class: "bs-command-palette__spacer" }), this.commandsOnly
+            ? this.renderHint([index.h("bs-key", { label: "Backspace" })], this.allResultsLabel)
+            : this.renderHint([index.h("bs-key", { label: ">" })], this.commandsOnlyLabel)));
+    }
+    renderEmpty() {
+        return (index.h("div", { part: "empty", class: "bs-command-palette__empty" }, index.h("svg", { class: "bs-command-palette__empty-icon", ...svgProps, "stroke-width": "1.5" }, index.h("circle", { cx: "11", cy: "11", r: "7" }), index.h("path", { d: "m20 20-3.5-3.5M8.5 11h5" })), index.h("div", { class: "bs-command-palette__empty-heading" }, this.emptyHeading), index.h("div", { class: "bs-command-palette__empty-description" }, this.emptyDescription), this.didYouMean && (index.h("div", { class: "bs-command-palette__empty-description" }, this.didYouMeanLabel, ' ', index.h("button", { type: "button", class: "bs-command-palette__link", onClick: () => this.bsSuggestion.emit(this.didYouMean) }, this.didYouMean)))));
+    }
+    announcement() {
+        if (!this.open)
+            return '';
+        if (this.status === 'empty')
+            return this.emptyHeading;
+        if (this.status === 'loading')
+            return this.loadingLabel;
+        return '';
+    }
+    render() {
+        const listId = `${this.id}-listbox`;
+        const loading = this.status === 'loading';
+        const empty = this.status === 'empty';
+        const sections = this.shownSections().filter(s => this.filled[s]);
+        const hasList = sections.length > 0;
+        const showResults = loading || empty || hasList;
+        return (index.h("dialog", { key: '6a561ea62b6c339d10be7c860ca78ec1980c196e', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, index.h("div", { key: 'b4592134ab30548ceebe592c83a6aef96d4f30fa', part: "panel", class: "bs-command-palette__panel" }, index.h("div", { key: '803431fd163a7bec9ef8b2d29f40b010b82c562e', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (index.h("bs-chip-informative", { key: '66eea31c8b70c0ce11407e48088580f04f6f79a3', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), index.h("div", { key: '6210de6dc47a703c20de9ea6f49f48ec7f0440ef', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, index.h("bs-input", { key: '6b74b215fe9b4336297179bf3200d78111bfd151', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), index.h("span", { key: '0512eecf3b1e247e6258d583e339d98a2015aa01', class: "bs-command-palette__esc", "aria-hidden": "true" }, index.h("bs-key", { key: '1ec651c3432aaa92eb741e7e93b3389de386079d', label: "Esc" }))), showResults && index.h("div", { key: 'e59e86456dd91a126ef7ae2cb130764c5929331c', class: "bs-command-palette__divider", role: "presentation" }), showResults && (index.h("div", { key: '738aed619a5a63ab17be147720b0c70e0b5a9bbe', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (index.h("div", { key: 'de7b2c46f0e2c18ffe0052564d75c77eb967bbba', class: "bs-command-palette__loading", role: "status" }, index.h("bs-spinner", { key: 'cc14ce65a1bc976936a7b426495242a195cb198d', size: "sm" }), index.h("span", { key: 'b32b2df7f17043367242eccfe3bc0e1bed12b8ea' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (index.h("div", { key: 'f3dd45741f74456e063ac547e2a578a9b085ddab', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), index.h("span", { key: '34e1b38ed74e053dabdd28890a11aee77937db01', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+    }
+    static get watchers() { return {
+        "value": [{
+                "onValueChange": 0
+            }],
+        "status": [{
+                "resetMoved": 0
+            }],
+        "open": [{
+                "resetMoved": 0
+            }]
+    }; }
+};
+BsCommandPalette.style = bsCommandPaletteCss();
+
+exports.bs_command_palette = BsCommandPalette;

package/dist/cjs/bs-compact-menu-block_2.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsCompactMenuBlockCss = () => `:host{display:block;box-sizing:border-box;--bs-compact-menu-block-padding:var(--bs-spacing-100);--bs-compact-menu-block-radius:var(--bs-border-radius-100);--bs-compact-menu-block-bg:transparent;--bs-compact-menu-block-bg-hover:var(--bs-surface-hover);--bs-compact-menu-block-bg-pressed:var(--bs-surface-pressed);--bs-compact-menu-block-color:var(--bs-text-default);--bs-compact-menu-block-focus-ring:var(--bs-border-info)}.bs-compact-menu-block{box-sizing:border-box;display:block;width:100%;margin:0;padding:var(--bs-compact-menu-block-padding);border:0;border-radius:var(--bs-compact-menu-block-radius);background:var(--bs-compact-menu-block-bg);color:var(--bs-compact-menu-block-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-align:left;cursor:pointer}.bs-compact-menu-block:hover,.bs-compact-menu-block:focus-visible{background:var(--bs-compact-menu-block-bg-hover)}.bs-compact-menu-block:active{background:var(--bs-compact-menu-block-bg-pressed)}.bs-compact-menu-block:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-compact-menu-block-focus-ring);outline-offset:0}`;
+
+const BsCompactMenuBlock = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The text, and the accessible name. */
+    name;
+    render() {
+        const common = { part: 'container', class: 'bs-compact-menu-block' };
+        return (index.h("button", { key: '2bd3b6eebed0124d8f013bb1d1a74d14bd3d76c5', ...common, type: "button" }, this.name));
+    }
+};
+BsCompactMenuBlock.style = bsCompactMenuBlockCss();
+
+const bsMenuBlockCss = () => `:host{display:block;box-sizing:border-box;--bs-menu-block-padding:var(--bs-spacing-150);--bs-menu-block-gap:var(--bs-spacing-150);--bs-menu-block-radius:var(--bs-border-radius-100);--bs-menu-block-bg:transparent;--bs-menu-block-bg-hover:var(--bs-surface-hover);--bs-menu-block-bg-pressed:var(--bs-surface-pressed);--bs-menu-block-icon-bg:var(--bs-color-neutral-container);--bs-menu-block-color:var(--bs-text-default);--bs-menu-block-color-muted:var(--bs-text-secondary);--bs-menu-block-focus-ring:var(--bs-border-info);--bs-menu-block-white-space:nowrap}.bs-menu-block{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-menu-block-gap);width:100%;margin:0;padding:var(--bs-menu-block-padding);border:0;border-radius:var(--bs-menu-block-radius);background:var(--bs-menu-block-bg);color:var(--bs-menu-block-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-menu-block:hover,.bs-menu-block:active{--bs-menu-block-icon-bg:var(--bs-surface-base)}.bs-menu-block:hover,.bs-menu-block:focus-visible{background:var(--bs-menu-block-bg-hover)}.bs-menu-block:active{background:var(--bs-menu-block-bg-pressed)}.bs-menu-block:active .bs-menu-block__description{color:var(--bs-menu-block-color)}.bs-menu-block:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-menu-block-focus-ring);outline-offset:0}.bs-menu-block__icon{--bs-icon-tile-bg:var(--bs-menu-block-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-menu-block__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-menu-block-glyph) center / contain no-repeat;mask:var(--bs-menu-block-glyph) center / contain no-repeat}.bs-menu-block__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-menu-block__title{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-menu-block__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:var(--bs-menu-block-white-space);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-menu-block__badge{flex:none}.bs-menu-block__description{overflow:hidden;text-overflow:ellipsis;white-space:var(--bs-menu-block-white-space);color:var(--bs-menu-block-color-muted);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}`;
+
+const BsMenuBlock = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The title, and the start of the accessible name. */
+    name;
+    /** One line under the title; part of the accessible name. */
+    description;
+    /** URL of a monochrome SVG painted with the icon colour. The default slot overrides it. */
+    icon;
+    /** Short text for a chip beside the title, e.g. "New". */
+    badge;
+    render() {
+        const common = { part: 'container', class: 'bs-menu-block' };
+        const body = [
+            index.h("bs-icon-tile", { key: '6d46f853f1673374675ede6c701e3e01fa5c3a4a', part: "icon", class: "bs-menu-block__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-menu-block__glyph", style: { '--bs-menu-block-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
+            index.h("span", { key: '8a24502be4a71f7c6a74f6600ee0f411a37f9d58', class: "bs-menu-block__text" }, index.h("span", { key: 'fd71ce8072d8bb8b83f5831c9d16ac190b3b2b0f', class: "bs-menu-block__title" }, index.h("span", { key: '99f4a8008a50274e7306a91b8d57ce8c98782f9b', part: "name", class: "bs-menu-block__name" }, this.name), this.badge && (index.h("bs-chip-informative", { key: 'd71237f056ca413aa1b9640df4507d52e94e47b2', part: "badge", class: "bs-menu-block__badge", color: "info", size: "sm" }, this.badge))), this.description && (index.h("span", { key: '857ce6dbdc7885a9099f4e9cd94967ba187ce892', part: "description", class: "bs-menu-block__description" }, this.description))),
+        ];
+        return (index.h("button", { key: '6ca8eed231c6b061aab714398975b2f9dc4eb091', ...common, type: "button" }, body));
+    }
+};
+BsMenuBlock.style = bsMenuBlockCss();
+
+exports.bs_compact_menu_block = BsCompactMenuBlock;
+exports.bs_menu_block = BsMenuBlock;