@brandsync/wc 1.4.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +266 -0
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-31fe38dd.entry.js → p-1b16b6e4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-bbd238cd.entry.js → p-1bfc80c3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c8fabfd0.entry.js → p-1d094352.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6fa6a576.entry.js → p-27741046.entry.js} +1 -1
- package/dist/brandsync-wc/{p-984e9878.entry.js → p-2c2057f5.entry.js} +1 -1
- package/dist/brandsync-wc/p-2e8bf5da.entry.js +1 -0
- package/dist/brandsync-wc/{p-d5ea1b72.entry.js → p-35850bfe.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b5ebbc76.entry.js → p-3e4a9f38.entry.js} +1 -1
- package/dist/brandsync-wc/{p-93984743.entry.js → p-3f6980bf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-df0fc514.entry.js → p-42f428b0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6dc7fc4a.entry.js → p-46957b76.entry.js} +1 -1
- package/dist/brandsync-wc/{p-baea8952.entry.js → p-4df71e00.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c89ab519.entry.js → p-58969b2b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-700fb759.entry.js → p-5ea24f7e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4567c1d0.entry.js → p-5f233b4e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2eb6db9f.entry.js → p-692fd5f0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-826c08ac.entry.js → p-69c76966.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b22038b2.entry.js → p-6acdf2e1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-507b5c4b.entry.js → p-6b62bf53.entry.js} +1 -1
- package/dist/brandsync-wc/{p-03a8fbbf.entry.js → p-6fd1fb04.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0c7f993e.entry.js → p-76a37a98.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d7ce9505.entry.js → p-83bda5f1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e5b1d254.entry.js → p-899d24f8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-bca1149c.entry.js → p-8f90e906.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b1353da8.entry.js → p-906b4faa.entry.js} +1 -1
- package/dist/brandsync-wc/{p-17cef278.entry.js → p-943fc6b9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fc52e0df.entry.js → p-95e0fb92.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4ba7690a.entry.js → p-9d5cf289.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b176c547.entry.js → p-a34c7553.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1d50cff0.entry.js → p-a55a3d87.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1030c935.entry.js → p-a64b64f8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8dec61f7.entry.js → p-a77a5438.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3b3ef658.entry.js → p-a96ec9a1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9a2f986d.entry.js → p-ac2ccc4b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3c060d84.entry.js → p-b332fe01.entry.js} +1 -1
- package/dist/brandsync-wc/{p-117a52dc.entry.js → p-b4211012.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f0df6653.entry.js → p-c91eb3eb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5bf18d08.entry.js → p-cd90ed34.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3eecd03e.entry.js → p-d1dfd37d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0534d0a9.entry.js → p-d69e5034.entry.js} +1 -1
- package/dist/brandsync-wc/p-dadbb3f1.entry.js +1 -0
- package/dist/brandsync-wc/{p-113ed9df.entry.js → p-dbd49107.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a6bc823e.entry.js → p-dc974a34.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6b850a6c.entry.js → p-e9a89ea0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-dc974d62.entry.js → p-eb1c98a5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-07043faa.entry.js → p-f0a6ff05.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9bc67188.entry.js → p-f4cb1337.entry.js} +1 -1
- package/dist/brandsync-wc/{p-10ad342b.entry.js → p-fd1acc0f.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-accordion.cjs.entry.js +54 -0
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment.cjs.entry.js +1 -1
- package/dist/cjs/bs-badge.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-card.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-filter.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-input.cjs.entry.js +1 -1
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +1 -1
- package/dist/cjs/bs-composer.cjs.entry.js +1 -1
- package/dist/cjs/bs-data-table.cjs.entry.js +2 -2
- package/dist/cjs/bs-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-input.cjs.entry.js +2 -2
- package/dist/cjs/bs-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-menu.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-progress-linear.cjs.entry.js +2 -2
- package/dist/cjs/bs-progress.cjs.entry.js +2 -2
- package/dist/cjs/bs-radio.cjs.entry.js +1 -1
- package/dist/cjs/bs-slider.cjs.entry.js +1 -1
- package/dist/cjs/bs-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/bs-source-link.cjs.entry.js +2 -2
- package/dist/cjs/bs-stepper-step.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bs-switch.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-tabs.cjs.entry.js +1 -1
- package/dist/cjs/bs-toast.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/bs-accordion/bs-accordion.cmp.test.js +112 -0
- package/dist/collection/components/bs-accordion/bs-accordion.css +174 -0
- package/dist/collection/components/bs-accordion/bs-accordion.js +203 -0
- package/dist/collection/components/bs-accordion/bs-accordion.stories.js +63 -0
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-attachment/bs-attachment.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-badge/bs-badge.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button/bs-button/bs-button.js +1 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-card/bs-card.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js +1 -1
- package/dist/collection/components/bs-composer/bs-composer.js +1 -1
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +1 -1
- package/dist/collection/components/bs-data-table/bs-data-table.js +2 -2
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-progress/bs-progress.js +2 -2
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +2 -2
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-slider/bs-slider.js +1 -1
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +1 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-switch/bs-switch.js +1 -1
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
- package/dist/collection/components/bs-toast/bs-toast.js +1 -1
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js +1 -1
- package/dist/components/bs-accordion.d.ts +11 -0
- package/dist/components/bs-accordion.js +1 -0
- package/dist/components/bs-ai-disclaimer.js +1 -1
- package/dist/components/bs-ai-greeting.js +1 -1
- package/dist/components/bs-ai-thinking.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-badge.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumb.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-button.js +1 -1
- package/dist/components/bs-card.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox-skeleton.js +1 -1
- package/dist/components/bs-checkbox.js +1 -1
- package/dist/components/bs-chip-filter.js +1 -1
- package/dist/components/bs-chip-informative.js +1 -1
- package/dist/components/bs-chip-input.js +1 -1
- package/dist/components/bs-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-icon-button.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-navigation-drawer.js +1 -1
- package/dist/components/bs-navigation-header.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-progress-linear.js +1 -1
- package/dist/components/bs-progress.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-slider.js +1 -1
- package/dist/components/bs-snackbar.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-stepper-step.js +1 -1
- package/dist/components/bs-stepper.js +1 -1
- package/dist/components/bs-switch.js +1 -1
- package/dist/components/bs-tab.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/bs-toast.js +1 -1
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/{p-C5ducC76.js → p-Byl-ZwBI.js} +1 -1
- package/dist/components/{p-BQdQhCjF.js → p-D4omPSOU.js} +1 -1
- package/dist/components/{p-CKXzHFVu.js → p-DOApNIwD.js} +1 -1
- package/dist/components/{p-Bi4KsnwA.js → p-Dkv8x1_Z.js} +1 -1
- package/dist/components/{p-CbSuTCj1.js → p-lvnXqw5g.js} +1 -1
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-accordion.entry.js +52 -0
- package/dist/esm/bs-ai-disclaimer.entry.js +1 -1
- package/dist/esm/bs-ai-greeting.entry.js +1 -1
- package/dist/esm/bs-ai-thinking.entry.js +1 -1
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-attachment.entry.js +1 -1
- package/dist/esm/bs-badge.entry.js +1 -1
- package/dist/esm/bs-breadcrumb-overflow.entry.js +1 -1
- package/dist/esm/bs-breadcrumb.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-button.entry.js +1 -1
- package/dist/esm/bs-card.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +1 -1
- package/dist/esm/bs-chatbot-header.entry.js +1 -1
- package/dist/esm/bs-chatbot-response-action.entry.js +1 -1
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +1 -1
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +1 -1
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-checkbox.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +1 -1
- package/dist/esm/bs-chip-input.entry.js +1 -1
- package/dist/esm/bs-composer-status-banner.entry.js +1 -1
- package/dist/esm/bs-composer.entry.js +1 -1
- package/dist/esm/bs-data-table.entry.js +2 -2
- package/dist/esm/bs-icon-button.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +1 -1
- package/dist/esm/bs-input.entry.js +2 -2
- package/dist/esm/bs-menu-item.entry.js +1 -1
- package/dist/esm/bs-menu.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +1 -1
- package/dist/esm/bs-navigation-header.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-progress-linear.entry.js +2 -2
- package/dist/esm/bs-progress.entry.js +2 -2
- package/dist/esm/bs-radio.entry.js +1 -1
- package/dist/esm/bs-slider.entry.js +1 -1
- package/dist/esm/bs-snackbar.entry.js +1 -1
- package/dist/esm/bs-source-link.entry.js +2 -2
- package/dist/esm/bs-stepper-step.entry.js +1 -1
- package/dist/esm/bs-stepper.entry.js +1 -1
- package/dist/esm/bs-switch.entry.js +1 -1
- package/dist/esm/bs-tab.entry.js +1 -1
- package/dist/esm/bs-tabs.entry.js +1 -1
- package/dist/esm/bs-toast.entry.js +1 -1
- package/dist/esm/bs-tooltip.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-accordion/bs-accordion.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-accordion/bs-accordion.d.ts +51 -0
- package/dist/types/components/bs-accordion/bs-accordion.stories.d.ts +20 -0
- package/dist/types/components.d.ts +123 -0
- package/package.json +1 -1
- package/dist/brandsync-wc/p-b6dba2bf.entry.js +0 -1
|
@@ -16,7 +16,7 @@ const BsAiGreeting = class {
|
|
|
16
16
|
const subtext = this.productName
|
|
17
17
|
? `How can I help you with ${this.productName} today?`
|
|
18
18
|
: 'How can I help you today?';
|
|
19
|
-
return (index.h("div", { key: '
|
|
19
|
+
return (index.h("div", { key: 'eeb2acbb2c6aa8daa803dab57c343b35995200b3', class: "bs-ai-greeting" }, index.h("div", { key: 'ece228ba66ee9b783a768258a5c52c1270297962', part: "heading", class: "bs-ai-greeting__heading" }, index.h("p", { key: 'f316e250f35b05dda813f5b517f42373eebcde45', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), index.h("p", { key: '99ac26f89ec8fb3fba000025975c95920faca41a', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), index.h("p", { key: '3326155e697a1dd0d0512574d0405f5e176d3967', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
BsAiGreeting.style = bsAiGreetingCss();
|
|
@@ -26,7 +26,7 @@ const BsAiThinking = class {
|
|
|
26
26
|
/** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
|
|
27
27
|
label = 'Thinking';
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h("div", { key: '
|
|
29
|
+
return (index.h("div", { key: '29dcf35868288138ffdd7e1a59ecd48396b45ce7', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, index.h("img", { key: 'ca7354850cc25b2c55b2901f7d34ce216fe79d76', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), index.h("span", { key: '888e38812266e053a58ad91932d4a7df804e52da', part: "label", class: "bs-ai-thinking__label" }, this.label)));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
BsAiThinking.style = bsAiThinkingCss();
|
|
@@ -39,7 +39,7 @@ const BsAttachmentList = class {
|
|
|
39
39
|
this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
|
|
40
40
|
};
|
|
41
41
|
render() {
|
|
42
|
-
return (index.h("div", { key: '
|
|
42
|
+
return (index.h("div", { key: '5508a6c6185bf836d4b30e7341f29f80ba06f2c3', class: "bs-attachment-list" }, index.h("div", { key: 'c8652402e683f80aee373adad7ad41590dd7fbaf', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, index.h("slot", { key: 'fb838b763b7047419d072c2c9f2cbe81046041e4', onSlotchange: this.onSlotchange })), this.canScrollRight && index.h("div", { key: 'faaf4be7542539a32675fb2046b26840e539d509', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
BsAttachmentList.style = bsAttachmentListCss();
|
|
@@ -28,7 +28,7 @@ const BsAttachment = class {
|
|
|
28
28
|
};
|
|
29
29
|
render() {
|
|
30
30
|
const isImage = this.type === 'image';
|
|
31
|
-
return (index.h("div", { key: '
|
|
31
|
+
return (index.h("div", { key: '824fb2e4d386156dbf23a58118c82fe02bb37f81', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (index.h("bs-icon-button", { key: 'f7665d54bd9c14185c53cff66ff3fc913358f865', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `Remove attachment: ${this.fileName}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: '508cb34b696b733bbc78e84af32072439c2d1665' })))));
|
|
32
32
|
}
|
|
33
33
|
renderImage() {
|
|
34
34
|
return (index.h("div", { part: "thumbnail", class: "bs-attachment__thumbnail" }, index.h("img", { class: "bs-attachment__image", src: this.imageSrc, alt: this.imageAlt }), this.loading && index.h(Spinner, { class: "bs-attachment__spinner bs-attachment__spinner--overlay", size: 16 })));
|
|
@@ -11,7 +11,7 @@ const BsBadge = class {
|
|
|
11
11
|
/** Maps directly to the brandsync-tokens `--bs-badge-bg-*` / `--bs-badge-text-*` sets. */
|
|
12
12
|
variant = 'default';
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h("span", { key: '
|
|
14
|
+
return (index.h("span", { key: '91c12085eda1d9599e50542a273bab640e7f348f', part: "container", class: `bs-badge bs-badge--${this.variant}` }, index.h("slot", { key: '21f0edd06967e4f608cc16f27c52d3eec0794eb0' })));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
BsBadge.style = bsBadgeCss();
|
|
@@ -46,7 +46,7 @@ const BsBreadcrumbOverflow = class {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (index.h(index.Host, { key: '
|
|
49
|
+
return (index.h(index.Host, { key: '6219cabef08760aa3940d9a4e12d6e5ecd21e407', role: "listitem" }, index.h("span", { key: '59261696d02c49b1ea81b29d822d6d42c4fbafd5', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '62921ade525de21d7e74e732e0736c345fef87b7' })), index.h("span", { key: '0a8e9a9dc472ab9d1b63bdd497ceda12e04a736a', class: "bs-breadcrumb-overflow__wrapper" }, index.h("button", { key: '6930b4b341ee5b810eae5ffe32e33022402a01d3', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, index.h(DotsThreeIcon, { key: 'c9cf273fa51bac2bf11953d294184be641a47a9f' })), this.open && this.items.length > 0 && (index.h("bs-menu", { key: '1a1948a75569ad7639131d2982c8ebdf28027f85', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (index.h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href }, item.label)) : (index.h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -24,7 +24,7 @@ const BsBreadcrumb = class {
|
|
|
24
24
|
* off-brand. Reflected so consumers/CSS can target `bs-breadcrumb[size="sm"]`. */
|
|
25
25
|
size = 'md';
|
|
26
26
|
render() {
|
|
27
|
-
return (index.h(index.Host, { key: '
|
|
27
|
+
return (index.h(index.Host, { key: 'f9c93eed4d4844e03cdfc50c9efbee238c188257', role: "listitem" }, index.h("span", { key: 'e0f26700582662cd4269bd786a9c81fd8031716e', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '77e8ed02ffd367e9b7ca39869ab41a95759450e4' })), this.current ? (index.h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, index.h("slot", null))) : this.href ? (index.h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href }, index.h("slot", null))) : (index.h("span", { part: "link", class: "bs-breadcrumb__link" }, index.h("slot", null)))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -36,7 +36,7 @@ const BsBreadcrumbs = class {
|
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h("nav", { key: '
|
|
39
|
+
return (index.h("nav", { key: '5ff4734b3de9444f7347443acdc0dcea94bb43a1', "aria-label": this.label }, index.h("ol", { key: '0aebf74594c40b9268576cf1ccdb872dc3866ab3', part: "list", class: "bs-breadcrumbs__list" }, index.h("slot", { key: '998f3aeb715ef1fdf4e602cb50e612f9125832af', onSlotchange: this.onSlotChange }))));
|
|
40
40
|
}
|
|
41
41
|
static get watchers() { return {
|
|
42
42
|
"size": [{
|
|
@@ -11,7 +11,7 @@ const BsButtonSkeleton = class {
|
|
|
11
11
|
/** Sizing scale, matching the `bs-button` size it stands in for. */
|
|
12
12
|
size = 'md';
|
|
13
13
|
render() {
|
|
14
|
-
return index.h("span", { key: '
|
|
14
|
+
return index.h("span", { key: 'bc4e9d282c745bfacede27fbeae7dfc8ea5d7aed', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": "Loading" });
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
BsButtonSkeleton.style = bsButtonSkeletonCss();
|
|
@@ -79,7 +79,7 @@ const BsButton = class {
|
|
|
79
79
|
};
|
|
80
80
|
render() {
|
|
81
81
|
const iconOnly = (this.hasIcon || this.hasEndIcon) && !this.hasLabel;
|
|
82
|
-
return (index.h("button", { key: '
|
|
82
|
+
return (index.h("button", { key: '08e40944935e444c596287a6ff6c57da0e3918f1', class: `bs-button bs-button--${this.variant} bs-button--${this.size} ${iconOnly ? 'bs-button--icon-only' : ''} ${this.hasIcon && !iconOnly ? 'bs-button--has-icon' : ''} ${this.hasEndIcon && !iconOnly ? 'bs-button--has-end-icon' : ''}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, index.h("span", { key: 'c6499f182e59e2ea19370fe2b5ff3f767f3ed95e', part: "icon", class: `bs-button__icon ${this.hasIcon ? 'bs-button__icon--visible' : ''}` }, index.h("slot", { key: '0f73b8af02609430f1a4d9c148cfc5c26e3d85b3', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '5d9c542387b6e012acc0f83fb6ecf96f9f86155d', part: "label", class: "bs-button__label" }, index.h("slot", { key: '97ef5087ea966548db790f1bfd0c6d88c961ba67', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '893c0d7ad7f1a3cc80d770e914a1dfe7f7d21205', part: "end-icon", class: `bs-button__end-icon ${this.hasEndIcon ? 'bs-button__end-icon--visible' : ''}` }, index.h("slot", { key: '0125dedf6e415dd43a1075d2ac8c03e911320ec5', name: "end-icon", onSlotchange: this.onEndIconSlotchange }))));
|
|
83
83
|
}
|
|
84
84
|
static get delegatesFocus() { return true; }
|
|
85
85
|
};
|
|
@@ -19,7 +19,7 @@ const BsCard = class {
|
|
|
19
19
|
this.hasImage = ev.target.assignedNodes().length > 0;
|
|
20
20
|
};
|
|
21
21
|
render() {
|
|
22
|
-
return (index.h("div", { key: '
|
|
22
|
+
return (index.h("div", { key: '8cad76fa0c75da73579d9c3f0c35bd53e403e206', part: "container", class: `bs-card bs-card--${this.surface}` }, index.h("div", { key: '0b6c4b4f1917b91c2666fe5a458f4824b2be8a45', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, index.h("slot", { key: 'aa072aab27b633e7f043855d5c9dfdcdd711adcf', name: "image", onSlotchange: this.onImageSlotchange })), index.h("div", { key: '9c30a8c08fb8c8a312b649358fdc4d666fffeb8d', class: "bs-card__content" }, index.h("div", { key: '0489dbbbbb3c743d8cabe2722884a3d127cd0dc4', part: "header", class: "bs-card__header" }, index.h("slot", { key: '43175c6aff3313e8efbedde2e8cb344c023594ea', name: "header" })), index.h("div", { key: '23d4f29e1786d30ea9b63159287ed7cf139a374a', part: "body", class: "bs-card__body" }, index.h("slot", { key: '2e3c69ae07711b57e2e825b0ed0bd691d8e9c3b1' })), index.h("div", { key: 'fb0747f6bf93c25057e84551c2a0b579c7c594d3', part: "footer", class: "bs-card__footer" }, index.h("slot", { key: '8ef61b947e94412f113f237b55144cc216a6bad5', name: "footer" })))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
BsCard.style = bsCardCss();
|
|
@@ -82,7 +82,7 @@ const BsChatbotFeedback = class {
|
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
84
|
const stars = [1, 2, 3, 4, 5];
|
|
85
|
-
return (index.h("div", { key: '
|
|
85
|
+
return (index.h("div", { key: '6c5056134f1d6447aeda1ae857061c365fdacb4e', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, index.h("button", { key: '8d1e595b3a7967845110a98b3760562b074084e1', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, index.h(CloseIcon, { key: '751dd5a8131bedb5746be7ff51c44511ebdda6ca' })), index.h("div", { key: 'e27641222fb536f8d942d7f0b24a1d0d1b35488d', class: "bs-chatbot-feedback__top" }, index.h("div", { key: 'f5dc2910630a2062bd470ad18fe15cb8fe50337f', class: "bs-chatbot-feedback__text" }, index.h("p", { key: '9b2302645703362eb21f864504eb223baeee9baa', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), index.h("p", { key: 'e1d4790ef748ae54b35c3d8044b52c1bca06388f', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), index.h("div", { key: '8218bd93c344643644a29669a5ec3c0f01d9f07f', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (index.h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, index.h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (index.h("div", { key: '66dc2fee80c61f23942b05cf0e6f7d37aba0e51c', class: "bs-chatbot-feedback__field" }, index.h("label", { key: '907d81ab2873fcb8545a1f6e0211ae4470cd47ea', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), index.h("textarea", { key: 'fbb611bfe9e9cf8ce26c1f6fd2b5cf6f6fe6ae94', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (index.h("p", { key: 'edd24d5f9ffa0d615af9cf4d61fbc97e8a99e2f5', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), index.h("div", { key: 'a33f6632072258d658e66826f1a65e6fe15df00d', class: "bs-chatbot-feedback__actions" }, !this.submitted && (index.h("button", { key: '8fc50735381620c4b93e05d72f2045f3890f6307', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, index.h(SendIcon, { key: '3fce1f0219ee83a209f0eafa7a427349b6d00d7b' }), "Submit feedback")), index.h("button", { key: 'f0e4a2cb9115e513506248812ae025772e7b3b2b', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, index.h(EditIcon, { key: '18ed5c41bc2fcfff8ea8505d3c893ae7f9fb3a81' }), "Start new chat"))));
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
88
|
const StarIcon = ({ filled }) => (index.h("svg", { viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 2.5L15.09 8.75L22 9.77L17 14.62L18.18 21.5L12 18.22L5.82 21.5L7 14.62L2 9.77L8.91 8.75L12 2.5Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -132,7 +132,7 @@ const BsChatbotHeader = class {
|
|
|
132
132
|
this.bsClose.emit();
|
|
133
133
|
};
|
|
134
134
|
render() {
|
|
135
|
-
return (index.h("div", { key: '
|
|
135
|
+
return (index.h("div", { key: '6c7b3f85022255ed23112784225bfa73d3a895dc', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, index.h("div", { key: 'c1352cfd77ffa0086524169f70f539224efdfece', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), index.h("div", { key: '0fc7a712371d9376cf27255bc8673e3534958f90', class: "bs-chatbot-header__actions" }, index.h("span", { key: 'ec7e2263549ceadea2cab8d525e79536498c8638', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'e18b8a1479e39ac7ffb9296d6937a0ae43ed8085', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, index.h("slot", { key: 'b4d2cbc7178fedb8fd913a78d553ff8dd7434629', name: "new-chat-icon" }, index.h(NewChatIcon, { key: 'b08f81e176c9bd375149953c16ac9015abb45e82' }))), index.h("bs-tooltip", { key: 'f9ce231519487ecef288ba4cfbb9be6f0c365d13', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), index.h("span", { key: '518d7a9e5b706032c2bcd8b07ba233149d0b91c2', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '0fe038dd159d5b789c068e8b5897bb7d4ecce13f', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, index.h("slot", { key: '08eafbec56e26a5b1ee031760fe5cb536f8e2dfb', name: "history-icon" }, index.h(HistoryIcon, { key: 'c7146fda0171aad403c60e85487422f9435ecb5b' }))), index.h("bs-tooltip", { key: '75472a421f6e7deae9251f8ba8154ed1e27d7561', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), index.h("span", { key: '80205eed7c1859d9294169340eb32675093cc3b6', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: '50f7bc159d86e96402f1dfcd669d9cb0db47d5db', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Collapse' : 'Expand', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, index.h("slot", { key: 'ec985a221f8ad106d9e166fe41b61d12bb76ed1c', name: "expand-icon" }, index.h(ExpandIcon, { key: '8c2115fda94eb2751fb1d578790217b7791329a4' }))), index.h("bs-tooltip", { key: 'd81aac0eeab0c95e4255bb996acdfce822e8264d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), index.h("span", { key: 'c7400a3de2bf5f094dd54bf1308355d0e0f762a8', class: "bs-chatbot-header__tooltip-wrapper" }, index.h("button", { key: 'b6b06b62243f7e1058b1f09426e4159fe185c1ad', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, index.h("slot", { key: '407db5c670302391b0196716de157b6cdaeb029f', name: "close-icon" }, index.h(CloseIcon, { key: '2593ea028a266cb7a9cc55ead8d1888cb491cf05' }))), index.h("bs-tooltip", { key: 'b230b5107c88e56f4e695f2d8b065208affe3fd2', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
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" })));
|
|
@@ -78,7 +78,7 @@ const BsChatbotResponseAction = class {
|
|
|
78
78
|
};
|
|
79
79
|
render() {
|
|
80
80
|
const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
|
|
81
|
-
return (index.h("div", { key: '
|
|
81
|
+
return (index.h("div", { key: '111e7a42e8fc38d4fd5a816cdfded9eaaa854411', class: "bs-chatbot-response-action" }, index.h("button", { key: 'def8fd139a1e29cf5410c00227e0f3daa713fe71', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, index.h("slot", { key: '78e5c9b817fe4828e2a52cd49474d54400a8e930', name: "like-icon" }, index.h(ThumbsUpIcon, { key: 'e74d4efb615839af2a1b5b1a0fe739c37f0830ed' }))), index.h("button", { key: '19a4569619e2f9bcc4058622f5534d5aff1be914', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, index.h("slot", { key: '0f6fab436dc26c3cd019934cbb99073c0cd2176f', name: "dislike-icon" }, index.h(ThumbsDownIcon, { key: '000bae3349daf25dd7f2af3b0848461158452e58' }))), index.h("button", { key: '92e013b636bf8d6a0d316b998e01acb3039f283a', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, index.h("slot", { key: 'd575f671a480dae59bbefb0a255209a537b24f4d', name: "copy-icon" }, index.h(CopyIcon, { key: 'becca3443cdd1a6245d84b806f9186da8756bef8' }))), index.h("button", { key: '3e48fb0dbef6c181fbc1e4800f079786f38f7294', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, index.h("slot", { key: '2bf713515b8503186d4d17e47ad0a7baf424be00', name: "regenerate-icon" }, index.h(RegenerateIcon, { key: '86f25451600b70f5d8e7148f5ee46c9c8fda4674' }))), index.h("div", { key: '3815f620d0ee123aeb23e99d664d40aae2168616', class: "bs-chatbot-response-action__menu-wrapper" }, index.h("button", { key: 'f53c9236453217611a1b3b3ee195ad9e5d5079e0', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": "More options", "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, index.h("slot", { key: 'ac264f44c88115a8dc5d52a5c149ac0981ee0177', name: "menu-icon" }, index.h(MenuIcon, { key: '66c03b5a3cf26d1f8aebbe93d10ea90ed61277bf' }))), this.menuOpen && (index.h("div", { key: '004fd6280505e156ff0353714e4d36e3b7273d5e', class: "bs-chatbot-response-action__menu-popup" }, index.h("slot", { key: '33e54635fe65fe4fb52a0bbd642c822e5a50e9a6', name: "menu" })))), hasSources && (index.h("button", { key: 'da4095a96f3920f2723f1b84be98f8b31ba55f5a', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, index.h("slot", { key: 'a7c526dcbfb1037c66830602b0457db0d3f160a1', name: "sources-icon" }, index.h(SourcesIcon, { key: '4e76ba5f77ddf3ad438f4b537e06caddb0adf613' })), index.h("span", { key: 'c648b364219f65b63c2abd325a4112c581906b31', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
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" })));
|
|
@@ -29,7 +29,7 @@ const BsChatbotSourcesDrawer = class {
|
|
|
29
29
|
};
|
|
30
30
|
render() {
|
|
31
31
|
const displayCount = this.count ?? this.slottedCount;
|
|
32
|
-
return (index.h("div", { key: '
|
|
32
|
+
return (index.h("div", { key: '42d5d4160e8c2cac61d124f9359d2f6996658ce1', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, index.h("div", { key: '81d4a4bef6bdc625d7bcfe57f4338fc97c0403ca', class: "bs-chatbot-sources-drawer__header" }, index.h("div", { key: 'db44bbebef2b2c59ae1a6755d6dd68ea55b81196', class: "bs-chatbot-sources-drawer__title-group" }, index.h("h2", { key: '573c29a65b188805621f8eb35d2489987d05451b', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (index.h("span", { key: '24a009a10e789ea33ad2603dad89ed590564e92b', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), index.h("button", { key: '1ba25a50ca7a7910fcac94ff10eeb1a694e2ddd5', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, index.h("slot", { key: '7ccaf79b7d19ecf3f6871787a75110304d1a5237', name: "collapse-icon" }, index.h(CaretRightIcon, { key: 'fde18a59c4e7a9436fe4b1044ae7272eb7ee4d5a' })))), index.h("div", { key: 'aa70054cb4da766d19f4c646a71bcb4e0d2b4195', part: "list", class: "bs-chatbot-sources-drawer__list" }, index.h("slot", { key: 'd2bef9a375eccda347f9e26942bb4f33a689933f', onSlotchange: this.onSlotchange }))));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
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" })));
|
|
@@ -17,7 +17,7 @@ const BsChatbotSuggestionButton = class {
|
|
|
17
17
|
this.bsSelect.emit();
|
|
18
18
|
};
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h("button", { key: '
|
|
20
|
+
return (index.h("button", { key: 'fe0298f0e80e18da93468635ab1263a243700fe9', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, index.h("slot", { key: '0fcc15a4165b0e2c7b990adbb061d2fb54378c82' })));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();
|
|
@@ -12,7 +12,7 @@ const BsCheckboxSkeleton = class {
|
|
|
12
12
|
* (unusual) default `bs-checkbox` itself uses. */
|
|
13
13
|
size = 'lg';
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h("span", { key: '
|
|
15
|
+
return (index.h("span", { key: '50a436a6ede8ae40310191029037b3be08981fba', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, index.h("span", { key: 'f76fc56bb1e6fea2bd6a4fc41c336930c2b23044', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), index.h("span", { key: 'd80b2ac1c5b9eba7a8b150a0e344909a46b18c39', part: "label", class: "bs-checkbox-skeleton__label" })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
BsCheckboxSkeleton.style = bsCheckboxSkeletonCss();
|
|
@@ -80,7 +80,7 @@ const BsCheckbox = class {
|
|
|
80
80
|
]
|
|
81
81
|
.filter(Boolean)
|
|
82
82
|
.join(' ');
|
|
83
|
-
return (index.h("label", { key: '
|
|
83
|
+
return (index.h("label", { key: '0c4ef7d5dc0c10a76382a25f503e50a9698f74b0', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, index.h("input", { key: '1bcbe7899e41e5c4bb1a09602eec0f852ae4a2e7', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: 'e7f5d9b4374aa6c718a76353a6671878564d366e', part: "box", class: boxClasses }, showIcon && (index.h("svg", { key: 'c73163dcba81418174924221259b1ab37cb0a2e8', 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: '3511affcb7f222032c726591a6f35c15cbcb3225', part: "label", class: "bs-checkbox__label" }, index.h("slot", { key: '1103d622b8d1295d9e82a63660cb6ab0939c6edf' }))));
|
|
84
84
|
}
|
|
85
85
|
static get delegatesFocus() { return true; }
|
|
86
86
|
static get watchers() { return {
|
|
@@ -59,7 +59,7 @@ const BsChipFilter = class {
|
|
|
59
59
|
// label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
|
|
60
60
|
// third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
|
|
61
61
|
const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
|
|
62
|
-
return (index.h("button", { key: '
|
|
62
|
+
return (index.h("button", { key: '4cc3cc573ec2a0f742a5ba5e76a8f5dee7eb0997', 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: '6767cb949257461abde1872ef35d5551fe86017b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, index.h("slot", { key: 'a106df348c1078bbd73c062d6217d3467327664a', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'bf1007a48f1bdfa2ddcf5df9eddee84b276f3494', part: "label", class: "bs-chip-filter__label" }, index.h("slot", { key: '1f23a2853946b770f76683dae314263cc4f3c5b2' })), this.dropdown && (index.h("span", { key: '483fb2cabd9dfc930fa44ee626a4532f5fec4cc3', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, index.h(ChevronDownIcon, { key: '8197912443813d3d3e7c705e303301a993bb2ce1' })))));
|
|
63
63
|
}
|
|
64
64
|
static get delegatesFocus() { return true; }
|
|
65
65
|
};
|
|
@@ -34,7 +34,7 @@ const BsChipInformative = class {
|
|
|
34
34
|
};
|
|
35
35
|
render() {
|
|
36
36
|
const paddingVariant = this.hasIcon ? 'icon' : 'text';
|
|
37
|
-
return (index.h(index.Host, { key: '
|
|
37
|
+
return (index.h(index.Host, { key: '099676c8f874c17836d65797d10683fa1184043b', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, index.h("span", { key: 'ff570bf489c3a8ea8350bc550e720bfcdc5d4bdf', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, index.h("slot", { key: '170e80a2665111b2a6212088b58a7c2c1008110a', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd87cd059d67b8d56d04bc7e9f39d3ab497e49f8a', part: "label", class: "bs-chip-informative__label" }, index.h("slot", { key: '983e6f32115957222a078f91683bc5f59aefe185' }))));
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
BsChipInformative.style = bsChipInformativeCss();
|
|
@@ -64,7 +64,7 @@ const BsChipInput = class {
|
|
|
64
64
|
};
|
|
65
65
|
render() {
|
|
66
66
|
const paddingVariant = this.hasIcon ? 'icon' : 'text';
|
|
67
|
-
return (index.h(index.Host, { key: '
|
|
67
|
+
return (index.h(index.Host, { key: '3e0b49c24f5f2c696c4b28fbdddf3abb5cbb54f4', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, index.h("button", { key: '3bb4e5e2cdea9cb828d2f3efe0a1f7e6e199ea13', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, index.h("span", { key: 'a8845467b470c0f0bb1f48a588f6b10c34c48aea', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, index.h("slot", { key: '80f2daa48102e47dff6a1c37f36058f1a7825d0f', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'abc1a83bac760ac9cc993cfa46e08b67b543c7e0', part: "label", class: "bs-chip-input__label" }, index.h("slot", { key: 'cf2914c6ec7096fb4c6182f22457790b6b581da9', onSlotchange: this.onLabelSlotchange }))), index.h("button", { key: '2db0595805b4c1faf61f8c15c8bede6d5d59d6ae', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `Remove ${this.labelText}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: '24df652ec4dd9ac7dcdc203d5fd1584e8dd5556c' }))));
|
|
68
68
|
}
|
|
69
69
|
static get delegatesFocus() { return true; }
|
|
70
70
|
};
|
|
@@ -44,7 +44,7 @@ const BsComposerStatusBanner = class {
|
|
|
44
44
|
return this.type === 'error' || this.type === 'warning' ? index.h(WarningIcon, null) : index.h(ClockIcon, null);
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (index.h("div", { key: '
|
|
47
|
+
return (index.h("div", { key: '237f3ec194ddb9057b1b0773e4a8062a9e58f457', role: this.roleForType(), class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, index.h("div", { key: '6a1fadb9f08f2ce383216a750743321383528649', class: "bs-composer-status-banner__message-group" }, this.showIcon && (index.h("span", { key: '54dc45c13ab939249e66754389323d857d191bb5', part: "icon", class: "bs-composer-status-banner__icon" }, index.h("slot", { key: '023ee815d57914a9f46b39b5253229e3a89c1f2d', name: "icon" }, this.renderDefaultIcon()))), index.h("p", { key: '3bf23bc657922338767dcc63da4236469ff2c3f0', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (index.h("button", { key: 'efb2fcc8eb96388b395275c39021fa718f08ae2b', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (index.h("button", { key: 'f97e8fba154e5bcc7e9778b2f31f136ca81a7d94', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": "Dismiss", onClick: this.onCloseClick }, index.h(CloseIcon, { key: 'eb56b6b6a2fddac3e13eac6db129f0da3572e8ec' })))));
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
const ClockIcon = () => (index.h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("circle", { cx: "10", cy: "10", r: "7.25", stroke: "currentColor", "stroke-width": "1.3" }), index.h("path", { d: "M10 5.83V10L12.5 11.67", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -171,7 +171,7 @@ const BsComposer = class {
|
|
|
171
171
|
const placeholder = this.placeholder ?? DEFAULT_PLACEHOLDERS[this.variant];
|
|
172
172
|
const disabled = this.state === 'disabled';
|
|
173
173
|
const recording = this.state === 'recording';
|
|
174
|
-
return (index.h("div", { key: '
|
|
174
|
+
return (index.h("div", { key: '80b15558a6c64dad187e5f83ff969f0ce738c959', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, index.h("div", { key: 'e29e99d27f37a1ed12d5a648615fe904aab3d850', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, index.h("slot", { key: '3b83ae56fceeed1221beab79a739ee59cb35db71', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), index.h("div", { key: 'aa087015ad3a0ecec2f5fd7142633e12a00fc2cc', class: "bs-composer__text-row" }, index.h("textarea", { key: '695417d0ea46dd9016a27f967bb1ac4cff28531e', ref: el => (this.inputEl = el), part: "input", class: "bs-composer__input", rows: 1, value: this.value, placeholder: placeholder, disabled: disabled, "aria-label": this.ariaLabel, onInput: this.onInput, onKeyDown: this.onInputKeydown })), index.h("div", { key: '3087c098baef6f6a5886b23e2c6e54b71dce6923', class: "bs-composer__controls-row" }, index.h("button", { key: '75c132d161e468a999c72a96c88356473e760650', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": "Attach", onClick: this.onAttachClick }, index.h(PlusIcon, { key: 'c7ff05366636234093b94a3e6f8980772444c546' })), recording ? (index.h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (index.h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (index.h("span", { class: "bs-composer__spacer" })), index.h("button", { key: '5aadfaad74e8fa0c612be85a79a8ecaff851f06b', type: "button", part: "mic", class: `bs-composer__mic ${recording ? 'bs-composer__mic--recording' : ''}`, "aria-label": recording ? 'Stop recording' : 'Start voice input', disabled: disabled, onClick: this.onMicClick }, recording ? index.h(StopIcon, null) : index.h(MicIcon, null)), index.h("button", { key: '1c7922626005c71fdef12adb12d7413c983df7d7', type: "button", part: "action", class: `bs-composer__action bs-composer__action--${this.state}`, "aria-label": this.actionLabel(), disabled: disabled, onClick: this.onActionClick }, this.renderActionIcon()), index.h("slot", { key: 'd38d63ecf9dd3c7ce7df06cec854ff5ae92b1077', name: "actions-end" }))));
|
|
175
175
|
}
|
|
176
176
|
static get delegatesFocus() { return true; }
|
|
177
177
|
};
|
|
@@ -60,11 +60,11 @@ const BsDataTable = class {
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
|
-
return (index.h("table", { key: '
|
|
63
|
+
return (index.h("table", { key: '0b894a3cac62202447a21d4dd982236ef60b4ed0', part: "table", class: "bs-data-table" }, index.h("thead", { key: '9af94643a3cd4702a7b6fcbe2f713a3fea6773a9', part: "head" }, index.h("tr", { key: '3f5680cea9daeecf078a11d19f7a77f3e4de3145' }, this.selectable && (index.h("th", { key: '053da4081fdd79727c5cee13f11f725e4b92e1cb', class: "bs-data-table__select-col" }, this.rows.length > 0 && (index.h("input", { key: 'd45b4e81976dca3fc114c9685deb53e0f27ec8f5', type: "checkbox", "aria-label": "Select all rows", checked: this.selectedIds.size > 0 && this.selectedIds.size === this.rows.length, indeterminate: this.selectedIds.size > 0 && this.selectedIds.size < this.rows.length, onChange: this.onSelectAllChange })))), this.columns.map(column => {
|
|
64
64
|
const isSorted = this.sortColumn === column.key;
|
|
65
65
|
const ariaSort = column.sortable ? (isSorted ? (this.sortDirection === 'asc' ? 'ascending' : 'descending') : 'none') : undefined;
|
|
66
66
|
return (index.h("th", { part: "header-cell", class: "bs-data-table__header-cell", "aria-sort": ariaSort }, column.sortable ? (index.h("button", { type: "button", class: "bs-data-table__sort-button", onClick: () => this.onHeaderClick(column) }, column.label, isSorted && index.h("span", { class: "bs-data-table__sort-indicator" }, this.sortDirection === 'asc' ? ' ▲' : ' ▼'))) : (column.label)));
|
|
67
|
-
}))), index.h("tbody", { key: '
|
|
67
|
+
}))), index.h("tbody", { key: '8d3183f03ef2a4f39e8f4f8cdad66c8c57df5dca', part: "body" }, this.rows.map(row => (index.h("tr", { part: "row", class: "bs-data-table__row" }, this.selectable && (index.h("td", { class: "bs-data-table__select-col" }, index.h("input", { type: "checkbox", checked: this.selectedIds.has(row.id), onChange: ev => this.onRowCheckboxChange(row, ev) }))), this.columns.map(column => this.cellRenderer ? (
|
|
68
68
|
// cellRenderer is a developer-supplied, trusted function (JS-property-only, never
|
|
69
69
|
// derived from untrusted input) -- its HTML output is intentionally not escaped,
|
|
70
70
|
// same trust model as React's dangerouslySetInnerHTML.
|
|
@@ -31,7 +31,7 @@ const BsIconButton = class {
|
|
|
31
31
|
*/
|
|
32
32
|
ariaLabel = null;
|
|
33
33
|
render() {
|
|
34
|
-
return (index.h("button", { key: '
|
|
34
|
+
return (index.h("button", { key: '86ddd0f1ff23372e205035ac1273a6b90a779855', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel }, index.h("span", { key: 'f45944557ce068283c394e6a48fbc0f56087fbd9', part: "icon", class: "bs-icon-button__icon" }, index.h("slot", { key: 'ed067830c7f465099edbf40401b0e3ec6fb1e1c9' }))));
|
|
35
35
|
}
|
|
36
36
|
static get delegatesFocus() { return true; }
|
|
37
37
|
};
|
|
@@ -61,7 +61,7 @@ const BsInlineTab = class {
|
|
|
61
61
|
};
|
|
62
62
|
render() {
|
|
63
63
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
64
|
-
return (index.h("button", { key: '
|
|
64
|
+
return (index.h("button", { key: 'fd90e4759427dccc1457496dc1f8d155643597db', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: 'c89be07dc694dd6e12401d9d047cc156f80129a9', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, index.h("slot", { key: '4a2e0f0d3a732b8e78778d50c3a4d800f55e8ed9', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '4d7ea29c763bdfb3dc3ffda9f4227f558fab392a', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, index.h("slot", { key: 'c8670f670fc4138c062a433c6037bd7bc7b0e0bc', onSlotchange: this.onLabelSlotchange }))));
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
BsInlineTab.style = bsInlineTabCss();
|
|
@@ -308,10 +308,10 @@ const BsInput = class {
|
|
|
308
308
|
return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
|
|
309
309
|
}
|
|
310
310
|
render() {
|
|
311
|
-
return (index.h("div", { key: '
|
|
311
|
+
return (index.h("div", { key: '68d08fa3dce086122838a91898c60de837b7228e', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
312
312
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
313
313
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
314
|
-
index.h("label", { key: '
|
|
314
|
+
index.h("label", { key: '8b21f1f9873841feb455343960c0152576269314', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '622be18a55520512f9b5b4001e7435e7f544512e', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
|
|
315
315
|
}
|
|
316
316
|
static get delegatesFocus() { return true; }
|
|
317
317
|
};
|
|
@@ -26,7 +26,7 @@ const BsMenuItem = class {
|
|
|
26
26
|
this.bsSelect.emit();
|
|
27
27
|
};
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h("button", { key: '
|
|
29
|
+
return (index.h("button", { key: '237e49e6c177aa2dc7427d55a00867ba48922c63', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("span", { key: '0e66b5e5fdcdc16348d0c6ba0b3ca4ee972ea6fa', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: '15f7cc57d8783b3c2b23720b640b40b1748a7e4b', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '8d2c92e06c0fd88f02cbbc1d77604af1c30ae26c', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: '8b6c088f606f99538411f6366b349462924fc4d9' }))));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
BsMenuItem.style = bsMenuItemCss();
|
|
@@ -9,7 +9,7 @@ const BsMenu = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: '6dab08819f32793e41598ffe621761d319d45c1a', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: '6f391e9b01ea7e2d60fa8f9703a16af3d57a9b74' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
BsMenu.style = bsMenuCss();
|
|
@@ -93,7 +93,7 @@ const BsNavigationDrawerItem = class {
|
|
|
93
93
|
// incorrectly also toggle this parent row on every child click. Both are wrapped in a
|
|
94
94
|
// `display: contents` container so render() still returns a single root node (this codebase's
|
|
95
95
|
// convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
|
|
96
|
-
return (index.h("div", { key: '
|
|
96
|
+
return (index.h("div", { key: '63556b4635d1c66bc1698868e5941561db1ca84f', class: "bs-navigation-drawer-item__root" }, index.h("button", { key: 'b96648001c7af054955c7a18c47f0d6d5e157888', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (index.h("span", { key: '6304dcc2d21a463479865ce7de84007cb3b0aee1', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, index.h("slot", { key: '2797dc8bcb4933b1ce2b32670f7b648739fc5242', name: "icon", onSlotchange: this.onIconSlotchange }))), index.h("span", { key: '01f493c86d00a4bef716d41a18f842eff7a68362', part: "label", class: "bs-navigation-drawer-item__label" }, index.h("slot", { key: 'a47dee4db7a1b516bae6db422bb61bcea5e1594e' })), this.expandable && (index.h("span", { key: 'be177fb373023438a3bb3c2189c244b49b91ceb9', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, index.h(ChevronDownIcon, { key: '7537f4757219d98708e87fc1d3db0dacade0f861' })))), this.expandable && (index.h("span", { key: '72aef8d1730d727d5cf211a7a47073a4cf64bde8', part: "children", class: "bs-navigation-drawer-item__children" }, index.h("slot", { key: '2de65d49b494ba8e0d1d35470bc0ff5c8e8f25ee', name: "children" })))));
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
99
|
// 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per
|
|
@@ -71,7 +71,7 @@ const BsNavigationDrawer = class {
|
|
|
71
71
|
this.bsSearchClick.emit();
|
|
72
72
|
};
|
|
73
73
|
render() {
|
|
74
|
-
return (index.h("nav", { key: '
|
|
74
|
+
return (index.h("nav", { key: 'c83954ea480337504cf645444c95ddcfe61946d2', class: "bs-navigation-drawer", "aria-label": this.heading }, this.showLogo && (index.h("div", { key: '85c798aa7271162f902437ed87479d48f81b446a', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, index.h("bs-logo", { key: '75e784e5898719b6e39a5d8cabb61e7cbddf8208', variant: "full", background: this.logoBackground }))), this.showLogo && (index.h("div", { key: '036972797f4fe635da03d4174a99756f1764f986', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, index.h("bs-logo", { key: '64163e12bb7adf39665e7fdc46014ddd10c83745', variant: "mark", background: this.logoBackground }))), index.h("div", { key: '21424e734140dcb7cb0dc9ea009dcae4d3908720', class: "bs-navigation-drawer__title-row" }, index.h("span", { key: 'f4fc69204720e2bd748081c7c7fd7c1f5d7a8aa6', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (index.h("button", { key: '5813a13995c020a20b4a63b4669fce63b9e8d76b', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? 'Expand' : 'Collapse', "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, index.h(CaretLeftIcon, { key: 'b9d22c0c33dfcab172bd1abe1c37efa9ffc73325' })))), index.h("div", { key: 'd93ae5bd0ac78f6e1f1e3de6172f5e30da0ea2b7', part: "search", class: "bs-navigation-drawer__search" }, index.h("slot", { key: '3bafa80f2e068c296f98ffdc306a088fa277a054', name: "search" })), index.h("button", { key: 'de9e7abe49f48aaf5a3e547589a8f0619b29cad5', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, index.h(SearchIcon, { key: 'e1eb6daea0a7309b2c98215614bb7dc525f2a68b' })), index.h("div", { key: '5781c0e192332e223a539c300fdb7f004782f27a', part: "items", class: "bs-navigation-drawer__items" }, index.h("slot", { key: 'be8c25989b8ba3ea7529012f56ffd4976173e6dd' }))));
|
|
75
75
|
}
|
|
76
76
|
static get watchers() { return {
|
|
77
77
|
"collapsed": [{
|
|
@@ -36,7 +36,7 @@ const BsNavigationHeader = class {
|
|
|
36
36
|
render() {
|
|
37
37
|
const showLogo = this.alignment !== 'with-navigation-drawer';
|
|
38
38
|
const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
|
|
39
|
-
return (index.h("header", { key: '
|
|
39
|
+
return (index.h("header", { key: '47c0da7831345484bcbab2e07299de27fefa50be', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (index.h("a", { key: '9139e689848434a39fa5ff5950e3f1ff3612a03d', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (index.h("bs-logo", { key: 'd19e1a132b90e93f63fabf5c815550062ad3fd4a', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), index.h("div", { key: 'ce82683ee631dde1ccf5ca5bbd2c1f1a8591117a', part: "left", class: "bs-navigation-header__left" }, index.h("slot", { key: 'c52c854c21de184dddbb5826e5b195d3a154cddd', name: "left" })), index.h("div", { key: '60a3a79131b1e84ff90bc83cb95ec6313c9d6753', part: "right", class: "bs-navigation-header__right" }, index.h("slot", { key: '04900b4d9cb7b3a969b0466854c414251c8fecac', name: "right" }))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
BsNavigationHeader.style = bsNavigationHeaderCss();
|
|
@@ -70,7 +70,7 @@ const BsPagination = class {
|
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
72
|
const pageList = this.getPageList();
|
|
73
|
-
return (index.h("nav", { key: '
|
|
73
|
+
return (index.h("nav", { key: '679f591fdfc485a7cd963238177c2586030f2354', "aria-label": "Pagination" }, index.h("ul", { key: '7d6f19579c56a49e749a523587b08d3c408c22f0', part: "list", class: "bs-pagination__list" }, index.h("li", { key: '1499d8990fc69d22b4367d1105a81dbac88fa3bb', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '5b3b180e4334558780cf871f92e772c477bff843', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, index.h(ChevronLeftIcon, { key: 'c50e237ec8b8208387334cd9bfb0deea5e348088' }))), pageList.map((item, index$1) => item === 'ellipsis' ? (index.h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index$1}` }, index.h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, index.h(EllipsisIcon, null)))) : (index.h("li", { part: "item", class: "bs-pagination__item", key: item }, index.h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `Go to page ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), index.h("li", { key: '845a96e60020024653b93d0e0a5640d9f538fefa', part: "item", class: "bs-pagination__item" }, index.h("button", { key: '8173081e2dfd190d8b4665a21cdf46e698bd4f4b', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, index.h(ChevronRightIcon, { key: '4ca0e3c1ac5b3529fad3296ce478111e881aeceb' }))))));
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
function range(start, end) {
|
|
@@ -30,13 +30,13 @@ const BsProgressLinear = class {
|
|
|
30
30
|
render() {
|
|
31
31
|
const isDeterminate = this.type === 'determinate';
|
|
32
32
|
const value = this.clampedValue;
|
|
33
|
-
return (index.h("div", { key: '
|
|
33
|
+
return (index.h("div", { key: 'a740b860487e2f163fe7103191bd34b7fb1633ad', part: "container", class: "bs-progress-linear" }, index.h("div", { key: 'a1400ddeb695c45edaff4a6501589e191237c0aa', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (index.h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
|
|
34
34
|
// Figma's indeterminate bar is a soft "comet" gradient segment (transparent -> blue ->
|
|
35
35
|
// transparent) sliding left-to-right across the track's full width in a loop -- the
|
|
36
36
|
// same fade concept as bs-progress's indeterminate ring's conic-gradient comet tail,
|
|
37
37
|
// but along a straight line via a linear-gradient + `transform: translateX(...)`
|
|
38
38
|
// keyframe animation instead of a rotating conic-gradient.
|
|
39
|
-
index.h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (index.h("span", { key: '
|
|
39
|
+
index.h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (index.h("span", { key: '30ea4feeb5fa09cea28a89b515366b8d08fe6425', part: "label", class: "bs-progress-linear__label" }, index.h("slot", { key: 'b361ed81b85f3cd76ccb885ab1a0de5ec10b97b9' })))));
|
|
40
40
|
}
|
|
41
41
|
// The default slot's assigned content lives in the host's light DOM regardless of whether a
|
|
42
42
|
// <slot> is currently rendered in the shadow tree, so this can be computed directly from the
|