@brandsync/wc 1.10.0 → 1.12.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 +155 -0
- package/custom-elements.json +8333 -4134
- package/dist/brandsync-wc/brandsync-wc.css +33 -0
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-9f8852a0.entry.js → p-00a0d489.entry.js} +1 -1
- package/dist/brandsync-wc/{p-360452c2.entry.js → p-09435f41.entry.js} +1 -1
- package/dist/brandsync-wc/{p-dbcbe682.entry.js → p-09bc1923.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1f7208cb.entry.js → p-09cbf05b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c99b6a66.entry.js → p-0b2d3b7e.entry.js} +1 -1
- package/dist/brandsync-wc/p-0b7c77c1.entry.js +1 -0
- package/dist/brandsync-wc/p-0ee4126c.entry.js +1 -0
- package/dist/brandsync-wc/{p-5f3cd501.entry.js → p-0f8cd2e8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1c0db4d6.entry.js → p-1261f0b0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b2074a32.entry.js → p-1978e63c.entry.js} +1 -1
- package/dist/brandsync-wc/p-1aab6d07.entry.js +1 -0
- package/dist/brandsync-wc/{p-96ed9386.entry.js → p-20030f4d.entry.js} +1 -1
- package/dist/brandsync-wc/p-2177042f.entry.js +1 -0
- package/dist/brandsync-wc/{p-a8e2a829.entry.js → p-2368a92e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2e958566.entry.js → p-247e36ad.entry.js} +1 -1
- package/dist/brandsync-wc/p-2497d128.entry.js +1 -0
- package/dist/brandsync-wc/{p-701ebf4a.entry.js → p-282ddbee.entry.js} +1 -1
- package/dist/brandsync-wc/{p-763876f5.entry.js → p-2f4e08e1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c3f72584.entry.js → p-34e5feaf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ea4e20ef.entry.js → p-39a26c64.entry.js} +1 -1
- package/dist/brandsync-wc/p-3a1af63a.entry.js +1 -0
- package/dist/brandsync-wc/{p-9f6fe37d.entry.js → p-3f09296a.entry.js} +1 -1
- package/dist/brandsync-wc/p-416322bd.entry.js +1 -0
- package/dist/brandsync-wc/{p-f89de457.entry.js → p-452f9c1c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-bbcc47b0.entry.js → p-491b51e6.entry.js} +1 -1
- package/dist/brandsync-wc/p-52cb2358.entry.js +1 -0
- package/dist/brandsync-wc/{p-daab6b22.entry.js → p-56c37e0a.entry.js} +1 -1
- package/dist/brandsync-wc/p-5ba90a13.entry.js +1 -0
- package/dist/brandsync-wc/{p-08c99a60.entry.js → p-617bd13a.entry.js} +1 -1
- package/dist/brandsync-wc/p-68fcd4a4.entry.js +1 -0
- package/dist/brandsync-wc/{p-9e88f19c.entry.js → p-69c0a85d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d3f44cb7.entry.js → p-6a696161.entry.js} +1 -1
- package/dist/brandsync-wc/{p-32cd69f1.entry.js → p-6c6cdf77.entry.js} +1 -1
- package/dist/brandsync-wc/{p-041776c0.entry.js → p-6e735e37.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fc58c663.entry.js → p-73f214ed.entry.js} +1 -1
- package/dist/brandsync-wc/{p-be2c1740.entry.js → p-7796b93f.entry.js} +1 -1
- package/dist/brandsync-wc/p-78a69a59.entry.js +1 -0
- package/dist/brandsync-wc/{p-f370b8fa.entry.js → p-78f4fcf0.entry.js} +1 -1
- package/dist/brandsync-wc/p-7f954939.entry.js +1 -0
- package/dist/brandsync-wc/{p-835a8dc7.entry.js → p-81605b82.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a71d2811.entry.js → p-823ab3b2.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2181378f.entry.js → p-83c90489.entry.js} +1 -1
- package/dist/brandsync-wc/p-89099a39.entry.js +1 -0
- package/dist/brandsync-wc/{p-a92eec48.entry.js → p-89fabf27.entry.js} +1 -1
- package/dist/brandsync-wc/{p-AgoOSYvW.js → p-DqQRXQMx.js} +2 -2
- package/dist/brandsync-wc/{p-18c3c22c.entry.js → p-a9169157.entry.js} +1 -1
- package/dist/brandsync-wc/{p-301b2455.entry.js → p-b84366a7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a5feaad4.entry.js → p-b8d2ce91.entry.js} +1 -1
- package/dist/brandsync-wc/p-b9a4042e.entry.js +1 -0
- package/dist/brandsync-wc/{p-275072dd.entry.js → p-b9ccd9d1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-61c1a2a3.entry.js → p-be3dd446.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8eba7f90.entry.js → p-d754ee13.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e9b43754.entry.js → p-d75f3f87.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e8a5b8eb.entry.js → p-d8b29a53.entry.js} +1 -1
- package/dist/brandsync-wc/p-de110ad0.entry.js +1 -0
- package/dist/brandsync-wc/p-e2556b4e.entry.js +1 -0
- package/dist/brandsync-wc/{p-af2bf957.entry.js → p-e5daa6ca.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0132a2d1.entry.js → p-f15d9524.entry.js} +1 -1
- package/dist/brandsync-wc/p-f5180578.entry.js +1 -0
- package/dist/brandsync-wc/{p-fd254972.entry.js → p-f7d15fbe.entry.js} +1 -1
- package/dist/brandsync-wc/{p-50a251a4.entry.js → p-fc069773.entry.js} +1 -1
- package/dist/brandsync-wc/p-fcee0dc4.entry.js +1 -0
- package/dist/cjs/brandsync-wc.cjs.js +2 -2
- 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 +1 -1
- package/dist/cjs/bs-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bs-badge.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +6 -3
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/bs-button.cjs.entry.js +3 -3
- package/dist/cjs/bs-card.cjs.entry.js +3 -3
- package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +3 -3
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-filter.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-input.cjs.entry.js +1 -1
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +1 -1
- package/dist/cjs/bs-composer.cjs.entry.js +2 -2
- package/dist/cjs/bs-cookie-consent.cjs.entry.js +186 -0
- package/dist/cjs/bs-data-table.cjs.entry.js +1 -1
- package/dist/cjs/bs-datepicker.cjs.entry.js +13 -9
- package/dist/cjs/bs-dialog.cjs.entry.js +1 -1
- package/dist/cjs/bs-error-page.cjs.entry.js +103 -0
- package/dist/cjs/bs-file-upload-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/bs-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-icon-tile.cjs.entry.js +52 -0
- package/dist/cjs/bs-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/{bs-input_2.cjs.entry.js → bs-input_3.cjs.entry.js} +42 -6
- package/dist/cjs/bs-logo.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +3 -3
- package/dist/cjs/bs-navigation-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-onboarding-checklist.cjs.entry.js +161 -0
- package/dist/cjs/bs-pagination.cjs.entry.js +2 -2
- package/dist/cjs/bs-product-tour.cjs.entry.js +78 -0
- package/dist/cjs/bs-progress-linear.cjs.entry.js +4 -4
- package/dist/cjs/bs-progress.cjs.entry.js +3 -3
- package/dist/cjs/bs-qr-code.cjs.entry.js +148 -0
- package/dist/cjs/bs-radio.cjs.entry.js +2 -2
- package/dist/cjs/bs-session-timeout.cjs.entry.js +215 -0
- package/dist/cjs/bs-slider.cjs.entry.js +2 -2
- package/dist/cjs/bs-snackbar.cjs.entry.js +9 -3
- package/dist/cjs/bs-source-link.cjs.entry.js +3 -3
- package/dist/cjs/bs-stepper-step.cjs.entry.js +2 -2
- package/dist/cjs/bs-stepper.cjs.entry.js +2 -2
- package/dist/cjs/bs-switch.cjs.entry.js +2 -2
- package/dist/cjs/bs-tab_3.cjs.entry.js +255 -0
- package/dist/cjs/bs-timepicker.cjs.entry.js +4 -4
- package/dist/cjs/bs-toast.cjs.entry.js +2 -2
- package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/bs-whats-new.cjs.entry.js +144 -0
- package/dist/cjs/{index-kk9YXF2S.js → index-tFJjflK5.js} +15 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +9 -0
- package/dist/collection/components/bs-a11y.cmp.test.js +22 -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.stories.js +4 -3
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +6 -3
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button/bs-button/bs-button.cmp.test.js +28 -0
- package/dist/collection/components/bs-button/bs-button/bs-button.css +8 -2
- package/dist/collection/components/bs-button/bs-button/bs-button.js +4 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-card/bs-card.cmp.test.js +48 -0
- package/dist/collection/components/bs-card/bs-card.css +37 -16
- package/dist/collection/components/bs-card/bs-card.js +2 -2
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js +2 -2
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.css +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-composer/bs-composer.css +4 -2
- package/dist/collection/components/bs-cookie-consent/bs-cookie-consent.cmp.test.js +217 -0
- package/dist/collection/components/bs-cookie-consent/bs-cookie-consent.css +350 -0
- package/dist/collection/components/bs-cookie-consent/bs-cookie-consent.js +668 -0
- package/dist/collection/components/bs-cookie-consent/bs-cookie-consent.stories.js +103 -0
- package/dist/collection/components/bs-datepicker/bs-datepicker.cmp.test.js +9 -0
- package/dist/collection/components/bs-datepicker/bs-datepicker.css +21 -11
- package/dist/collection/components/bs-datepicker/bs-datepicker.js +13 -7
- package/dist/collection/components/bs-datepicker/bs-datepicker.stories.js +3 -2
- package/dist/collection/components/bs-error-page/bs-error-page.cmp.test.js +99 -0
- package/dist/collection/components/bs-error-page/bs-error-page.css +105 -0
- package/dist/collection/components/bs-error-page/bs-error-page.js +328 -0
- package/dist/collection/components/bs-error-page/bs-error-page.stories.js +57 -0
- package/dist/collection/components/bs-file-upload/bs-file-upload.js +1 -1
- package/dist/collection/components/bs-file-upload-item/bs-file-upload-item.js +1 -1
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.cmp.test.js +175 -0
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.css +112 -0
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.js +158 -0
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.stories.js +45 -0
- package/dist/collection/components/bs-input/bs-input.cmp.test.js +16 -2
- package/dist/collection/components/bs-input/bs-input.css +15 -23
- package/dist/collection/components/bs-input/bs-input.js +8 -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-onboarding-checklist/bs-onboarding-checklist.cmp.test.js +280 -0
- package/dist/collection/components/bs-onboarding-checklist/bs-onboarding-checklist.css +488 -0
- package/dist/collection/components/bs-onboarding-checklist/bs-onboarding-checklist.js +674 -0
- package/dist/collection/components/bs-onboarding-checklist/bs-onboarding-checklist.stories.js +92 -0
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-product-tour/bs-product-tour.cmp.test.js +116 -0
- package/dist/collection/components/bs-product-tour/bs-product-tour.css +265 -0
- package/dist/collection/components/bs-product-tour/bs-product-tour.js +391 -0
- package/dist/collection/components/bs-product-tour/bs-product-tour.stories.js +68 -0
- package/dist/collection/components/bs-progress/bs-progress.js +2 -2
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.css +1 -1
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +2 -2
- package/dist/collection/components/bs-qr-code/bs-qr-code.cmp.test.js +152 -0
- package/dist/collection/components/bs-qr-code/bs-qr-code.css +307 -0
- package/dist/collection/components/bs-qr-code/bs-qr-code.js +767 -0
- package/dist/collection/components/bs-qr-code/bs-qr-code.stories.js +99 -0
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.cmp.test.js +202 -0
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.css +239 -0
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.js +772 -0
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.stories.js +88 -0
- package/dist/collection/components/bs-slider/bs-slider.js +1 -1
- package/dist/collection/components/bs-snackbar/bs-snackbar.cmp.test.js +20 -0
- package/dist/collection/components/bs-snackbar/bs-snackbar.css +6 -4
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +53 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-switch/bs-switch.js +1 -1
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
- package/dist/collection/components/bs-timepicker/bs-timepicker.css +15 -11
- package/dist/collection/components/bs-timepicker/bs-timepicker.js +4 -2
- package/dist/collection/components/bs-toast/bs-toast.js +1 -1
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/bs-whats-new/bs-whats-new.cmp.test.js +200 -0
- package/dist/collection/components/bs-whats-new/bs-whats-new.css +315 -0
- package/dist/collection/components/bs-whats-new/bs-whats-new.js +790 -0
- package/dist/collection/components/bs-whats-new/bs-whats-new.stories.js +105 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.cmp.test.js +79 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.css +131 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js +295 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.stories.js +67 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +2 -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/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-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-cookie-consent.d.ts +11 -0
- package/dist/components/bs-cookie-consent.js +1 -0
- 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.d.ts +11 -0
- package/dist/components/bs-error-page.js +1 -0
- 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.d.ts +11 -0
- package/dist/components/bs-icon-tile.js +1 -0
- 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-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.d.ts +11 -0
- package/dist/components/bs-onboarding-checklist.js +1 -0
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-product-tour.d.ts +11 -0
- package/dist/components/bs-product-tour.js +1 -0
- package/dist/components/bs-progress-linear.js +1 -1
- package/dist/components/bs-progress.js +1 -1
- package/dist/components/bs-qr-code.d.ts +11 -0
- package/dist/components/bs-qr-code.js +1 -0
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-session-timeout.d.ts +11 -0
- package/dist/components/bs-session-timeout.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-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.js +1 -1
- package/dist/components/bs-whats-new-entry.d.ts +11 -0
- package/dist/components/bs-whats-new-entry.js +1 -0
- package/dist/components/bs-whats-new.d.ts +11 -0
- package/dist/components/bs-whats-new.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-R2MlkUzD.js → p-BEEoVNRu.js} +1 -1
- package/dist/components/p-BUskqBR6.js +1 -0
- package/dist/components/{p-DkIVyFOP.js → p-BZ3M4lOU.js} +1 -1
- package/dist/components/{p-ZK8p5zax.js → p-Be9L4_Fe.js} +1 -1
- package/dist/components/p-Be_Pmccm.js +1 -0
- package/dist/components/{p-CPvqZNO8.js → p-Bl_tVzeq.js} +1 -1
- package/dist/components/p-C8yT2Ucq.js +1 -0
- package/dist/components/p-CA31vqjL.js +1 -0
- package/dist/components/p-CUfs0ROR.js +1 -0
- package/dist/components/{p-JYlmcxBn.js → p-CVrEuVFo.js} +1 -1
- package/dist/components/{p-B7Icv1ho.js → p-C_j_jDM6.js} +1 -1
- package/dist/components/p-CbimDNGY.js +1 -0
- package/dist/components/p-CeUK3n7D.js +1 -0
- package/dist/components/p-CncySD_-.js +1 -0
- package/dist/components/p-DE8K7fg0.js +1 -0
- package/dist/components/p-Dr0Qk9Zc.js +1 -0
- package/dist/components/p-DuLL7Ouw.js +1 -0
- package/dist/components/p-YsHQLXET.js +1 -0
- package/dist/components/p-qmS2CBqi.js +1 -0
- package/dist/components/{p-BYR_ZC8v.js → p-zTHlbyH6.js} +1 -1
- package/dist/esm/brandsync-wc.js +3 -3
- 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 +1 -1
- package/dist/esm/bs-avatar.entry.js +1 -1
- package/dist/esm/bs-badge.entry.js +1 -1
- package/dist/esm/bs-breadcrumb-overflow.entry.js +1 -1
- package/dist/esm/bs-breadcrumb.entry.js +6 -3
- package/dist/esm/bs-breadcrumbs.entry.js +2 -2
- package/dist/esm/bs-button-skeleton.entry.js +2 -2
- package/dist/esm/bs-button.entry.js +3 -3
- package/dist/esm/bs-card.entry.js +3 -3
- package/dist/esm/bs-carousel.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +2 -2
- package/dist/esm/bs-chatbot-header.entry.js +3 -3
- package/dist/esm/bs-chatbot-response-action.entry.js +2 -2
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +2 -2
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +2 -2
- package/dist/esm/bs-checkbox-skeleton.entry.js +2 -2
- package/dist/esm/bs-checkbox.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +1 -1
- package/dist/esm/bs-chip-input.entry.js +1 -1
- package/dist/esm/bs-composer-status-banner.entry.js +1 -1
- package/dist/esm/bs-composer.entry.js +2 -2
- package/dist/esm/bs-cookie-consent.entry.js +184 -0
- package/dist/esm/bs-data-table.entry.js +1 -1
- package/dist/esm/bs-datepicker.entry.js +13 -9
- package/dist/esm/bs-dialog.entry.js +1 -1
- package/dist/esm/bs-error-page.entry.js +101 -0
- package/dist/esm/bs-file-upload-item.entry.js +2 -2
- package/dist/esm/bs-file-upload.entry.js +2 -2
- package/dist/esm/bs-icon-button.entry.js +2 -2
- package/dist/esm/bs-icon-tile.entry.js +50 -0
- package/dist/esm/bs-inline-tab.entry.js +2 -2
- package/dist/esm/{bs-input_2.entry.js → bs-input_3.entry.js} +42 -7
- package/dist/esm/bs-logo.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer.entry.js +3 -3
- package/dist/esm/bs-navigation-header.entry.js +2 -2
- package/dist/esm/bs-onboarding-checklist.entry.js +159 -0
- package/dist/esm/bs-pagination.entry.js +2 -2
- package/dist/esm/bs-product-tour.entry.js +76 -0
- package/dist/esm/bs-progress-linear.entry.js +4 -4
- package/dist/esm/bs-progress.entry.js +3 -3
- package/dist/esm/bs-qr-code.entry.js +146 -0
- package/dist/esm/bs-radio.entry.js +2 -2
- package/dist/esm/bs-session-timeout.entry.js +213 -0
- package/dist/esm/bs-slider.entry.js +2 -2
- package/dist/esm/bs-snackbar.entry.js +9 -3
- package/dist/esm/bs-source-link.entry.js +3 -3
- package/dist/esm/bs-stepper-step.entry.js +2 -2
- package/dist/esm/bs-stepper.entry.js +2 -2
- package/dist/esm/bs-switch.entry.js +2 -2
- package/dist/esm/bs-tab_3.entry.js +251 -0
- package/dist/esm/bs-timepicker.entry.js +4 -4
- package/dist/esm/bs-toast.entry.js +2 -2
- package/dist/esm/bs-tooltip.entry.js +2 -2
- package/dist/esm/bs-whats-new.entry.js +142 -0
- package/dist/esm/{index-AgoOSYvW.js → index-DqQRXQMx.js} +15 -3
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/bs-attachment/bs-attachment.stories.d.ts +1 -1
- package/dist/types/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.d.ts +4 -1
- package/dist/types/components/bs-button/bs-button/bs-button.d.ts +3 -0
- package/dist/types/components/bs-cookie-consent/bs-cookie-consent.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-cookie-consent/bs-cookie-consent.d.ts +136 -0
- package/dist/types/components/bs-cookie-consent/bs-cookie-consent.stories.d.ts +16 -0
- package/dist/types/components/bs-datepicker/bs-datepicker.d.ts +2 -0
- package/dist/types/components/bs-error-page/bs-error-page.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-error-page/bs-error-page.d.ts +60 -0
- package/dist/types/components/bs-error-page/bs-error-page.stories.d.ts +22 -0
- package/dist/types/components/bs-icon-tile/bs-icon-tile.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-icon-tile/bs-icon-tile.d.ts +40 -0
- package/dist/types/components/bs-icon-tile/bs-icon-tile.stories.d.ts +13 -0
- package/dist/types/components/bs-input/bs-input.d.ts +4 -1
- package/dist/types/components/bs-onboarding-checklist/bs-onboarding-checklist.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-onboarding-checklist/bs-onboarding-checklist.d.ts +140 -0
- package/dist/types/components/bs-onboarding-checklist/bs-onboarding-checklist.stories.d.ts +18 -0
- package/dist/types/components/bs-product-tour/bs-product-tour.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-product-tour/bs-product-tour.d.ts +78 -0
- package/dist/types/components/bs-product-tour/bs-product-tour.stories.d.ts +19 -0
- package/dist/types/components/bs-qr-code/bs-qr-code.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-qr-code/bs-qr-code.d.ts +124 -0
- package/dist/types/components/bs-qr-code/bs-qr-code.stories.d.ts +28 -0
- package/dist/types/components/bs-session-timeout/bs-session-timeout.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-session-timeout/bs-session-timeout.d.ts +141 -0
- package/dist/types/components/bs-session-timeout/bs-session-timeout.stories.d.ts +19 -0
- package/dist/types/components/bs-snackbar/bs-snackbar.d.ts +7 -0
- package/dist/types/components/bs-timepicker/bs-timepicker.d.ts +2 -0
- package/dist/types/components/bs-whats-new/bs-whats-new.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-whats-new/bs-whats-new.d.ts +147 -0
- package/dist/types/components/bs-whats-new/bs-whats-new.stories.d.ts +14 -0
- package/dist/types/components/bs-whats-new-entry/bs-whats-new-entry.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-whats-new-entry/bs-whats-new-entry.d.ts +53 -0
- package/dist/types/components/bs-whats-new-entry/bs-whats-new-entry.stories.d.ts +18 -0
- package/dist/types/components.d.ts +2642 -98
- package/package.json +3 -2
- package/dist/brandsync-wc/p-1c3a43c7.entry.js +0 -1
- package/dist/brandsync-wc/p-1c427ffb.entry.js +0 -1
- package/dist/brandsync-wc/p-4f2c4929.entry.js +0 -1
- package/dist/brandsync-wc/p-76e1c295.entry.js +0 -1
- package/dist/brandsync-wc/p-790db8b3.entry.js +0 -1
- package/dist/brandsync-wc/p-796a1860.entry.js +0 -1
- package/dist/brandsync-wc/p-806a5347.entry.js +0 -1
- package/dist/brandsync-wc/p-addfa0a0.entry.js +0 -1
- package/dist/brandsync-wc/p-c9a72416.entry.js +0 -1
- package/dist/brandsync-wc/p-d42b1c2b.entry.js +0 -1
- package/dist/brandsync-wc/p-f006d962.entry.js +0 -1
- package/dist/brandsync-wc/p-f074f94e.entry.js +0 -1
- package/dist/cjs/bs-menu.cjs.entry.js +0 -39
- package/dist/cjs/bs-tab.cjs.entry.js +0 -88
- package/dist/cjs/bs-tabs.cjs.entry.js +0 -133
- package/dist/components/p-BTvme8CE.js +0 -1
- package/dist/components/p-Ba860ej1.js +0 -1
- package/dist/components/p-CpUHnsq9.js +0 -1
- package/dist/components/p-jDO25SfF.js +0 -1
- package/dist/esm/bs-menu.entry.js +0 -37
- package/dist/esm/bs-tab.entry.js +0 -86
- package/dist/esm/bs-tabs.entry.js +0 -131
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as i,c as t,h as n}from"./p-JYlmcxBn.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"a62142391a3302dd6379135af11aa3215786df60",class:"bs-navigation-drawer-item__root"},n("button",{key:"859f32bb1588ec661fea55d405a60a20e803b969",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"0191eb506a8fa145732fb250d52d1ad650ea9a0f",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"29bfc6b85d32172ac4f92ca482ffcbf71ed2158c",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"d5e681c8dfc6b8517a01caea2daa49089ef73994",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"6f60e5831a064caae85747d6c6b735912abc9a3c"})),this.expandable&&n("span",{key:"37eebaa53518961ac10e37abe8a6f68e1066b173",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"5c212defdf0226202d710f799dbf380aca087ff6"}))),this.expandable&&n("span",{key:"abc9eb5ca2161706511b3691c71d5fedd33ee74f",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"9b501d624d2bd055e4a71848d08dfb7198e17ece",name:"children"})))}static get style(){return":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}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
|
|
1
|
+
import{t as e,p as a,H as i,c as t,h as n}from"./p-CVrEuVFo.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"51630ca979a030ee03a3c11352fd088621281bf9",class:"bs-navigation-drawer-item__root"},n("button",{key:"d1e7d4ce9986b0b109cf120654612f28d5419528",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"76efeab68b534e27ee36ca785ab45409d076e773",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"a07c99f227906bcb65ddc8e7fc51899b61e7a530",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"0b05f0fa744bfd8f5462b028e2fba26508fe119b",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"702286fcffb4021fe048b5cd33b91ad41d335a3d"})),this.expandable&&n("span",{key:"3ce575babd8db5d37f25302e0979696b974f76ff",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"b5e915df678f8fc7468aa72d17b638d46c13d40e"}))),this.expandable&&n("span",{key:"2533a38344615f4edd4e6e704f2d23c327f8a990",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"f1d717e3cb69aa6002ff5ba6ac4879d565ab59dd",name:"children"})))}static get style(){return":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}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as i,H as r,c as e,h as n,d as s}from"./p-JYlmcxBn.js";import{d as t}from"./p-R2MlkUzD.js";const o=i(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=e(this,"bsCollapse"),this.bsSearchClick=e(this,"bsSearchClick"),this.bsClose=e(this,"bsClose")}get el(){return this}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;open=!1;bsClose;mobile=!1;mediaQuery;focusPending=!1;navRef;previouslyFocused;bodyOverflowBefore;get overlayOpen(){return this.mobile&&this.open}connectedCallback(){this.mediaQuery=window.matchMedia?.("(max-width: 768px)"),this.mediaQuery&&(this.mobile=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.onMediaChange))}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.onMediaChange),this.unlockScroll()}onMediaChange=a=>{this.mobile=a.matches};onCollapsedChange(){this.syncItems()}onMobileChange(){this.syncItems(),this.applyOverlayState()}onOpenChange(){this.applyOverlayState()}componentDidLoad(){this.syncItems(),this.applyOverlayState(),this.flushFocus()}componentDidRender(){this.flushFocus()}flushFocus(){this.focusPending&&this.overlayOpen&&(this.focusPending=!1,requestAnimationFrame((()=>this.navRef?.focus())))}syncItems(){this.syncItemsCollapsed(!this.mobile&&this.collapsed)}applyOverlayState(){this.overlayOpen?(void 0===this.bodyOverflowBefore&&(this.bodyOverflowBefore=document.body.style.overflow,document.body.style.overflow="hidden"),this.previouslyFocused||(this.previouslyFocused=document.activeElement),this.focusPending=!0):(this.focusPending=!1,this.unlockScroll(),this.previouslyFocused?.isConnected&&this.previouslyFocused.focus(),this.previouslyFocused=void 0)}unlockScroll(){void 0!==this.bodyOverflowBefore&&(document.body.style.overflow=this.bodyOverflowBefore,this.bodyOverflowBefore=void 0)}requestClose=()=>{this.open=!1,this.bsClose.emit()};onDocumentKeydown(a){this.overlayOpen&&"Escape"===a.key&&this.requestClose()}onDocumentFocusIn(a){this.overlayOpen&&!a.composedPath().includes(this.el)&&this.navRef?.focus()}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((i=>{i.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){const a=["bs-navigation-drawer",this.mobile?"bs-navigation-drawer--overlay":"",this.overlayOpen?"bs-navigation-drawer--open":""].filter(Boolean).join(" ");return n(s,{key:"c1e563e7b2a9474286671a3f6e1f2d3aed312620","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"f6885e88df1607bb9e85a27c4e1cb616ce6b6c0d",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"a3086b5203fd3724fce5fe82be394a77a6d9a1e1",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"c1b8700d6936ae14acf900d3cc83c6a8a7d79a20",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"27f4205dcdd609c4709a09dbeb7d4d59a41340db",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"b8474734a50dbd690a9a8d8febd6cda084498d02",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"c89909a16f7255d24ddaae54ddd2c6cfca361572",variant:"mark",background:this.logoBackground})),n("div",{key:"83b7641c3c1f8b8307bf8006bbef147ccfdc917c",class:"bs-navigation-drawer__title-row"},n("span",{key:"97075d0df805b02f3f520c42ef4eceaa377e7064",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"184f4f2f35f74f145621d2854a6a50e52006ebd1",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"168c4a4f30f9cf92afd5cffc63e989e0a3d4e45a"}))),n("div",{key:"d93ec72e4f6ba6f01d4fdc8fc3d9e0c9f0649242",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"3441fb753d206b84e68bb777e60ec849185882b9",name:"search"})),n("button",{key:"98b3bf5e4807afb1ba5a91e2b5238d917f584ab8",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},n(l,{key:"c61c32465503084caab0b3741bc95e3f0f274214"})),n("div",{key:"f75111a609795d6ed83e3e843a433440a932b730",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"50f7cee1ae4e352b56561740bfc6ff035d521354"}))))}static get watchers(){return{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}}static get style(){return":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}}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"],open:[1540],mobile:[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function b(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((i=>{switch(i){case"bs-navigation-drawer":customElements.get(a(i))||customElements.define(a(i),o);break;case"bs-logo":customElements.get(a(i))||t()}}))}b();const g=o,v=b;export{g as BsNavigationDrawer,v as defineCustomElement}
|
|
1
|
+
import{t as a,p as i,H as r,c as e,h as n,d as s}from"./p-CVrEuVFo.js";import{d as t}from"./p-BEEoVNRu.js";const o=i(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=e(this,"bsCollapse"),this.bsSearchClick=e(this,"bsSearchClick"),this.bsClose=e(this,"bsClose")}get el(){return this}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;open=!1;bsClose;mobile=!1;mediaQuery;focusPending=!1;navRef;previouslyFocused;bodyOverflowBefore;get overlayOpen(){return this.mobile&&this.open}connectedCallback(){this.mediaQuery=window.matchMedia?.("(max-width: 768px)"),this.mediaQuery&&(this.mobile=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.onMediaChange))}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.onMediaChange),this.unlockScroll()}onMediaChange=a=>{this.mobile=a.matches};onCollapsedChange(){this.syncItems()}onMobileChange(){this.syncItems(),this.applyOverlayState()}onOpenChange(){this.applyOverlayState()}componentDidLoad(){this.syncItems(),this.applyOverlayState(),this.flushFocus()}componentDidRender(){this.flushFocus()}flushFocus(){this.focusPending&&this.overlayOpen&&(this.focusPending=!1,requestAnimationFrame((()=>this.navRef?.focus())))}syncItems(){this.syncItemsCollapsed(!this.mobile&&this.collapsed)}applyOverlayState(){this.overlayOpen?(void 0===this.bodyOverflowBefore&&(this.bodyOverflowBefore=document.body.style.overflow,document.body.style.overflow="hidden"),this.previouslyFocused||(this.previouslyFocused=document.activeElement),this.focusPending=!0):(this.focusPending=!1,this.unlockScroll(),this.previouslyFocused?.isConnected&&this.previouslyFocused.focus(),this.previouslyFocused=void 0)}unlockScroll(){void 0!==this.bodyOverflowBefore&&(document.body.style.overflow=this.bodyOverflowBefore,this.bodyOverflowBefore=void 0)}requestClose=()=>{this.open=!1,this.bsClose.emit()};onDocumentKeydown(a){this.overlayOpen&&"Escape"===a.key&&this.requestClose()}onDocumentFocusIn(a){this.overlayOpen&&!a.composedPath().includes(this.el)&&this.navRef?.focus()}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((i=>{i.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){const a=["bs-navigation-drawer",this.mobile?"bs-navigation-drawer--overlay":"",this.overlayOpen?"bs-navigation-drawer--open":""].filter(Boolean).join(" ");return n(s,{key:"521147bfafef13a89a56f343cbe4b285fd006639","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"cc9f73d195a4073d735c707fffafde33a2d19d3b",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"467266e407fe4106bc677b04e0b553374b8fbaeb",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"4ff34d1ac08f81a00332547c84cfdf6ed92b5b79",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"71705d5d76425fd296489f4dbe01beed4940ee47",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"563b51505b802c687256b71bdb573d19130f3f8c",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"d7a4e74152e8e1dcff9411f8328f546127499cee",variant:"mark",background:this.logoBackground})),n("div",{key:"25e35b5ea15ca7b5a807a655c97a399b18bfced2",class:"bs-navigation-drawer__title-row"},n("span",{key:"810858e4f00a7e734543cfd0502a0a2facdc7744",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"7d00c956e442aabe7578724bff8a29b98d96cb04",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"a394a7cfa1fa4e68ab6bbaf06299bb46c891e251"}))),n("div",{key:"1a68784b97eb72c6bbfa597d244c9e6444960843",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"0712fdc0632d153d6adf9aaaa153d6cd2e2759d3",name:"search"})),n("button",{key:"92848c768f51ffc6b32d926ad9ae9ab722647531",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},n(l,{key:"32c2d99598015b95e79d2a88d75c68bf5e41f4f0"})),n("div",{key:"0beae420879d2b3488134c4586509cce316072c9",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"aa01f41986235a8d4cfe8d5b477fa77d584bc8d7"}))))}static get watchers(){return{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}}static get style(){return":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}}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"],open:[1540],mobile:[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function b(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((i=>{switch(i){case"bs-navigation-drawer":customElements.get(a(i))||customElements.define(a(i),o);break;case"bs-logo":customElements.get(a(i))||t()}}))}b();const g=o,v=b;export{g as BsNavigationDrawer,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as e,H as i,h as n}from"./p-
|
|
1
|
+
import{t as a,p as e,H as i,h as n}from"./p-CVrEuVFo.js";import{d as t}from"./p-BEEoVNRu.js";const r=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"b7a29c3e8054f042f4bd1dbff2996fca6984b92b",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"4263bba29e89be550101524f1097eca84cd6d0ef",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"6db88ed8b8130937bdff2cdeb2e6b35ddd0611ae",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"c8c545aed781a618b5ff2150a7e0d45fc51fe6dd",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"f5fb1f9073a045187fffbba5be86aa3226c58a52",name:"left"})),n("div",{key:"697f49fb083e1164e5907f86650a7d3e3f30ea2e",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"736a8ada03c81180aa717b50f27db0685b9da511",name:"right"})))}static get style(){return":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}}"}},[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]);function s(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),r);break;case"bs-logo":customElements.get(a(e))||t()}}))}s();const o=r,d=s;export{o as BsNavigationHeader,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsOnboardingChecklist extends Components.BsOnboardingChecklist, HTMLElement {}
|
|
4
|
+
export const BsOnboardingChecklist: {
|
|
5
|
+
prototype: BsOnboardingChecklist;
|
|
6
|
+
new (): BsOnboardingChecklist;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as s,t as e,p as t,H as a,c as i}from"./p-CVrEuVFo.js";import{d as r}from"./p-qmS2CBqi.js";import{d as o}from"./p-CA31vqjL.js";import{d as n}from"./p-zTHlbyH6.js";import{d as c}from"./p-CncySD_-.js";import{d as l}from"./p-CUfs0ROR.js";import{d as b}from"./p-CbimDNGY.js";const d=t(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsStepAction=i(this,"bsStepAction"),this.bsStepSkip=i(this,"bsStepSkip"),this.bsClose=i(this,"bsClose"),this.bsOpen=i(this,"bsOpen"),this.bsDone=i(this,"bsDone"),this.bsHide=i(this,"bsHide")}type="panel";launcherLayout="icon";steps=[];heading;description;headingLevel=2;progressText;closable=!1;progressLabel="{done} of {total} done";skipLabel="Skip for now";startLabel="Start";seeAllLabel="See all steps";afterLabel="After the step before";doneLabel="Go to dashboard";hideLabel="Hide checklist";closeLabel="Close";statusDoneLabel="Done";statusTodoLabel="Not done";bsStepAction;bsStepSkip;bsClose;bsOpen;bsDone;bsHide;get list(){return this.steps??[]}get doneCount(){return this.list.filter((s=>s.done)).length}get percent(){return this.list.length?Math.round(this.doneCount/this.list.length*100):0}get currentId(){return this.list.find((s=>!s.done))?.id}fill(s){return s.replace("{done}",this.doneCount+"").replace("{total}",this.list.length+"")}renderHeading(e,t=""){const a=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return s("h"+a,{part:"heading",id:"heading",class:{"bs-oc__heading":!0,[t]:!!t}},e)}renderClose(){return this.closable?s("bs-icon-button",{part:"close",class:"bs-oc__close",variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","aria-hidden":"true"},s("path",{d:"M6 6L18 18M18 6L6 18"}))):null}renderProgress(e="primary"){const t=this.fill(this.progressLabel);return s("div",{part:"progress",class:"bs-oc__progress"},s("div",{class:"bs-oc__progress-labels"},s("span",{class:"bs-oc__progress-text"},t),s("span",{class:"bs-oc__progress-percent"},this.percent," %")),s("bs-progress-linear",{class:"bs-oc__bar bs-oc__bar--"+e,type:"determinate",size:"large",value:this.percent,showLabel:!1,ariaLabel:`${t}, ${this.percent} %`}))}renderStatus(e,t){return s("span",{class:{"bs-oc__status":!0,"bs-oc__status--done":e,"bs-oc__status--current":t},"aria-hidden":"true"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},s("circle",{cx:"12",cy:"12",r:"9"}),e&&s("path",{d:"M8 12.5L10.8 15.3L16 9.5"})))}renderStepRow(e){const t=!!e.done;return s("li",{part:"step",class:{"bs-oc__step":!0,"bs-oc__step--done":t}},this.renderStatus(t,!1),s("span",{class:"bs-oc__step-label"},e.label),s("span",{class:"bs-oc__sr-only"},t?this.statusDoneLabel:this.statusTodoLabel))}renderCurrentStep(e){return s("li",{part:"step current",class:"bs-oc__current","aria-current":"step"},s("bs-card",{surface:"container",class:"bs-oc__current-card"},s("div",{class:"bs-oc__current-body"},s("div",{class:"bs-oc__current-head"},this.renderStatus(!1,!0),s("span",{class:"bs-oc__current-label"},e.label),s("span",{class:"bs-oc__sr-only"},this.statusTodoLabel)),e.description&&s("p",{class:"bs-oc__current-text"},e.description),s("div",{class:"bs-oc__current-foot"},e.estimate?s("span",{class:"bs-oc__estimate"},s(m,null),e.estimate):s("span",null),s("div",{class:"bs-oc__current-actions"},!1!==e.skippable&&s("bs-button",{part:"skip",class:"bs-oc__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsStepSkip.emit({id:e.id})},this.skipLabel),e.actionLabel&&s("bs-button",{part:"action",variant:"primary",size:"sm",onClick:()=>this.bsStepAction.emit({id:e.id})},e.actionLabel))))))}renderPanel(e){const t=this.currentId;return s("bs-card",{part:"container",class:"bs-oc bs-oc--panel",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__panel"},s("div",{class:"bs-oc__head"},this.renderHeading(this.heading??e.heading),s("span",{class:"bs-oc__spacer"}),this.renderClose()),(this.description??e.description)&&s("p",{part:"description",class:"bs-oc__description"},this.description??e.description),this.renderProgress(),s("ol",{part:"steps",class:"bs-oc__steps"},this.list.map((s=>s.id===t?this.renderCurrentStep(s):this.renderStepRow(s))))))}renderDashboard(e){const t=this.list.filter((s=>!s.done)).slice(0,3),a=this.list.filter((s=>!s.done)).length,i=this.description??(a>0?this.fill(this.progressLabel)+".":"");return s("bs-card",{part:"container",class:"bs-oc bs-oc--dashboard",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__dash"},this.renderClose(),s("div",{class:"bs-oc__dash-summary"},s("bs-icon-tile",{part:"art",intent:"brand",size:"md"},s("slot",{name:"icon"},s(g,null))),this.renderHeading(this.heading??e.heading),i&&s("p",{part:"description",class:"bs-oc__description"},i),s("bs-progress-linear",{class:"bs-oc__bar bs-oc__bar--primary",type:"determinate",size:"large",value:this.percent,showLabel:!1,ariaLabel:`${this.fill(this.progressLabel)}, ${this.percent} %`}),s("bs-button",{part:"see-all",class:"bs-oc__text-button bs-oc__link",variant:"subtle",size:"sm",onClick:()=>this.bsOpen.emit()},this.seeAllLabel,s(f,{slot:"end-icon"}))),s("ol",{class:"bs-oc__cards"},t.map(((e,t)=>{const a=0===t;return s("li",{part:a?"step current":"step",class:"bs-oc__card-item","aria-current":a?"step":void 0},s("bs-card",{surface:"base",class:{"bs-oc__step-card":!0,"bs-oc__step-card--current":a}},s("div",{class:"bs-oc__step-card-body"},s("bs-icon-tile",{part:"step-art",intent:a?"brand":"default",size:"md"},s("slot",{name:"icon-"+e.id},s(_,null))),s("span",{class:"bs-oc__step-card-label"},e.label),a?s("bs-button",{part:"action",class:"bs-oc__text-button bs-oc__link",variant:"subtle",size:"sm",onClick:()=>this.bsStepAction.emit({id:e.id})},this.startLabel,s(f,{slot:"end-icon"})):s("span",{class:"bs-oc__step-card-caption"},this.afterLabel))))})))))}renderLauncher(e){const t=this.heading??e.heading,a=this.progressText??this.percent+"% complete",i=this.launcherLayout,r="inline"===i?s("span",{class:"bs-oc__launcher-copy bs-oc__launcher-copy--inline"},s("span",{class:"bs-oc__launcher-title bs-oc__launcher-title--inline"},t),s("span",{class:"bs-oc__launcher-text"},a)):s("span",{class:"bs-oc__launcher-copy"},s("span",{class:"bs-oc__launcher-title"},t),s("span",{class:"bs-oc__launcher-text"},a));return s("bs-card",{part:"container",class:"bs-oc bs-oc--launcher bs-oc--launcher-"+i,surface:"base"},s("button",{part:"launcher",type:"button",class:"bs-oc__launcher",onClick:()=>this.bsOpen.emit()},"ring"===i&&s("bs-progress",{class:"bs-oc__ring",type:"determinate",size:"small",value:this.percent,showLabel:!1,ariaLabel:a}),"icon"===i&&s("bs-icon-tile",{part:"art",intent:"brand",size:"md"},s("slot",{name:"icon"},s(u,null))),"inline"===i&&s("bs-icon-tile",{part:"art",intent:this.percent>=100?"success":"brand",size:"md"},s("slot",{name:"icon"},s(v,null))),r,"inline"===i&&s("span",{class:"bs-oc__chevron","aria-hidden":"true"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},s("path",{d:"M9 6L15 12L9 18"})))))}renderCompletion(e){return s("bs-card",{part:"container",class:"bs-oc bs-oc--completion",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__completion"},s("bs-icon-tile",{part:"art",intent:"success",size:"lg"},s("slot",{name:"icon"},s(v,null))),this.renderHeading(this.heading??e.heading),(this.description??e.description)&&s("p",{part:"description",class:"bs-oc__description bs-oc__description--center"},this.description??e.description),this.renderProgress("success"),s("bs-button",{part:"primary",class:"bs-oc__block",variant:"primary",onClick:()=>this.bsDone.emit()},this.doneLabel),s("bs-button",{part:"secondary",class:"bs-oc__block bs-oc__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsHide.emit()},this.hideLabel)))}render(){const s=p[this.type]??p.panel;switch(this.type){case"dashboard":return this.renderDashboard(s);case"launcher":return this.renderLauncher(s);case"completion":return this.renderCompletion(s);default:return this.renderPanel(s)}}static get style(){return":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}"}},[769,"bs-onboarding-checklist",{type:[513],launcherLayout:[513,"launcher-layout"],steps:[16],heading:[1],description:[1],headingLevel:[2,"heading-level"],progressText:[1,"progress-text"],closable:[4],progressLabel:[1,"progress-label"],skipLabel:[1,"skip-label"],startLabel:[1,"start-label"],seeAllLabel:[1,"see-all-label"],afterLabel:[1,"after-label"],doneLabel:[1,"done-label"],hideLabel:[1,"hide-label"],closeLabel:[1,"close-label"],statusDoneLabel:[1,"status-done-label"],statusTodoLabel:[1,"status-todo-label"]}]),p={panel:{heading:"Get started",description:"Set up your account in a few minutes. You can come back to this at any time."},dashboard:{heading:"Finish setting up",description:""},launcher:{heading:"Setup",description:""},completion:{heading:"You’re all set",description:"Everything is ready."}},h=e=>t=>s("svg",{class:"bs-oc__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",...t},e),g=h(s("g",null,s("path",{d:"M4 7L6 9L9 5.5"}),s("path",{d:"M4 16L6 18L9 14.5"}),s("path",{d:"M12.5 7H20"}),s("path",{d:"M12.5 16H20"}))),_=h(s("g",null,s("path",{d:"M8 6H20"}),s("path",{d:"M8 12H20"}),s("path",{d:"M8 18H20"}),s("path",{d:"M4 6V6.01"}),s("path",{d:"M4 12V12.01"}),s("path",{d:"M4 18V18.01"}))),u=h(s("g",null,s("path",{d:"M3.5 9.5L12 4L20.5 9.5"}),s("path",{d:"M5 10V17"}),s("path",{d:"M9.5 10V17"}),s("path",{d:"M14.5 10V17"}),s("path",{d:"M19 10V17"}),s("path",{d:"M3.5 19.5H20.5"}))),v=h(s("g",null,s("circle",{cx:"12",cy:"12",r:"9"}),s("path",{d:"M8 12.5L10.8 15.3L16 9.5"}))),f=h(s("g",null,s("path",{d:"M5 12H19"}),s("path",{d:"M13 6L19 12L13 18"}))),m=()=>s("svg",{class:"bs-oc__clock",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},s("circle",{cx:"12",cy:"12",r:"9"}),s("path",{d:"M12 7V12L15 14"}));function x(){"undefined"!=typeof customElements&&["bs-onboarding-checklist","bs-button","bs-card","bs-icon-button","bs-icon-tile","bs-progress","bs-progress-linear"].forEach((s=>{switch(s){case"bs-onboarding-checklist":customElements.get(e(s))||customElements.define(e(s),d);break;case"bs-button":customElements.get(e(s))||r();break;case"bs-card":customElements.get(e(s))||o();break;case"bs-icon-button":customElements.get(e(s))||n();break;case"bs-icon-tile":customElements.get(e(s))||c();break;case"bs-progress":customElements.get(e(s))||l();break;case"bs-progress-linear":customElements.get(e(s))||b()}}))}x();const k=d,y=x;export{k as BsOnboardingChecklist,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-BZ3M4lOU.js";const p=o,r=s;export{p as BsPagination,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsProductTour extends Components.BsProductTour, HTMLElement {}
|
|
4
|
+
export const BsProductTour: {
|
|
5
|
+
prototype: BsProductTour;
|
|
6
|
+
new (): BsProductTour;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as r,H as o,c as s,h as a}from"./p-CVrEuVFo.js";import{d as i}from"./p-qmS2CBqi.js";import{d as c}from"./p-CA31vqjL.js";import{d as e}from"./p-zTHlbyH6.js";import{d as u}from"./p-CncySD_-.js";const p=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=s(this,"bsPrimary"),this.bsSecondary=s(this,"bsSecondary"),this.bsClose=s(this,"bsClose")}type="welcome";direction="top";heading;description;step=1;total=0;progressLabel="{step} of {total}";primaryLabel;secondaryLabel;closable=!1;closeLabel="Close";bsPrimary;bsSecondary;bsClose;get primary(){return void 0!==this.primaryLabel?this.primaryLabel:{welcome:"Start",success:"Done",pointer:"Next"}[this.type]??""}get secondary(){return void 0!==this.secondaryLabel?this.secondaryLabel:{welcome:"Later",success:"",pointer:"Back"}[this.type]??""}renderActions(t,r){const{primary:o,secondary:s}=this;return o||s?a("div",{part:"actions",class:"bs-product-tour__actions"},s&&a("bs-button",{part:"secondary",variant:r,size:t,onClick:()=>this.bsSecondary.emit()},s),o&&a("bs-button",{part:"primary",variant:"primary",size:t,onClick:()=>this.bsPrimary.emit()},o)):null}renderCard(){const t="success"===this.type;return a("bs-card",{part:"container",class:"bs-product-tour bs-product-tour--card",surface:"base"},a("div",{class:"bs-product-tour__body"},a("bs-icon-tile",{part:"art",class:"bs-product-tour__art",intent:t?"success":"brand",size:"lg"},a("slot",{name:"icon"},a(t?n:d,null))),this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description),this.renderActions("md","outlined")))}renderPointer(){const t=this.total>0?this.progressLabel.replace("{step}",this.step+"").replace("{total}",this.total+""):"";return a("div",{class:"bs-product-tour bs-product-tour--pointer"},a("div",{part:"arrow",class:"bs-product-tour__arrow","aria-hidden":"true"}),a("bs-card",{part:"container",class:"bs-product-tour__card",surface:"base"},this.closable&&a("bs-icon-button",{part:"close",class:"bs-product-tour__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{d:"M5 5L15 15M15 5L5 15"}))),a("div",{class:"bs-product-tour__body"},a("div",{class:"bs-product-tour__text"},this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description)),a("div",{part:"footer",class:"bs-product-tour__footer"},t?a("span",{part:"progress",class:"bs-product-tour__progress"},t):a("span",null),this.renderActions("sm","subtle")))))}render(){return"pointer"===this.type?this.renderPointer():this.renderCard()}static get style(){return":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%)}"}},[769,"bs-product-tour",{type:[513],direction:[513],heading:[1],description:[1],step:[2],total:[2],progressLabel:[1,"progress-label"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],closable:[4],closeLabel:[1,"close-label"]}]),d=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M9.5 4L11.2 9.3L16.5 11L11.2 12.7L9.5 18L7.8 12.7L2.5 11L7.8 9.3L9.5 4Z"}),a("path",{d:"M18.5 3V7"}),a("path",{d:"M16.5 5H20.5"}),a("path",{d:"M18 16V20"}),a("path",{d:"M16 18H20"})),n=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"}));function b(){"undefined"!=typeof customElements&&["bs-product-tour","bs-button","bs-card","bs-icon-button","bs-icon-tile"].forEach((r=>{switch(r){case"bs-product-tour":customElements.get(t(r))||customElements.define(t(r),p);break;case"bs-button":customElements.get(t(r))||i();break;case"bs-card":customElements.get(t(r))||c();break;case"bs-icon-button":customElements.get(t(r))||e();break;case"bs-icon-tile":customElements.get(t(r))||u()}}))}b();const l=p,h=b;export{l as BsProductTour,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-CbimDNGY.js";const m=o,p=s;export{m as BsProgressLinear,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{B as s,d as o}from"./p-CUfs0ROR.js";const p=s,r=o;export{p as BsProgress,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsQrCode extends Components.BsQrCode, HTMLElement {}
|
|
4
|
+
export const BsQrCode: {
|
|
5
|
+
prototype: BsQrCode;
|
|
6
|
+
new (): BsQrCode;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as o,H as s,c as r,h as a}from"./p-CVrEuVFo.js";import{d as t}from"./p-qmS2CBqi.js";import{d}from"./p-CA31vqjL.js";import{d as i}from"./p-DuLL7Ouw.js";import{d as c}from"./p-zTHlbyH6.js";import{d as b}from"./p-CUfs0ROR.js";const n=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(u,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(u,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"9224eadd42ddc8b59466a301ce72bf0311e00edd",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"1fd99ef2996a876ea8fe5ae237128c8059bfccbf",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"e38bde58cd6532c3ca56b2920a42dfc157517484",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"6d6c93934c724a1cc0b8b66bdfd129650b1f9024",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"b8f2478eeb88a2d273f61f819679cb752e894a5a",class:"bs-qr-code__body"},a("div",{key:"7e51f3bd0cde05566bb33c4fbe2478795ff3fe26",part:"head",class:"bs-qr-code__head"},a("p",{key:"1d0956f6fc3e0f0658b5934a140e56ef25ae1f6b",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"f43da3546accd752a856e1202baaff0043142ce4",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"3b8dcdbb35c20e71f9c9e41ad4e2ae939e8dc0e7",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"3c86af5e70b746b2dc8ce9c7adf58649314a985d",part:"code",class:"bs-qr-code__code"},a("slot",{key:"32d0dc8670a6045220b9546731ae5aef48d355df",name:"code"},this.renderMatrix()),a("div",{key:"ffba953b953bef8a8765955a5db4b9fba1e2cec8",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"b6e213f3a624cf8a6cf0b344c6ffc7b1f2c1be34",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"56155722b1cf13d21850bae43e4323ddc0ed8635",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"d1f90a299ef1f8d5c896a31147612ceef4485339",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"40ef657d7bc01e58089bf55044fb0ef8556386ba",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"5d7a7d2537752948631098567c732582e9e34d92",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"e040513edd4c24d60e41c4e09ed0b97be11e24b3",part:"expiry",size:"md"},a(q,{key:"0c1b8052bed0bddd2e84bc3ca9929008f781213c",slot:"icon"}),this.expiry),s&&a("div",{key:"f30073c9b79df1aec27f361d5b94e92c8aa8f7fc",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"12b6b333efed74dfb76360441838de2a872f3c4b",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(p,{key:"3c831e241288ccce97fb77a3d42c0c3de58e6734",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"260deebae80a52c700dc2532883a706363da0caa",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(h,{key:"8a09b1b4a06d492449f563aa73c2b2191fb29680",slot:"icon"}),this.copyLabel))))}static get style(){return":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)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),l={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},p=e=>a("svg",{...l,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),h=e=>a("svg",{...l,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),u=e=>a("svg",{...l,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),q=e=>a("svg",{...l,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function f(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),n);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||d();break;case"bs-chip-informative":customElements.get(e(o))||i();break;case"bs-icon-button":customElements.get(e(o))||c();break;case"bs-progress":customElements.get(e(o))||b()}}))}f();const v=n,_=f;export{v as BsQrCode,_ as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as r,c as i,h as s}from"./p-
|
|
1
|
+
import{t as e,p as a,H as r,c as i,h as s}from"./p-CVrEuVFo.js";const o=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange"),this.internals=this.attachInternals()}get el(){return this}name;value;checked=!1;disabled=!1;bsChange;internals;initialChecked=!1;groupHasChecked=!1;groupMembers(){if(!this.name)return[this.el];const e=this.el.getRootNode();return Array.from(e.querySelectorAll("bs-radio")).filter((e=>e.name===this.name))}onCheckedChange(){this.internals?.setFormValue?.(this.checked?this.value??"on":null),this.checked&&this.groupMembers().forEach((e=>{e!==this.el&&e.checked&&(e.checked=!1)})),this.refreshGroupState()}onAnyRadioChange(){this.refreshGroupState()}refreshGroupState(){this.groupHasChecked=this.groupMembers().some((e=>e.checked))}componentWillLoad(){this.initialChecked=this.checked,this.internals?.setFormValue?.(this.checked?this.value??"on":null)}componentDidLoad(){this.refreshGroupState()}formResetCallback(){this.checked=this.initialChecked}onKeyDown=e=>{const a="ArrowRight"===e.key||"ArrowDown"===e.key;if(!a&&"ArrowLeft"!==e.key&&"ArrowUp"!==e.key)return;const r=this.groupMembers().filter((e=>!e.disabled));if(r.length<2)return;e.preventDefault();const i=r.indexOf(this.el),s=r[(i+(a?1:-1)+r.length)%r.length],o=s.shadowRoot?.querySelector("input");o?.click(),o?.focus()};onChange=e=>{const a=e.target.checked;this.checked=a,a&&this.bsChange.emit(this.value)};render(){return s("label",{key:"62ae7bf3a50e1b0b6af17208685a5c7ffe6f5e5e",class:"bs-radio "+(this.disabled?"bs-radio--disabled":"")},s("input",{key:"01b09c6a36c9765875d34abb96772554990ce095",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}),s("span",{key:"d56c108212d17d617e7abadc6189fd4b86dba233",class:"bs-radio__hit-area"},s("span",{key:"63df5b0139573c1a7cbf64cf1c2e15009aeae8e2",class:"bs-radio__state-layer"},s("span",{key:"43c32995245eba557d41a8c9a65ba9716d4a9766",part:"circle",class:"bs-radio__circle "+(this.checked?"bs-radio__circle--selected":"")},this.checked&&s("span",{key:"6ef4edf491bcaeac94b639abf5ef497e98cb8119",part:"dot",class:"bs-radio__dot"})))),s("span",{key:"60a21c23fdca6d92cbaad1bf69bd3c3c8441d24f",part:"label",class:"bs-radio__label"},s("slot",{key:"a920122f7b88b07ef743735e50f9ad71042be308"})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}}static get style(){return":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}}"}},[849,"bs-radio",{name:[513],value:[1],checked:[1540],disabled:[516],groupHasChecked:[32]},[[4,"bsChange","onAnyRadioChange"]],{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}]);function d(){"undefined"!=typeof customElements&&["bs-radio"].forEach((a=>{"bs-radio"===a&&(customElements.get(e(a))||customElements.define(e(a),o))}))}d();const t=o,b=d;export{t as BsRadio,b as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsSessionTimeout extends Components.BsSessionTimeout, HTMLElement {}
|
|
4
|
+
export const BsSessionTimeout: {
|
|
5
|
+
prototype: BsSessionTimeout;
|
|
6
|
+
new (): BsSessionTimeout;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as s,t,p as e,H as i,c as o}from"./p-CVrEuVFo.js";import{d as n}from"./p-Dr0Qk9Zc.js";import{d as a}from"./p-qmS2CBqi.js";import{d as r}from"./p-CA31vqjL.js";import{d as b}from"./p-DuLL7Ouw.js";import{d as c}from"./p-zTHlbyH6.js";import{d as l}from"./p-CncySD_-.js";import{d}from"./p-BUskqBR6.js";import{d as u}from"./p-CeUK3n7D.js";import{d as m}from"./p-C_j_jDM6.js";import{d as h}from"./p-CbimDNGY.js";const p=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=o(this,"bsPrimary"),this.bsSecondary=o(this,"bsSecondary"),this.bsAlternative=o(this,"bsAlternative"),this.bsCancel=o(this,"bsCancel"),this.bsExpire=o(this,"bsExpire")}get el(){return this}type="warning";heading;headingLevel=2;description;hideIcon=!1;primaryLabel;secondaryLabel;secondsLeft=0;totalSeconds=0;countdown=!1;timeLeftLabel="minutes left";secondsLeftLabel="seconds left";savedMessage;accountName;accountEmail;accountInitials;passwordLabel="Password";passwordError;dividerLabel="or";alternatives=[{id:"passkey",label:"Use passkey",icon:"fingerprint"},{id:"bankid",label:"Use BankID",icon:"key"}];cancelLabel="Cancel";bsPrimary;bsSecondary;bsAlternative;bsCancel;bsExpire;password="";announcement="";initialTotal=0;timer;componentWillLoad(){this.initialTotal=this.secondsLeft}componentDidLoad(){this.syncTimer()}disconnectedCallback(){this.stopTimer()}connectedCallback(){void 0===this.timer&&this.el.isConnected&&this.syncTimer()}onTimerInputsChange(){this.syncTimer()}stopTimer(){void 0!==this.timer&&clearInterval(this.timer),this.timer=void 0}syncTimer(){this.stopTimer(),!this.countdown||"warning"!==this.type||this.secondsLeft<=0||(this.timer=setInterval((()=>this.tick()),1e3))}tick(){this.secondsLeft<=0||(this.secondsLeft=this.secondsLeft-1,[60,30,10].includes(this.secondsLeft)&&(this.announcement=`${g(this.secondsLeft)} ${this.secondsLeft>=60?this.timeLeftLabel:this.secondsLeftLabel}`),this.secondsLeft<=0&&(this.stopTimer(),this.bsExpire.emit()))}get defaults(){return k[this.type]??k.warning}renderHeading(t,e){const i=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return s("div",{class:"bs-session-timeout__heading-group"},s("h"+i,{part:"heading",id:"heading",class:{"bs-session-timeout__heading":!0}},t),e&&s("p",{part:"description",class:"bs-session-timeout__description"},e))}renderWarning(){const t=this.totalSeconds>0?this.totalSeconds:this.initialTotal||this.secondsLeft,e=t>0?Math.max(0,Math.min(100,this.secondsLeft/t*100)):0,i=this.secondsLeft>=60?this.timeLeftLabel:this.secondsLeftLabel;return s("div",{part:"countdown",class:"bs-session-timeout__countdown"},s("div",{class:"bs-session-timeout__time-row"},s("span",{part:"time",class:"bs-session-timeout__time",role:"timer"},g(this.secondsLeft)),s("span",{class:"bs-session-timeout__unit"},i)),s("bs-progress-linear",{type:"determinate",size:"large",value:e,showLabel:!1,ariaLabel:`${g(this.secondsLeft)} ${i}`}))}renderAccount(){const t=this.accountName??"",e=this.accountInitials??t.split(/\s+/).filter(Boolean).slice(0,2).map((s=>s[0].toUpperCase())).join("");return t||this.accountEmail?s("div",{part:"account",class:"bs-session-timeout__account"},s("bs-avatar",{type:"initials",size:"lg",initials:e,ariaLabel:t||this.accountEmail}),s("div",{class:"bs-session-timeout__account-text"},t&&s("span",{class:"bs-session-timeout__account-name"},t),this.accountEmail&&s("span",{class:"bs-session-timeout__account-email"},this.accountEmail))):null}renderConfirm(){const t=this.alternatives??[];return[s("bs-input",{part:"password",class:"bs-session-timeout__password",type:"password",label:this.passwordLabel,value:this.password,error:this.passwordError,onBsInput:s=>this.password=s.detail,onBsChange:s=>this.password=s.detail}),s("bs-button",{part:"primary",class:"bs-session-timeout__block-button",variant:"primary",onClick:()=>this.bsPrimary.emit({password:this.password})},this.primaryLabel??this.defaults.primary),t.length>0&&s("div",{part:"divider",class:"bs-session-timeout__divider",role:"separator"},s("span",{class:"bs-session-timeout__rule"}),s("span",{class:"bs-session-timeout__divider-label"},this.dividerLabel),s("span",{class:"bs-session-timeout__rule"})),t.length>0&&s("div",{part:"alternatives",class:"bs-session-timeout__alternatives"},t.map((t=>s("bs-button",{key:t.id,variant:"outlined",onClick:()=>this.bsAlternative.emit({id:t.id})},s("key"===t.icon?w:y,{slot:"icon"}),t.label)))),this.cancelLabel&&s("bs-button",{part:"cancel",class:"bs-session-timeout__block-button bs-session-timeout__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsCancel.emit()},this.cancelLabel)]}render(){const t=this.defaults,e=this.heading??t.heading,i=this.description??t.description,o=this.primaryLabel??t.primary,n=this.secondaryLabel??t.secondary;return s("bs-card",{key:"45a056eabc2f536128ee6adbc6104d76793301f4",part:"container",class:"bs-session-timeout",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{key:"035795cb4b5b0252212270236f048e3216d5d401",class:"bs-session-timeout__body"},!this.hideIcon&&s("bs-icon-tile",{key:"857db99f58d07483d3c7dadd95e5951a645d0c59",part:"art",intent:t.intent,size:"lg"},s("slot",{key:"41504daf4751677d9b1df0d211e719d8f441f5b2",name:"icon"},t.glyph())),this.renderHeading(e,i),"warning"===this.type&&this.renderWarning(),"warning"===this.type&&this.savedMessage&&s("p",{key:"8ba10b3921db4b3cedbeb3d45bddfb89425bbdbb",part:"saved",class:"bs-session-timeout__saved"},s(x,{key:"44ea938fca553c67ae23628833471ceb98e63b06"}),s("span",{key:"672ebc96828437ffbc67711082fd7018611153b7"},this.savedMessage)),"signed-out"===this.type&&this.renderAccount(),"confirm-identity"===this.type&&this.renderConfirm(),"warning"===this.type&&(o||n)&&s("div",{key:"94221156fe30010bd0fbe4fb0146c95feceab50f",part:"actions",class:"bs-session-timeout__actions"},n&&s("bs-button",{key:"09b14d30bc185a4644902e52100f0493da6109a0",part:"secondary",variant:"outlined",onClick:()=>this.bsSecondary.emit()},n),o&&s("bs-button",{key:"be381ed4be453efd306b28da3e1f4b7f0740c024",part:"primary",variant:"primary",onClick:()=>this.bsPrimary.emit()},o)),"signed-out"===this.type&&(o||n)&&s("div",{key:"6b3b3622809165f70d83c68db409e2373ea1008e",part:"actions",class:"bs-session-timeout__actions bs-session-timeout__actions--stacked"},o&&s("bs-button",{key:"f03d85c00ce0c18e14e26d2b4332ddb987b93f9e",part:"primary",class:"bs-session-timeout__block-button",variant:"primary",onClick:()=>this.bsPrimary.emit()},o),n&&s("bs-button",{key:"a9bf95d13955110f7f36561b9acc3c89a5862de5",part:"secondary",class:"bs-session-timeout__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsSecondary.emit()},n)),s("div",{key:"69ada1eed62f93587b2c2f45aa1d3ea933ba682f",class:"bs-session-timeout__sr-only",role:"status","aria-live":"polite"},this.announcement)))}static get watchers(){return{countdown:[{onTimerInputsChange:0}],type:[{onTimerInputsChange:0}]}}static get style(){return":host{display:block;width:var(--bs-session-timeout-width);min-width:var(--bs-session-timeout-min-width);max-width:var(--bs-session-timeout-max-width);--bs-session-timeout-width:440px;--bs-session-timeout-min-width:380px;--bs-session-timeout-max-width:560px;--bs-session-timeout-bg:var(--bs-paper-bg-base);--bs-session-timeout-radius:var(--bs-border-radius-150);--bs-session-timeout-padding:var(--bs-spacing-200);--bs-session-timeout-gap:var(--bs-spacing-150);--bs-session-timeout-shadow:0 8px 8px var(--bs-elevation-higher);--bs-session-timeout-color:var(--bs-text-default);--bs-session-timeout-color-secondary:var(--bs-text-secondary);--bs-session-timeout-countdown-bg:var(--bs-surface-container);--bs-session-timeout-countdown-fill:var(--bs-color-warning-default);--bs-session-timeout-countdown-track:var(--bs-surface-hover);--bs-session-timeout-rule:var(--bs-border-default)}.bs-session-timeout{--bs-card-bg:var(--bs-session-timeout-bg);--bs-card-radius:var(--bs-session-timeout-radius);--bs-card-padding:var(--bs-session-timeout-padding);--bs-card-shadow:var(--bs-session-timeout-shadow);color:var(--bs-session-timeout-color)}.bs-session-timeout__body{display:flex;flex-direction:column;align-items:stretch;gap:var(--bs-session-timeout-gap)}bs-icon-tile{align-self:flex-start}.bs-session-timeout__glyph,::slotted([slot='icon']){width:24px;height:24px}.bs-session-timeout__heading-group{display:flex;flex-direction:column;gap:6px}.bs-session-timeout__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-session-timeout__description{margin:0;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-session-timeout__countdown{display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-session-timeout-countdown-bg)}.bs-session-timeout__countdown bs-progress-linear{--bs-progress-linear-fill:var(--bs-session-timeout-countdown-fill);--bs-progress-linear-track:var(--bs-session-timeout-countdown-track)}.bs-session-timeout__time-row{display:flex;align-items:flex-end;gap:var(--bs-spacing-100)}.bs-session-timeout__time{font-size:var(--bs-font-size-3xl);font-weight:var(--bs-font-weight-bold);line-height:40px;font-variant-numeric:tabular-nums}.bs-session-timeout__unit{padding-bottom:6px;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-session-timeout__saved{display:flex;align-items:center;gap:var(--bs-spacing-100);margin:0;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-session-timeout__saved-icon{flex:none;width:16px;height:16px}.bs-session-timeout__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-spacing-100)}.bs-session-timeout__actions bs-button,.bs-session-timeout__alternatives bs-button,.bs-session-timeout__block-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-session-timeout__account{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);border:1px solid var(--bs-session-timeout-rule);border-radius:var(--bs-border-radius-100)}.bs-session-timeout__account-text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);min-width:0;line-height:24px}.bs-session-timeout__account-name{font-weight:var(--bs-font-weight-semibold)}.bs-session-timeout__account-email{overflow-wrap:anywhere}.bs-session-timeout__actions--stacked{flex-direction:column;align-items:stretch;justify-content:flex-start}.bs-session-timeout__block-button,.bs-session-timeout__alternatives bs-button,.bs-session-timeout__actions--stacked bs-button{--bs-button-width:100%}.bs-session-timeout__text-button{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-lg:var(--bs-spacing-600)}.bs-session-timeout__password{display:block;--bs-input-label-font-size:var(--bs-font-size-md);--bs-input-label-font-weight:var(--bs-font-weight-semibold);--bs-input-label-line-height:calc(var(--bs-line-height-body-md) * 1px);margin-bottom:calc(var(--bs-spacing-200) - var(--bs-session-timeout-gap))}.bs-session-timeout__divider{display:flex;align-items:center;gap:var(--bs-spacing-100);align-self:center;width:320px;max-width:100%;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-session-timeout__rule{flex:1 1 0;height:1px;background:var(--bs-session-timeout-rule)}.bs-session-timeout__alternatives{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-session-timeout__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}"}},[769,"bs-session-timeout",{type:[513],heading:[1],headingLevel:[2,"heading-level"],description:[1],hideIcon:[4,"hide-icon"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],secondsLeft:[1026,"seconds-left"],totalSeconds:[2,"total-seconds"],countdown:[4],timeLeftLabel:[1,"time-left-label"],secondsLeftLabel:[1,"seconds-left-label"],savedMessage:[1,"saved-message"],accountName:[1,"account-name"],accountEmail:[1,"account-email"],accountInitials:[1,"account-initials"],passwordLabel:[1,"password-label"],passwordError:[1,"password-error"],dividerLabel:[1,"divider-label"],alternatives:[16],cancelLabel:[1,"cancel-label"],password:[32],announcement:[32],initialTotal:[32]},void 0,{countdown:[{onTimerInputsChange:0}],type:[{onTimerInputsChange:0}]}]);function g(s){const t=Math.max(0,Math.trunc(Number(s))||0);return`${Math.floor(t/60)}:${function(s){return(s+"").padStart(2,"0")}(t%60)}`}const f=t=>e=>s("svg",{class:"bs-session-timeout__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",...e},t),v=f(s("g",null,s("circle",{cx:"12",cy:"13.5",r:"7"}),s("path",{d:"M12 10V13.5L14 15"}),s("path",{d:"M9.5 3.5H14.5"}))),_=f(s("g",null,s("rect",{x:"5",y:"10.5",width:"14",height:"9.5",rx:"1.5"}),s("path",{d:"M8.5 10.5V8A3.5 3.5 0 0 1 15.5 8V10.5"}))),y=f(s("g",null,s("path",{d:"M6 10A6 6 0 0 1 18 10"}),s("path",{d:"M9 20C10 18 10 16 10 13A2 2 0 0 1 14 13C14 16 13.5 18.5 12.5 20.5"}),s("path",{d:"M6 13C6 15.5 5.5 17.5 4.5 19.5"}),s("path",{d:"M18 13C18 15.5 17.5 18 16.5 20"}),s("path",{d:"M12 13C12 15 11.5 17 10.8 18.5"}))),w=f(s("g",null,s("circle",{cx:"8",cy:"15",r:"4"}),s("path",{d:"M11 12L19.5 3.5"}),s("path",{d:"M16 7L19 10"}))),x=()=>s("svg",{class:"bs-session-timeout__saved-icon",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","aria-hidden":"true"},s("circle",{cx:"8",cy:"8",r:"6.2"}),s("path",{d:"M8 7.2V11"}),s("path",{d:"M8 5V5.1"})),k={warning:{intent:"warning",heading:"You’ll be signed out soon",description:"For your security, we sign you out after a period without activity.",primary:"Stay signed in",secondary:"Sign out now",glyph:()=>s(v,null)},"signed-out":{intent:"default",heading:"You’ve been signed out",description:"You were inactive for a while. Your work was saved and will be there when you sign in.",primary:"Sign in again",secondary:"Use a different account",glyph:()=>s(_,null)},"confirm-identity":{intent:"default",heading:"Confirm it’s you",description:"This action needs a fresh sign-in.",primary:"Confirm",secondary:"",glyph:()=>s(y,null)}};function C(){"undefined"!=typeof customElements&&["bs-session-timeout","bs-avatar","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-icon-tile","bs-input","bs-menu","bs-menu-item","bs-progress-linear"].forEach((s=>{switch(s){case"bs-session-timeout":customElements.get(t(s))||customElements.define(t(s),p);break;case"bs-avatar":customElements.get(t(s))||n();break;case"bs-button":customElements.get(t(s))||a();break;case"bs-card":customElements.get(t(s))||r();break;case"bs-chip-informative":customElements.get(t(s))||b();break;case"bs-icon-button":customElements.get(t(s))||c();break;case"bs-icon-tile":customElements.get(t(s))||l();break;case"bs-input":customElements.get(t(s))||d();break;case"bs-menu":customElements.get(t(s))||u();break;case"bs-menu-item":customElements.get(t(s))||m();break;case"bs-progress-linear":customElements.get(t(s))||h()}}))}C();const L=p,M=C;export{L as BsSessionTimeout,M as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as i,c as t,h as r}from"./p-JYlmcxBn.js";const a=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsChange=t(this,"bsChange"),this.bsRangeChange=t(this,"bsRangeChange"),this.internals=this.attachInternals()}get el(){return this}type="default";name;showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;ariaLabel=null;bsChange;bsRangeChange;internals;initial={value:0,valueStart:void 0,valueEnd:void 0};componentWillLoad(){this.initial={value:this.value,valueStart:this.valueStart,valueEnd:this.valueEnd},this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue)if("range"===this.type){const s=new FormData;this.name&&(s.append(this.name,this.effectiveValueStart+""),s.append(this.name,this.effectiveValueEnd+"")),this.internals.setFormValue(s)}else this.internals.setFormValue(this.value+"")}formResetCallback(){this.value=this.initial.value,this.valueStart=this.initial.valueStart,this.valueEnd=this.initial.valueEnd}get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const e=this.clamp(parseFloat(s.target.value));this.value=e,this.bsChange.emit(e)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const e=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=e,this.bsChange.emit(e)};onStartInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};onStartPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};renderPercentField(s,e,i){return r("span",{part:"field",class:"bs-slider__field"},r("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":i,onChange:e}),r("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:r("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,e)=>r("span",{class:"bs-slider__tick "+(0===e?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":s+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),r("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),r("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:s+"%"},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,e=this.effectiveValueEnd,i=this.percent(s),t=this.percent(e),a=this.percent(s)>50;return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":i+"%","--bs-slider-fill-end":t+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"})),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:a?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??"Start value",onInput:this.onStartInputChange,onChange:this.onStartInputChange}),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:a?"3":"4"},min:this.min,max:this.max,step:this.step,value:e,disabled:this.disabled,"aria-label":this.ariaLabel?this.ariaLabel+" end":"End value",onInput:this.onEndInputChange,onChange:this.onEndInputChange}),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:i+"%"},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:t+"%"},"aria-hidden":"true"},Math.round(this.percent(e)),"%"))}render(){const s="range"===this.type,e=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return r("div",{key:"c6648b04d434b95f21b9020ee7eb773c30bad01d",class:e},this.showLabel&&r("div",{key:"441e317ad19da525a721da0529aadd959a73c3ad",class:"bs-slider__header"},r("span",{key:"5ed50642ee23d285a472a701bca67f68a05848fc",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?r("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??"Start value"),r("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?this.ariaLabel+" end":"End value")):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?this.ariaLabel+" value":"Value")),r("div",{key:"2883165b7d7c649f317442a5925300c34b183e63",class:"bs-slider__row"},this.showLabel&&r("span",{key:"7b9d60275fb8e71371277012b4fb460b357da8c8",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&r("span",{key:"1b450b15db44433662a916dd52aaf961217e71dd",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}}static get style(){return":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:var(--bs-spacing-50);background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}"}},[593,"bs-slider",{type:[1],name:[513],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[516],ariaLabel:[1,"aria-label"]},void 0,{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}]);function l(){"undefined"!=typeof customElements&&["bs-slider"].forEach((e=>{"bs-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}l();const d=a,b=l;export{d as BsSlider,b as defineCustomElement}
|
|
1
|
+
import{t as s,p as e,H as i,c as t,h as r}from"./p-CVrEuVFo.js";const a=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsChange=t(this,"bsChange"),this.bsRangeChange=t(this,"bsRangeChange"),this.internals=this.attachInternals()}get el(){return this}type="default";name;showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;ariaLabel=null;bsChange;bsRangeChange;internals;initial={value:0,valueStart:void 0,valueEnd:void 0};componentWillLoad(){this.initial={value:this.value,valueStart:this.valueStart,valueEnd:this.valueEnd},this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue)if("range"===this.type){const s=new FormData;this.name&&(s.append(this.name,this.effectiveValueStart+""),s.append(this.name,this.effectiveValueEnd+"")),this.internals.setFormValue(s)}else this.internals.setFormValue(this.value+"")}formResetCallback(){this.value=this.initial.value,this.valueStart=this.initial.valueStart,this.valueEnd=this.initial.valueEnd}get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const e=this.clamp(parseFloat(s.target.value));this.value=e,this.bsChange.emit(e)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const e=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=e,this.bsChange.emit(e)};onStartInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};onStartPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};renderPercentField(s,e,i){return r("span",{part:"field",class:"bs-slider__field"},r("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":i,onChange:e}),r("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:r("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,e)=>r("span",{class:"bs-slider__tick "+(0===e?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":s+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),r("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),r("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:s+"%"},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,e=this.effectiveValueEnd,i=this.percent(s),t=this.percent(e),a=this.percent(s)>50;return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":i+"%","--bs-slider-fill-end":t+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"})),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:a?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??"Start value",onInput:this.onStartInputChange,onChange:this.onStartInputChange}),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:a?"3":"4"},min:this.min,max:this.max,step:this.step,value:e,disabled:this.disabled,"aria-label":this.ariaLabel?this.ariaLabel+" end":"End value",onInput:this.onEndInputChange,onChange:this.onEndInputChange}),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:i+"%"},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:t+"%"},"aria-hidden":"true"},Math.round(this.percent(e)),"%"))}render(){const s="range"===this.type,e=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return r("div",{key:"7fb6a534e41e91efe00bcba839641550398eed13",class:e},this.showLabel&&r("div",{key:"5892936540c9e4f74dfadd3ad9088ffd2c04fef5",class:"bs-slider__header"},r("span",{key:"220c0db8a2cc5f5f29cf99830fa0b4d30ec90d32",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?r("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??"Start value"),r("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?this.ariaLabel+" end":"End value")):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?this.ariaLabel+" value":"Value")),r("div",{key:"67830218b3aa9d927ab87c4c6ca419b3a24ca0af",class:"bs-slider__row"},this.showLabel&&r("span",{key:"b2569e64400853a503d1566825500f8d10fe0318",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&r("span",{key:"2b5ac8ff8dd48f4db7a0d4db3698bb64a4f9277a",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}}static get style(){return":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:var(--bs-spacing-50);background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}"}},[593,"bs-slider",{type:[1],name:[513],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[516],ariaLabel:[1,"aria-label"]},void 0,{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}]);function l(){"undefined"!=typeof customElements&&["bs-slider"].forEach((e=>{"bs-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}l();const d=a,b=l;export{d as BsSlider,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{B as o,d as s}from"./p-C8yT2Ucq.js";const p=o,r=s;export{p as BsSnackbar,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as r,c as o,h as n}from"./p-
|
|
1
|
+
import{t as e,p as s,H as r,c as o,h as n}from"./p-CVrEuVFo.js";const i=s(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsOpen=o(this,"bsOpen")}fileName="Source";sourceName;version;href;target="_blank";bsOpen;onClick=()=>{this.bsOpen.emit()};render(){const e=[n("span",{key:"4f7296f4d35b7779c91e791a7e674fff3f963239",class:"bs-source-link__left"},n("span",{key:"e8a03fb6ee46d64d8d9b2e86a39d15d36164a23d",class:"bs-source-link__filename-row"},n("span",{key:"16ed535a5ab56b54edab2a39d02659c9be9cfc69",part:"icon",class:"bs-source-link__icon"},n("slot",{key:"56661ab02c9628fd407f364c95db3832d9b86fdd",name:"icon"},n(a,{key:"c7a6f19c9dfee1c8b1e4ef24334c541fd8c88cbd"}))),n("p",{key:"5dac08dcde183f2a714c04cc0e700c4b2778bf7e",part:"filename",class:"bs-source-link__filename"},this.fileName)),n("span",{key:"bc4cd84ea0d990b5c456d7962bce8881cdaaf1b7",class:"bs-source-link__meta"},this.sourceName&&n("span",{key:"94efb5a9ff386f86546ce56dbe2a8b386a342d16",part:"source",class:"bs-source-link__source"},this.sourceName),this.sourceName&&this.version&&n("span",{key:"d084d96de4afe4522fc9ef28c6f870fa49ca68bc",class:"bs-source-link__dot","aria-hidden":"true"}),this.version&&n("span",{key:"e2b976a66185a53dbd682081399ed946e1bbb318",part:"version",class:"bs-source-link__version"},this.version))),n("span",{key:"23f361d9af84c4804e88d7f019623e2223fe7a33",part:"arrow",class:"bs-source-link__arrow","aria-hidden":"true"},n(t,{key:"0316db74234f0c66afc0372d5299b8fd19691163"}))];return this.href?n("a",{class:"bs-source-link",href:this.href,target:this.target,rel:"noopener noreferrer",onClick:this.onClick},e):n("button",{type:"button",class:"bs-source-link",onClick:this.onClick},e)}static get style(){return":host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-inline-start:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}"}},[769,"bs-source-link",{fileName:[1,"file-name"],sourceName:[1,"source-name"],version:[1],href:[1],target:[1]}]),a=()=>n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M9.5 1.5H4C3.73478 1.5 3.48043 1.60536 3.29289 1.79289C3.10536 1.98043 3 2.23478 3 2.5V13.5C3 13.7652 3.10536 14.0196 3.29289 14.2071C3.48043 14.3946 3.73478 14.5 4 14.5H12C12.2652 14.5 12.5196 14.3946 12.7071 14.2071C12.8946 14.0196 13 13.7652 13 13.5V5L9.5 1.5Z",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M9.5 1.5V5H13",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M5.5 8.5H10.5",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M5.5 11H10.5",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"})),t=()=>n("svg",{width:"24",height:"24",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M6.25 13.75L13.75 6.25",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M7.5 6.25H13.75V12.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function c(){"undefined"!=typeof customElements&&["bs-source-link"].forEach((s=>{"bs-source-link"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))}c();const l=i,d=c;export{l as BsSourceLink,d as defineCustomElement}
|