@brandsync/wc 1.12.1 → 1.14.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/CHANGELOG.md +22 -0
- package/CONVENTIONS.md +109 -0
- package/REFERENCE.md +1388 -0
- package/custom-elements.json +5069 -2575
- package/dist/brandsync-wc/brandsync-wc.css +1 -1783
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-83c90489.entry.js → p-00be9a64.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b9ccd9d1.entry.js → p-020cb767.entry.js} +1 -1
- package/dist/brandsync-wc/p-046a53de.entry.js +1 -0
- package/dist/brandsync-wc/p-056608f0.entry.js +1 -0
- package/dist/brandsync-wc/p-0cb6fc39.entry.js +1 -0
- package/dist/brandsync-wc/p-0e738622.entry.js +1 -0
- package/dist/brandsync-wc/{p-e5daa6ca.entry.js → p-10290c41.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e2556b4e.entry.js → p-144b6ac8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-56c37e0a.entry.js → p-16c78ff6.entry.js} +1 -1
- package/dist/brandsync-wc/p-1b5cc9b8.entry.js +1 -0
- package/dist/brandsync-wc/p-204cc690.entry.js +1 -0
- package/dist/brandsync-wc/p-221244a9.entry.js +1 -0
- package/dist/brandsync-wc/p-227a5182.entry.js +1 -0
- package/dist/brandsync-wc/p-23b56775.entry.js +1 -0
- package/dist/brandsync-wc/p-2967240d.entry.js +1 -0
- package/dist/brandsync-wc/p-2c1efaa1.entry.js +1 -0
- package/dist/brandsync-wc/p-2e68b76e.entry.js +1 -0
- package/dist/brandsync-wc/{p-a9169157.entry.js → p-315b510c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1978e63c.entry.js → p-31cd66e0.entry.js} +1 -1
- package/dist/brandsync-wc/p-3477539c.entry.js +1 -0
- package/dist/brandsync-wc/{p-81605b82.entry.js → p-361aef36.entry.js} +1 -1
- package/dist/brandsync-wc/{p-89fabf27.entry.js → p-3789c7a5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2497d128.entry.js → p-3dabf202.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fc069773.entry.js → p-45cb3e6d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-de110ad0.entry.js → p-47b7fe76.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2f4e08e1.entry.js → p-47cd19aa.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f15d9524.entry.js → p-4b40a596.entry.js} +1 -1
- package/dist/brandsync-wc/p-51f40972.entry.js +1 -0
- package/dist/brandsync-wc/{p-39a26c64.entry.js → p-617bd76d.entry.js} +1 -1
- package/dist/brandsync-wc/p-658532b7.entry.js +1 -0
- package/dist/brandsync-wc/{p-617bd13a.entry.js → p-686297f1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-78f4fcf0.entry.js → p-6ca1e51b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-52cb2358.entry.js → p-6e923ebc.entry.js} +1 -1
- package/dist/brandsync-wc/{p-00a0d489.entry.js → p-8048d033.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0b2d3b7e.entry.js → p-80700878.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2368a92e.entry.js → p-8184d7de.entry.js} +1 -1
- package/dist/brandsync-wc/p-833f9dc4.entry.js +1 -0
- package/dist/brandsync-wc/p-8390a155.entry.js +1 -0
- package/dist/brandsync-wc/{p-fcee0dc4.entry.js → p-89fa7567.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7796b93f.entry.js → p-8c9938a5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-68fcd4a4.entry.js → p-9125632c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-416322bd.entry.js → p-94d435a2.entry.js} +1 -1
- package/dist/brandsync-wc/p-9d12b1fb.entry.js +1 -0
- package/dist/brandsync-wc/{p-5ba90a13.entry.js → p-9d660c03.entry.js} +1 -1
- package/dist/brandsync-wc/p-9fa67924.entry.js +1 -0
- package/dist/brandsync-wc/p-D3SkQJpw.js +3 -0
- package/dist/brandsync-wc/{p-7f954939.entry.js → p-a28ef52e.entry.js} +1 -1
- package/dist/brandsync-wc/p-a2e59aca.entry.js +1 -0
- package/dist/brandsync-wc/{p-09435f41.entry.js → p-a5659499.entry.js} +1 -1
- package/dist/brandsync-wc/p-b6ac1b50.entry.js +1 -0
- package/dist/brandsync-wc/{p-69c0a85d.entry.js → p-b793a0d6.entry.js} +1 -1
- package/dist/brandsync-wc/p-bee30626.entry.js +1 -0
- package/dist/brandsync-wc/{p-1aab6d07.entry.js → p-c05ee501.entry.js} +1 -1
- package/dist/brandsync-wc/p-c488cc8b.entry.js +1 -0
- package/dist/brandsync-wc/p-c67bc817.entry.js +1 -0
- package/dist/brandsync-wc/{p-247e36ad.entry.js → p-cc1055e6.entry.js} +1 -1
- package/dist/brandsync-wc/p-cc25ee67.entry.js +1 -0
- package/dist/brandsync-wc/p-ce16f038.entry.js +1 -0
- package/dist/brandsync-wc/{p-491b51e6.entry.js → p-d5a6098d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-282ddbee.entry.js → p-d892277f.entry.js} +1 -1
- package/dist/brandsync-wc/p-dd52209a.entry.js +1 -0
- package/dist/brandsync-wc/{p-09bc1923.entry.js → p-df3e7973.entry.js} +1 -1
- package/dist/brandsync-wc/p-dfad8c0a.entry.js +1 -0
- package/dist/brandsync-wc/p-e0927a9a.entry.js +1 -0
- package/dist/brandsync-wc/{p-0ee4126c.entry.js → p-e1b7bea7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0b7c77c1.entry.js → p-e65d286c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f5180578.entry.js → p-e6fc2cd4.entry.js} +1 -1
- package/dist/brandsync-wc/p-f271e1d2.entry.js +1 -0
- package/dist/brandsync-wc/{p-3f09296a.entry.js → p-f3eca1ce.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2177042f.entry.js → p-fa6b9750.entry.js} +1 -1
- package/dist/brandsync-wc/{p-78a69a59.entry.js → p-fc76031e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-be3dd446.entry.js → p-ffc07eb5.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +2 -2
- package/dist/cjs/bs-accordion-group.cjs.entry.js +33 -0
- package/dist/cjs/bs-accordion.cjs.entry.js +1 -1
- 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 +9 -5
- 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 +4 -2
- package/dist/cjs/bs-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-card.cjs.entry.js +1 -1
- package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +18 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +20 -2
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +25 -3
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +4 -2
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +3 -3
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +4 -2
- 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 +4 -2
- package/dist/cjs/bs-citation-preview.cjs.entry.js +29 -0
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +11 -3
- package/dist/cjs/bs-composer.cjs.entry.js +36 -7
- package/dist/cjs/bs-cookie-consent.cjs.entry.js +1 -1
- package/dist/cjs/bs-data-table.cjs.entry.js +5 -3
- package/dist/cjs/bs-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/bs-dialog.cjs.entry.js +4 -2
- package/dist/cjs/bs-error-page.cjs.entry.js +1 -1
- package/dist/cjs/bs-file-upload-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-tile.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/bs-input_3.cjs.entry.js +15 -7
- package/dist/cjs/bs-logo.cjs.entry.js +1 -1
- package/dist/cjs/bs-message-list.cjs.entry.js +71 -0
- package/dist/cjs/bs-message.cjs.entry.js +25 -0
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +9 -3
- package/dist/cjs/bs-navigation-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-onboarding-checklist.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +6 -2
- package/dist/cjs/bs-popover.cjs.entry.js +153 -0
- package/dist/cjs/bs-product-tour.cjs.entry.js +1 -1
- package/dist/cjs/bs-progress-linear.cjs.entry.js +3 -3
- package/dist/cjs/bs-progress.cjs.entry.js +3 -3
- package/dist/cjs/bs-qr-code.cjs.entry.js +2 -2
- package/dist/cjs/bs-radio.cjs.entry.js +2 -2
- package/dist/cjs/bs-session-timeout.cjs.entry.js +2 -2
- package/dist/cjs/bs-side-panel.cjs.entry.js +164 -0
- package/dist/cjs/bs-skeleton.cjs.entry.js +51 -0
- package/dist/cjs/bs-slider.cjs.entry.js +7 -3
- package/dist/cjs/bs-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/bs-source-link.cjs.entry.js +3 -3
- package/dist/cjs/bs-spinner.cjs.entry.js +24 -0
- package/dist/cjs/bs-split-pane.cjs.entry.js +193 -0
- 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_3.cjs.entry.js +4 -4
- package/dist/cjs/bs-timepicker.cjs.entry.js +8 -4
- package/dist/cjs/bs-toast.cjs.entry.js +4 -2
- package/dist/cjs/bs-tooltip-trigger.cjs.entry.js +46 -0
- package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/bs-whats-new.cjs.entry.js +1 -1
- package/dist/cjs/index-BYfMRtlW.js +1863 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +10 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.cmp.test.js +39 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.css +10 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.js +86 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.stories.js +18 -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 +48 -4
- 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-skeleton/bs-button-skeleton.js +23 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.cmp.test.js +10 -0
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +178 -2
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js +6 -0
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +200 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.cmp.test.js +8 -0
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.css +4 -0
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +223 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +24 -2
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.css +1 -4
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +3 -6
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +23 -1
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js +23 -1
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.cmp.test.js +34 -0
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.css +36 -0
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.js +154 -0
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.stories.js +22 -0
- package/dist/collection/components/bs-composer/bs-composer.cmp.test.js +29 -2
- package/dist/collection/components/bs-composer/bs-composer.css +16 -0
- package/dist/collection/components/bs-composer/bs-composer.js +234 -6
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.cmp.test.js +5 -0
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.css +16 -0
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +49 -1
- package/dist/collection/components/bs-data-table/bs-data-table.js +24 -2
- package/dist/collection/components/bs-dialog/bs-dialog.js +23 -1
- package/dist/collection/components/bs-input/bs-input.js +92 -4
- 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-message/bs-message.cmp.test.js +36 -0
- package/dist/collection/components/bs-message/bs-message.css +77 -0
- package/dist/collection/components/bs-message/bs-message.js +156 -0
- package/dist/collection/components/bs-message/bs-message.stories.js +33 -0
- package/dist/collection/components/bs-message-list/bs-message-list.cmp.test.js +58 -0
- package/dist/collection/components/bs-message-list/bs-message-list.css +40 -0
- package/dist/collection/components/bs-message-list/bs-message-list.js +161 -0
- package/dist/collection/components/bs-message-list/bs-message-list.stories.js +17 -0
- package/dist/collection/components/bs-pagination/bs-pagination.cmp.test.js +5 -0
- package/dist/collection/components/bs-pagination/bs-pagination.js +45 -1
- package/dist/collection/components/bs-popover/bs-popover.cmp.test.js +107 -0
- package/dist/collection/components/bs-popover/bs-popover.css +61 -0
- package/dist/collection/components/bs-popover/bs-popover.js +247 -0
- package/dist/collection/components/bs-popover/bs-popover.stories.js +26 -0
- 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-qr-code/bs-qr-code.js +1 -1
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.js +1 -1
- package/dist/collection/components/bs-side-panel/bs-side-panel.cmp.test.js +117 -0
- package/dist/collection/components/bs-side-panel/bs-side-panel.css +77 -0
- package/dist/collection/components/bs-side-panel/bs-side-panel.js +325 -0
- package/dist/collection/components/bs-side-panel/bs-side-panel.stories.js +24 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.cmp.test.js +49 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.css +62 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.js +204 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.stories.js +43 -0
- package/dist/collection/components/bs-slider/bs-slider.js +46 -2
- 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-spinner/bs-spinner.cmp.test.js +32 -0
- package/dist/collection/components/bs-spinner/bs-spinner.css +61 -0
- package/dist/collection/components/bs-spinner/bs-spinner.js +96 -0
- package/dist/collection/components/bs-spinner/bs-spinner.stories.js +30 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.cmp.test.js +107 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.css +108 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.js +404 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.stories.js +47 -0
- 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-timepicker/bs-timepicker.js +48 -4
- package/dist/collection/components/bs-toast/bs-toast.js +23 -1
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.cmp.test.js +73 -0
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.css +52 -0
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.js +140 -0
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.stories.js +21 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +68 -2
- 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/collection/global/brand-theming.cmp.test.js +44 -0
- package/dist/components/bs-accordion-group.d.ts +11 -0
- package/dist/components/bs-accordion-group.js +1 -0
- package/dist/components/bs-accordion.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-avatar.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-carousel.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-citation-preview.d.ts +11 -0
- package/dist/components/bs-citation-preview.js +1 -0
- package/dist/components/bs-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-cookie-consent.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-error-page.js +1 -1
- package/dist/components/bs-file-upload-item.js +1 -1
- package/dist/components/bs-file-upload.js +1 -1
- package/dist/components/bs-icon-button.js +1 -1
- package/dist/components/bs-icon-tile.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-logo.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-message-list.d.ts +11 -0
- package/dist/components/bs-message-list.js +1 -0
- package/dist/components/bs-message.d.ts +11 -0
- package/dist/components/bs-message.js +1 -0
- 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-onboarding-checklist.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-popover.d.ts +11 -0
- package/dist/components/bs-popover.js +1 -0
- package/dist/components/bs-product-tour.js +1 -1
- package/dist/components/bs-progress-linear.js +1 -1
- package/dist/components/bs-progress.js +1 -1
- package/dist/components/bs-qr-code.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-side-panel.d.ts +11 -0
- package/dist/components/bs-side-panel.js +1 -0
- package/dist/components/bs-skeleton.d.ts +11 -0
- package/dist/components/bs-skeleton.js +1 -0
- 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-spinner.d.ts +11 -0
- package/dist/components/bs-spinner.js +1 -0
- package/dist/components/bs-split-pane.d.ts +11 -0
- package/dist/components/bs-split-pane.js +1 -0
- 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-timepicker.js +1 -1
- package/dist/components/bs-toast.js +1 -1
- package/dist/components/bs-tooltip-trigger.d.ts +11 -0
- package/dist/components/bs-tooltip-trigger.js +1 -0
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-B2gx7SZk.js +1 -0
- package/dist/components/{p-C_j_jDM6.js → p-BESyTlfT.js} +1 -1
- package/dist/components/{p-YsHQLXET.js → p-BIW9eUic.js} +1 -1
- package/dist/components/{p-Be_Pmccm.js → p-BJR8KVFc.js} +1 -1
- package/dist/components/{p-BEEoVNRu.js → p-BTPdjnXT.js} +1 -1
- package/dist/components/{p-Be9L4_Fe.js → p-CDYw4Eyj.js} +1 -1
- package/dist/components/{p-DuLL7Ouw.js → p-CRtvJlh8.js} +1 -1
- package/dist/components/{p-Dr0Qk9Zc.js → p-ChcaPfNL.js} +1 -1
- package/dist/components/{p-DE8K7fg0.js → p-CiSEDtbE.js} +1 -1
- package/dist/components/{p-CbimDNGY.js → p-CrmEXUwm.js} +1 -1
- package/dist/components/{p-zTHlbyH6.js → p-DAwSBMeM.js} +1 -1
- package/dist/components/{p-qmS2CBqi.js → p-DYuzgzxI.js} +1 -1
- package/dist/components/p-Dm3TqgV_.js +1 -0
- package/dist/components/{p-CUfs0ROR.js → p-DpVeeIko.js} +1 -1
- package/dist/components/{p-CA31vqjL.js → p-DvNED6Lb.js} +1 -1
- package/dist/components/{p-Bl_tVzeq.js → p-HAmR4gM2.js} +1 -1
- package/dist/components/p-HzaOqQ0U.js +1 -0
- package/dist/components/{p-C8yT2Ucq.js → p-QnTjSed5.js} +1 -1
- package/dist/components/{p-CncySD_-.js → p-Rx4bpeYN.js} +1 -1
- package/dist/components/p-nC2VxRNo.js +1 -0
- package/dist/components/p-zscW5LNR.js +1 -0
- package/dist/esm/brandsync-wc.js +3 -3
- package/dist/esm/bs-accordion-group.entry.js +31 -0
- package/dist/esm/bs-accordion.entry.js +1 -1
- 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 +9 -5
- 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 +4 -2
- package/dist/esm/bs-button.entry.js +1 -1
- package/dist/esm/bs-card.entry.js +1 -1
- package/dist/esm/bs-carousel.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +18 -2
- package/dist/esm/bs-chatbot-header.entry.js +20 -2
- package/dist/esm/bs-chatbot-response-action.entry.js +25 -3
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +4 -2
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +3 -3
- package/dist/esm/bs-checkbox-skeleton.entry.js +4 -2
- 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 +4 -2
- package/dist/esm/bs-citation-preview.entry.js +27 -0
- package/dist/esm/bs-composer-status-banner.entry.js +11 -3
- package/dist/esm/bs-composer.entry.js +36 -7
- package/dist/esm/bs-cookie-consent.entry.js +1 -1
- package/dist/esm/bs-data-table.entry.js +5 -3
- package/dist/esm/bs-datepicker.entry.js +1 -1
- package/dist/esm/bs-dialog.entry.js +4 -2
- package/dist/esm/bs-error-page.entry.js +1 -1
- package/dist/esm/bs-file-upload-item.entry.js +1 -1
- package/dist/esm/bs-file-upload.entry.js +1 -1
- package/dist/esm/bs-icon-button.entry.js +1 -1
- package/dist/esm/bs-icon-tile.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +2 -2
- package/dist/esm/bs-input_3.entry.js +15 -7
- package/dist/esm/bs-logo.entry.js +1 -1
- package/dist/esm/bs-message-list.entry.js +69 -0
- package/dist/esm/bs-message.entry.js +23 -0
- package/dist/esm/bs-navigation-drawer-item.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer.entry.js +9 -3
- package/dist/esm/bs-navigation-header.entry.js +2 -2
- package/dist/esm/bs-onboarding-checklist.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +6 -2
- package/dist/esm/bs-popover.entry.js +151 -0
- package/dist/esm/bs-product-tour.entry.js +1 -1
- package/dist/esm/bs-progress-linear.entry.js +3 -3
- package/dist/esm/bs-progress.entry.js +3 -3
- package/dist/esm/bs-qr-code.entry.js +2 -2
- package/dist/esm/bs-radio.entry.js +2 -2
- package/dist/esm/bs-session-timeout.entry.js +2 -2
- package/dist/esm/bs-side-panel.entry.js +162 -0
- package/dist/esm/bs-skeleton.entry.js +49 -0
- package/dist/esm/bs-slider.entry.js +7 -3
- package/dist/esm/bs-snackbar.entry.js +2 -2
- package/dist/esm/bs-source-link.entry.js +3 -3
- package/dist/esm/bs-spinner.entry.js +22 -0
- package/dist/esm/bs-split-pane.entry.js +191 -0
- 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_3.entry.js +4 -4
- package/dist/esm/bs-timepicker.entry.js +8 -4
- package/dist/esm/bs-toast.entry.js +4 -2
- package/dist/esm/bs-tooltip-trigger.entry.js +44 -0
- package/dist/esm/bs-tooltip.entry.js +2 -2
- package/dist/esm/bs-whats-new.entry.js +1 -1
- package/dist/esm/index-D3SkQJpw.js +1853 -0
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/bs-accordion-group/bs-accordion-group.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-accordion-group/bs-accordion-group.d.ts +25 -0
- package/dist/types/components/bs-accordion-group/bs-accordion-group.stories.d.ts +9 -0
- package/dist/types/components/bs-attachment/bs-attachment.d.ts +4 -0
- package/dist/types/components/bs-button-skeleton/bs-button-skeleton.d.ts +2 -0
- package/dist/types/components/bs-chatbot-feedback/bs-chatbot-feedback.d.ts +16 -0
- package/dist/types/components/bs-chatbot-header/bs-chatbot-header.d.ts +19 -0
- package/dist/types/components/bs-chatbot-response-action/bs-chatbot-response-action.d.ts +22 -0
- package/dist/types/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.d.ts +2 -0
- package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.d.ts +2 -5
- package/dist/types/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.d.ts +2 -0
- package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.d.ts +2 -0
- package/dist/types/components/bs-citation-preview/bs-citation-preview.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-citation-preview/bs-citation-preview.d.ts +40 -0
- package/dist/types/components/bs-citation-preview/bs-citation-preview.stories.d.ts +13 -0
- package/dist/types/components/bs-composer/bs-composer.d.ts +25 -1
- package/dist/types/components/bs-composer-status-banner/bs-composer-status-banner.d.ts +5 -0
- package/dist/types/components/bs-data-table/bs-data-table.d.ts +2 -0
- package/dist/types/components/bs-dialog/bs-dialog.d.ts +2 -0
- package/dist/types/components/bs-input/bs-input.d.ts +8 -0
- package/dist/types/components/bs-message/bs-message.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-message/bs-message.d.ts +49 -0
- package/dist/types/components/bs-message/bs-message.stories.d.ts +15 -0
- package/dist/types/components/bs-message-list/bs-message-list.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-message-list/bs-message-list.d.ts +44 -0
- package/dist/types/components/bs-message-list/bs-message-list.stories.d.ts +8 -0
- package/dist/types/components/bs-pagination/bs-pagination.d.ts +4 -0
- package/dist/types/components/bs-popover/bs-popover.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-popover/bs-popover.d.ts +58 -0
- package/dist/types/components/bs-popover/bs-popover.stories.d.ts +11 -0
- package/dist/types/components/bs-side-panel/bs-side-panel.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-side-panel/bs-side-panel.d.ts +67 -0
- package/dist/types/components/bs-side-panel/bs-side-panel.stories.d.ts +14 -0
- package/dist/types/components/bs-skeleton/bs-skeleton.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-skeleton/bs-skeleton.d.ts +44 -0
- package/dist/types/components/bs-skeleton/bs-skeleton.stories.d.ts +17 -0
- package/dist/types/components/bs-slider/bs-slider.d.ts +4 -0
- package/dist/types/components/bs-spinner/bs-spinner.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-spinner/bs-spinner.d.ts +32 -0
- package/dist/types/components/bs-spinner/bs-spinner.stories.d.ts +12 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.d.ts +85 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.stories.d.ts +15 -0
- package/dist/types/components/bs-timepicker/bs-timepicker.d.ts +4 -0
- package/dist/types/components/bs-toast/bs-toast.d.ts +2 -0
- package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.d.ts +35 -0
- package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.stories.d.ts +10 -0
- package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.d.ts +6 -0
- package/dist/types/components.d.ts +1995 -39
- package/dist/types/global/brand-theming.cmp.test.d.ts +1 -0
- package/package.json +21 -5
- package/reference.d.ts +245 -0
- package/reference.json +4284 -0
- package/reference.mjs +2 -0
- package/tailwind-preset.cjs +36 -0
- package/testing/vitest-setup.mjs +41 -0
- package/dist/brandsync-wc/p-09cbf05b.entry.js +0 -1
- package/dist/brandsync-wc/p-0f8cd2e8.entry.js +0 -1
- package/dist/brandsync-wc/p-1261f0b0.entry.js +0 -1
- package/dist/brandsync-wc/p-20030f4d.entry.js +0 -1
- package/dist/brandsync-wc/p-22f8201a.entry.js +0 -1
- package/dist/brandsync-wc/p-34e5feaf.entry.js +0 -1
- package/dist/brandsync-wc/p-3a1af63a.entry.js +0 -1
- package/dist/brandsync-wc/p-452f9c1c.entry.js +0 -1
- package/dist/brandsync-wc/p-6a696161.entry.js +0 -1
- package/dist/brandsync-wc/p-6c6cdf77.entry.js +0 -1
- package/dist/brandsync-wc/p-6e735e37.entry.js +0 -1
- package/dist/brandsync-wc/p-73f214ed.entry.js +0 -1
- package/dist/brandsync-wc/p-823ab3b2.entry.js +0 -1
- package/dist/brandsync-wc/p-DqQRXQMx.js +0 -3
- package/dist/brandsync-wc/p-b84366a7.entry.js +0 -1
- package/dist/brandsync-wc/p-b8d2ce91.entry.js +0 -1
- package/dist/brandsync-wc/p-b9a4042e.entry.js +0 -1
- package/dist/brandsync-wc/p-d754ee13.entry.js +0 -1
- package/dist/brandsync-wc/p-d75f3f87.entry.js +0 -1
- package/dist/brandsync-wc/p-d8b29a53.entry.js +0 -1
- package/dist/brandsync-wc/p-f7d15fbe.entry.js +0 -1
- package/dist/cjs/index-tFJjflK5.js +0 -1863
- package/dist/components/p-BGW5q5LZ.js +0 -1
- package/dist/components/p-BZ3M4lOU.js +0 -1
- package/dist/components/p-CVrEuVFo.js +0 -1
- package/dist/components/p-CeUK3n7D.js +0 -1
- package/dist/esm/index-DqQRXQMx.js +0 -1853
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
|
|
2
|
+
|
|
3
|
+
const bsMessageListCss = () => `:host{display:block;position:relative;min-height:0;--bs-message-list-gap:var(--bs-spacing-200);--bs-message-list-padding:var(--bs-spacing-200);--bs-message-list-button-offset:var(--bs-spacing-200)}.bs-message-list{position:relative;height:100%}.bs-message-list__viewport{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-message-list-gap);height:100%;padding:var(--bs-message-list-padding);overflow-y:auto}::slotted(*){flex-shrink:0}.bs-message-list__viewport:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}.bs-message-list__scroll{position:absolute;inset-block-end:var(--bs-message-list-button-offset);inset-inline-start:50%;transform:translateX(-50%)}`;
|
|
4
|
+
|
|
5
|
+
/** Distance (px) from the bottom within which the list counts as "at the bottom". */
|
|
6
|
+
const NEAR_BOTTOM_THRESHOLD = 48;
|
|
7
|
+
const BsMessageList = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.bsScrollToLatest = createEvent(this, "bsScrollToLatest");
|
|
11
|
+
}
|
|
12
|
+
get host() { return getElement(this); }
|
|
13
|
+
/** Accessible name of the scroll-to-latest button. */
|
|
14
|
+
scrollToLatestLabel = 'Scroll to latest message';
|
|
15
|
+
/** True while the user is scrolled away from the bottom and new content has arrived. */
|
|
16
|
+
showScrollButton = false;
|
|
17
|
+
/** Fires when the scroll-to-latest button is activated or `scrollToLatest()` is called. */
|
|
18
|
+
bsScrollToLatest;
|
|
19
|
+
viewport;
|
|
20
|
+
observer;
|
|
21
|
+
stickToBottom = true;
|
|
22
|
+
/** Scrolls to the newest message and re-enables auto-follow. */
|
|
23
|
+
async scrollToLatest() {
|
|
24
|
+
this.scrollToBottom();
|
|
25
|
+
this.stickToBottom = true;
|
|
26
|
+
this.showScrollButton = false;
|
|
27
|
+
this.bsScrollToLatest.emit();
|
|
28
|
+
}
|
|
29
|
+
connectedCallback() {
|
|
30
|
+
this.observer = new MutationObserver(this.onMutation);
|
|
31
|
+
this.observer.observe(this.host, { childList: true, subtree: true, characterData: true });
|
|
32
|
+
}
|
|
33
|
+
disconnectedCallback() {
|
|
34
|
+
this.observer?.disconnect();
|
|
35
|
+
this.observer = undefined;
|
|
36
|
+
}
|
|
37
|
+
componentDidLoad() {
|
|
38
|
+
this.scrollToBottom();
|
|
39
|
+
}
|
|
40
|
+
isNearBottom() {
|
|
41
|
+
const v = this.viewport;
|
|
42
|
+
if (!v)
|
|
43
|
+
return true;
|
|
44
|
+
return v.scrollHeight - v.scrollTop - v.clientHeight <= NEAR_BOTTOM_THRESHOLD;
|
|
45
|
+
}
|
|
46
|
+
scrollToBottom() {
|
|
47
|
+
if (this.viewport)
|
|
48
|
+
this.viewport.scrollTop = this.viewport.scrollHeight;
|
|
49
|
+
}
|
|
50
|
+
onScroll = () => {
|
|
51
|
+
this.stickToBottom = this.isNearBottom();
|
|
52
|
+
if (this.stickToBottom)
|
|
53
|
+
this.showScrollButton = false;
|
|
54
|
+
};
|
|
55
|
+
onMutation = () => {
|
|
56
|
+
if (this.stickToBottom) {
|
|
57
|
+
this.scrollToBottom();
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
this.showScrollButton = true;
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
render() {
|
|
64
|
+
return (h("div", { key: '188f548bf2663418ebd3dcda57fbd286b10c7eeb', class: "bs-message-list" }, h("div", { key: 'f6bd80892f1b9d08215027239d6de8736b468340', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: '8b7670ce5566d4eb946693e67cc57ae9ad6243b4' })), this.showScrollButton && (h("bs-icon-button", { key: '597edb7c5f81db986839e403961d9b4a274b34c3', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '5b95b7a87560b5e652834a132da9eee9b4295b59', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'd93260a40a73539d9a712bc4928d947d819b8054', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
BsMessageList.style = bsMessageListCss();
|
|
68
|
+
|
|
69
|
+
export { BsMessageList as bs_message_list };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-D3SkQJpw.js';
|
|
2
|
+
|
|
3
|
+
const bsMessageCss = () => `:host{display:block;--bs-message-gap:var(--bs-spacing-100);--bs-message-max-width:80%;--bs-message-padding:var(--bs-spacing-150);--bs-message-radius:var(--bs-border-radius-150);--bs-message-user-bg:var(--bs-color-primary-container);--bs-message-user-color:var(--bs-text-default);--bs-message-assistant-bg:var(--bs-color-neutral-container);--bs-message-assistant-color:var(--bs-text-default);--bs-message-error-bg:var(--bs-color-error-container);--bs-message-error-color:var(--bs-text-error);--bs-message-pending-opacity:0.6;--bs-message-timestamp-color:var(--bs-text-secondary);--bs-message-timestamp-font-size:var(--bs-font-size-xs)}.bs-message{display:flex;align-items:flex-start;gap:var(--bs-message-gap)}:host([role='user']) .bs-message{flex-direction:row-reverse}.bs-message__avatar{flex-shrink:0}.bs-message__column{display:flex;flex-direction:column;gap:var(--bs-spacing-50);min-width:0;max-width:var(--bs-message-max-width);align-items:flex-start}:host([role='user']) .bs-message__column{align-items:flex-end}.bs-message__bubble{--bs-card-bg:var(--bs-message-assistant-bg);--bs-card-radius:var(--bs-message-radius);--bs-card-padding:var(--bs-message-padding);--bs-card-shadow:none;color:var(--bs-message-assistant-color)}:host([role='user']) .bs-message__bubble{--bs-card-bg:var(--bs-message-user-bg);color:var(--bs-message-user-color)}:host([status='error']) .bs-message__bubble{--bs-card-bg:var(--bs-message-error-bg);color:var(--bs-message-error-color)}:host([status='pending']) .bs-message__bubble{opacity:var(--bs-message-pending-opacity)}.bs-message__content{overflow-wrap:anywhere;font-size:var(--bs-font-size-md);line-height:var(--bs-line-height-normal)}.bs-message__timestamp{color:var(--bs-message-timestamp-color);font-size:var(--bs-message-timestamp-font-size);line-height:var(--bs-line-height-normal)}`;
|
|
4
|
+
|
|
5
|
+
const BsMessage = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
/** Who sent the message. Controls alignment and colour. */
|
|
10
|
+
role = 'assistant';
|
|
11
|
+
/** Human-readable timestamp text shown inside a `<time>` element. Omit to render none. */
|
|
12
|
+
timestamp;
|
|
13
|
+
/** Machine-readable value for the `<time>` element's `datetime` attribute. */
|
|
14
|
+
datetime;
|
|
15
|
+
/** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
|
|
16
|
+
status = 'default';
|
|
17
|
+
render() {
|
|
18
|
+
return (h("div", { key: '76e0e1d307de73bca97c5a79b3ff607278311d3e', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: '00c91e1ab7a3cf9e81401e36b50b331c0d7d2735', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: 'a3b0577cbafcd699ecf37c3299757f76e88cd572', name: "avatar" })), h("div", { key: '10b3dc86e24ae0860fffccedb5aaa9fed78f44c5', class: "bs-message__column" }, h("bs-card", { key: '3a88a28a5e9cb9898562860daf576b4280a8e601', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: '95a9c8394c55789cbf7a976b16466d7a9593fae6', part: "content", class: "bs-message__content" }, h("slot", { key: '81c214388b65904f4e15bfae23ddbc34ed35e267' }))), h("div", { key: '27768ab59923180c6f31f7bce893fefa11c967d1', part: "footer", class: "bs-message__footer" }, h("slot", { key: '606f025032c40e01c2490b1d18441c1d2557beac', name: "footer" })), h("div", { key: '79acf174363c391a37ca1907ececf87c9c1cdb45', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: '08060d46ea218a3c9315bd2fc89165c605e54ddd', name: "timestamp" }, this.timestamp && h("time", { key: 'a9829bf9725b3c41eb5032427822a2d6fbb2cb6f', dateTime: this.datetime }, this.timestamp))))));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
BsMessage.style = bsMessageCss();
|
|
22
|
+
|
|
23
|
+
export { BsMessage as bs_message };
|
|
@@ -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-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsNavigationDrawerItemCss = () => `:host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}`;
|
|
4
4
|
|
|
@@ -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: '1cb752ce9bcf0960e864906fbf70d6627b8352eb', class: "bs-navigation-drawer-item__root" }, h("button", { key: 'e7ff152d751f4f8333c48b3ba4bbed10a9bcbb4b', 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: '91b0139bc50e6bb9dc51b30de3e0a365e3e5658b', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'cc6be4568c6e10e82412f0d9beba110e53715257', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '95e319ebf4799f86e1eb686c849ced443a6507ae', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'c2e4554f7117620100c569b6d2da2c45df9baf33' })), this.expandable && (h("span", { key: 'c262c787a9db3c6453bbfb2082c0e1677d443de4', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '7ad34ca909681f60d6c920e9304b4e653e9bbfe9' })))), this.expandable && (h("span", { key: '497d8bd4f5d2d6b03a748099ea332074f4446497', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '87c4b0489b654453eb9338f2d9b52b933366908c', name: "children" })))));
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
// 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsNavigationDrawerCss = () => `:host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard), padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}`;
|
|
4
4
|
|
|
@@ -17,6 +17,12 @@ const BsNavigationDrawer = class {
|
|
|
17
17
|
* a "fixed" side nav (Carbon's terminology: a `Fixed Side Nav` never collapses, as opposed to a
|
|
18
18
|
* rail-capable one) that's always fully expanded. `collapsed` is ignored while this is `false`. */
|
|
19
19
|
collapsible = true;
|
|
20
|
+
/** Accessible name of the collapse toggle while the drawer is expanded. */
|
|
21
|
+
collapseLabel = 'Collapse';
|
|
22
|
+
/** Accessible name of the collapse toggle while the drawer is collapsed. */
|
|
23
|
+
expandLabel = 'Expand';
|
|
24
|
+
/** Accessible name of the search trigger. */
|
|
25
|
+
searchLabel = 'Search';
|
|
20
26
|
/** Narrows the drawer to a 96px icon-only rail (Figma node 8028:135374). Mutable and reflected
|
|
21
27
|
* -- clicking the collapse toggle toggles this directly (self-toggling, see the class doc above
|
|
22
28
|
* for why), and this component keeps every direct-child `bs-navigation-drawer-item`'s own
|
|
@@ -172,11 +178,11 @@ const BsNavigationDrawer = class {
|
|
|
172
178
|
};
|
|
173
179
|
render() {
|
|
174
180
|
const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
|
|
175
|
-
return (h(Host, { key: '
|
|
181
|
+
return (h(Host, { key: '4ceea7fddea0092f942f3499987ee80ef4f4e8f3', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'fbc83c1f7cc93f0afe6222b6d4afe256375c6537', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '26f09c3cd1662515bf7ef69826980b70d9c142f3', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
|
|
176
182
|
// Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
|
|
177
183
|
// (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
|
|
178
184
|
// scrimmed, Escape closes -- rather than announced through aria-modal.
|
|
179
|
-
tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '
|
|
185
|
+
tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: 'be5e1b6d08041b488fda977553e3c90f55ce3232', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'aa24da803069235483a36e0896a6a0b32ed8a20a', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'cda0395a72b95f6b9a7178c218d68b11dba1d768', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '53f13ca91f9e39ea89df909643102d9172bdb815', variant: "mark", background: this.logoBackground }))), h("div", { key: '7e73d0ef62745fca7cc385382e0b4335518026ce', class: "bs-navigation-drawer__title-row" }, h("span", { key: '39f056417b0cfaaa9e5cc71b612c3c109574a159', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: 'bb3e2190475ea000daaac66dfab6c1ff6fda8d40', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: '3f37c1b7bd9c53eec44ba751c95e4e95bf3920f6' })))), h("div", { key: '98af0d2bbec07f8520c67d4e9f102449106b6498', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '223dc57c477dfb3accdb690754d63132c562f867', name: "search" })), h("button", { key: 'dfa75a9b3b29dcda5c140905b055ff19669f7af5', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '98aed385273752c647ccef54fa380f92ae65129b' })), h("div", { key: 'cf6cc371959a7fe81ac7fed27176d78370891f09', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '0ef6002bac2fbea8430ca6e049f3ce463ba4ec71' })))));
|
|
180
186
|
}
|
|
181
187
|
static get watchers() { return {
|
|
182
188
|
"collapsed": [{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsNavigationHeaderCss = () => `:host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}`;
|
|
4
4
|
|
|
@@ -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: '13902b4fc78c50b646532b05b0628cd87795bbdc', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '98d3add96ab6da8f108b47ccb3317fddccf16fdd', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '3de6328cdced810f59e169adb9c894f357bb3362', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '3963c852293dd06990345d11c262eb437998b9a6', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '3d19c967ad4d6d2ac53e73623e26607ec60bc040', name: "left" })), h("div", { key: 'a4b7019e8df5d5d00163815058af7396c578e3f4', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '9e07a80b8a8e03b567e5112291f56055300e0e89', name: "right" }))));
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
BsNavigationHeader.style = bsNavigationHeaderCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, r as registerInstance, c as createEvent } from './index-
|
|
1
|
+
import { h, r as registerInstance, c as createEvent } from './index-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsOnboardingChecklistCss = () => `:host{display:block;max-width:100%;--bs-onboarding-checklist-width:420px;--bs-onboarding-checklist-radius:var(--bs-border-radius-150);--bs-onboarding-checklist-padding:var(--bs-spacing-200);--bs-onboarding-checklist-gap:var(--bs-spacing-150);--bs-onboarding-checklist-shadow:0 2px 2px var(--bs-elevation-medium);--bs-onboarding-checklist-color:var(--bs-text-default);--bs-onboarding-checklist-color-secondary:var(--bs-text-secondary);--bs-onboarding-checklist-icon-color:var(--bs-icon-action);--bs-onboarding-checklist-accent:var(--bs-color-primary-default);--bs-onboarding-checklist-bar-fill:var(--bs-surface-action);--bs-onboarding-checklist-bar-track:var(--bs-surface-container);--bs-onboarding-checklist-border:var(--bs-border-default);--bs-onboarding-checklist-card-height:146px}:host([type='dashboard']){container-type:inline-size}:host([type='panel']){width:var(--bs-onboarding-checklist-width)}:host([type='launcher']){--bs-onboarding-checklist-width:260px;width:var(--bs-onboarding-checklist-width)}:host([type='launcher'][launcher-layout='ring']){width:fit-content}:host([type='launcher'][launcher-layout='inline']){--bs-onboarding-checklist-width:300px}:host([type='completion']){--bs-onboarding-checklist-width:380px;width:var(--bs-onboarding-checklist-width)}.bs-oc--panel,.bs-oc--completion{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc--dashboard{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding) var(--bs-spacing-550) var(--bs-onboarding-checklist-padding) var(--bs-onboarding-checklist-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;position:relative}.bs-oc--launcher{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-150);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc{color:var(--bs-onboarding-checklist-color)}.bs-oc p,.bs-oc ol{margin:0}.bs-oc__glyph{width:16px;height:16px}.bs-oc__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-oc__description{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-oc__description--center{text-align:center}.bs-oc__spacer{flex:1 1 0}.bs-oc__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-oc__progress{display:flex;flex-direction:column;gap:var(--bs-spacing-75);align-self:stretch}.bs-oc__progress-labels{display:flex;align-items:center;justify-content:space-between;font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__progress-text{font-weight:var(--bs-font-weight-medium)}.bs-oc__progress-percent{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__bar{--bs-progress-linear-fill:var(--bs-onboarding-checklist-bar-fill);--bs-progress-linear-track:var(--bs-onboarding-checklist-bar-track)}.bs-oc__bar--success{--bs-progress-linear-fill:var(--bs-color-success-default)}.bs-oc__text-button{--bs-button-subtle-color:var(--bs-text-action)}.bs-oc__block{--bs-button-width:100%;--bs-button-height-md:var(--bs-spacing-550);--bs-button-height-lg:var(--bs-spacing-550)}.bs-oc__close{flex:none}.bs-oc__close svg{width:24px;height:24px}.bs-oc__panel{display:flex;flex-direction:column;gap:var(--bs-onboarding-checklist-gap)}.bs-oc__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__steps{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding:0;list-style:none}.bs-oc__step{display:flex;align-items:center;gap:var(--bs-spacing-150);min-height:40px;padding:0 var(--bs-spacing-100);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__step--done{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__status{display:inline-flex;flex:none;width:24px;height:24px;color:var(--bs-onboarding-checklist-icon-color)}.bs-oc__status svg{width:24px;height:24px}.bs-oc__current{display:block}.bs-oc__current-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-100);--bs-card-shadow:none}.bs-oc__current-body{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-oc__current-head{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-oc__current-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-oc__current-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__current-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-oc__estimate{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-oc__clock{width:14px;height:14px}.bs-oc__current-actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__current-actions bs-button{--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-oc__dash{display:flex;align-items:center;gap:var(--bs-spacing-500)}.bs-oc--dashboard .bs-oc__close{position:absolute;top:-1px;inset-inline-end:-1px}.bs-oc__dash-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-onboarding-checklist-gap);flex:1 1 0;min-width:0}.bs-oc__dash-summary bs-progress-linear{align-self:stretch}.bs-oc__link{--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-100)}.bs-oc__cards{display:flex;align-items:stretch;gap:var(--bs-spacing-100);padding:0;list-style:none}.bs-oc__card-item{display:flex}.bs-oc__step-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-200);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;width:196px;height:var(--bs-onboarding-checklist-card-height)}.bs-oc__step-card--current{--bs-card-bg:var(--bs-surface-selected);--bs-card-border-color:var(--bs-border-primary)}.bs-oc__step-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-oc__step-card-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-oc__step-card-caption{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}@container (max-width: 899px){.bs-oc__dash{flex-direction:column;align-items:stretch;gap:var(--bs-spacing-200)}.bs-oc__cards{flex-direction:column}.bs-oc__step-card{width:100%}}.bs-oc__launcher{display:flex;align-items:center;gap:var(--bs-spacing-150);width:100%;padding:0;border:none;background:transparent;color:inherit;font-family:inherit;text-align:start;cursor:pointer}.bs-oc__launcher:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:4px;border-radius:var(--bs-border-radius-100)}.bs-oc__launcher-copy{display:flex;flex-direction:column;gap:var(--bs-spacing-100);white-space:nowrap}.bs-oc--launcher-ring .bs-oc__launcher-copy{gap:0}.bs-oc__launcher-title{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-bold);line-height:20px}.bs-oc__launcher-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-oc__launcher-copy--inline{flex:1 1 0;flex-direction:row;align-items:baseline;gap:var(--bs-spacing-50);min-width:0;overflow:hidden}.bs-oc__launcher-title--inline{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold)}.bs-oc__ring{flex:none}.bs-oc__chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;color:var(--bs-icon-default)}.bs-oc__chevron svg{width:20px;height:20px}.bs-oc__completion{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__completion .bs-oc__glyph{width:24px;height:24px}`;
|
|
4
4
|
|
|
@@ -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-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsPaginationCss = () => `:host{display:inline-block;--bs-pagination-gap:var(--bs-spacing-50);--bs-pagination-size:var(--bs-spacing-550);--bs-pagination-radius:var(--bs-border-radius-100);--bs-pagination-font-size:var(--bs-font-size-md);--bs-pagination-line-height:var(--bs-line-height-body-md);--bs-pagination-color:var(--bs-text-secondary);--bs-pagination-color-disabled:var(--bs-icon-disabled);--bs-pagination-hover:var(--bs-color-neutral-container-hover);--bs-pagination-pressed:var(--bs-color-neutral-container-pressed);--bs-pagination-current-bg:var(--bs-color-primary-default);--bs-pagination-current-bg-hover:var(--bs-color-primary-hover);--bs-pagination-current-bg-pressed:var(--bs-color-primary-pressed);--bs-pagination-current-color:var(--bs-text-on-action);--bs-pagination-focus-ring-color:var(--bs-border-neutral-focus)}.bs-pagination__list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:var(--bs-pagination-gap);font-family:inherit}.bs-pagination__item{display:flex}.bs-pagination__control{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);padding:0;border:none;border-radius:var(--bs-pagination-radius);background:transparent;color:var(--bs-pagination-color);font-family:inherit;font-size:var(--bs-pagination-font-size);line-height:calc(var(--bs-pagination-line-height) * 1px);cursor:pointer}.bs-pagination__control svg{width:24px;height:24px}.bs-pagination__control:disabled{color:var(--bs-pagination-color-disabled);cursor:not-allowed}.bs-pagination__page:not(:disabled):hover{background:var(--bs-pagination-hover)}.bs-pagination__page:not(:disabled):active{background:var(--bs-pagination-pressed)}.bs-pagination__control:focus-visible{outline:2px solid var(--bs-pagination-focus-ring-color);outline-offset:2px}.bs-pagination__page--current{background:var(--bs-pagination-current-bg);color:var(--bs-pagination-current-color)}.bs-pagination__page--current:hover{background:var(--bs-pagination-current-bg-hover)}.bs-pagination__page--current:active{background:var(--bs-pagination-current-bg-pressed)}.bs-pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);color:var(--bs-pagination-color)}.bs-pagination__ellipsis svg{width:24px;height:24px}`;
|
|
4
4
|
|
|
@@ -17,6 +17,10 @@ const BsPagination = class {
|
|
|
17
17
|
* into `...`. `1` (the default) reproduces the Figma spec's example exactly (page 1 of 12 shows
|
|
18
18
|
* `1 2 3 ... 12`). */
|
|
19
19
|
siblingCount = 1;
|
|
20
|
+
/** Accessible name of the pagination landmark. */
|
|
21
|
+
navLabel = 'Pagination';
|
|
22
|
+
/** Prefix of each page button's accessible name ("Go to page 3"). */
|
|
23
|
+
pageLabel = 'Go to page';
|
|
20
24
|
/** Accessible name for the previous-page button. */
|
|
21
25
|
previousLabel = 'Previous page';
|
|
22
26
|
/** Accessible name for the next-page button. */
|
|
@@ -68,7 +72,7 @@ const BsPagination = class {
|
|
|
68
72
|
}
|
|
69
73
|
render() {
|
|
70
74
|
const pageList = this.getPageList();
|
|
71
|
-
return (h("nav", { key: '
|
|
75
|
+
return (h("nav", { key: '96915c9c13aad90a4db232b78062618d99b3e48f', "aria-label": this.navLabel }, h("ul", { key: '57e51e0ab7da9ac5bfae840579195bee1d7b0642', part: "list", class: "bs-pagination__list" }, h("li", { key: '831d06deaa95f1992ee7fa80e54b672a05ca5c5c', part: "item", class: "bs-pagination__item" }, h("button", { key: '3b513f181a3f95aa39869f64eb023b27597e151d', 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: 'e9dc1c534f7bccb9c4e30c91a2dc7b2344e4a2dd' }))), 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": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, item)))), h("li", { key: '2f24b7b2dfc20820eccf8805ae4f1036adfe4911', part: "item", class: "bs-pagination__item" }, h("button", { key: '2888093afa769f6bb9bf6b2d9c8ff111332bf7ab', 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: 'eaed42626409dc0a5784ed6f99cdb84c8fc2e1cb' }))))));
|
|
72
76
|
}
|
|
73
77
|
};
|
|
74
78
|
function range(start, end) {
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
|
|
2
|
+
|
|
3
|
+
const bsPopoverCss = () => `:host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}`;
|
|
4
|
+
|
|
5
|
+
let popoverId = 0;
|
|
6
|
+
const BsPopover = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
this.bsOpenChange = createEvent(this, "bsOpenChange");
|
|
10
|
+
}
|
|
11
|
+
get el() { return getElement(this); }
|
|
12
|
+
/** Whether the popup is shown. */
|
|
13
|
+
open = false;
|
|
14
|
+
/** Where the popup sits relative to the trigger. */
|
|
15
|
+
placement = 'bottom-start';
|
|
16
|
+
/** Emitted when the open state changes through user interaction, with the new value. */
|
|
17
|
+
bsOpenChange;
|
|
18
|
+
popupId = `bs-popover-${++popoverId}`;
|
|
19
|
+
triggerSlot;
|
|
20
|
+
popupEl;
|
|
21
|
+
needsFocusIn = false;
|
|
22
|
+
escaped = false;
|
|
23
|
+
onOpenChange(next) {
|
|
24
|
+
this.detach();
|
|
25
|
+
if (next) {
|
|
26
|
+
document.addEventListener('click', this.onDocClick, true);
|
|
27
|
+
document.addEventListener('keydown', this.onKeyDown);
|
|
28
|
+
window.addEventListener('resize', this.reposition);
|
|
29
|
+
window.addEventListener('scroll', this.reposition, true);
|
|
30
|
+
this.needsFocusIn = true;
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
this.needsFocusIn = false;
|
|
34
|
+
this.el.setAttribute('data-placement', this.placement);
|
|
35
|
+
const active = this.el.shadowRoot?.activeElement || document.activeElement;
|
|
36
|
+
const focusInside = this.el.contains(document.activeElement) && document.activeElement !== this.triggerSlot?.assignedElements()[0] && !this.isInTrigger(document.activeElement);
|
|
37
|
+
if (this.escaped || (focusInside && active))
|
|
38
|
+
this.focusTrigger();
|
|
39
|
+
}
|
|
40
|
+
this.escaped = false;
|
|
41
|
+
}
|
|
42
|
+
onPlacementChange() {
|
|
43
|
+
this.reposition();
|
|
44
|
+
}
|
|
45
|
+
componentWillLoad() {
|
|
46
|
+
this.el.setAttribute('data-placement', this.placement);
|
|
47
|
+
}
|
|
48
|
+
componentDidRender() {
|
|
49
|
+
if (!this.open)
|
|
50
|
+
return;
|
|
51
|
+
this.reposition();
|
|
52
|
+
if (this.needsFocusIn) {
|
|
53
|
+
this.needsFocusIn = false;
|
|
54
|
+
this.focusPopup();
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
isInTrigger(node) {
|
|
58
|
+
const first = this.triggerSlot?.assignedElements() ?? [];
|
|
59
|
+
return !!node && first.some(t => t.contains(node));
|
|
60
|
+
}
|
|
61
|
+
/** Effective placement after collision flipping; mirrored on the host as `data-placement`. */
|
|
62
|
+
reposition = () => {
|
|
63
|
+
if (!this.open || !this.popupEl)
|
|
64
|
+
return;
|
|
65
|
+
const [v, h] = this.placement.split('-');
|
|
66
|
+
// Measure from the preferred placement.
|
|
67
|
+
this.el.setAttribute('data-placement', this.placement);
|
|
68
|
+
const trig = this.el.getBoundingClientRect();
|
|
69
|
+
const pop = this.popupEl.getBoundingClientRect();
|
|
70
|
+
const vh = window.innerHeight;
|
|
71
|
+
const vw = window.innerWidth;
|
|
72
|
+
let rv = v;
|
|
73
|
+
let rh = h;
|
|
74
|
+
if (v === 'bottom' && pop.bottom > vh && trig.top >= pop.height)
|
|
75
|
+
rv = 'top';
|
|
76
|
+
else if (v === 'top' && pop.top < 0 && vh - trig.bottom >= pop.height)
|
|
77
|
+
rv = 'bottom';
|
|
78
|
+
if (h === 'start' && pop.right > vw && trig.right >= pop.width)
|
|
79
|
+
rh = 'end';
|
|
80
|
+
else if (h === 'end' && pop.left < 0 && vw - trig.left >= pop.width)
|
|
81
|
+
rh = 'start';
|
|
82
|
+
this.el.setAttribute('data-placement', `${rv}-${rh}`);
|
|
83
|
+
};
|
|
84
|
+
focusPopup() {
|
|
85
|
+
const sel = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
|
|
86
|
+
const slot = this.popupEl?.querySelector('slot');
|
|
87
|
+
const assigned = slot?.assignedElements({ flatten: true }) ?? [];
|
|
88
|
+
for (const a of assigned) {
|
|
89
|
+
const target = a.matches(sel) ? a : a.querySelector(sel);
|
|
90
|
+
if (target) {
|
|
91
|
+
target.focus();
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
this.popupEl?.focus();
|
|
96
|
+
}
|
|
97
|
+
disconnectedCallback() {
|
|
98
|
+
this.detach();
|
|
99
|
+
}
|
|
100
|
+
componentDidLoad() {
|
|
101
|
+
if (this.open)
|
|
102
|
+
this.onOpenChange(true);
|
|
103
|
+
}
|
|
104
|
+
detach() {
|
|
105
|
+
document.removeEventListener('click', this.onDocClick, true);
|
|
106
|
+
document.removeEventListener('keydown', this.onKeyDown);
|
|
107
|
+
window.removeEventListener('resize', this.reposition);
|
|
108
|
+
window.removeEventListener('scroll', this.reposition, true);
|
|
109
|
+
}
|
|
110
|
+
setOpen(next) {
|
|
111
|
+
if (this.open === next)
|
|
112
|
+
return;
|
|
113
|
+
this.open = next;
|
|
114
|
+
this.bsOpenChange.emit(next);
|
|
115
|
+
}
|
|
116
|
+
focusTrigger() {
|
|
117
|
+
const first = this.triggerSlot?.assignedElements()[0];
|
|
118
|
+
first?.focus();
|
|
119
|
+
}
|
|
120
|
+
onTriggerKeyDown = (ev) => {
|
|
121
|
+
if (ev.key === 'ArrowDown' && !this.open) {
|
|
122
|
+
ev.preventDefault();
|
|
123
|
+
this.setOpen(true);
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
onTriggerClick = () => this.setOpen(!this.open);
|
|
127
|
+
onDocClick = (ev) => {
|
|
128
|
+
if (!ev.composedPath().includes(this.el))
|
|
129
|
+
this.setOpen(false);
|
|
130
|
+
};
|
|
131
|
+
onKeyDown = (ev) => {
|
|
132
|
+
if (ev.key === 'Escape' && this.open) {
|
|
133
|
+
this.escaped = true;
|
|
134
|
+
this.setOpen(false);
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
render() {
|
|
138
|
+
return (h("div", { key: 'e4e96eb40953abdd3f5f9a9169cfe2b9ad87d3b5', class: "bs-popover" }, h("div", { key: '6456d7cb3cba9e243015086095534cad82716711', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '1a1d545bf0afc0a59e4f9f7f29bf359cc2264c65', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '8a1e1e3ade63f2cba665368f3bd2659ce659ee18', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: 'abdeeb2105d00487a43f23dd6021c61b533e8139' }))));
|
|
139
|
+
}
|
|
140
|
+
static get watchers() { return {
|
|
141
|
+
"open": [{
|
|
142
|
+
"onOpenChange": 0
|
|
143
|
+
}],
|
|
144
|
+
"placement": [{
|
|
145
|
+
"onPlacementChange": 0
|
|
146
|
+
}]
|
|
147
|
+
}; }
|
|
148
|
+
};
|
|
149
|
+
BsPopover.style = bsPopoverCss();
|
|
150
|
+
|
|
151
|
+
export { BsPopover as bs_popover };
|
|
@@ -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-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsProductTourCss = () => `:host{display:inline-block;--bs-product-tour-bg:var(--bs-paper-bg-base);--bs-product-tour-radius:var(--bs-border-radius-150);--bs-product-tour-color:var(--bs-text-default);--bs-product-tour-color-secondary:var(--bs-text-secondary);--bs-product-tour-art-size:64px;--bs-product-tour-art-icon-size:28px;--bs-product-tour-arrow-width:22px;--bs-product-tour-arrow-height:16px;--bs-product-tour-arrow-offset:36px;--bs-product-tour-width:400px;--bs-product-tour-padding:var(--bs-spacing-300);--bs-product-tour-gap:var(--bs-spacing-150);--bs-product-tour-shadow-color:var(--bs-elevation-medium)}:host([type='pointer']){--bs-product-tour-width:320px;--bs-product-tour-padding:var(--bs-spacing-200);--bs-product-tour-gap:var(--bs-spacing-100);--bs-product-tour-shadow-color:var(--bs-elevation-high)}.bs-product-tour{position:relative;width:var(--bs-product-tour-width);max-width:100%;color:var(--bs-product-tour-color);font-family:inherit}.bs-product-tour,.bs-product-tour__card{--bs-card-bg:var(--bs-product-tour-bg);--bs-card-radius:var(--bs-product-tour-radius);--bs-card-padding:var(--bs-product-tour-padding)}.bs-product-tour__body{display:flex;flex-direction:column;gap:var(--bs-product-tour-gap)}.bs-product-tour p{margin:0}.bs-product-tour--card{--bs-card-shadow:0 4px 8px var(--bs-product-tour-shadow-color)}.bs-product-tour--card .bs-product-tour__body{align-items:center;text-align:center}.bs-product-tour__art{--bs-icon-tile-size:var(--bs-product-tour-art-size);--bs-icon-tile-icon-size:var(--bs-product-tour-art-icon-size)}.bs-product-tour__glyph,::slotted([slot='icon']){width:var(--bs-product-tour-art-icon-size);height:var(--bs-product-tour-art-icon-size)}.bs-product-tour--card .bs-product-tour__heading{align-self:stretch;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-product-tour--card .bs-product-tour__description{align-self:stretch;color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour--card .bs-product-tour__actions{padding-top:var(--bs-spacing-100)}.bs-product-tour--card .bs-product-tour__actions bs-button{--bs-button-height-md:var(--bs-spacing-550);min-width:94px}.bs-product-tour--pointer{filter:drop-shadow(0 4px 4px var(--bs-product-tour-shadow-color))}.bs-product-tour__card{display:block;--bs-card-shadow:none}.bs-product-tour--pointer .bs-product-tour__body{min-height:calc(140px - var(--bs-product-tour-padding) * 2)}.bs-product-tour--pointer .bs-product-tour__text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding-inline-end:var(--bs-spacing-500)}.bs-product-tour--pointer .bs-product-tour__heading{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-product-tour--pointer .bs-product-tour__description{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour__close{position:absolute;top:3px;inset-inline-end:3px}.bs-product-tour__close svg{width:20px;height:20px}.bs-product-tour__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);margin-top:auto;padding-top:4px}.bs-product-tour__progress{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-product-tour--pointer .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour--pointer .bs-product-tour__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}.bs-product-tour--card .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour__arrow{position:absolute;background:var(--bs-product-tour-bg);pointer-events:none}:host([direction^='top']) .bs-product-tour__arrow,:host([direction^='bottom']) .bs-product-tour__arrow{width:var(--bs-product-tour-arrow-width);height:calc(var(--bs-product-tour-arrow-height) + 1px)}:host([direction^='top']) .bs-product-tour__arrow{bottom:calc(100% - 1px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}:host([direction^='bottom']) .bs-product-tour__arrow{top:calc(100% - 1px);clip-path:polygon(0 0, 100% 0, 50% 100%)}:host([direction='top']) .bs-product-tour__arrow,:host([direction='bottom']) .bs-product-tour__arrow{left:50%;transform:translateX(-50%)}:host([direction$='-left']) .bs-product-tour__arrow{left:var(--bs-product-tour-arrow-offset);transform:translateX(-50%)}:host([direction$='-right']) .bs-product-tour__arrow{right:var(--bs-product-tour-arrow-offset);transform:translateX(50%)}:host([direction^='left']) .bs-product-tour__arrow,:host([direction^='right']) .bs-product-tour__arrow{width:calc(var(--bs-product-tour-arrow-height) + 1px);height:var(--bs-product-tour-arrow-width)}:host([direction^='left']) .bs-product-tour__arrow{right:calc(100% - 1px);clip-path:polygon(0 50%, 100% 0, 100% 100%)}:host([direction^='right']) .bs-product-tour__arrow{left:calc(100% - 1px);clip-path:polygon(0 0, 100% 50%, 0 100%)}:host([direction='left']) .bs-product-tour__arrow,:host([direction='right']) .bs-product-tour__arrow{top:50%;transform:translateY(-50%)}:host([direction$='-top']) .bs-product-tour__arrow{top:var(--bs-product-tour-arrow-offset);transform:translateY(-50%)}:host([direction$='-bottom']) .bs-product-tour__arrow{bottom:var(--bs-product-tour-arrow-offset);transform:translateY(50%)}`;
|
|
4
4
|
|
|
@@ -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-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsProgressLinearCss = () => `:host{display:flex;--bs-progress-linear-gap:var(--bs-spacing-100);--bs-progress-linear-track:var(--bs-surface-hover);--bs-progress-linear-fill:var(--bs-color-primary-default);--bs-progress-linear-radius:120px;--bs-progress-linear-height-sm:4px;--bs-progress-linear-height-lg:8px;--bs-progress-linear-label-color:var(--bs-text-default);--bs-progress-linear-label-font-size:var(--bs-fontsize-body-md);--bs-progress-linear-label-line-height:var(--bs-line-height-body-md);--bs-progress-linear-transition-duration:0.3s;--bs-progress-linear-slide-duration:1.6s}.bs-progress-linear{display:flex;flex-direction:column;width:100%;gap:var(--bs-progress-linear-gap);font-family:inherit}.bs-progress-linear__track{position:relative;width:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-track);overflow:hidden}.bs-progress-linear__track--small{height:var(--bs-progress-linear-height-sm)}.bs-progress-linear__track--large{height:var(--bs-progress-linear-height-lg)}.bs-progress-linear__fill{height:100%;border-radius:var(--bs-progress-linear-radius);background:var(--bs-progress-linear-fill);transition:width var(--bs-progress-linear-transition-duration) ease}.bs-progress-linear__fill--indeterminate{position:absolute;top:0;left:0;width:24%;min-width:80px;background:linear-gradient(90deg, transparent 0%, var(--bs-progress-linear-fill) 50%, transparent 100%);animation:bs-progress-linear-slide var(--bs-progress-linear-slide-duration) ease-in-out infinite}@keyframes bs-progress-linear-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion: reduce){.bs-progress-linear__fill--indeterminate{animation-duration:calc(var(--bs-progress-linear-slide-duration) * 4)}}.bs-progress-linear__label{color:var(--bs-progress-linear-label-color);font-size:var(--bs-progress-linear-label-font-size);line-height:calc(var(--bs-progress-linear-label-line-height) * 1px)}`;
|
|
4
4
|
|
|
@@ -33,13 +33,13 @@ const BsProgressLinear = class {
|
|
|
33
33
|
render() {
|
|
34
34
|
const isDeterminate = this.type === 'determinate';
|
|
35
35
|
const value = this.clampedValue;
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: 'abdae797c319d17404ea15adf1b312c0f19e0ed9', part: "container", class: "bs-progress-linear" }, h("div", { key: 'ec250c3d5d93c6d6fd4c20d57ea7e7177dac2b91', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-label": this.ariaLabel, "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}%` } })) : (
|
|
37
37
|
// Figma's indeterminate bar is a soft "comet" gradient segment (transparent -> blue ->
|
|
38
38
|
// transparent) sliding left-to-right across the track's full width in a loop -- the
|
|
39
39
|
// same fade concept as bs-progress's indeterminate ring's conic-gradient comet tail,
|
|
40
40
|
// but along a straight line via a linear-gradient + `transform: translateX(...)`
|
|
41
41
|
// keyframe animation instead of a rotating conic-gradient.
|
|
42
|
-
h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: '
|
|
42
|
+
h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: 'd7fd99b0b5666b83cd597086a2643a919b9b9d5c', part: "label", class: "bs-progress-linear__label" }, h("slot", { key: '81adeaf185aa995907b317b960fffa4b684404e4' })))));
|
|
43
43
|
}
|
|
44
44
|
// The default slot's assigned content lives in the host's light DOM regardless of whether a
|
|
45
45
|
// <slot> is currently rendered in the shadow tree, so this can be computed directly from the
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsProgressCss = () => `:host{display:inline-flex;--bs-progress-gap:var(--bs-spacing-100);--bs-progress-track:var(--bs-neutral-200);--bs-progress-arc:var(--bs-color-primary-default);--bs-progress-label-color:var(--bs-color-primary-default);--bs-progress-label-font-size-sm:var(--bs-fontsize-caption-md);--bs-progress-label-line-height-sm:var(--bs-line-height-caption-md);--bs-progress-label-font-size-lg:var(--bs-fontsize-body-md);--bs-progress-label-line-height-lg:var(--bs-line-height-body-md);--bs-progress-label-font-weight:var(--bs-font-weight-medium);--bs-progress-spin-duration:1.4s}.bs-progress{display:inline-flex;flex-direction:column;align-items:center;gap:var(--bs-progress-gap);font-family:inherit}.bs-progress__box{position:relative;display:inline-flex}.bs-progress__ring{transform:rotate(-90deg);overflow:visible}.bs-progress__track{stroke:var(--bs-progress-track)}.bs-progress__arc{stroke:var(--bs-progress-arc);transition:stroke-dashoffset 0.3s ease}.bs-progress__spinner{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg, transparent 0deg, var(--bs-progress-arc) var(--bs-progress-spinner-sweep), transparent var(--bs-progress-spinner-sweep));-webkit-mask:radial-gradient( farthest-side, transparent calc(100% - var(--bs-progress-spinner-stroke-width) - 1px), #000 calc(100% - var(--bs-progress-spinner-stroke-width)) );mask:radial-gradient( farthest-side, transparent calc(100% - var(--bs-progress-spinner-stroke-width) - 1px), #000 calc(100% - var(--bs-progress-spinner-stroke-width)) );animation:bs-progress-spin var(--bs-progress-spin-duration) linear infinite}@keyframes bs-progress-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-progress__spinner{animation-duration:calc(var(--bs-progress-spin-duration) * 4)}}.bs-progress__label{color:var(--bs-progress-label-color);font-weight:var(--bs-progress-label-font-weight);text-align:center}.bs-progress__label--small,.bs-progress__label--medium{font-size:var(--bs-progress-label-font-size-sm);line-height:calc(var(--bs-progress-label-line-height-sm) * 1px)}.bs-progress__label--large{font-size:var(--bs-progress-label-font-size-lg);line-height:calc(var(--bs-progress-label-line-height-lg) * 1px)}`;
|
|
4
4
|
|
|
@@ -55,7 +55,7 @@ const BsProgress = class {
|
|
|
55
55
|
const isDeterminate = this.type === 'determinate';
|
|
56
56
|
const value = this.clampedValue;
|
|
57
57
|
const dashOffset = circumference * (1 - value / 100);
|
|
58
|
-
return (h("div", { key: '
|
|
58
|
+
return (h("div", { key: '2909533f8b4472a7c12c564c3b42b6456d5d1c80', part: "container", class: "bs-progress" }, h("div", { key: '3f41fc7f22d7c9eba13e859330aae4f6230af8ab', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-label": this.ariaLabel, "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 }))) : (
|
|
59
59
|
// Figma's indeterminate ring is a fading "comet tail" (transparent -> solid color),
|
|
60
60
|
// not a flat-colored partial arc -- SVG has no angular/conic gradient primitive, so a
|
|
61
61
|
// CSS conic-gradient (color varying by angle) + a radial-gradient mask (carving the
|
|
@@ -64,7 +64,7 @@ const BsProgress = class {
|
|
|
64
64
|
h("div", { part: "arc", class: "bs-progress__spinner", style: {
|
|
65
65
|
'--bs-progress-spinner-stroke-width': `${this.strokeWidth}px`,
|
|
66
66
|
'--bs-progress-spinner-sweep': `${INDETERMINATE_SWEEP_DEGREES}deg`,
|
|
67
|
-
} }))), isDeterminate && this.showLabel && (h("span", { key: '
|
|
67
|
+
} }))), isDeterminate && this.showLabel && (h("span", { key: '417f47612fc45127c4a1832a6cb4122ad16d9579', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
BsProgress.style = bsProgressCss();
|
|
@@ -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-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsQrCodeCss = () => `:host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}`;
|
|
4
4
|
|
|
@@ -133,7 +133,7 @@ const BsQrCode = class {
|
|
|
133
133
|
const buttonSize = this.size === 'sm' ? 'sm' : 'md';
|
|
134
134
|
// Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
|
|
135
135
|
// which is what bs-button's disabled primary looks like.
|
|
136
|
-
return (h("bs-card", { key: '
|
|
136
|
+
return (h("bs-card", { key: '01dc0befd273aecce2437e98987fa6a76555a65c', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'b611e446cbaa4267f7cfcb6e1baa1352e316994c', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: 'c3af9b06190a8d98e80a1ba5aa32a614cf706ef8', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: 'bc86434823fabb3375bd2aa7c8382b33ed94e293', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: '95520bbba236876975ca8097f923162c9af84505', class: "bs-qr-code__body" }, h("div", { key: '1c5ab32fd408dfb874914848daf611d5ede8fc15', part: "head", class: "bs-qr-code__head" }, h("p", { key: '765b6700e9d73ad9858e7dfed25adba98d9f37a4', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: '9994b60173dfdce115ab249122f29d17f8e530da', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '9a32be6fa563ff3ed7f7825ce793cd1521989dbe', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '9aa3199f1d5dac68eb4b3d8c6e490199964715ab', part: "code", class: "bs-qr-code__code" }, h("slot", { key: 'e859ada22ca6dad597fb2d3c239662a51b43b39c', name: "code" }, this.renderMatrix()), h("div", { key: '49023d47353f7eac10d46d7be68be8691be50455', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: '53125aeb2c4891ca790268f9ef5ee3ba37cae5f0', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '2714b2a6513da5442809292f78b31141ee77ce81', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '51573f23cf8d2c3a0b7e3df2a9ff212f18c92539', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: 'dc7c005152c216ababde9282c385856e8d6b3b57', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: 'a3f3c4d1ceea0ba079ca204a1acd5447551f86f4', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '39d95354200ccf4cfbfc9dc3c15da200955fa2f5', part: "expiry", size: "md" }, h(TimerIcon, { key: '7244fd36a173052caf4db2e4f0f2ad05f3569341', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'f6c808132c0ca1d8af27b8aedf5cc5f86a3ba7e8', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: 'ff50126a297987518e4e174c08db438560671d95', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: 'e7c982907553a6607b3c941c77a4f88876c71c85', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'bc603f4ba0a2bfa12112806b2eb2a04ccec60568', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: '35e27d196c9475f5b0be1dd0e389b699d08ec7db', slot: "icon" }), this.copyLabel)))))));
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
const iconProps = { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true' };
|
|
@@ -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-D3SkQJpw.js';
|
|
2
2
|
|
|
3
3
|
const bsRadioCss = () => `:host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}`;
|
|
4
4
|
|
|
@@ -98,7 +98,7 @@ const BsRadio = class {
|
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
100
|
render() {
|
|
101
|
-
return (h("label", { key: '
|
|
101
|
+
return (h("label", { key: '5c69e7244183b1116d44e50079371d0bf29ac058', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: 'f40a114f0e9fcb21ff0e7bb02876ded6979b7727', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: '4cca356fd757d34f24ec5d8a8a3a2517da004409', class: "bs-radio__hit-area" }, h("span", { key: '6beda905b88e822335ebf67a64eba5df86beb4a9', class: "bs-radio__state-layer" }, h("span", { key: '28e63967c2ad046f694c2097d2aec35f4ebcf843', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'cda8ba5bf3f5bf99564e6f0f1af115803e33f6c0', part: "dot", class: "bs-radio__dot" })))), h("span", { key: 'df59f8b97fb54cc037732a22412ec64464df8bdc', part: "label", class: "bs-radio__label" }, h("slot", { key: '154be3de3d6fe5aa0cb8fd7d806c28956a21e87d' }))));
|
|
102
102
|
}
|
|
103
103
|
static get delegatesFocus() { return true; }
|
|
104
104
|
static get formAssociated() { return true; }
|