@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
|
@@ -130,7 +130,7 @@ const BsChatbotHeader = class {
|
|
|
130
130
|
this.bsClose.emit();
|
|
131
131
|
};
|
|
132
132
|
render() {
|
|
133
|
-
return (h("div", { key: '
|
|
133
|
+
return (h("div", { key: '6c7b3f85022255ed23112784225bfa73d3a895dc', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'c1352cfd77ffa0086524169f70f539224efdfece', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '0fc7a712371d9376cf27255bc8673e3534958f90', class: "bs-chatbot-header__actions" }, h("span", { key: 'ec7e2263549ceadea2cab8d525e79536498c8638', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'e18b8a1479e39ac7ffb9296d6937a0ae43ed8085', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: 'b4d2cbc7178fedb8fd913a78d553ff8dd7434629', name: "new-chat-icon" }, h(NewChatIcon, { key: 'b08f81e176c9bd375149953c16ac9015abb45e82' }))), h("bs-tooltip", { key: 'f9ce231519487ecef288ba4cfbb9be6f0c365d13', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '518d7a9e5b706032c2bcd8b07ba233149d0b91c2', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '0fe038dd159d5b789c068e8b5897bb7d4ecce13f', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: '08eafbec56e26a5b1ee031760fe5cb536f8e2dfb', name: "history-icon" }, h(HistoryIcon, { key: 'c7146fda0171aad403c60e85487422f9435ecb5b' }))), h("bs-tooltip", { key: '75472a421f6e7deae9251f8ba8154ed1e27d7561', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '80205eed7c1859d9294169340eb32675093cc3b6', class: "bs-chatbot-header__tooltip-wrapper" }, 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 }, h("slot", { key: 'ec985a221f8ad106d9e166fe41b61d12bb76ed1c', name: "expand-icon" }, h(ExpandIcon, { key: '8c2115fda94eb2751fb1d578790217b7791329a4' }))), h("bs-tooltip", { key: 'd81aac0eeab0c95e4255bb996acdfce822e8264d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Collapse' : 'Expand')), h("span", { key: 'c7400a3de2bf5f094dd54bf1308355d0e0f762a8', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b6b06b62243f7e1058b1f09426e4159fe185c1ad', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '407db5c670302391b0196716de157b6cdaeb029f', name: "close-icon" }, h(CloseIcon, { key: '2593ea028a266cb7a9cc55ead8d1888cb491cf05' }))), h("bs-tooltip", { key: 'b230b5107c88e56f4e695f2d8b065208affe3fd2', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
|
|
134
134
|
}
|
|
135
135
|
};
|
|
136
136
|
const NewChatIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M12 15H9V12L18 3L21 6L12 15Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M15.75 5.25L18.75 8.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), 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" })));
|
|
@@ -76,7 +76,7 @@ const BsChatbotResponseAction = class {
|
|
|
76
76
|
};
|
|
77
77
|
render() {
|
|
78
78
|
const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
|
|
79
|
-
return (h("div", { key: '
|
|
79
|
+
return (h("div", { key: '111e7a42e8fc38d4fd5a816cdfded9eaaa854411', class: "bs-chatbot-response-action" }, h("button", { key: 'def8fd139a1e29cf5410c00227e0f3daa713fe71', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": "Like", onClick: this.onLikeClick }, h("slot", { key: '78e5c9b817fe4828e2a52cd49474d54400a8e930', name: "like-icon" }, h(ThumbsUpIcon, { key: 'e74d4efb615839af2a1b5b1a0fe739c37f0830ed' }))), h("button", { key: '19a4569619e2f9bcc4058622f5534d5aff1be914', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": "Dislike", onClick: this.onDislikeClick }, h("slot", { key: '0f6fab436dc26c3cd019934cbb99073c0cd2176f', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '000bae3349daf25dd7f2af3b0848461158452e58' }))), h("button", { key: '92e013b636bf8d6a0d316b998e01acb3039f283a', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": "Copy", onClick: this.onCopyClick }, h("slot", { key: 'd575f671a480dae59bbefb0a255209a537b24f4d', name: "copy-icon" }, h(CopyIcon, { key: 'becca3443cdd1a6245d84b806f9186da8756bef8' }))), h("button", { key: '3e48fb0dbef6c181fbc1e4800f079786f38f7294', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": "Regenerate", onClick: this.onRegenerateClick }, h("slot", { key: '2bf713515b8503186d4d17e47ad0a7baf424be00', name: "regenerate-icon" }, h(RegenerateIcon, { key: '86f25451600b70f5d8e7148f5ee46c9c8fda4674' }))), h("div", { key: '3815f620d0ee123aeb23e99d664d40aae2168616', class: "bs-chatbot-response-action__menu-wrapper" }, 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 }, h("slot", { key: 'ac264f44c88115a8dc5d52a5c149ac0981ee0177', name: "menu-icon" }, h(MenuIcon, { key: '66c03b5a3cf26d1f8aebbe93d10ea90ed61277bf' }))), this.menuOpen && (h("div", { key: '004fd6280505e156ff0353714e4d36e3b7273d5e', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '33e54635fe65fe4fb52a0bbd642c822e5a50e9a6', name: "menu" })))), hasSources && (h("button", { key: 'da4095a96f3920f2723f1b84be98f8b31ba55f5a', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'a7c526dcbfb1037c66830602b0457db0d3f160a1', name: "sources-icon" }, h(SourcesIcon, { key: '4e76ba5f77ddf3ad438f4b537e06caddb0adf613' })), h("span", { key: 'c648b364219f65b63c2abd325a4112c581906b31', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? 'source' : 'sources')))));
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
82
|
const ThumbsUpIcon = () => (h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, 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" }), 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" })));
|
|
@@ -27,7 +27,7 @@ const BsChatbotSourcesDrawer = class {
|
|
|
27
27
|
};
|
|
28
28
|
render() {
|
|
29
29
|
const displayCount = this.count ?? this.slottedCount;
|
|
30
|
-
return (h("div", { key: '
|
|
30
|
+
return (h("div", { key: '42d5d4160e8c2cac61d124f9359d2f6996658ce1', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '81d4a4bef6bdc625d7bcfe57f4338fc97c0403ca', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'db44bbebef2b2c59ae1a6755d6dd68ea55b81196', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '573c29a65b188805621f8eb35d2489987d05451b', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '24a009a10e789ea33ad2603dad89ed590564e92b', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '1ba25a50ca7a7910fcac94ff10eeb1a694e2ddd5', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": "Collapse sources", onClick: this.onCollapseClick }, h("slot", { key: '7ccaf79b7d19ecf3f6871787a75110304d1a5237', name: "collapse-icon" }, h(CaretRightIcon, { key: 'fde18a59c4e7a9436fe4b1044ae7272eb7ee4d5a' })))), h("div", { key: 'aa70054cb4da766d19f4c646a71bcb4e0d2b4195', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'd2bef9a375eccda347f9e26942bb4f33a689933f', onSlotchange: this.onSlotchange }))));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
const CaretRightIcon = () => (h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M7.5 4.375L13.125 10L7.5 15.625", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -15,7 +15,7 @@ const BsChatbotSuggestionButton = class {
|
|
|
15
15
|
this.bsSelect.emit();
|
|
16
16
|
};
|
|
17
17
|
render() {
|
|
18
|
-
return (h("button", { key: '
|
|
18
|
+
return (h("button", { key: 'fe0298f0e80e18da93468635ab1263a243700fe9', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '0fcc15a4165b0e2c7b990adbb061d2fb54378c82' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
BsChatbotSuggestionButton.style = bsChatbotSuggestionButtonCss();
|
|
@@ -10,7 +10,7 @@ const BsCheckboxSkeleton = class {
|
|
|
10
10
|
* (unusual) default `bs-checkbox` itself uses. */
|
|
11
11
|
size = 'lg';
|
|
12
12
|
render() {
|
|
13
|
-
return (h("span", { key: '
|
|
13
|
+
return (h("span", { key: '50a436a6ede8ae40310191029037b3be08981fba', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": "Loading" }, h("span", { key: 'f76fc56bb1e6fea2bd6a4fc41c336930c2b23044', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: 'd80b2ac1c5b9eba7a8b150a0e344909a46b18c39', part: "label", class: "bs-checkbox-skeleton__label" })));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
BsCheckboxSkeleton.style = bsCheckboxSkeletonCss();
|
|
@@ -78,7 +78,7 @@ const BsCheckbox = class {
|
|
|
78
78
|
]
|
|
79
79
|
.filter(Boolean)
|
|
80
80
|
.join(' ');
|
|
81
|
-
return (h("label", { key: '
|
|
81
|
+
return (h("label", { key: '0c4ef7d5dc0c10a76382a25f503e50a9698f74b0', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, 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 }), h("span", { key: 'e7f5d9b4374aa6c718a76353a6671878564d366e', part: "box", class: boxClasses }, showIcon && (h("svg", { key: 'c73163dcba81418174924221259b1ab37cb0a2e8', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '3511affcb7f222032c726591a6f35c15cbcb3225', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '1103d622b8d1295d9e82a63660cb6ab0939c6edf' }))));
|
|
82
82
|
}
|
|
83
83
|
static get delegatesFocus() { return true; }
|
|
84
84
|
static get watchers() { return {
|
|
@@ -57,7 +57,7 @@ const BsChipFilter = class {
|
|
|
57
57
|
// label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
|
|
58
58
|
// third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
|
|
59
59
|
const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
|
|
60
|
-
return (h("button", { key: '
|
|
60
|
+
return (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 }, h("span", { key: '6767cb949257461abde1872ef35d5551fe86017b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: 'a106df348c1078bbd73c062d6217d3467327664a', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'bf1007a48f1bdfa2ddcf5df9eddee84b276f3494', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '1f23a2853946b770f76683dae314263cc4f3c5b2' })), this.dropdown && (h("span", { key: '483fb2cabd9dfc930fa44ee626a4532f5fec4cc3', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '8197912443813d3d3e7c705e303301a993bb2ce1' })))));
|
|
61
61
|
}
|
|
62
62
|
static get delegatesFocus() { return true; }
|
|
63
63
|
};
|
|
@@ -32,7 +32,7 @@ const BsChipInformative = class {
|
|
|
32
32
|
};
|
|
33
33
|
render() {
|
|
34
34
|
const paddingVariant = this.hasIcon ? 'icon' : 'text';
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '099676c8f874c17836d65797d10683fa1184043b', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: 'ff570bf489c3a8ea8350bc550e720bfcdc5d4bdf', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '170e80a2665111b2a6212088b58a7c2c1008110a', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd87cd059d67b8d56d04bc7e9f39d3ab497e49f8a', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: '983e6f32115957222a078f91683bc5f59aefe185' }))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
BsChipInformative.style = bsChipInformativeCss();
|
|
@@ -62,7 +62,7 @@ const BsChipInput = class {
|
|
|
62
62
|
};
|
|
63
63
|
render() {
|
|
64
64
|
const paddingVariant = this.hasIcon ? 'icon' : 'text';
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '3e0b49c24f5f2c696c4b28fbdddf3abb5cbb54f4', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '3bb4e5e2cdea9cb828d2f3efe0a1f7e6e199ea13', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("span", { key: 'a8845467b470c0f0bb1f48a588f6b10c34c48aea', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '80f2daa48102e47dff6a1c37f36058f1a7825d0f', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'abc1a83bac760ac9cc993cfa46e08b67b543c7e0', part: "label", class: "bs-chip-input__label" }, h("slot", { key: 'cf2914c6ec7096fb4c6182f22457790b6b581da9', onSlotchange: this.onLabelSlotchange }))), h("button", { key: '2db0595805b4c1faf61f8c15c8bede6d5d59d6ae', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `Remove ${this.labelText}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: '24df652ec4dd9ac7dcdc203d5fd1584e8dd5556c' }))));
|
|
66
66
|
}
|
|
67
67
|
static get delegatesFocus() { return true; }
|
|
68
68
|
};
|
|
@@ -42,7 +42,7 @@ const BsComposerStatusBanner = class {
|
|
|
42
42
|
return this.type === 'error' || this.type === 'warning' ? h(WarningIcon, null) : h(ClockIcon, null);
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: '237f3ec194ddb9057b1b0773e4a8062a9e58f457', role: this.roleForType(), class: `bs-composer-status-banner bs-composer-status-banner--${this.type}` }, h("div", { key: '6a1fadb9f08f2ce383216a750743321383528649', class: "bs-composer-status-banner__message-group" }, this.showIcon && (h("span", { key: '54dc45c13ab939249e66754389323d857d191bb5', part: "icon", class: "bs-composer-status-banner__icon" }, h("slot", { key: '023ee815d57914a9f46b39b5253229e3a89c1f2d', name: "icon" }, this.renderDefaultIcon()))), h("p", { key: '3bf23bc657922338767dcc63da4236469ff2c3f0', part: "message", class: "bs-composer-status-banner__message" }, this.message)), this.showButton && (h("button", { key: 'efb2fcc8eb96388b395275c39021fa718f08ae2b', type: "button", part: "action", class: "bs-composer-status-banner__action", onClick: this.onActionClick }, this.actionLabel)), this.allowClose && (h("button", { key: 'f97e8fba154e5bcc7e9778b2f31f136ca81a7d94', type: "button", part: "close", class: "bs-composer-status-banner__close", "aria-label": "Dismiss", onClick: this.onCloseClick }, h(CloseIcon, { key: 'eb56b6b6a2fddac3e13eac6db129f0da3572e8ec' })))));
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
const ClockIcon = () => (h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("circle", { cx: "10", cy: "10", r: "7.25", stroke: "currentColor", "stroke-width": "1.3" }), h("path", { d: "M10 5.83V10L12.5 11.67", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -169,7 +169,7 @@ const BsComposer = class {
|
|
|
169
169
|
const placeholder = this.placeholder ?? DEFAULT_PLACEHOLDERS[this.variant];
|
|
170
170
|
const disabled = this.state === 'disabled';
|
|
171
171
|
const recording = this.state === 'recording';
|
|
172
|
-
return (h("div", { key: '
|
|
172
|
+
return (h("div", { key: '80b15558a6c64dad187e5f83ff969f0ce738c959', class: `bs-composer bs-composer--${this.state} bs-composer--${this.variant}` }, h("div", { key: 'e29e99d27f37a1ed12d5a648615fe904aab3d850', part: "attachments", class: `bs-composer__attachments-row ${this.hasAttachments ? 'bs-composer__attachments-row--visible' : ''}` }, h("slot", { key: '3b83ae56fceeed1221beab79a739ee59cb35db71', name: "attachments", onSlotchange: this.onAttachmentsSlotchange })), h("div", { key: 'aa087015ad3a0ecec2f5fd7142633e12a00fc2cc', class: "bs-composer__text-row" }, 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 })), h("div", { key: '3087c098baef6f6a5886b23e2c6e54b71dce6923', class: "bs-composer__controls-row" }, h("button", { key: '75c132d161e468a999c72a96c88356473e760650', type: "button", part: "attach", class: "bs-composer__attach", "aria-label": "Attach", onClick: this.onAttachClick }, h(PlusIcon, { key: 'c7ff05366636234093b94a3e6f8980772444c546' })), recording ? (h("span", { class: "bs-composer__waveform", "aria-hidden": "true" }, WAVEFORM_BAR_HEIGHTS.map(height => (h("span", { class: "bs-composer__waveform-bar", style: { '--bs-composer-bar-height': `${height}px` } }))))) : (h("span", { class: "bs-composer__spacer" })), 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 ? h(StopIcon, null) : h(MicIcon, null)), 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()), h("slot", { key: 'd38d63ecf9dd3c7ce7df06cec854ff5ae92b1077', name: "actions-end" }))));
|
|
173
173
|
}
|
|
174
174
|
static get delegatesFocus() { return true; }
|
|
175
175
|
};
|
|
@@ -58,11 +58,11 @@ const BsDataTable = class {
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
return (h("table", { key: '
|
|
61
|
+
return (h("table", { key: '0b894a3cac62202447a21d4dd982236ef60b4ed0', part: "table", class: "bs-data-table" }, h("thead", { key: '9af94643a3cd4702a7b6fcbe2f713a3fea6773a9', part: "head" }, h("tr", { key: '3f5680cea9daeecf078a11d19f7a77f3e4de3145' }, this.selectable && (h("th", { key: '053da4081fdd79727c5cee13f11f725e4b92e1cb', class: "bs-data-table__select-col" }, this.rows.length > 0 && (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 => {
|
|
62
62
|
const isSorted = this.sortColumn === column.key;
|
|
63
63
|
const ariaSort = column.sortable ? (isSorted ? (this.sortDirection === 'asc' ? 'ascending' : 'descending') : 'none') : undefined;
|
|
64
64
|
return (h("th", { part: "header-cell", class: "bs-data-table__header-cell", "aria-sort": ariaSort }, column.sortable ? (h("button", { type: "button", class: "bs-data-table__sort-button", onClick: () => this.onHeaderClick(column) }, column.label, isSorted && h("span", { class: "bs-data-table__sort-indicator" }, this.sortDirection === 'asc' ? ' ▲' : ' ▼'))) : (column.label)));
|
|
65
|
-
}))), h("tbody", { key: '
|
|
65
|
+
}))), h("tbody", { key: '8d3183f03ef2a4f39e8f4f8cdad66c8c57df5dca', part: "body" }, this.rows.map(row => (h("tr", { part: "row", class: "bs-data-table__row" }, this.selectable && (h("td", { class: "bs-data-table__select-col" }, h("input", { type: "checkbox", checked: this.selectedIds.has(row.id), onChange: ev => this.onRowCheckboxChange(row, ev) }))), this.columns.map(column => this.cellRenderer ? (
|
|
66
66
|
// cellRenderer is a developer-supplied, trusted function (JS-property-only, never
|
|
67
67
|
// derived from untrusted input) -- its HTML output is intentionally not escaped,
|
|
68
68
|
// same trust model as React's dangerouslySetInnerHTML.
|
|
@@ -29,7 +29,7 @@ const BsIconButton = class {
|
|
|
29
29
|
*/
|
|
30
30
|
ariaLabel = null;
|
|
31
31
|
render() {
|
|
32
|
-
return (h("button", { key: '
|
|
32
|
+
return (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 }, h("span", { key: 'f45944557ce068283c394e6a48fbc0f56087fbd9', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'ed067830c7f465099edbf40401b0e3ec6fb1e1c9' }))));
|
|
33
33
|
}
|
|
34
34
|
static get delegatesFocus() { return true; }
|
|
35
35
|
};
|
|
@@ -59,7 +59,7 @@ const BsInlineTab = class {
|
|
|
59
59
|
};
|
|
60
60
|
render() {
|
|
61
61
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
62
|
-
return (h("button", { key: '
|
|
62
|
+
return (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 }, h("span", { key: 'c89be07dc694dd6e12401d9d047cc156f80129a9', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '4a2e0f0d3a732b8e78778d50c3a4d800f55e8ed9', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '4d7ea29c763bdfb3dc3ffda9f4227f558fab392a', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'c8670f670fc4138c062a433c6037bd7bc7b0e0bc', onSlotchange: this.onLabelSlotchange }))));
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
BsInlineTab.style = bsInlineTabCss();
|
|
@@ -306,10 +306,10 @@ const BsInput = class {
|
|
|
306
306
|
return (h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (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) })))));
|
|
307
307
|
}
|
|
308
308
|
render() {
|
|
309
|
-
return (h("div", { key: '
|
|
309
|
+
return (h("div", { key: '68d08fa3dce086122838a91898c60de837b7228e', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
310
310
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
311
311
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
312
|
-
h("label", { key: '
|
|
312
|
+
h("label", { key: '8b21f1f9873841feb455343960c0152576269314', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (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 ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
|
|
313
313
|
}
|
|
314
314
|
static get delegatesFocus() { return true; }
|
|
315
315
|
};
|
|
@@ -24,7 +24,7 @@ const BsMenuItem = class {
|
|
|
24
24
|
this.bsSelect.emit();
|
|
25
25
|
};
|
|
26
26
|
render() {
|
|
27
|
-
return (h("button", { key: '
|
|
27
|
+
return (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 }, h("span", { key: '0e66b5e5fdcdc16348d0c6ba0b3ca4ee972ea6fa', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '15f7cc57d8783b3c2b23720b640b40b1748a7e4b', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '8d2c92e06c0fd88f02cbbc1d77604af1c30ae26c', part: "label", class: "bs-menu-item__label" }, h("slot", { key: '8b6c088f606f99538411f6366b349462924fc4d9' }))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
BsMenuItem.style = bsMenuItemCss();
|
|
@@ -7,7 +7,7 @@ const BsMenu = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '6dab08819f32793e41598ffe621761d319d45c1a', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: '6f391e9b01ea7e2d60fa8f9703a16af3d57a9b74' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
BsMenu.style = bsMenuCss();
|
|
@@ -91,7 +91,7 @@ const BsNavigationDrawerItem = class {
|
|
|
91
91
|
// incorrectly also toggle this parent row on every child click. Both are wrapped in a
|
|
92
92
|
// `display: contents` container so render() still returns a single root node (this codebase's
|
|
93
93
|
// convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
|
|
94
|
-
return (h("div", { key: '
|
|
94
|
+
return (h("div", { key: '63556b4635d1c66bc1698868e5941561db1ca84f', class: "bs-navigation-drawer-item__root" }, 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 && (h("span", { key: '6304dcc2d21a463479865ce7de84007cb3b0aee1', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '2797dc8bcb4933b1ce2b32670f7b648739fc5242', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '01f493c86d00a4bef716d41a18f842eff7a68362', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'a47dee4db7a1b516bae6db422bb61bcea5e1594e' })), this.expandable && (h("span", { key: 'be177fb373023438a3bb3c2189c244b49b91ceb9', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '7537f4757219d98708e87fc1d3db0dacade0f861' })))), this.expandable && (h("span", { key: '72aef8d1730d727d5cf211a7a47073a4cf64bde8', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '2de65d49b494ba8e0d1d35470bc0ff5c8e8f25ee', name: "children" })))));
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
// 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per
|
|
@@ -69,7 +69,7 @@ const BsNavigationDrawer = class {
|
|
|
69
69
|
this.bsSearchClick.emit();
|
|
70
70
|
};
|
|
71
71
|
render() {
|
|
72
|
-
return (h("nav", { key: '
|
|
72
|
+
return (h("nav", { key: 'c83954ea480337504cf645444c95ddcfe61946d2', class: "bs-navigation-drawer", "aria-label": this.heading }, this.showLogo && (h("div", { key: '85c798aa7271162f902437ed87479d48f81b446a', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: '75e784e5898719b6e39a5d8cabb61e7cbddf8208', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '036972797f4fe635da03d4174a99756f1764f986', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '64163e12bb7adf39665e7fdc46014ddd10c83745', variant: "mark", background: this.logoBackground }))), h("div", { key: '21424e734140dcb7cb0dc9ea009dcae4d3908720', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'f4fc69204720e2bd748081c7c7fd7c1f5d7a8aa6', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (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 }, h(CaretLeftIcon, { key: 'b9d22c0c33dfcab172bd1abe1c37efa9ffc73325' })))), h("div", { key: 'd93ae5bd0ac78f6e1f1e3de6172f5e30da0ea2b7', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '3bafa80f2e068c296f98ffdc306a088fa277a054', name: "search" })), h("button", { key: 'de9e7abe49f48aaf5a3e547589a8f0619b29cad5', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": "Search", onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: 'e1eb6daea0a7309b2c98215614bb7dc525f2a68b' })), h("div", { key: '5781c0e192332e223a539c300fdb7f004782f27a', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: 'be8c25989b8ba3ea7529012f56ffd4976173e6dd' }))));
|
|
73
73
|
}
|
|
74
74
|
static get watchers() { return {
|
|
75
75
|
"collapsed": [{
|
|
@@ -34,7 +34,7 @@ const BsNavigationHeader = class {
|
|
|
34
34
|
render() {
|
|
35
35
|
const showLogo = this.alignment !== 'with-navigation-drawer';
|
|
36
36
|
const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
|
|
37
|
-
return (h("header", { key: '
|
|
37
|
+
return (h("header", { key: '47c0da7831345484bcbab2e07299de27fefa50be', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '9139e689848434a39fa5ff5950e3f1ff3612a03d', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: 'd19e1a132b90e93f63fabf5c815550062ad3fd4a', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: 'ce82683ee631dde1ccf5ca5bbd2c1f1a8591117a', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: 'c52c854c21de184dddbb5826e5b195d3a154cddd', name: "left" })), h("div", { key: '60a3a79131b1e84ff90bc83cb95ec6313c9d6753', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '04900b4d9cb7b3a969b0466854c414251c8fecac', name: "right" }))));
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
BsNavigationHeader.style = bsNavigationHeaderCss();
|
|
@@ -68,7 +68,7 @@ const BsPagination = class {
|
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
70
|
const pageList = this.getPageList();
|
|
71
|
-
return (h("nav", { key: '
|
|
71
|
+
return (h("nav", { key: '679f591fdfc485a7cd963238177c2586030f2354', "aria-label": "Pagination" }, h("ul", { key: '7d6f19579c56a49e749a523587b08d3c408c22f0', part: "list", class: "bs-pagination__list" }, h("li", { key: '1499d8990fc69d22b4367d1105a81dbac88fa3bb', part: "item", class: "bs-pagination__item" }, 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) }, h(ChevronLeftIcon, { key: 'c50e237ec8b8208387334cd9bfb0deea5e348088' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, 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)))), h("li", { key: '845a96e60020024653b93d0e0a5640d9f538fefa', part: "item", class: "bs-pagination__item" }, 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) }, h(ChevronRightIcon, { key: '4ca0e3c1ac5b3529fad3296ce478111e881aeceb' }))))));
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
function range(start, end) {
|
|
@@ -28,13 +28,13 @@ const BsProgressLinear = class {
|
|
|
28
28
|
render() {
|
|
29
29
|
const isDeterminate = this.type === 'determinate';
|
|
30
30
|
const value = this.clampedValue;
|
|
31
|
-
return (h("div", { key: '
|
|
31
|
+
return (h("div", { key: 'a740b860487e2f163fe7103191bd34b7fb1633ad', part: "container", class: "bs-progress-linear" }, 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 ? (h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
|
|
32
32
|
// Figma's indeterminate bar is a soft "comet" gradient segment (transparent -> blue ->
|
|
33
33
|
// transparent) sliding left-to-right across the track's full width in a loop -- the
|
|
34
34
|
// same fade concept as bs-progress's indeterminate ring's conic-gradient comet tail,
|
|
35
35
|
// but along a straight line via a linear-gradient + `transform: translateX(...)`
|
|
36
36
|
// keyframe animation instead of a rotating conic-gradient.
|
|
37
|
-
h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: '
|
|
37
|
+
h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: '30ea4feeb5fa09cea28a89b515366b8d08fe6425', part: "label", class: "bs-progress-linear__label" }, h("slot", { key: 'b361ed81b85f3cd76ccb885ab1a0de5ec10b97b9' })))));
|
|
38
38
|
}
|
|
39
39
|
// The default slot's assigned content lives in the host's light DOM regardless of whether a
|
|
40
40
|
// <slot> is currently rendered in the shadow tree, so this can be computed directly from the
|
|
@@ -50,7 +50,7 @@ const BsProgress = class {
|
|
|
50
50
|
const isDeterminate = this.type === 'determinate';
|
|
51
51
|
const value = this.clampedValue;
|
|
52
52
|
const dashOffset = circumference * (1 - value / 100);
|
|
53
|
-
return (h("div", { key: '
|
|
53
|
+
return (h("div", { key: 'be12c5ee854fc0d82e66719458355543627f28b5', part: "container", class: "bs-progress" }, h("div", { key: '59eb972d0aeb33feea5ef4e8f4fa4eef99f7fcde', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
|
|
54
54
|
// Figma's indeterminate ring is a fading "comet tail" (transparent -> solid color),
|
|
55
55
|
// not a flat-colored partial arc -- SVG has no angular/conic gradient primitive, so a
|
|
56
56
|
// CSS conic-gradient (color varying by angle) + a radial-gradient mask (carving the
|
|
@@ -59,7 +59,7 @@ const BsProgress = class {
|
|
|
59
59
|
h("div", { part: "arc", class: "bs-progress__spinner", style: {
|
|
60
60
|
'--bs-progress-spinner-stroke-width': `${this.strokeWidth}px`,
|
|
61
61
|
'--bs-progress-spinner-sweep': `${INDETERMINATE_SWEEP_DEGREES}deg`,
|
|
62
|
-
} }))), isDeterminate && this.showLabel && (h("span", { key: '
|
|
62
|
+
} }))), isDeterminate && this.showLabel && (h("span", { key: 'dab01ef700c872174a1f0ff9eff0ef9b534f6f89', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
BsProgress.style = bsProgressCss();
|
|
@@ -38,7 +38,7 @@ const BsRadio = class {
|
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
render() {
|
|
41
|
-
return (h("label", { key: '
|
|
41
|
+
return (h("label", { key: '0301eaf2b9f71e6e1eb7189ee424afa3eb66e3ea', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: 'dd12fc11f43171fbfa1955747477d2e538f0d1db', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("span", { key: '3d6af7472becac1be3f080093587c54e5acbbb04', class: "bs-radio__hit-area" }, h("span", { key: 'e6b7384a4e87d6c216030bd4c5831b91f1bd409f', class: "bs-radio__state-layer" }, h("span", { key: '4b7c97752705660b97a6fb8b2157b5fcd37cd2e9', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: '5944fa6ac89d4806e8f243d8f216939f35d3f56f', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'df20ccc3d840b649f2b7a3ca627282e9a9ba480c', part: "label", class: "bs-radio__label" }, h("slot", { key: 'fc042c04e85bf2991b463d2fe0147ed9724c2aa5' }))));
|
|
42
42
|
}
|
|
43
43
|
static get delegatesFocus() { return true; }
|
|
44
44
|
};
|
|
@@ -180,7 +180,7 @@ const BsSlider = class {
|
|
|
180
180
|
render() {
|
|
181
181
|
const isRange = this.type === 'range';
|
|
182
182
|
const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
|
|
183
|
-
return (h("div", { key: '
|
|
183
|
+
return (h("div", { key: 'eea08bf9b13476683a75c02c3b2880acc2a5830d', class: rootClasses }, this.showLabel && (h("div", { key: 'ce7a0f60767b6eccf537e121ab588a273d82170b', class: "bs-slider__header" }, h("span", { key: '9de6ffe94a76e896e007d9928e11f1599443aa76', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? 'Start value'), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : 'End value'))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '7c1d900c13c1890b587c5ac4e326434b44e33895', class: "bs-slider__row" }, this.showLabel && (h("span", { key: '5ed265337a997272765c4a94a985081dc25cebea', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '63da44c53587366349113f9f7f7ec0bc290dad35', part: "bound", class: "bs-slider__bound" }, this.max)))));
|
|
184
184
|
}
|
|
185
185
|
static get delegatesFocus() { return true; }
|
|
186
186
|
};
|
|
@@ -39,7 +39,7 @@ const BsSnackbar = class {
|
|
|
39
39
|
this.bsDismiss.emit();
|
|
40
40
|
};
|
|
41
41
|
render() {
|
|
42
|
-
return (h("div", { key: '
|
|
42
|
+
return (h("div", { key: '21d9ad89971ec2f6c8a546bb601caf9fe0fdeaad', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: '4c0a6eeae82f0183269952d12203030c8e38707f', class: "bs-snackbar__content" }, h("span", { key: 'd7702b65066518434b571fdc2a9bba4b715daf80', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '943f72a2a1829a2859daef2cf1852d35d8da8a1e', part: "message", class: "bs-snackbar__message" }, h("slot", { key: 'c5cc1160992c936603abb57201beabe1e6eb4664' }))), h("div", { key: '31764bce2583aa5c794084ea1f532b5bca7e1f8c', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: 'b7ae59d32bd58358f9090251f0fcd033925b4cba', part: "action", variant: ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), h("bs-icon-button", { key: 'ce995bb3ba94cd67628bb0d281395b700c6075df', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '51562d0658077d511ce46466386735456c4b6a77' })))));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
const CheckCircleIcon = () => (h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -24,8 +24,8 @@ const BsSourceLink = class {
|
|
|
24
24
|
};
|
|
25
25
|
render() {
|
|
26
26
|
const inner = [
|
|
27
|
-
h("span", { key: '
|
|
28
|
-
h("span", { key: '
|
|
27
|
+
h("span", { key: 'c492c873401ffec62e4079b9254f9e8d82ef2160', class: "bs-source-link__left" }, h("span", { key: 'aa6e13547e540d9bd649a31fd185edb75db27af0', class: "bs-source-link__filename-row" }, h("span", { key: 'f540d25f1504c5a70dfcff3d46b69545b30cc3ce', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'bb9c39f0f55161fef91d693da05d966ed0e8b52f', name: "icon" }, h(FileTextIcon, { key: 'cd092cc8acc6c4dc94b1fd0df3813eea321a6322' }))), h("p", { key: '8b80cdf2e65bba6f79ce4df85df9e7891b4688eb', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: '6b1403dc64d26773e61a385ce79c15a9e526bca8', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'a10ac29439339287e551cd5d67a68b57ba32a732', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '219e40bd91dd4c9f830f2124474408c10d660241', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '47da27d3758239a74b6f3baf246c5cdc90dbeaec', part: "version", class: "bs-source-link__version" }, this.version)))),
|
|
28
|
+
h("span", { key: '383bdb322e97930920f11312d6b3e475fc490c0e', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '543df594e433598dfe2275fab1e0af2ba3431788' })),
|
|
29
29
|
];
|
|
30
30
|
return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
|
|
31
31
|
}
|
|
@@ -32,7 +32,7 @@ const BsStepperStep = class {
|
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
34
|
const state = this.state;
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'b67337d4b2effe8ff1fa464ca099898e02b73bc5', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '0d7c52bc6dc8be1686a89d8b385176ec2cf0e968', class: "bs-stepper-step__top" }, h("span", { key: '4a4a42431c2b989c4a6f16c08f9f6bc208d13b9e', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '4ec68f74e86a332a3d44114b82c4cbaa9490cf27', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '4697669ec3c6a9b214383319a6217783a24baf9c' }), state === 'error' && h(ExclamationIcon, { key: '2c08710bdde154d466dea2009162a7935333d3e8' })), h("span", { key: '4d51b40f0436d2874d8734735b1a68ccae8d7a00', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: '93657587c505a5ccd279acc21afcef2c92147a12', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'f887e799dea83c792ce6547f08e28f9d9f8f3c45', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'b233032bf31f50bb83ad6ba5f8fed4893fe7f2fe', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '17ff926779a02578b700d3086a84911ffcca33a1', part: "description", class: "bs-stepper-step__description" }, this.description)))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
const CheckIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -41,7 +41,7 @@ const BsStepper = class {
|
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return h("slot", { key: '
|
|
44
|
+
return h("slot", { key: 'b2c5468b93468b4cab41afb39364bb9f84eea22f', onSlotchange: this.onSlotChange });
|
|
45
45
|
}
|
|
46
46
|
static get watchers() { return {
|
|
47
47
|
"currentStep": [{
|
|
@@ -46,7 +46,7 @@ const BsSwitch = class {
|
|
|
46
46
|
const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
|
|
47
47
|
.filter(Boolean)
|
|
48
48
|
.join(' ');
|
|
49
|
-
return (h("label", { key: '
|
|
49
|
+
return (h("label", { key: 'd14520f82e184fed9405b5e03ff448650b3d90c8', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '955e57c616ab4a9af52ef344cbc881965ae416fd', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '4b936b1a6d57e2e571f257ee87d82a786137e568', part: "track", class: trackClasses }, h("span", { key: '0a9ae24240823947be1f179d1218f4382507143c', part: "knob", class: knobClasses })), h("span", { key: '8750083e783f61164c383cf54bdf4b7a3d881e9c', part: "label", class: "bs-switch__label" }, h("slot", { key: '320cad772ce9efe18c3c30cabcb258326036e32b' }))));
|
|
50
50
|
}
|
|
51
51
|
static get delegatesFocus() { return true; }
|
|
52
52
|
};
|
package/dist/esm/bs-tab.entry.js
CHANGED
|
@@ -70,7 +70,7 @@ const BsTab = class {
|
|
|
70
70
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
71
71
|
const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
|
|
72
72
|
const showBadge = this.hasBadge && !iconOnly && !vertical;
|
|
73
|
-
return (h("button", { key: '
|
|
73
|
+
return (h("button", { key: '44461677d403c17f9620ed3b873c03423278a8fe', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '4090ea19a107552b3d2b4ab218b182df3c21c3fd', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '0f350012f0c19cb4f7729ca477b6e5f8d2b6e535', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '3abe39744a5b972921a3c45005d44b69b3087302', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: 'afe75dc14e75691b6255f99e04ba9bd183b29482', onSlotchange: this.onLabelSlotchange })), h("span", { key: 'c39a77802a099ba26327dcd4115c2cbcf10fdd3a', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'b3807d61b9dec5e46ed591642b42ab0039971103', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: '07901fbc8d0e7c1c554e5a4814dfc794cdb7f7c4', part: "indicator", class: "bs-tab__indicator" })));
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
BsTab.style = bsTabCss();
|
|
@@ -29,7 +29,7 @@ const BsTabs = class {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
const vertical = this.orientation === 'vertical';
|
|
32
|
-
return (h("div", { key: '
|
|
32
|
+
return (h("div", { key: '46c293778047abc247a655f8c69752997d041864', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: 'e956063f2db1078f51eb2b73c8a68a00ae7af5f5' })));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
BsTabs.style = bsTabsCss();
|
|
@@ -17,7 +17,7 @@ const BsToast = class {
|
|
|
17
17
|
this.bsDismiss.emit();
|
|
18
18
|
};
|
|
19
19
|
render() {
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
return (h("div", { key: '6c10abc0222e203614ad99d98616dc8b935e03c1', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '645bfc43dde223d90bfca859a96f10c2749581f4', class: "bs-toast__content" }, h("span", { key: 'ea8811097930e6c71fbe809ccbf9476b8cb0a3c4', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'c461de63f4b2e3944c00fab296bcdd1b2a6cb3cb', state: this.state })), h("span", { key: 'f88feb3cd5167b7296017ce45a6990fe021ee917', part: "message", class: "bs-toast__message" }, h("slot", { key: '218b8cb0defc7e86245937074bab4e6cf8b09cc3' }))), h("div", { key: 'eb9ba6a28d3cb4667ae9c5875b65f93ffddbdb58', class: "bs-toast__actions" }, h("button", { key: '7f4ed2510675ab40fbfe84e196496701ce6e5693', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '22241204ebdcc27a537e92deb38fb7aee8db8800' })))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
const StateIcon = ({ state }) => {
|
|
@@ -14,7 +14,7 @@ const BsTooltip = class {
|
|
|
14
14
|
*/
|
|
15
15
|
placement = 'top';
|
|
16
16
|
render() {
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: '24502b9b6826956764a5c291eb14f82662c2d3d5', class: "bs-tooltip" }, h("span", { key: 'f8d8bcc3fa8e5e4cc7ea69ff58eb9c05c797c8eb', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '458407140a9303d7d857fb82ea532e3138669ca8', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '123d7b06fa1a8be09da871fcca9f7d021ddc66f2' }))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
BsTooltip.style = bsTooltipCss();
|