@brandsync/wc 1.2.0 → 1.4.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 +453 -91
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-a35d5ea7.entry.js → p-03a8fbbf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-41732f18.entry.js → p-0534d0a9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3e6d37a4.entry.js → p-07043faa.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b6425ac2.entry.js → p-0c7f993e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c76ca89f.entry.js → p-1030c935.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ce08c9d7.entry.js → p-10ad342b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-03f9fd54.entry.js → p-113ed9df.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f6fafbd6.entry.js → p-117a52dc.entry.js} +1 -1
- package/dist/brandsync-wc/{p-17dbd4b3.entry.js → p-17cef278.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6970a24c.entry.js → p-1d50cff0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7f14660d.entry.js → p-2eb6db9f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a73bfd31.entry.js → p-3145cc00.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1e9ceb9d.entry.js → p-31fe38dd.entry.js} +1 -1
- package/dist/brandsync-wc/{p-650b7eef.entry.js → p-3b3ef658.entry.js} +1 -1
- package/dist/brandsync-wc/{p-18e0cff4.entry.js → p-3c060d84.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7091f130.entry.js → p-3eecd03e.entry.js} +1 -1
- package/dist/brandsync-wc/p-4567c1d0.entry.js +1 -0
- package/dist/brandsync-wc/{p-ca74c7d9.entry.js → p-4ba7690a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-673546bf.entry.js → p-507b5c4b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a597dc2b.entry.js → p-5bf18d08.entry.js} +1 -1
- package/dist/brandsync-wc/{p-260e14de.entry.js → p-6b850a6c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ed704126.entry.js → p-6dc7fc4a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-04d6aa95.entry.js → p-6fa6a576.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0299e8e1.entry.js → p-700fb759.entry.js} +1 -1
- package/dist/brandsync-wc/{p-67bc2ec8.entry.js → p-826c08ac.entry.js} +1 -1
- package/dist/brandsync-wc/{p-cff188cb.entry.js → p-8dec61f7.entry.js} +1 -1
- package/dist/brandsync-wc/p-93984743.entry.js +1 -0
- package/dist/brandsync-wc/{p-f94449da.entry.js → p-984e9878.entry.js} +1 -1
- package/dist/brandsync-wc/p-9a2f986d.entry.js +1 -0
- package/dist/brandsync-wc/{p-aac6b59b.entry.js → p-9bc67188.entry.js} +1 -1
- package/dist/brandsync-wc/{p-CvfB8CQv.js → p-CcPfH1dJ.js} +2 -2
- package/dist/brandsync-wc/{p-c8480d21.entry.js → p-a6bc823e.entry.js} +1 -1
- package/dist/brandsync-wc/p-b1353da8.entry.js +1 -0
- package/dist/brandsync-wc/{p-718ce85f.entry.js → p-b176c547.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2e7586dd.entry.js → p-b22038b2.entry.js} +1 -1
- package/dist/brandsync-wc/p-b5ebbc76.entry.js +1 -0
- package/dist/brandsync-wc/{p-fc9d52d4.entry.js → p-b6dba2bf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f652d79c.entry.js → p-ba650ca9.entry.js} +1 -1
- package/dist/brandsync-wc/p-baea8952.entry.js +1 -0
- package/dist/brandsync-wc/{p-8f2cfe31.entry.js → p-bbd238cd.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0921ca0d.entry.js → p-bca1149c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-72e02bd5.entry.js → p-c89ab519.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2a7cc40c.entry.js → p-c8fabfd0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c7b9a5c7.entry.js → p-d5ea1b72.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8b5f4ca7.entry.js → p-d7ce9505.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b63362e7.entry.js → p-da6fa359.entry.js} +1 -1
- package/dist/brandsync-wc/p-dc974d62.entry.js +1 -0
- package/dist/brandsync-wc/p-df0fc514.entry.js +1 -0
- package/dist/brandsync-wc/{p-a16afeaa.entry.js → p-e5b1d254.entry.js} +1 -1
- package/dist/brandsync-wc/{p-205deb32.entry.js → p-f0df6653.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7655e741.entry.js → p-fc52e0df.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +2 -2
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +2 -2
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +2 -2
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +2 -2
- package/dist/cjs/bs-attachment-list.cjs.entry.js +2 -2
- package/dist/cjs/bs-attachment.cjs.entry.js +1 -1
- package/dist/cjs/bs-avatar.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 +2 -2
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/bs-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-card.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-filter.cjs.entry.js +10 -6
- 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 +26 -3
- package/dist/cjs/bs-data-table.cjs.entry.js +21 -4
- package/dist/cjs/bs-dialog.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-button.cjs.entry.js +3 -3
- package/dist/cjs/bs-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/bs-input.cjs.entry.js +3 -3
- package/dist/cjs/bs-logo.cjs.entry.js +1 -1
- package/dist/cjs/bs-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-menu.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +3 -3
- package/dist/cjs/bs-navigation-header.cjs.entry.js +3 -3
- package/dist/cjs/bs-pagination.cjs.entry.js +2 -2
- package/dist/cjs/bs-progress-linear.cjs.entry.js +65 -0
- package/dist/cjs/bs-progress.cjs.entry.js +69 -0
- package/dist/cjs/bs-radio.cjs.entry.js +2 -2
- package/dist/cjs/bs-slider.cjs.entry.js +2 -2
- package/dist/cjs/bs-snackbar.cjs.entry.js +13 -3
- package/dist/cjs/bs-source-link.cjs.entry.js +3 -3
- package/dist/cjs/bs-stepper-step.cjs.entry.js +2 -2
- package/dist/cjs/bs-stepper.cjs.entry.js +2 -2
- package/dist/cjs/bs-switch.cjs.entry.js +2 -2
- package/dist/cjs/bs-tab.cjs.entry.js +2 -2
- package/dist/cjs/bs-tabs.cjs.entry.js +2 -2
- package/dist/cjs/bs-toast.cjs.entry.js +2 -2
- package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/{index-CdAh5BFg.js → index-Bj1mNOtg.js} +17 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -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-list/bs-attachment-list.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.css +15 -5
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.css +15 -7
- 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-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-chip/bs-chip-filter/bs-chip-filter.cmp.test.js +19 -5
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js +11 -7
- package/dist/collection/components/bs-composer/bs-composer.cmp.test.js +44 -0
- package/dist/collection/components/bs-composer/bs-composer.js +29 -6
- package/dist/collection/components/bs-data-table/bs-data-table.cmp.test.js +108 -0
- package/dist/collection/components/bs-data-table/bs-data-table.css +5 -3
- package/dist/collection/components/bs-data-table/bs-data-table.js +40 -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.cmp.test.js +96 -0
- package/dist/collection/components/bs-progress/bs-progress.css +119 -0
- package/dist/collection/components/bs-progress/bs-progress.js +212 -0
- package/dist/collection/components/bs-progress/bs-progress.stories.js +72 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.cmp.test.js +92 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.css +108 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +192 -0
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.stories.js +66 -0
- 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.cmp.test.js +4 -1
- package/dist/collection/components/bs-snackbar/bs-snackbar.css +8 -155
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +11 -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.cmp.test.js +6 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.css +43 -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.css +25 -0
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js +1 -1
- 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-breadcrumb-overflow.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-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-chip-filter.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.d.ts +11 -0
- package/dist/components/bs-progress-linear.js +1 -0
- package/dist/components/bs-progress.d.ts +11 -0
- package/dist/components/bs-progress.js +1 -0
- 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-BQdQhCjF.js +1 -0
- package/dist/components/{p-Bg98eW9H.js → p-Bi4KsnwA.js} +1 -1
- package/dist/components/p-C5ducC76.js +1 -0
- package/dist/components/{p-BlCziuES.js → p-CKXzHFVu.js} +1 -1
- package/dist/components/{p-BOP5EJrQ.js → p-CbSuTCj1.js} +1 -1
- package/dist/esm/brandsync-wc.js +3 -3
- package/dist/esm/bs-ai-disclaimer.entry.js +2 -2
- package/dist/esm/bs-ai-greeting.entry.js +2 -2
- package/dist/esm/bs-ai-thinking.entry.js +2 -2
- package/dist/esm/bs-attachment-list.entry.js +2 -2
- package/dist/esm/bs-attachment.entry.js +1 -1
- package/dist/esm/bs-avatar.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 +2 -2
- package/dist/esm/bs-button-skeleton.entry.js +2 -2
- package/dist/esm/bs-button.entry.js +2 -2
- package/dist/esm/bs-card.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +2 -2
- package/dist/esm/bs-chatbot-header.entry.js +2 -2
- package/dist/esm/bs-chatbot-response-action.entry.js +2 -2
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +2 -2
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +2 -2
- package/dist/esm/bs-checkbox-skeleton.entry.js +2 -2
- package/dist/esm/bs-checkbox.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +10 -6
- 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 +26 -3
- package/dist/esm/bs-data-table.entry.js +21 -4
- package/dist/esm/bs-dialog.entry.js +1 -1
- package/dist/esm/bs-icon-button.entry.js +3 -3
- package/dist/esm/bs-inline-tab.entry.js +2 -2
- package/dist/esm/bs-input.entry.js +3 -3
- package/dist/esm/bs-logo.entry.js +1 -1
- package/dist/esm/bs-menu-item.entry.js +2 -2
- package/dist/esm/bs-menu.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer-item.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer.entry.js +3 -3
- package/dist/esm/bs-navigation-header.entry.js +3 -3
- package/dist/esm/bs-pagination.entry.js +2 -2
- package/dist/esm/bs-progress-linear.entry.js +63 -0
- package/dist/esm/bs-progress.entry.js +67 -0
- package/dist/esm/bs-radio.entry.js +2 -2
- package/dist/esm/bs-slider.entry.js +2 -2
- package/dist/esm/bs-snackbar.entry.js +13 -3
- package/dist/esm/bs-source-link.entry.js +3 -3
- package/dist/esm/bs-stepper-step.entry.js +2 -2
- package/dist/esm/bs-stepper.entry.js +2 -2
- package/dist/esm/bs-switch.entry.js +2 -2
- package/dist/esm/bs-tab.entry.js +2 -2
- package/dist/esm/bs-tabs.entry.js +2 -2
- package/dist/esm/bs-toast.entry.js +2 -2
- package/dist/esm/bs-tooltip.entry.js +2 -2
- package/dist/esm/{index-CvfB8CQv.js → index-CcPfH1dJ.js} +17 -0
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/bs-chip/bs-chip-filter/bs-chip-filter.d.ts +7 -2
- package/dist/types/components/bs-composer/bs-composer.d.ts +15 -1
- package/dist/types/components/bs-data-table/bs-data-table.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-data-table/bs-data-table.d.ts +5 -0
- package/dist/types/components/bs-progress/bs-progress.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-progress/bs-progress.d.ts +46 -0
- package/dist/types/components/bs-progress/bs-progress.stories.d.ts +18 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.d.ts +50 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.stories.d.ts +17 -0
- package/dist/types/components.d.ts +251 -6
- package/package.json +1 -1
- package/dist/brandsync-wc/p-00d40aca.entry.js +0 -1
- package/dist/brandsync-wc/p-127d698d.entry.js +0 -1
- package/dist/brandsync-wc/p-1780224d.entry.js +0 -1
- package/dist/brandsync-wc/p-35bcb932.entry.js +0 -1
- package/dist/brandsync-wc/p-393efb5d.entry.js +0 -1
- package/dist/brandsync-wc/p-b2abd8d9.entry.js +0 -1
- package/dist/components/p-B8JpGodL.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsStepperStepCss = () => `:host{display:flex;font-family:inherit;font-size:var(--bs-stepper-step-font-size);line-height:calc(var(--bs-stepper-step-line-height) * 1px);--bs-stepper-step-gap:var(--bs-spacing-100);--bs-stepper-step-icon-size:24px;--bs-stepper-step-icon-border-width:1.5px;--bs-stepper-step-connector-color:var(--bs-border-default);--bs-stepper-step-connector-thickness:2px;--bs-stepper-step-icon-border-enabled:var(--bs-border-default);--bs-stepper-step-icon-border-current:var(--bs-color-primary-default);--bs-stepper-step-icon-dot-current:var(--bs-color-primary-default);--bs-stepper-step-icon-bg-done:var(--bs-color-primary-default);--bs-stepper-step-icon-color-done:var(--bs-text-on-action);--bs-stepper-step-icon-border-error:var(--bs-border-error);--bs-stepper-step-icon-color-error:var(--bs-border-error);--bs-stepper-step-icon-border-disabled:var(--bs-border-neutral-disabled);--bs-stepper-step-text-enabled:var(--bs-text-muted);--bs-stepper-step-text-active:var(--bs-text-default);--bs-stepper-step-text-disabled:var(--bs-text-on-disabled);--bs-stepper-step-font-size:var(--bs-font-size-md);--bs-stepper-step-line-height:var(--bs-line-height-body-md);--bs-stepper-step-name-font-weight:var(--bs-font-weight-semibold);--bs-stepper-step-description-font-weight:var(--bs-font-weight-regular)}:host(.bs-stepper-step--horizontal){flex:1 1 0;flex-direction:column}:host(.bs-stepper-step--vertical){width:100%;flex-direction:row;}.bs-stepper-step__top{display:flex;align-items:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__top{flex-direction:row}:host(.bs-stepper-step--vertical) .bs-stepper-step__top{flex-direction:column}.bs-stepper-step__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-stepper-step-icon-size);height:var(--bs-stepper-step-icon-size);border-radius:50%;box-sizing:border-box}.bs-stepper-step__icon svg{width:16px;height:16px}.bs-stepper-step__icon--enabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-enabled)}.bs-stepper-step__icon--current{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-current)}.bs-stepper-step__icon-dot{width:16px;height:16px;border-radius:50%;background:var(--bs-stepper-step-icon-dot-current)}.bs-stepper-step__icon--done{background:var(--bs-stepper-step-icon-bg-done);color:var(--bs-stepper-step-icon-color-done)}.bs-stepper-step__icon--error{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-error);color:var(--bs-stepper-step-icon-color-error)}.bs-stepper-step__icon--disabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-disabled)}.bs-stepper-step__connector{display:flex;align-items:center;justify-content:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector{flex:1 1 auto;margin-left:var(--bs-stepper-step-gap)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector{flex:1 1 auto;flex-direction:column;align-items:center;width:var(--bs-stepper-step-icon-size);margin:var(--bs-stepper-step-gap) 0;min-height:var(--bs-stepper-step-icon-size)}.bs-stepper-step__connector-line{display:block;border-radius:calc(var(--bs-stepper-step-connector-thickness) / 2);background:var(--bs-stepper-step-connector-color)}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector-line{width:100%;height:var(--bs-stepper-step-connector-thickness)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector-line{flex:1 1 auto;width:var(--bs-stepper-step-connector-thickness)}:host(:last-child) .bs-stepper-step__connector{visibility:hidden}.bs-stepper-step__label{display:flex;flex-direction:column}:host(.bs-stepper-step--horizontal) .bs-stepper-step__label{margin-top:var(--bs-stepper-step-gap);width:var(--bs-stepper-step-icon-size);align-self:flex-start;align-items:center;text-align:center}:host(.bs-stepper-step--vertical) .bs-stepper-step__label{margin-left:var(--bs-stepper-step-gap);text-align:left}.bs-stepper-step__name{font-weight:var(--bs-stepper-step-name-font-weight);white-space:nowrap}.bs-stepper-step__description{font-weight:var(--bs-stepper-step-description-font-weight);white-space:nowrap}.bs-stepper-step__label--enabled .bs-stepper-step__name,.bs-stepper-step__label--enabled .bs-stepper-step__description,.bs-stepper-step__label--error .bs-stepper-step__name,.bs-stepper-step__label--error .bs-stepper-step__description{color:var(--bs-stepper-step-text-enabled)}.bs-stepper-step__label--current .bs-stepper-step__name,.bs-stepper-step__label--current .bs-stepper-step__description,.bs-stepper-step__label--done .bs-stepper-step__name,.bs-stepper-step__label--done .bs-stepper-step__description{color:var(--bs-stepper-step-text-active)}.bs-stepper-step__label--disabled .bs-stepper-step__name,.bs-stepper-step__label--disabled .bs-stepper-step__description{color:var(--bs-stepper-step-text-disabled)}`;
|
|
4
4
|
|
|
@@ -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: 'f0c04f84a90573ee21e50a9f098539d94bf26624', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: 'a55763b9c34fedb267b1e748df5f533713752074', class: "bs-stepper-step__top" }, h("span", { key: '206ece8ec0ffa8d47409f8a26a2690ae952ee51d', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'a5fd7021163730fd8b58cbbdaec2f1f0a387fb88', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '83b594e1a10d83ffe3f9f49cae59334b9a8a55f2' }), state === 'error' && h(ExclamationIcon, { key: '5f033b26ae0a1e9f14d5a2b4f5f8491ab8e53e6b' })), h("span", { key: '958bf5f997011b76e0450ebdae678aa65bd6760f', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'a9bd18dd6358559fe9b9c05439e7f0be537a6792', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'e8b9b0e3ac81ed00ff443eeb40c26a99a7af3c0d', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'e4a675a45ee3202fb5c5ee010e25a77018b8ac5c', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '25551051646a9aefacf031f5921c57edf093426e', 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" })));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, a as getElement, h } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsStepperCss = () => `:host{display:flex;width:100%;--bs-stepper-edge-padding:var(--bs-spacing-800)}:host([direction='vertical']){flex-direction:column}:host(:not([direction='vertical'])){flex-direction:row;align-items:flex-start;padding:0 var(--bs-stepper-edge-padding)}`;
|
|
4
4
|
|
|
@@ -41,7 +41,7 @@ const BsStepper = class {
|
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return h("slot", { key: '
|
|
44
|
+
return h("slot", { key: '02937ad4080ab9309a5a6a7d63d9e5ee9d15e75a', onSlotchange: this.onSlotChange });
|
|
45
45
|
}
|
|
46
46
|
static get watchers() { return {
|
|
47
47
|
"currentStep": [{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsSwitchCss = () => `:host{display:inline-block;--bs-switch-radius:var(--bs-border-radius-full);--bs-switch-padding:var(--bs-spacing-25);--bs-switch-gap:var(--bs-spacing-100);--bs-switch-track-width-md:36px;--bs-switch-track-height-md:20px;--bs-switch-track-width-lg:48px;--bs-switch-track-height-lg:28px;--bs-switch-knob-size-md:16px;--bs-switch-knob-size-lg:24px;--bs-switch-border-width:1px;--bs-switch-track-bg:var(--bs-switch-track-bg-default);--bs-switch-track-bg-checked:var(--bs-switch-track-bg-checked-default);--bs-switch-track-bg-checked-focus:var(--bs-switch-track-bg-checked-focused);--bs-switch-track-border:var(--bs-switch-track-border-default);--bs-switch-focus-ring-color:var(--bs-switch-track-border-focus);--bs-switch-knob-bg:var(--bs-switch-thumb-bg-default);--bs-switch-knob-bg-hover:var(--bs-switch-thumb-bg-hover);--bs-switch-knob-bg-checked:var(--bs-switch-thumb-bg-checked);--bs-switch-knob-bg-disabled:var(--bs-switch-thumb-bg-disabled);--bs-switch-label-color:var(--bs-text-default);--bs-switch-label-color-disabled:var(--bs-text-on-disabled)}.bs-switch{position:relative;display:inline-flex;align-items:center;gap:var(--bs-switch-gap);font-family:inherit;cursor:pointer}.bs-switch--disabled{cursor:not-allowed}.bs-switch__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-switch__input:disabled{cursor:not-allowed}.bs-switch__track{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;padding:var(--bs-switch-padding);border:var(--bs-switch-border-width) solid var(--bs-switch-track-border);border-radius:var(--bs-switch-radius);background:var(--bs-switch-track-bg);transition:background-color 0.15s ease, border-color 0.15s ease}.bs-switch__track--md{width:var(--bs-switch-track-width-md);height:var(--bs-switch-track-height-md)}.bs-switch__track--lg{width:var(--bs-switch-track-width-lg);height:var(--bs-switch-track-height-lg)}.bs-switch__track--checked{justify-content:flex-end;background:var(--bs-switch-track-bg-checked)}.bs-switch__knob{box-sizing:border-box;border-radius:var(--bs-border-radius-full);background:var(--bs-switch-knob-bg);transition:background-color 0.15s ease}.bs-switch__knob--md{width:var(--bs-switch-knob-size-md);height:var(--bs-switch-knob-size-md)}.bs-switch__knob--lg{width:var(--bs-switch-knob-size-lg);height:var(--bs-switch-knob-size-lg)}.bs-switch__track--checked .bs-switch__knob{background:var(--bs-switch-knob-bg-checked)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track{background:var(--bs-switch-track-bg-hover);border-color:var(--bs-switch-track-border-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track .bs-switch__knob{background:var(--bs-switch-knob-bg-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-hover)}.bs-switch__input:focus-visible~.bs-switch__track{border-color:var(--bs-switch-track-border-hover);outline:2px solid var(--bs-switch-focus-ring-color);outline-offset:2px}.bs-switch__input:focus-visible~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-focus)}.bs-switch__track--disabled{background:var(--bs-switch-track-bg-disabled);border-color:var(--bs-switch-track-border)}.bs-switch__track--disabled.bs-switch__track--checked{background:var(--bs-switch-track-bg-disabled)}.bs-switch__knob--disabled{background:var(--bs-switch-knob-bg-disabled)}.bs-switch__label{font-size:var(--bs-font-size-md);color:var(--bs-switch-label-color)}.bs-switch--disabled .bs-switch__label{color:var(--bs-switch-label-color-disabled)}`;
|
|
4
4
|
|
|
@@ -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: '4e0abb3231caa07b7218bc69745c822dfd9a66f2', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '04d56f220629b90573469b78070f2ecb420fae92', 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: 'e4b06fc5c17edca3d4f60d0f378c9d0779167617', part: "track", class: trackClasses }, h("span", { key: 'ce10e1a250a06d8ec850fde56064d3d5e1b9ab68', part: "knob", class: knobClasses })), h("span", { key: '6d9514c041e18206029438680fd5093e4f5b29f5', part: "label", class: "bs-switch__label" }, h("slot", { key: '431bf8fd5581cda363eb0f2dac410b177ae7639d' }))));
|
|
50
50
|
}
|
|
51
51
|
static get delegatesFocus() { return true; }
|
|
52
52
|
};
|
package/dist/esm/bs-tab.entry.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsTabCss = () => `:host{display:inline-block;--bs-tab-radius:var(--bs-border-radius-100);--bs-tab-padding-y:var(--bs-spacing-150);--bs-tab-padding-x:var(--bs-spacing-200);--bs-tab-gap:var(--bs-spacing-75);--bs-tab-gap-vertical:var(--bs-spacing-50);--bs-tab-color-default:var(--bs-text-muted);--bs-tab-icon-color-default:var(--bs-icon-muted);--bs-tab-color-hover:var(--bs-text-default);--bs-tab-icon-color-hover:var(--bs-icon-default);--bs-tab-indicator-hover:var(--bs-border-neutral-hover);--bs-tab-color-selected:var(--bs-color-primary-default);--bs-tab-color-selected-hover:var(--bs-color-primary-hover);--bs-tab-color-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-indicator-selected:var(--bs-color-primary-default);--bs-tab-indicator-selected-hover:var(--bs-color-primary-hover);--bs-tab-indicator-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-tab-color-disabled:var(--bs-text-on-disabled);--bs-tab-icon-color-disabled:var(--bs-icon-disabled);--bs-tab-font-size:var(--bs-font-size-md);--bs-tab-line-height:var(--bs-line-height-body-md)}.bs-tab{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--bs-tab-color-default);font-family:inherit;border-radius:var(--bs-tab-radius);padding:var(--bs-tab-padding-y) var(--bs-tab-padding-x);gap:var(--bs-tab-gap);transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-tab--vertical{flex-direction:column;gap:var(--bs-tab-gap-vertical)}.bs-tab:focus-visible{outline:2px solid var(--bs-tab-focus-ring-color);outline-offset:2px}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active{color:var(--bs-tab-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__icon{color:var(--bs-tab-icon-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-hover)}.bs-tab--selected{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__icon--has-content{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__indicator{background:var(--bs-tab-indicator-selected)}.bs-tab--selected:not(.bs-tab--disabled):hover,.bs-tab--selected:not(.bs-tab--disabled):focus-visible{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__icon--has-content,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__indicator{background:var(--bs-tab-indicator-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):active{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-selected-pressed)}.bs-tab--disabled{color:var(--bs-tab-color-disabled);cursor:not-allowed}.bs-tab--disabled .bs-tab__icon--has-content{color:var(--bs-tab-icon-color-disabled)}.bs-tab--disabled .bs-tab__indicator{background:transparent}.bs-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-tab-icon-color-default)}.bs-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-tab__icon ::slotted(svg){width:24px;height:24px}.bs-tab__label{display:none;font-size:var(--bs-tab-font-size);line-height:calc(var(--bs-tab-line-height) * 1px);white-space:nowrap}.bs-tab__label--has-content{display:inline-block}.bs-tab__badge{display:none}.bs-tab__badge--has-content{display:inline-flex;align-items:center}.bs-tab__indicator{position:absolute;left:var(--bs-tab-padding-x);right:var(--bs-tab-padding-x);bottom:0;height:2px;background:transparent;border-radius:var(--bs-border-radius-50, 2px)}`;
|
|
4
4
|
|
|
@@ -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: '0ca426eb442e8ecd8a02d532eae0a7e0fa78e0c7', 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: '507e8d2f216142177aea162ae42ae56ce84f8759', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: 'ee418438e7f95362be5e5ed701d20d6fc0c300f4', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '5dca3c198272ba04422fcd30a27a020b735af804', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: '1026142d478c46c75b27f6eceb984188ce4c28d1', onSlotchange: this.onLabelSlotchange })), h("span", { key: 'a00349806770203091af571e480db67b68cf787f', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'fd1efee948e290272d9bdaca4c11ff6320c17c3e', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: '14b2d3857f3b5273e3973c929b83756540c7bfa2', part: "indicator", class: "bs-tab__indicator" })));
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
BsTab.style = bsTabCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, a as getElement, h } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsTabsCss = () => `:host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}`;
|
|
4
4
|
|
|
@@ -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: '9e9050a33459b5941af1440498780d67682d8273', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: 'd5987d7600183ef348855ac5d0af37e42f1aa9c2' })));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
BsTabs.style = bsTabsCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsToastCss = () => `:host{display:inline-flex;--bs-toast-radius:var(--bs-border-radius-100);--bs-toast-shadow:var(--bs-shadow-md);--bs-toast-content-padding-y:var(--bs-spacing-200);--bs-toast-content-padding-x:var(--bs-spacing-200);--bs-toast-content-gap:var(--bs-spacing-150);--bs-toast-font-size:var(--bs-font-size-md);--bs-toast-line-height:var(--bs-line-height-body-md);--bs-toast-actions-padding-y:var(--bs-spacing-50);--bs-toast-actions-padding-x:var(--bs-spacing-100);--bs-toast-close-radius:var(--bs-border-radius-100);--bs-toast-surface-info:var(--bs-color-info-container);--bs-toast-text-info:var(--bs-text-info);--bs-toast-surface-warning:var(--bs-color-warning-container);--bs-toast-text-warning:var(--bs-text-warning);--bs-toast-surface-success:var(--bs-color-success-container);--bs-toast-text-success:var(--bs-text-success);--bs-toast-surface-error:var(--bs-color-error-container);--bs-toast-text-error:var(--bs-text-error)}.bs-toast{display:flex;align-items:center;border-radius:var(--bs-toast-radius);box-shadow:var(--bs-toast-shadow);font-family:inherit}.bs-toast--info{background:var(--bs-toast-surface-info);color:var(--bs-toast-text-info)}.bs-toast--warning{background:var(--bs-toast-surface-warning);color:var(--bs-toast-text-warning)}.bs-toast--success{background:var(--bs-toast-surface-success);color:var(--bs-toast-text-success)}.bs-toast--error{background:var(--bs-toast-surface-error);color:var(--bs-toast-text-error)}.bs-toast__content{display:flex;align-items:center;gap:var(--bs-toast-content-gap);flex:1 1 auto;min-width:0;padding:var(--bs-toast-content-padding-y) 0 var(--bs-toast-content-padding-y) var(--bs-toast-content-padding-x)}.bs-toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-toast__icon svg{width:24px;height:24px}.bs-toast__message{flex:1 1 auto;min-width:0;font-size:var(--bs-toast-font-size);line-height:calc(var(--bs-toast-line-height) * 1px)}.bs-toast__actions{display:flex;align-items:center;align-self:stretch;flex-shrink:0;padding:var(--bs-toast-actions-padding-y) var(--bs-toast-actions-padding-x) var(--bs-toast-actions-padding-y) 0}.bs-toast__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:var(--bs-toast-close-radius);color:inherit;cursor:pointer}.bs-toast__close svg{width:24px;height:24px}.bs-toast__close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.bs-toast__close:active{background:color-mix(in srgb, currentColor 24%, transparent)}.bs-toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}`;
|
|
4
4
|
|
|
@@ -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: 'c2beb9820f201006fc992883a7c217dea3dd3195', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'e99f80f1082a725719f0161f5651624aba8c274b', class: "bs-toast__content" }, h("span", { key: 'dc9e372fe92087e78fabf701272c708e8d996aec', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'aeaac660f2ef24a350e85cb528f9ecbc4060190f', state: this.state })), h("span", { key: '3ab1414077f1cead1a6927ff9655a1be667a3a8f', part: "message", class: "bs-toast__message" }, h("slot", { key: '256f8e5941ff379ea829a3fc8f8e3f234583a7a3' }))), h("div", { key: '1e0eef65678280fa58f15d37fd7fc974c355b0e4', class: "bs-toast__actions" }, h("button", { key: '3e16a99f8afce3444213e90547ca2ac107edd986', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '4177c2c53bca1b703a717241af3d7e845ef6ebaa' })))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
const StateIcon = ({ state }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-CcPfH1dJ.js';
|
|
2
2
|
|
|
3
3
|
const bsTooltipCss = () => `:host{display:inline-block;--bs-tooltip-bg:var(--bs-surface-inverse);--bs-tooltip-color:var(--bs-text-inverse);--bs-tooltip-radius:var(--bs-border-radius-50);--bs-tooltip-padding-x:var(--bs-spacing-200);--bs-tooltip-padding-y:var(--bs-spacing-100);--bs-tooltip-max-width:200px;--bs-tooltip-shadow:-1px 4px 8px rgba(0, 0, 0, 0.08);--bs-tooltip-font-size:var(--bs-font-size-sm);--bs-tooltip-line-height:var(--bs-line-height-body-sm)}.bs-tooltip{position:relative;display:inline-block}.bs-tooltip__bubble{box-sizing:border-box;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);background:var(--bs-tooltip-bg);color:var(--bs-tooltip-color);border-radius:var(--bs-tooltip-radius);box-shadow:var(--bs-tooltip-shadow);font-family:inherit;font-size:var(--bs-tooltip-font-size);line-height:calc(var(--bs-tooltip-line-height) * 1px)}.bs-tooltip__arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-tooltip-bg);clip-path:polygon(50% 0, 0% 100%, 100% 100%)}`;
|
|
4
4
|
|
|
@@ -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: 'dfceb9c019f507e3be9590d4ae642d86e89811b2', class: "bs-tooltip" }, h("span", { key: 'd361e87774fa906a4e2703cd8b7c2ab16ff624b9', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '21ab2fb2a83762f3f7a3d3f4b9094f2772ae5e7f', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'd64aaa1841796be2ccfc1ac7d55a67d37a8f7615' }))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
BsTooltip.style = bsTooltipCss();
|
|
@@ -77,6 +77,9 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
77
77
|
$instanceValues$: /* @__PURE__ */ new Map(),
|
|
78
78
|
$serializerValues$: /* @__PURE__ */ new Map()
|
|
79
79
|
};
|
|
80
|
+
{
|
|
81
|
+
hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
|
|
82
|
+
}
|
|
80
83
|
{
|
|
81
84
|
hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
|
|
82
85
|
hostElement["s-p"] = [];
|
|
@@ -1183,6 +1186,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1183
1186
|
safeCall(instance, "componentDidUpdate", void 0, elm);
|
|
1184
1187
|
endPostUpdate();
|
|
1185
1188
|
}
|
|
1189
|
+
{
|
|
1190
|
+
hostRef.$onInstanceResolve$(elm);
|
|
1191
|
+
}
|
|
1186
1192
|
{
|
|
1187
1193
|
if (hostRef.$onRenderResolve$) {
|
|
1188
1194
|
hostRef.$onRenderResolve$();
|
|
@@ -1367,6 +1373,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1367
1373
|
}
|
|
1368
1374
|
}
|
|
1369
1375
|
});
|
|
1376
|
+
} else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
|
|
1377
|
+
Object.defineProperty(prototype, memberName, {
|
|
1378
|
+
value(...args) {
|
|
1379
|
+
var _a2;
|
|
1380
|
+
const ref = getHostRef(this);
|
|
1381
|
+
return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
|
|
1382
|
+
var _a3;
|
|
1383
|
+
return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
|
|
1384
|
+
});
|
|
1385
|
+
}
|
|
1386
|
+
});
|
|
1370
1387
|
}
|
|
1371
1388
|
});
|
|
1372
1389
|
if ((flags & 1 /* isElementConstructor */)) {
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { g as globalScripts, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { g as globalScripts, b as bootstrapLazy } from './index-CcPfH1dJ.js';
|
|
2
|
+
export { s as setNonce } from './index-CcPfH1dJ.js';
|
|
3
3
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["bs-input",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button
|
|
7
|
+
return bootstrapLazy([["bs-input",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"hasLabelContent":[32]}]]],["bs-radio",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-icon-button",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -25,8 +25,13 @@ export declare class BsChipFilter {
|
|
|
25
25
|
/** Sizing scale. Controls the chip's height only -- icon size, gap, and font size stay
|
|
26
26
|
* constant across sizes, matching the Figma spec exactly. */
|
|
27
27
|
size: BsChipFilterSize;
|
|
28
|
-
/** Whether the chip reads as toggled on.
|
|
29
|
-
*
|
|
28
|
+
/** Whether the chip reads as toggled on. This is the single source of truth for the chip's
|
|
29
|
+
* visual state -- a controlled component, like a controlled `<input>`. Clicking the chip never
|
|
30
|
+
* mutates this prop itself; it only emits `bsChange` with the requested new value. If the
|
|
31
|
+
* consumer doesn't update `selected` in response (e.g. their own validation rejects the
|
|
32
|
+
* change), the chip's rendering stays exactly as `selected` says, rather than drifting into
|
|
33
|
+
* some internally-tracked truth. Reflected so consumers can target
|
|
34
|
+
* `bs-chip-filter[selected]` via CSS. */
|
|
30
35
|
selected: boolean;
|
|
31
36
|
/** Shows a trailing dropdown caret, signaling this chip opens a menu of further options.
|
|
32
37
|
* Purely a visual affordance -- wire up the actual menu (e.g. `bs-menu`) yourself. */
|
|
@@ -68,12 +68,21 @@ export declare class BsComposer {
|
|
|
68
68
|
* The field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to
|
|
69
69
|
* `--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead
|
|
70
70
|
* of growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,
|
|
71
|
-
* so e.g. programmatically clearing the field after submit correctly shrinks it back down.
|
|
71
|
+
* so e.g. programmatically clearing the field after submit correctly shrinks it back down.
|
|
72
|
+
*
|
|
73
|
+
* Mutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`),
|
|
74
|
+
* not pushed one-way from the outside only. Without this, typing alone never updates this prop,
|
|
75
|
+
* so a consumer re-setting `value` to e.g. `''` after the user had typed something would be a
|
|
76
|
+
* no-op (same as the never-updated internal value) and silently fail to clear the field. */
|
|
72
77
|
value: string;
|
|
73
78
|
/**
|
|
74
79
|
* Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),
|
|
75
80
|
* `generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or
|
|
76
81
|
* `recording` (voice input in progress -- shows a waveform and a confirm action).
|
|
82
|
+
*
|
|
83
|
+
* Reflects to a `state` attribute on the host, so a consumer can target a specific state from
|
|
84
|
+
* outside via a CSS attribute selector (e.g. `bs-composer[state="recording"]`) or by querying
|
|
85
|
+
* for it in JS, the same way `bs-input`'s `open` prop reflects.
|
|
77
86
|
*/
|
|
78
87
|
state: BsComposerState;
|
|
79
88
|
/**
|
|
@@ -122,6 +131,11 @@ export declare class BsComposer {
|
|
|
122
131
|
private resizeInput;
|
|
123
132
|
private onAttachmentsSlotchange;
|
|
124
133
|
private onInput;
|
|
134
|
+
/** Enter alone sends (re-using the exact same per-state action the primary button's own click
|
|
135
|
+
* handler performs), Shift+Enter inserts a normal newline -- standard chat-composer convention.
|
|
136
|
+
* No-ops while `disabled` (the native `disabled` attribute already blocks all input, but this
|
|
137
|
+
* guards the emit here too, for symmetry with the action button's own disabled check). */
|
|
138
|
+
private onInputKeydown;
|
|
125
139
|
private onAttachClick;
|
|
126
140
|
private onMicClick;
|
|
127
141
|
private onActionClick;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -51,5 +51,10 @@ export declare class BsDataTable {
|
|
|
51
51
|
private selectedIds;
|
|
52
52
|
private onHeaderClick;
|
|
53
53
|
private onRowCheckboxChange;
|
|
54
|
+
private onSelectAllChange;
|
|
55
|
+
/** Clears the current row selection and emits `bsRowSelect` for each row that was selected, so
|
|
56
|
+
* parent-held selection state stays in sync. Lets consumers reset selection without remounting
|
|
57
|
+
* the whole table. */
|
|
58
|
+
clearSelection(): Promise<void>;
|
|
54
59
|
render(): any;
|
|
55
60
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export type BsProgressType = 'determinate' | 'indeterminate';
|
|
2
|
+
export type BsProgressSize = 'small' | 'medium' | 'large';
|
|
3
|
+
export type BsProgressStrokeWidth = 4 | 8;
|
|
4
|
+
/**
|
|
5
|
+
* A circular progress indicator -- either a static ring showing a percentage sweep
|
|
6
|
+
* (`type="determinate"`) or a continuously spinning ring signaling in-progress work with no known
|
|
7
|
+
* completion percentage (`type="indeterminate"`).
|
|
8
|
+
*
|
|
9
|
+
* ## When to use
|
|
10
|
+
* - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).
|
|
11
|
+
* - Signaling that work is happening in the background with no meaningful percentage to report
|
|
12
|
+
* (`indeterminate`), e.g. while waiting on a network response.
|
|
13
|
+
*
|
|
14
|
+
* ## When not to use
|
|
15
|
+
* - For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.
|
|
16
|
+
* - For a percentage that's better expressed as plain text, without the reserved space and visual
|
|
17
|
+
* weight of a ring.
|
|
18
|
+
*
|
|
19
|
+
* @part container - The outer wrapper (ring + optional label).
|
|
20
|
+
* @part track - The background track circle.
|
|
21
|
+
* @part arc - The colored progress/spinner arc circle.
|
|
22
|
+
* @part label - The percentage label (`determinate` + `showLabel` only).
|
|
23
|
+
*/
|
|
24
|
+
export declare class BsProgress {
|
|
25
|
+
/** `determinate` renders a static arc sweep reflecting `value` (with an optional percentage
|
|
26
|
+
* label); `indeterminate` renders a continuously spinning ring and never shows a label, since
|
|
27
|
+
* there's no known percentage to report. */
|
|
28
|
+
type: BsProgressType;
|
|
29
|
+
/** Overall diameter: `small` (44px), `medium` (48px), or `large` (64px). */
|
|
30
|
+
size: BsProgressSize;
|
|
31
|
+
/** Ring stroke width in px -- `4` or `8`, matching Figma's two stroke-width variants. A number,
|
|
32
|
+
* not the Figma label's literal `"4 px"` string. */
|
|
33
|
+
strokeWidth: BsProgressStrokeWidth;
|
|
34
|
+
/** Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and
|
|
35
|
+
* never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively. */
|
|
36
|
+
value: number;
|
|
37
|
+
/** Shows the `${value}%` label below the ring. Only takes effect for `type="determinate"` --
|
|
38
|
+
* `indeterminate` never shows a label regardless of this prop, since there's no percentage to
|
|
39
|
+
* show. Defaults to `true`. */
|
|
40
|
+
showLabel: boolean;
|
|
41
|
+
private get clampedValue();
|
|
42
|
+
private get diameter();
|
|
43
|
+
private get radius();
|
|
44
|
+
private get circumference();
|
|
45
|
+
render(): any;
|
|
46
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
|
+
import type { BsProgressType, BsProgressSize, BsProgressStrokeWidth } from './bs-progress';
|
|
3
|
+
interface BsProgressArgs {
|
|
4
|
+
type: BsProgressType;
|
|
5
|
+
size: BsProgressSize;
|
|
6
|
+
strokeWidth: BsProgressStrokeWidth;
|
|
7
|
+
value: number;
|
|
8
|
+
showLabel: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const meta: Meta<BsProgressArgs>;
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<BsProgressArgs>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const Sizes: Story;
|
|
15
|
+
export declare const StrokeWidths: Story;
|
|
16
|
+
export declare const Values: Story;
|
|
17
|
+
export declare const WithoutLabel: Story;
|
|
18
|
+
export declare const Indeterminate: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export type BsProgressLinearType = 'determinate' | 'indeterminate';
|
|
2
|
+
export type BsProgressLinearSize = 'small' | 'large';
|
|
3
|
+
/**
|
|
4
|
+
* A linear (horizontal) progress indicator -- either a static bar showing a percentage fill
|
|
5
|
+
* (`type="determinate"`) or a continuously sliding bar signaling in-progress work with no known
|
|
6
|
+
* completion percentage (`type="indeterminate"`).
|
|
7
|
+
*
|
|
8
|
+
* ## When to use
|
|
9
|
+
* - Showing the progress of a task with a known, quantifiable completion percentage (`determinate`),
|
|
10
|
+
* e.g. a file upload.
|
|
11
|
+
* - Signaling that work is happening in the background with no meaningful percentage to report
|
|
12
|
+
* (`indeterminate`), e.g. while waiting on a network response.
|
|
13
|
+
*
|
|
14
|
+
* ## When not to use
|
|
15
|
+
* - For a compact, ring-shaped progress indicator -- use `bs-progress` (circular) instead.
|
|
16
|
+
* - For a percentage that's better expressed as plain text, without the reserved space and visual
|
|
17
|
+
* weight of a bar.
|
|
18
|
+
*
|
|
19
|
+
* @slot - Free-form label content rendered below the bar (e.g. "Uploading..."), gated by
|
|
20
|
+
* `showLabel`. Unlike `bs-progress`'s label, this is not a computed `${value}%` string -- it's
|
|
21
|
+
* consumer-supplied content, per the Figma spec's free-text "Label" placeholder.
|
|
22
|
+
* @part container - The outer wrapper (bar + optional label).
|
|
23
|
+
* @part track - The background track bar.
|
|
24
|
+
* @part fill - The colored progress/sliding fill bar.
|
|
25
|
+
* @part label - The label wrapper (only rendered when `showLabel` is true and slotted content exists).
|
|
26
|
+
*/
|
|
27
|
+
export declare class BsProgressLinear {
|
|
28
|
+
el: HTMLElement;
|
|
29
|
+
/** Whether the default slot currently has any real (non-whitespace) content -- the label
|
|
30
|
+
* wrapper is only rendered when `showLabel` is true AND slotted content exists, so an empty
|
|
31
|
+
* label never reserves visual space/line-height for nothing. Recomputed on `slotchange`. */
|
|
32
|
+
private hasLabelContent;
|
|
33
|
+
/** `determinate` renders a static fill reflecting `value`; `indeterminate` renders a
|
|
34
|
+
* continuously sliding gradient bar and ignores `value`. */
|
|
35
|
+
type: BsProgressLinearType;
|
|
36
|
+
/** Bar height: `small` (4px) or `large` (8px). */
|
|
37
|
+
size: BsProgressLinearSize;
|
|
38
|
+
/** Progress percentage, `0`-`100`. Only meaningful for `type="determinate"` -- ignored (and
|
|
39
|
+
* never rendered) for `type="indeterminate"`. Out-of-range values are clamped defensively. */
|
|
40
|
+
value: number;
|
|
41
|
+
/** Shows the slotted label below the bar. When `false`, or when no content is slotted, the
|
|
42
|
+
* label wrapper isn't rendered at all. Defaults to `true`. */
|
|
43
|
+
showLabel: boolean;
|
|
44
|
+
private get clampedValue();
|
|
45
|
+
render(): any;
|
|
46
|
+
componentWillLoad(): void;
|
|
47
|
+
disconnectedCallback(): void;
|
|
48
|
+
private mutationObserver?;
|
|
49
|
+
private updateLabelVisibility;
|
|
50
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/web-components-vite';
|
|
2
|
+
import type { BsProgressLinearType, BsProgressLinearSize } from './bs-progress-linear';
|
|
3
|
+
interface BsProgressLinearArgs {
|
|
4
|
+
type: BsProgressLinearType;
|
|
5
|
+
size: BsProgressLinearSize;
|
|
6
|
+
value: number;
|
|
7
|
+
showLabel: boolean;
|
|
8
|
+
label: string;
|
|
9
|
+
}
|
|
10
|
+
declare const meta: Meta<BsProgressLinearArgs>;
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<BsProgressLinearArgs>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const Sizes: Story;
|
|
15
|
+
export declare const Values: Story;
|
|
16
|
+
export declare const WithoutLabel: Story;
|
|
17
|
+
export declare const Indeterminate: Story;
|