@brandsync/wc 1.15.0 → 1.17.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 +16 -0
- package/REFERENCE.md +313 -0
- package/custom-elements.json +4760 -1555
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-044ac86c.entry.js +1 -0
- package/dist/brandsync-wc/p-065c7e7c.entry.js +1 -0
- package/dist/brandsync-wc/p-07673a48.entry.js +1 -0
- package/dist/brandsync-wc/{p-54f9529f.entry.js → p-08e96f13.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f3cc961b.entry.js → p-0bbaef51.entry.js} +1 -1
- package/dist/brandsync-wc/p-11d80e17.entry.js +1 -0
- package/dist/brandsync-wc/{p-c85fe37b.entry.js → p-1bd99669.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f4d1d56e.entry.js → p-225148be.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6df48031.entry.js → p-2bd30709.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e294f698.entry.js → p-32297416.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d165a742.entry.js → p-35f76ea7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4ca40386.entry.js → p-3bad5e1b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ed71eb02.entry.js → p-3bdeeb9d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1bf8fbbb.entry.js → p-3c6ec5d0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-abfa43f5.entry.js → p-3cb79512.entry.js} +1 -1
- package/dist/brandsync-wc/p-3d2c62a6.entry.js +1 -0
- package/dist/brandsync-wc/{p-23379d7c.entry.js → p-3d7b0708.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2e285364.entry.js → p-43d5f708.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d81c4f58.entry.js → p-4b460eda.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b6081bba.entry.js → p-4eaa9ed4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c25553bc.entry.js → p-4f4c0c68.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a56bc608.entry.js → p-5057e4fe.entry.js} +1 -1
- package/dist/brandsync-wc/p-54d91ac9.entry.js +1 -0
- package/dist/brandsync-wc/{p-65fa1b21.entry.js → p-57ff14ca.entry.js} +1 -1
- package/dist/brandsync-wc/{p-538d5b58.entry.js → p-5b933ff4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b67a0c8f.entry.js → p-5c61eb06.entry.js} +1 -1
- package/dist/brandsync-wc/{p-86774165.entry.js → p-5eb5795f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b663ee67.entry.js → p-61deb48c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ac9472ec.entry.js → p-67f125e8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3488c4fc.entry.js → p-6ea02b98.entry.js} +1 -1
- package/dist/brandsync-wc/p-70c650b2.entry.js +1 -0
- package/dist/brandsync-wc/p-79fc849c.entry.js +1 -0
- package/dist/brandsync-wc/{p-5a45ef51.entry.js → p-7ed071fb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3c21d0bf.entry.js → p-8134f97c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4ed00786.entry.js → p-844205d9.entry.js} +1 -1
- package/dist/brandsync-wc/p-84d6d6eb.entry.js +1 -0
- package/dist/brandsync-wc/{p-401b3d3d.entry.js → p-857987f9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b9c9bcba.entry.js → p-8c4dfccb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-38ac9aad.entry.js → p-90ba3032.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1ca8b01e.entry.js → p-9396c67e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e9b6b30f.entry.js → p-9d740928.entry.js} +1 -1
- package/dist/brandsync-wc/{p-baa3d37a.entry.js → p-a7fa839a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f271e1d2.entry.js → p-a7fb0b59.entry.js} +1 -1
- package/dist/brandsync-wc/{p-89ea6366.entry.js → p-ab14a07d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-912629c6.entry.js → p-aec2dfeb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8390a155.entry.js → p-b02bf1ca.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9beeb30c.entry.js → p-b142d8c9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7a072e64.entry.js → p-b4511ad3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5ed1f45e.entry.js → p-b5710db6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-34b0c048.entry.js → p-baa39c08.entry.js} +1 -1
- package/dist/brandsync-wc/{p-87d44938.entry.js → p-be7aac52.entry.js} +1 -1
- package/dist/brandsync-wc/p-c835afb7.entry.js +1 -0
- package/dist/brandsync-wc/{p-45986ad4.entry.js → p-d25adab2.entry.js} +1 -1
- package/dist/brandsync-wc/p-d2a15599.entry.js +1 -0
- package/dist/brandsync-wc/{p-b9c0b481.entry.js → p-d7956c51.entry.js} +1 -1
- package/dist/brandsync-wc/p-d9184940.entry.js +1 -0
- package/dist/brandsync-wc/{p-0f97fe35.entry.js → p-dcbeb143.entry.js} +1 -1
- package/dist/brandsync-wc/{p-cf287ff1.entry.js → p-debc83cc.entry.js} +1 -1
- package/dist/brandsync-wc/{p-dcacee29.entry.js → p-e0a9f2d1.entry.js} +1 -1
- package/dist/brandsync-wc/p-e123b391.entry.js +1 -0
- package/dist/brandsync-wc/p-e8ae626d.entry.js +1 -0
- package/dist/brandsync-wc/p-e8e22238.entry.js +1 -0
- package/dist/brandsync-wc/{p-6cb21302.entry.js → p-eb0dc5bf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1b4c0971.entry.js → p-f43a7f16.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7b3518b8.entry.js → p-f82a9f0d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f0be9125.entry.js → p-f98dfa85.entry.js} +1 -1
- package/dist/brandsync-wc/{p-36fe783a.entry.js → p-fdc168ec.entry.js} +1 -1
- package/dist/brandsync-wc/{p-bc97ece8.entry.js → p-ffccc1ee.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +1 -1
- package/dist/cjs/bs-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-citation-preview.cjs.entry.js +1 -1
- package/dist/cjs/bs-command-palette.cjs.entry.js +374 -0
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +1 -1
- package/dist/cjs/bs-composer.cjs.entry.js +1 -1
- package/dist/cjs/bs-container.cjs.entry.js +1 -1
- package/dist/cjs/bs-data-table.cjs.entry.js +2 -2
- package/dist/cjs/bs-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/bs-divider.cjs.entry.js +1 -1
- package/dist/cjs/bs-empty-state.cjs.entry.js +47 -0
- package/dist/cjs/bs-error-page.cjs.entry.js +1 -1
- package/dist/cjs/bs-file-upload-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/bs-global-search.cjs.entry.js +326 -0
- package/dist/cjs/bs-grid.cjs.entry.js +2 -2
- package/dist/cjs/bs-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-tile.cjs.entry.js +2 -2
- package/dist/cjs/bs-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-input_3.cjs.entry.js +4 -4
- package/dist/cjs/bs-key-caps.cjs.entry.js +39 -0
- package/dist/cjs/bs-key.cjs.entry.js +28 -0
- package/dist/cjs/bs-keyboard-shortcuts.cjs.entry.js +112 -0
- package/dist/cjs/bs-list-item.cjs.entry.js +66 -0
- package/dist/cjs/bs-list.cjs.entry.js +103 -0
- package/dist/cjs/bs-message-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-message.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-popover.cjs.entry.js +1 -1
- package/dist/cjs/bs-progress-linear.cjs.entry.js +2 -2
- package/dist/cjs/bs-progress.cjs.entry.js +2 -2
- package/dist/cjs/bs-qr-code.cjs.entry.js +1 -1
- package/dist/cjs/bs-radio.cjs.entry.js +1 -1
- package/dist/cjs/bs-search-item.cjs.entry.js +47 -0
- package/dist/cjs/bs-session-timeout.cjs.entry.js +1 -1
- package/dist/cjs/bs-shortcut-row.cjs.entry.js +27 -0
- package/dist/cjs/bs-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-slider.cjs.entry.js +1 -1
- package/dist/cjs/bs-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/bs-source-link.cjs.entry.js +2 -2
- package/dist/cjs/bs-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bs-split-pane.cjs.entry.js +1 -1
- package/dist/cjs/bs-stack.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper-step.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bs-switch.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab_3.cjs.entry.js +3 -3
- package/dist/cjs/bs-timepicker.cjs.entry.js +2 -2
- package/dist/cjs/bs-toast.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip-trigger.cjs.entry.js +1 -1
- package/dist/cjs/bs-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/bs-tree-item.cjs.entry.js +94 -0
- package/dist/cjs/bs-tree.cjs.entry.js +197 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +13 -1
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.js +1 -1
- 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-app-shell/bs-app-shell.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.js +1 -1
- package/dist/collection/components/bs-command-palette/bs-command-palette.cmp.test.js +207 -0
- package/dist/collection/components/bs-command-palette/bs-command-palette.css +214 -0
- package/dist/collection/components/bs-command-palette/bs-command-palette.js +1114 -0
- package/dist/collection/components/bs-command-palette/bs-command-palette.stories.js +194 -0
- package/dist/collection/components/bs-composer/bs-composer.js +1 -1
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +1 -1
- package/dist/collection/components/bs-container/bs-container.js +1 -1
- package/dist/collection/components/bs-data-table/bs-data-table.js +2 -2
- package/dist/collection/components/bs-datepicker/bs-datepicker.js +1 -1
- package/dist/collection/components/bs-divider/bs-divider.js +1 -1
- package/dist/collection/components/bs-empty-state/bs-empty-state.cmp.test.js +102 -0
- package/dist/collection/components/bs-empty-state/bs-empty-state.css +45 -0
- package/dist/collection/components/bs-empty-state/bs-empty-state.js +175 -0
- package/dist/collection/components/bs-empty-state/bs-empty-state.stories.js +52 -0
- package/dist/collection/components/bs-error-page/bs-error-page.js +1 -1
- 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-global-search/bs-global-search.cmp.test.js +491 -0
- package/dist/collection/components/bs-global-search/bs-global-search.css +115 -0
- package/dist/collection/components/bs-global-search/bs-global-search.js +1024 -0
- package/dist/collection/components/bs-global-search/bs-global-search.stories.js +146 -0
- package/dist/collection/components/bs-grid/bs-grid.js +2 -2
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.js +2 -2
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-key/bs-key.cmp.test.js +59 -0
- package/dist/collection/components/bs-key/bs-key.css +58 -0
- package/dist/collection/components/bs-key/bs-key.js +84 -0
- package/dist/collection/components/bs-key/bs-key.stories.js +19 -0
- package/dist/collection/components/bs-key-caps/bs-key-caps.cmp.test.js +60 -0
- package/dist/collection/components/bs-key-caps/bs-key-caps.css +28 -0
- package/dist/collection/components/bs-key-caps/bs-key-caps.js +120 -0
- package/dist/collection/components/bs-key-caps/bs-key-caps.stories.js +29 -0
- package/dist/collection/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.cmp.test.js +194 -0
- package/dist/collection/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.css +138 -0
- package/dist/collection/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.js +485 -0
- package/dist/collection/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.stories.js +111 -0
- package/dist/collection/components/bs-list/bs-list.cmp.test.js +99 -0
- package/dist/collection/components/bs-list/bs-list.css +15 -0
- package/dist/collection/components/bs-list/bs-list.js +241 -0
- package/dist/collection/components/bs-list/bs-list.stories.js +43 -0
- package/dist/collection/components/bs-list-item/bs-list-item.cmp.test.js +137 -0
- package/dist/collection/components/bs-list-item/bs-list-item.css +139 -0
- package/dist/collection/components/bs-list-item/bs-list-item.js +343 -0
- package/dist/collection/components/bs-list-item/bs-list-item.stories.js +86 -0
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.cmp.test.js +6 -0
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
- package/dist/collection/components/bs-message/bs-message.js +1 -1
- package/dist/collection/components/bs-message-list/bs-message-list.js +1 -1
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-popover/bs-popover.js +1 -1
- package/dist/collection/components/bs-progress/bs-progress.js +2 -2
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +2 -2
- package/dist/collection/components/bs-qr-code/bs-qr-code.js +1 -1
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-search-item/bs-search-item.cmp.test.js +147 -0
- package/dist/collection/components/bs-search-item/bs-search-item.css +112 -0
- package/dist/collection/components/bs-search-item/bs-search-item.js +222 -0
- package/dist/collection/components/bs-search-item/bs-search-item.stories.js +31 -0
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.js +1 -1
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.cmp.test.js +60 -0
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.css +42 -0
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js +154 -0
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.stories.js +24 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.js +1 -1
- package/dist/collection/components/bs-slider/bs-slider.js +1 -1
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +1 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-spinner/bs-spinner.js +1 -1
- package/dist/collection/components/bs-split-pane/bs-split-pane.js +1 -1
- package/dist/collection/components/bs-stack/bs-stack.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-switch/bs-switch.js +1 -1
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
- package/dist/collection/components/bs-timepicker/bs-timepicker.js +2 -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-tooltip-trigger/bs-tooltip-trigger.js +1 -1
- package/dist/collection/components/bs-tree/bs-tree.cmp.test.js +166 -0
- package/dist/collection/components/bs-tree/bs-tree.css +8 -0
- package/dist/collection/components/bs-tree/bs-tree.js +354 -0
- package/dist/collection/components/bs-tree/bs-tree.stories.js +34 -0
- package/dist/collection/components/bs-tree-item/bs-tree-item.cmp.test.js +187 -0
- package/dist/collection/components/bs-tree-item/bs-tree-item.css +161 -0
- package/dist/collection/components/bs-tree-item/bs-tree-item.js +305 -0
- package/dist/collection/components/bs-tree-item/bs-tree-item.stories.js +54 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +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-group.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-app-shell.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-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-citation-preview.js +1 -1
- package/dist/components/bs-command-palette.d.ts +11 -0
- package/dist/components/bs-command-palette.js +1 -0
- package/dist/components/bs-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-container.js +1 -1
- package/dist/components/bs-cookie-consent.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-divider.js +1 -1
- package/dist/components/bs-empty-state.d.ts +11 -0
- package/dist/components/bs-empty-state.js +1 -0
- package/dist/components/bs-error-page.js +1 -1
- package/dist/components/bs-file-upload-item.js +1 -1
- package/dist/components/bs-file-upload.js +1 -1
- package/dist/components/bs-global-search.d.ts +11 -0
- package/dist/components/bs-global-search.js +1 -0
- package/dist/components/bs-grid.js +1 -1
- package/dist/components/bs-icon-button.js +1 -1
- package/dist/components/bs-icon-tile.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-key-caps.d.ts +11 -0
- package/dist/components/bs-key-caps.js +1 -0
- package/dist/components/bs-key.d.ts +11 -0
- package/dist/components/bs-key.js +1 -0
- package/dist/components/bs-keyboard-shortcuts.d.ts +11 -0
- package/dist/components/bs-keyboard-shortcuts.js +1 -0
- package/dist/components/bs-list-item.d.ts +11 -0
- package/dist/components/bs-list-item.js +1 -0
- package/dist/components/bs-list.d.ts +11 -0
- package/dist/components/bs-list.js +1 -0
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-message-list.js +1 -1
- package/dist/components/bs-message.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.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-popover.js +1 -1
- package/dist/components/bs-product-tour.js +1 -1
- package/dist/components/bs-progress-linear.js +1 -1
- package/dist/components/bs-progress.js +1 -1
- package/dist/components/bs-qr-code.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-search-item.d.ts +11 -0
- package/dist/components/bs-search-item.js +1 -0
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-shortcut-row.d.ts +11 -0
- package/dist/components/bs-shortcut-row.js +1 -0
- package/dist/components/bs-side-panel.js +1 -1
- package/dist/components/bs-skeleton.js +1 -1
- package/dist/components/bs-slider.js +1 -1
- package/dist/components/bs-snackbar.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-spinner.js +1 -1
- package/dist/components/bs-split-pane.js +1 -1
- package/dist/components/bs-stack.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-trigger.js +1 -1
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/bs-tree-item.d.ts +11 -0
- package/dist/components/bs-tree-item.js +1 -0
- package/dist/components/bs-tree.d.ts +11 -0
- package/dist/components/bs-tree.js +1 -0
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/{p-GTDI4Ibw.js → p-B32Kl4IB.js} +1 -1
- package/dist/components/{p-B128GX8H.js → p-BDnZvjlq.js} +1 -1
- package/dist/components/{p-Bqe4waKJ.js → p-BUpnOUIM.js} +1 -1
- package/dist/components/p-BcYNrEOB.js +1 -0
- package/dist/components/{p-B80vOwH6.js → p-BcbaiZLh.js} +1 -1
- package/dist/components/p-Bp3DIxjT.js +1 -0
- package/dist/components/p-CH5atin4.js +1 -0
- package/dist/components/{p-kDJsWjTN.js → p-CRM1wIX9.js} +1 -1
- package/dist/components/{p-Mf1jorXP.js → p-CYzBTzzf.js} +1 -1
- package/dist/components/p-CervX0wH.js +1 -0
- package/dist/components/{p-ElcsxZSh.js → p-Cpe2k7ZC.js} +1 -1
- package/dist/components/{p-BvYkZcOU.js → p-D7AXo5NT.js} +1 -1
- package/dist/components/{p-B3l4WpgS.js → p-D8bvv9QQ.js} +1 -1
- package/dist/components/{p-ByKcHsj0.js → p-DG9eT5yi.js} +1 -1
- package/dist/components/{p-D0KM1R2i.js → p-DMLfXpva.js} +1 -1
- package/dist/components/{p-CQjSDdH7.js → p-DYDk73TF.js} +1 -1
- package/dist/components/{p-C7RZ6qZC.js → p-DcjgRtSQ.js} +1 -1
- package/dist/components/p-Dt4JNhHT.js +1 -0
- package/dist/components/{p-CK7fiES5.js → p-DtYTs9Kh.js} +1 -1
- package/dist/components/{p-BsbtyRJV.js → p-TAY9S9yG.js} +1 -1
- package/dist/components/{p-ByLUtXxO.js → p-w-DkdA4O.js} +1 -1
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-accordion-group.entry.js +1 -1
- package/dist/esm/bs-ai-disclaimer.entry.js +1 -1
- package/dist/esm/bs-ai-greeting.entry.js +1 -1
- package/dist/esm/bs-ai-thinking.entry.js +1 -1
- package/dist/esm/bs-app-shell.entry.js +1 -1
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +1 -1
- package/dist/esm/bs-chatbot-header.entry.js +1 -1
- package/dist/esm/bs-chatbot-response-action.entry.js +1 -1
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +1 -1
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +1 -1
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-citation-preview.entry.js +1 -1
- package/dist/esm/bs-command-palette.entry.js +372 -0
- package/dist/esm/bs-composer-status-banner.entry.js +1 -1
- package/dist/esm/bs-composer.entry.js +1 -1
- package/dist/esm/bs-container.entry.js +1 -1
- package/dist/esm/bs-data-table.entry.js +2 -2
- package/dist/esm/bs-datepicker.entry.js +1 -1
- package/dist/esm/bs-divider.entry.js +1 -1
- package/dist/esm/bs-empty-state.entry.js +45 -0
- package/dist/esm/bs-error-page.entry.js +1 -1
- package/dist/esm/bs-file-upload-item.entry.js +1 -1
- package/dist/esm/bs-file-upload.entry.js +1 -1
- package/dist/esm/bs-global-search.entry.js +324 -0
- package/dist/esm/bs-grid.entry.js +2 -2
- package/dist/esm/bs-icon-button.entry.js +1 -1
- package/dist/esm/bs-icon-tile.entry.js +2 -2
- package/dist/esm/bs-inline-tab.entry.js +1 -1
- package/dist/esm/bs-input_3.entry.js +4 -4
- package/dist/esm/bs-key-caps.entry.js +37 -0
- package/dist/esm/bs-key.entry.js +26 -0
- package/dist/esm/bs-keyboard-shortcuts.entry.js +110 -0
- package/dist/esm/bs-list-item.entry.js +64 -0
- package/dist/esm/bs-list.entry.js +101 -0
- package/dist/esm/bs-message-list.entry.js +1 -1
- package/dist/esm/bs-message.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +2 -2
- package/dist/esm/bs-navigation-header.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-popover.entry.js +1 -1
- package/dist/esm/bs-progress-linear.entry.js +2 -2
- package/dist/esm/bs-progress.entry.js +2 -2
- package/dist/esm/bs-qr-code.entry.js +1 -1
- package/dist/esm/bs-radio.entry.js +1 -1
- package/dist/esm/bs-search-item.entry.js +45 -0
- package/dist/esm/bs-session-timeout.entry.js +1 -1
- package/dist/esm/bs-shortcut-row.entry.js +25 -0
- package/dist/esm/bs-skeleton.entry.js +1 -1
- package/dist/esm/bs-slider.entry.js +1 -1
- package/dist/esm/bs-snackbar.entry.js +1 -1
- package/dist/esm/bs-source-link.entry.js +2 -2
- package/dist/esm/bs-spinner.entry.js +1 -1
- package/dist/esm/bs-split-pane.entry.js +1 -1
- package/dist/esm/bs-stack.entry.js +1 -1
- package/dist/esm/bs-stepper-step.entry.js +1 -1
- package/dist/esm/bs-stepper.entry.js +1 -1
- package/dist/esm/bs-switch.entry.js +1 -1
- package/dist/esm/bs-tab_3.entry.js +3 -3
- package/dist/esm/bs-timepicker.entry.js +2 -2
- package/dist/esm/bs-toast.entry.js +1 -1
- package/dist/esm/bs-tooltip-trigger.entry.js +1 -1
- package/dist/esm/bs-tooltip.entry.js +1 -1
- package/dist/esm/bs-tree-item.entry.js +92 -0
- package/dist/esm/bs-tree.entry.js +195 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-command-palette/bs-command-palette.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-command-palette/bs-command-palette.d.ts +172 -0
- package/dist/types/components/bs-command-palette/bs-command-palette.stories.d.ts +56 -0
- package/dist/types/components/bs-empty-state/bs-empty-state.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-empty-state/bs-empty-state.d.ts +50 -0
- package/dist/types/components/bs-empty-state/bs-empty-state.stories.d.ts +13 -0
- package/dist/types/components/bs-global-search/bs-global-search.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-global-search/bs-global-search.d.ts +166 -0
- package/dist/types/components/bs-global-search/bs-global-search.stories.d.ts +61 -0
- package/dist/types/components/bs-key/bs-key.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-key/bs-key.d.ts +36 -0
- package/dist/types/components/bs-key/bs-key.stories.d.ts +11 -0
- package/dist/types/components/bs-key-caps/bs-key-caps.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-key-caps/bs-key-caps.d.ts +31 -0
- package/dist/types/components/bs-key-caps/bs-key-caps.stories.d.ts +15 -0
- package/dist/types/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.d.ts +95 -0
- package/dist/types/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.stories.d.ts +43 -0
- package/dist/types/components/bs-list/bs-list.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-list/bs-list.d.ts +42 -0
- package/dist/types/components/bs-list/bs-list.stories.d.ts +13 -0
- package/dist/types/components/bs-list-item/bs-list-item.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-list-item/bs-list-item.d.ts +85 -0
- package/dist/types/components/bs-list-item/bs-list-item.stories.d.ts +22 -0
- package/dist/types/components/bs-search-item/bs-search-item.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-search-item/bs-search-item.d.ts +61 -0
- package/dist/types/components/bs-search-item/bs-search-item.stories.d.ts +13 -0
- package/dist/types/components/bs-shortcut-row/bs-shortcut-row.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-shortcut-row/bs-shortcut-row.d.ts +38 -0
- package/dist/types/components/bs-shortcut-row/bs-shortcut-row.stories.d.ts +13 -0
- package/dist/types/components/bs-tree/bs-tree.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-tree/bs-tree.d.ts +53 -0
- package/dist/types/components/bs-tree/bs-tree.stories.d.ts +11 -0
- package/dist/types/components/bs-tree-item/bs-tree-item.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-tree-item/bs-tree-item.d.ts +60 -0
- package/dist/types/components/bs-tree-item/bs-tree-item.stories.d.ts +19 -0
- package/dist/types/components.d.ts +2700 -199
- package/package.json +1 -1
- package/reference.d.ts +36 -0
- package/reference.json +1076 -47
- package/dist/brandsync-wc/p-769c5b4a.entry.js +0 -1
- package/dist/brandsync-wc/p-e5f50e93.entry.js +0 -1
- package/dist/brandsync-wc/p-e72dd05e.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as s,p as e,H as t,c as a,h as r}from"./p-B2gx7SZk.js";import{d as i}from"./p-DYuzgzxI.js";import{d as l}from"./p-CRtvJlh8.js";import{d as o}from"./p-CervX0wH.js";import{d as n}from"./p-B32Kl4IB.js";import{d as c}from"./p-BcbaiZLh.js";import{d as h}from"./p-D8bvv9QQ.js";import{d as b}from"./p-Bp3DIxjT.js";import{d as p}from"./p-CYzBTzzf.js";import{d}from"./p-D7AXo5NT.js";const u={default:["recent","jump-to"],results:["top-matches","search-in"],empty:[],error:[]},g=["recent","jump-to","top-matches","search-in"];let m=0;const v={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},f=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsInput=a(this,"bsInput"),this.bsSearch=a(this,"bsSearch"),this.bsSelect=a(this,"bsSelect"),this.bsOpenChange=a(this,"bsOpenChange"),this.bsClearRecent=a(this,"bsClearRecent"),this.bsClearSearch=a(this,"bsClearSearch"),this.bsSeeAll=a(this,"bsSeeAll"),this.bsRetry=a(this,"bsRetry")}get el(){return this}id="bs-gs-"+ ++m;itemSeq=0;observer;inputEl;value="";placeholder="Search customers, orders, products…";label;disabled=!1;open=!1;status="default";totalResults;showFooter=!0;listLabel="Search suggestions";recentLabel="Recent searches";jumpToLabel="Jump to";topMatchesLabel="Top matches";searchInLabel="Search in";navigateLabel="Navigate";searchLabel="Search";closeLabel="Close";fullResultsLabel="Full results";clearRecentLabel="Clear recent";seeAllLabel="See all results";emptyHeading="No results";emptyDescription="Try a different search.";clearSearchLabel="Clear search";errorHeading="Search isn’t available right now";errorDescription="We couldn’t reach the server. Your query is kept — try again in a moment.";retryLabel="Try again";filled={recent:!1,"jump-to":!1,"top-matches":!1,"search-in":!1};activeId=null;bsInput;bsSearch;bsSelect;bsOpenChange;bsClearRecent;bsClearSearch;bsSeeAll;bsRetry;resetActive(){this.activeId=null}componentWillLoad(){this.readFilled(),this.prepareItems()}connectedCallback(){document.addEventListener("pointerdown",this.onDocPointerDown,!0),this.observer=new MutationObserver((()=>{this.readFilled(),this.prepareItems(),this.paintActive()})),this.observer.observe(this.el,{childList:!0})}disconnectedCallback(){document.removeEventListener("pointerdown",this.onDocPointerDown,!0),this.observer?.disconnect()}componentDidRender(){this.prepareItems(),this.paintActive()}allItems(){return Array.from(this.el.children).filter((s=>"BS-SEARCH-ITEM"===s.tagName&&g.includes(s.getAttribute("slot"))))}visibleItems(){if(!this.open)return[];const s=this.allItems();return(u[this.status]??[]).flatMap((e=>s.filter((s=>s.getAttribute("slot")===e))))}enabledItems(){return this.visibleItems().filter((s=>!s.disabled))}readFilled(){const s={...this.filled};let e=!1;for(const t of g){const a=Array.from(this.el.children).some((s=>s.getAttribute("slot")===t));s[t]!==a&&(s[t]=a,e=!0)}e&&(this.filled=s)}prepareItems(){for(const s of this.allItems())"option"!==s.selectionRole&&(s.selectionRole="option"),s.id||(s.id=`${this.id}-opt-${++this.itemSeq}`)}paintActive(){for(const s of this.allItems()){const e=!!this.activeId&&s.id===this.activeId;s.active!==e&&(s.active=e)}}setOpen(s){s&&this.disabled||this.open!==s&&(this.open=s,this.bsOpenChange.emit(s))}setActive(s){this.activeId=s?s.id:null,this.paintActive(),s?.scrollIntoView?.({block:"nearest"})}onDocPointerDown=s=>{this.open&&(s.composedPath().includes(this.el)||this.setOpen(!1))};onInput=s=>{s.stopPropagation(),this.value=s.detail,this.activeId=null,this.bsInput.emit(s.detail),this.setOpen(!0)};onKeyDown=s=>{switch(s.key){case"ArrowDown":case"ArrowUp":{if(s.preventDefault(),!this.open)return void this.setOpen(!0);const e=this.enabledItems();if(!e.length)return;const t=e.findIndex((s=>s.id===this.activeId));return void this.setActive(e["ArrowDown"===s.key?(t+1)%e.length:t<=0?e.length-1:t-1])}case"Enter":{const e=this.open?this.enabledItems().find((s=>s.id===this.activeId)):void 0;return void(e?(s.preventDefault(),e.click()):(this.bsSearch.emit(this.value),this.setOpen(!1)))}case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.setOpen(!1)))}};onItemSelect(s){const e=s.target;e&&"BS-SEARCH-ITEM"===e.tagName&&(s.stopPropagation(),this.bsSelect.emit({value:s.detail,section:e.getAttribute("slot")??""}),this.setOpen(!1))}onPanelMouseOver=s=>{const e=s.composedPath().find((s=>"BS-SEARCH-ITEM"===s.tagName));e&&!e.disabled&&e.id!==this.activeId&&this.setActive(e)};clearSearch=()=>{this.value="",this.bsClearSearch.emit(),this.inputEl?.focus()};sectionLabel(s){return{recent:this.recentLabel,"jump-to":this.jumpToLabel,"top-matches":this.topMatchesLabel,"search-in":this.searchInLabel}[s]}renderHint(s,e){return r("span",{part:"hint",class:"bs-global-search__hint"},s,r("span",{class:"bs-global-search__hint-text"},e))}renderFooter(){const s="number"==typeof this.totalResults,e=r("bs-key",null,r("svg",{slot:"icon",...v},r("path",{d:"M9 14 4 9l5-5"}),r("path",{d:"M4 9h10.5a5.5 5.5 0 0 1 0 11H11"})));return"results"===this.status?r("div",{part:"footer",class:"bs-global-search__footer"},r("div",{part:"see-all",class:"bs-global-search__action",onClick:this.onActionWrapperClick((()=>this.seeAll()))},r("bs-button",{class:"bs-global-search__text-button",variant:"subtle",size:"sm",onClick:()=>this.seeAll()},s?`See all ${this.totalResults} results`:this.seeAllLabel)),r("span",{class:"bs-global-search__spacer"}),this.renderHint([e],this.fullResultsLabel)):r("div",{part:"footer",class:"bs-global-search__footer"},this.renderHint([r("bs-key",null,r("svg",{slot:"icon",...v},r("path",{d:"M12 19V5M5 12l7-7 7 7"}))),r("bs-key",null,r("svg",{slot:"icon",...v},r("path",{d:"M12 5v14M5 12l7 7 7-7"})))],this.navigateLabel),this.renderHint([e],this.searchLabel),this.renderHint([r("bs-key",{label:"Esc"})],this.closeLabel),r("span",{class:"bs-global-search__spacer"}),this.filled.recent&&r("div",{part:"clear-recent",class:"bs-global-search__action",onClick:this.onActionWrapperClick((()=>this.bsClearRecent.emit()))},r("bs-button",{class:"bs-global-search__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsClearRecent.emit()},this.clearRecentLabel)))}seeAll(){this.bsSeeAll.emit(),this.setOpen(!1)}onActionWrapperClick=s=>e=>{e.target===e.currentTarget&&s()};renderStateBlock(s){const e="empty"===s;return r("slot",{name:s},r("bs-empty-state",{part:"empty",intent:e?"default":"error",heading:e?this.emptyHeading:this.errorHeading,description:e?this.emptyDescription:this.errorDescription},e?r("svg",{slot:"icon",...v},r("circle",{cx:"11",cy:"11",r:"7"}),r("path",{d:"m20 20-3.5-3.5"})):r("svg",{slot:"icon",...v},r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 7.5v5M12 16.2v.1"})),r("bs-button",{slot:"action",variant:"outlined",onClick:()=>e?this.clearSearch():this.bsRetry.emit()},e?this.clearSearchLabel:this.retryLabel)))}announcement(){return this.open?"results"===this.status?"number"==typeof this.totalResults?this.totalResults+" results":"":"empty"===this.status?this.emptyHeading:"error"===this.status?this.errorHeading:"":""}render(){const s=(u[this.status]??[]).filter((s=>this.filled[s])),e=s.length>0,t=this.id+"-listbox",a="default"===this.status||"results"===this.status,i=this.showFooter&&a;return r("div",{key:"dd4477e08b51d52d5309150c4e95f0e560411a05",class:"bs-global-search"},r("div",{key:"a37363a1076c4fab1676d4801a0f9751528b42d0",part:"field",class:"bs-global-search__field",role:"combobox","aria-label":this.label||this.placeholder,"aria-expanded":(this.open&&e)+"","aria-haspopup":"listbox","aria-controls":this.open&&e?t:void 0,"aria-activedescendant":this.open&&this.activeId?this.activeId:void 0,onKeyDown:this.onKeyDown,onFocusin:()=>this.setOpen(!0),onClick:()=>this.setOpen(!0)},r("bs-input",{key:"c0a4d130a36937c90c95659b439eef20655a6c99",ref:s=>this.inputEl=s,type:"search",value:this.value,placeholder:this.placeholder,disabled:this.disabled,onBsInput:this.onInput})),this.open&&r("div",{key:"f85e3f63bf82a5de2648e8fa60f4fd4df288ec3b",part:"panel",class:"bs-global-search__panel",onMouseDown:s=>s.preventDefault(),onMouseOver:this.onPanelMouseOver},a&&e&&r("div",{key:"cc926315b2b1d2ad62026531a4174cb84df713a8",id:t,class:"bs-global-search__list",role:"listbox","aria-label":this.listLabel},s.map((s=>{const e=`${this.id}-h-${s}`;return r("div",{part:"section",class:"bs-global-search__section",role:"group","aria-labelledby":e},r("div",{part:"section-header",id:e,class:"bs-global-search__section-header"},this.sectionLabel(s)),r("slot",{name:s}))}))),"empty"===this.status&&this.renderStateBlock("empty"),"error"===this.status&&this.renderStateBlock("error"),i&&this.renderFooter()),r("span",{key:"4bf9f7fc2a00853aee7b48328819ef0a9181d668",class:"bs-global-search__live","aria-live":"polite"},this.announcement()))}static get watchers(){return{status:[{resetActive:0}],open:[{resetActive:0}]}}static get style(){return":host{display:block;position:relative;box-sizing:border-box;width:var(--bs-global-search-width);max-width:100%;--bs-global-search-width:480px;--bs-global-search-panel-radius:var(--bs-border-radius-100);--bs-global-search-panel-padding:var(--bs-spacing-100);--bs-global-search-gap:var(--bs-spacing-100);--bs-global-search-panel-bg:var(--bs-surface-base);--bs-global-search-shadow:0 var(--bs-shadow-position-50) var(--bs-shadow-blur-100) 0 var(--bs-elevation-high);--bs-global-search-z-index:var(--bs-z-index-dropdown);--bs-global-search-divider-color:var(--bs-border-default);--bs-global-search-header-border-color:var(--bs-border-neutral-container);--bs-global-search-header-color:var(--bs-text-muted);--bs-global-search-hint-color:var(--bs-text-secondary)}.bs-global-search{position:relative}.bs-global-search__field bs-input{width:100%}.bs-global-search__panel{position:absolute;top:calc(100% + var(--bs-global-search-gap));left:0;right:0;z-index:var(--bs-global-search-z-index);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-global-search-gap);padding:var(--bs-global-search-panel-padding);overflow:clip;border-radius:var(--bs-global-search-panel-radius);background:var(--bs-global-search-panel-bg);box-shadow:var(--bs-global-search-shadow)}.bs-global-search__list{display:flex;flex-direction:column;gap:var(--bs-global-search-gap)}.bs-global-search__section{display:flex;flex-direction:column}.bs-global-search__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-global-search-header-border-color);color:var(--bs-global-search-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-global-search__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);border-top:1px solid var(--bs-global-search-divider-color)}.bs-global-search__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-global-search-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-global-search__spacer{flex:1 1 0}.bs-global-search__action{display:flex;align-items:center;min-height:44px;cursor:pointer}.bs-global-search__text-button{--bs-button-height-sm:32px;--bs-button-padding-x-sm:var(--bs-spacing-150);--bs-button-radius:var(--bs-border-radius-100);--bs-button-subtle-color:var(--bs-text-default)}.bs-global-search__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}"}},[769,"bs-global-search",{value:[1025],placeholder:[1],label:[1],disabled:[516],open:[1540],status:[513],totalResults:[2,"total-results"],showFooter:[4,"show-footer"],listLabel:[1,"list-label"],recentLabel:[1,"recent-label"],jumpToLabel:[1,"jump-to-label"],topMatchesLabel:[1,"top-matches-label"],searchInLabel:[1,"search-in-label"],navigateLabel:[1,"navigate-label"],searchLabel:[1,"search-label"],closeLabel:[1,"close-label"],fullResultsLabel:[1,"full-results-label"],clearRecentLabel:[1,"clear-recent-label"],seeAllLabel:[1,"see-all-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],clearSearchLabel:[1,"clear-search-label"],errorHeading:[1,"error-heading"],errorDescription:[1,"error-description"],retryLabel:[1,"retry-label"],filled:[32],activeId:[32]},[[0,"bsItemSelect","onItemSelect"]],{status:[{resetActive:0}],open:[{resetActive:0}]}]);function y(){"undefined"!=typeof customElements&&["bs-global-search","bs-button","bs-chip-informative","bs-empty-state","bs-icon-button","bs-icon-tile","bs-input","bs-key","bs-menu","bs-menu-item"].forEach((e=>{switch(e){case"bs-global-search":customElements.get(s(e))||customElements.define(s(e),f);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-chip-informative":customElements.get(s(e))||l();break;case"bs-empty-state":customElements.get(s(e))||o();break;case"bs-icon-button":customElements.get(s(e))||n();break;case"bs-icon-tile":customElements.get(s(e))||c();break;case"bs-input":customElements.get(s(e))||h();break;case"bs-key":customElements.get(s(e))||b();break;case"bs-menu":customElements.get(s(e))||p();break;case"bs-menu-item":customElements.get(s(e))||d()}}))}y();const _=f,x=y;export{_ as BsGlobalSearch,x as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as i,h as r}from"./p-B2gx7SZk.js";const
|
|
1
|
+
import{t,p as s,H as i,h as r}from"./p-B2gx7SZk.js";const n=["0","25","50","75","100","150","200","250","300","350","400","500","550","600","700","800","1000","1200","1500"],e=["start","center","end","stretch"],a=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}columns="1";gap="100";rowGap;columnGap;minColumnWidth;align="stretch";template(){const t=this.minColumnWidth?.trim();if(t)return`repeat(auto-fit, minmax(min(100%, ${t}), 1fr))`;const s=(this.columns??"1").trim();if(/^\d+$/.test(s)){const t=parseInt(s,10);return`repeat(${t>0?t:1}, minmax(0, 1fr))`}return s||"repeat(1, minmax(0, 1fr))"}token(t){const s=t?.trim();return`var(--bs-spacing-${s&&n.includes(s)?s:"100"})`}render(){const t=`var(--bs-grid-gap, ${this.token(this.gap)})`,s=this.rowGap?this.token(this.rowGap):t,i=this.columnGap?this.token(this.columnGap):t,n=e.includes(this.align)?this.align:"stretch";return r("div",{key:"0799adbc2484f270db8ca5c2cadc1a0ec55ecbc0",class:"bs-grid",part:"container",style:{gridTemplateColumns:this.template(),rowGap:`var(--bs-grid-row-gap, ${s})`,columnGap:`var(--bs-grid-column-gap, ${i})`,alignItems:n}},r("slot",{key:"90d4940c5b1870df9eaae616f8fbe3738f025a3b"}))}static get style(){return":host{display:block;min-width:0}.bs-grid{display:grid;width:100%;box-sizing:border-box}"}},[769,"bs-grid",{columns:[513],gap:[513],rowGap:[513,"row-gap"],columnGap:[513,"column-gap"],minColumnWidth:[513,"min-column-width"],align:[513]}]);function o(){"undefined"!=typeof customElements&&["bs-grid"].forEach((s=>{"bs-grid"===s&&(customElements.get(t(s))||customElements.define(t(s),a))}))}o();const c=a,m=o;export{c as BsGrid,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-B32Kl4IB.js";const p=o,r=s;export{p as BsIconButton,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-BcbaiZLh.js";const a=o,p=s;export{a as BsIconTile,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as n,H as e,c as a,h as b}from"./p-B2gx7SZk.js";const t=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsSelect=a(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((n=>n.nodeType===Node.ELEMENT_NODE?n.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return b("button",{key:"
|
|
1
|
+
import{t as i,p as n,H as e,c as a,h as b}from"./p-B2gx7SZk.js";const t=n(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsSelect=a(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((n=>n.nodeType===Node.ELEMENT_NODE?n.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return b("button",{key:"ec19773b2ad2363cb5f6dc1f3f845db3755c3d13",type:"button",part:"tab",role:"tab",class:`bs-inline-tab ${this.selected?"bs-inline-tab--selected":""} ${this.disabled?"bs-inline-tab--disabled":""} ${this.hasIcon&&!this.hasLabel?"bs-inline-tab--icon-only":""} ${this.hasIcon?"bs-inline-tab--has-icon":""}`,disabled:this.disabled,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},b("span",{key:"561fa96dd2f01fe03b1bdb30675be98aec9e33ef",part:"icon",class:"bs-inline-tab__icon "+(this.hasIcon?"bs-inline-tab__icon--has-content":"")},b("slot",{key:"c1f0d97a04e41fccd22fb412b3019fd0d63b0cc6",name:"icon",onSlotchange:this.onIconSlotchange})),b("span",{key:"07f4873273ef9e91c472344bbdf97b6915d4b14f",part:"label",class:"bs-inline-tab__label "+(this.hasLabel?"bs-inline-tab__label--has-content":"")},b("slot",{key:"3bc180fa828034358155abd397aa68661f09fcf3",onSlotchange:this.onLabelSlotchange})))}static get style(){return":host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-inline-start:var(--bs-inline-tab-padding-left-with-icon);padding-inline-end:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}"}},[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],value:[513],tabbable:[4],hasIcon:[32],hasLabel:[32]}]);function s(){"undefined"!=typeof customElements&&["bs-inline-tab"].forEach((n=>{"bs-inline-tab"===n&&(customElements.get(i(n))||customElements.define(i(n),t))}))}s();const l=t,o=s;export{l as BsInlineTab,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as s}from"./p-D8bvv9QQ.js";const p=o,r=s;export{p as BsInput,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsKeyCaps extends Components.BsKeyCaps, HTMLElement {}
|
|
4
|
+
export const BsKeyCaps: {
|
|
5
|
+
prototype: BsKeyCaps;
|
|
6
|
+
new (): BsKeyCaps;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as o,d as s}from"./p-Dt4JNhHT.js";const t=o,p=s;export{t as BsKeyCaps,p as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsKey extends Components.BsKey, HTMLElement {}
|
|
4
|
+
export const BsKey: {
|
|
5
|
+
prototype: BsKey;
|
|
6
|
+
new (): BsKey;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as o,d as p}from"./p-Bp3DIxjT.js";const s=o,r=p;export{s as BsKey,r as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsKeyboardShortcuts extends Components.BsKeyboardShortcuts, HTMLElement {}
|
|
4
|
+
export const BsKeyboardShortcuts: {
|
|
5
|
+
prototype: BsKeyboardShortcuts;
|
|
6
|
+
new (): BsKeyboardShortcuts;
|
|
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 s,p as e,H as t,c as o,h as a}from"./p-B2gx7SZk.js";import{d as r}from"./p-DvNED6Lb.js";import{d as i}from"./p-CRtvJlh8.js";import{d as c}from"./p-B32Kl4IB.js";import{d as b}from"./p-D8bvv9QQ.js";import{d}from"./p-Bp3DIxjT.js";import{d as h}from"./p-Dt4JNhHT.js";import{d as n}from"./p-CYzBTzzf.js";import{d as l}from"./p-D7AXo5NT.js";import{d as u}from"./p-CH5atin4.js";import{d as y}from"./p-DMLfXpva.js";let p=0;const f=s=>Array.isArray(s)?s.filter((s=>""!==s)):((s??"")+"").split("+").map((s=>s.trim())).filter(Boolean),k=s=>{if(void 0!==s.singleKey)return s.singleKey;const e=f(s.keys);return 1===e.length&&1===e[0].length},g=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsClose=o(this,"bsClose"),this.bsQueryChange=o(this,"bsQueryChange"),this.bsSingleKeyChange=o(this,"bsSingleKeyChange")}id="bs-ks-"+ ++p;groups=[];heading="Keyboard shortcuts";closeLabel="Close";searchPlaceholder="Search for an action";query="";showSingleKeySwitch=!0;singleKeyEnabled=!0;singleKeyLabel="Single-key shortcuts";singleKeyDescription="Turn off if they clash with a screen reader or other tools.";showFooterHint=!0;footerKey="?";footerText="anywhere to open this list. On Mac: Cmd instead of Ctrl.";footerPrefix="Press";noResultsText="No shortcuts match";bsClose;bsQueryChange;bsSingleKeyChange;visibleGroups(){const s=(this.query??"").trim().toLowerCase(),e=this.groups??[];return s?e.map((e=>({...e,shortcuts:(e.shortcuts??[]).filter((e=>e.action.toLowerCase().includes(s)||f(e.keys).join("+").toLowerCase().includes(s)))}))).filter((s=>s.shortcuts.length)):e.filter((s=>s.shortcuts?.length))}columns(s){const e=s.reduce(((s,e)=>s+e.shortcuts.length),0),t=[[],[]];let o=0;for(const a of s)t[o+a.shortcuts.length/2<=e/2?0:1].push(a),o+=a.shortcuts.length;return t[1].length?t:[t[0]]}onKeyDown=s=>{"Escape"===s.key&&this.bsClose.emit()};onInput=s=>{this.query=s.detail,this.bsQueryChange.emit(s.detail)};onSwitch=s=>{this.singleKeyEnabled=s.detail,this.bsSingleKeyChange.emit(s.detail)};render(){const s=this.visibleGroups(),e=s.reduce(((s,e)=>s+e.shortcuts.length),0),t=this.columns(s),o=this.id+"-heading",r=0===e&&""!==(this.query??"").trim();let i=0;return a("bs-card",{key:"602e1b2fbeb09dc848435562c3188f784a96a26f",part:"container",class:"bs-keyboard-shortcuts",surface:"base",role:"region","aria-labelledby":o,onKeyDown:this.onKeyDown},a("div",{key:"1ad1ad5d14769b755362b1c965390d929d190a81",class:"bs-keyboard-shortcuts__body"},a("div",{key:"86e635b3e14a47fa5df69983f9fab132ab8b334c",part:"head",class:"bs-keyboard-shortcuts__head"},a("svg",{key:"1b7c59483a38971e214126b309e2f62c7f69457c",class:"bs-keyboard-shortcuts__icon",viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("rect",{key:"e70a9a55b1fa027dbaa50870dd79d2c2b4805efd",x:"2",y:"5",width:"20",height:"14",rx:"2"}),a("path",{key:"17c1bf9e1f044b802f1538a70da58334e1b328c4",d:"M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6"})),a("h4",{key:"06466a27347a74bb61ab23f0a57ec19b8fd3feb7",part:"heading",id:o,class:"bs-keyboard-shortcuts__heading"},a("slot",{key:"307d0611ceffa704345f1a138796e76df9101162",name:"heading"},this.heading)),a("bs-icon-button",{key:"a9126801a045b8e95301a2fd6cfcbae20e9ef29b",part:"close",variant:"subtle",size:"md","aria-label":this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"472f6467736f6baadd13ed4f723107be92dc9147",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"b20530074ac46a1764f613f02c9aca7be9771c40",d:"M6 6l12 12M18 6 6 18"})))),a("bs-input",{key:"94eb5e7ac066359e150681a0b9016da7e98d45b0",part:"search",type:"search",placeholder:this.searchPlaceholder,value:this.query,onBsInput:this.onInput}),this.showSingleKeySwitch&&a("div",{key:"b51f32af80233153e3f2e957e364e82e8458b0d5",part:"switch",class:"bs-keyboard-shortcuts__switch"},a("div",{key:"5c043a1b80b20fc9b636b293a3e0782807d3fa0c",class:"bs-keyboard-shortcuts__switch-text"},a("span",{key:"bcc7015e1084d3479ff257fdc50e12b813d90bbd",class:"bs-keyboard-shortcuts__switch-title"},this.singleKeyLabel),a("span",{key:"43b88ef5e2368da7f1304c6c6c05c125a87132f8",class:"bs-keyboard-shortcuts__switch-caption"},this.singleKeyDescription)),a("bs-switch",{key:"b7d95ac144d87947f64199ea9cf83eb108a2f00c",ariaLabel:this.singleKeyLabel,checked:this.singleKeyEnabled,onBsChange:this.onSwitch})),a("span",{key:"d6d155b36ca413bca0978addbe1a82370d71c645",class:"bs-keyboard-shortcuts__live","aria-live":"polite"},`${e} shortcut${1===e?"":"s"}`),r?a("p",{part:"empty",class:"bs-keyboard-shortcuts__empty",role:"status"},this.noResultsText):a("div",{part:"groups",class:"bs-keyboard-shortcuts__groups"},t.map((s=>a("div",{class:"bs-keyboard-shortcuts__column"},s.map((s=>{const e=`${this.id}-g${i++}`;return a("div",{part:"group",class:"bs-keyboard-shortcuts__group",role:"group","aria-labelledby":e},a("div",{part:"group-title",id:e,class:"bs-keyboard-shortcuts__group-title"},s.title),a("div",{class:"bs-keyboard-shortcuts__rows",role:"list"},s.shortcuts.map((s=>a("bs-shortcut-row",{part:"row",action:s.action,keys:s.keys,selectionRole:"listitem",disabled:!!s.disabled||!this.singleKeyEnabled&&k(s)})))))})))))),this.showFooterHint&&a("div",{key:"b61974f27c2909fe207e3e604b06ed408516a810",part:"footer",class:"bs-keyboard-shortcuts__footer"},a("slot",{key:"44c2ddc9cd9e99418ee4edaf030e51f663bee47b",name:"footer"},a("span",{key:"9679714a84380363982b4d7111bdc424547e4aa8"},this.footerPrefix),a("bs-key",{key:"2945e09a15994b15753bad68530700020e666968",label:this.footerKey}),a("span",{key:"90fe405d4aeebb0dbd31d291e85dee48c12f6258"},this.footerText)))))}static get style(){return":host{display:block;width:var(--bs-keyboard-shortcuts-width);min-width:var(--bs-keyboard-shortcuts-width);box-sizing:border-box;--bs-keyboard-shortcuts-width:720px;--bs-keyboard-shortcuts-bg:var(--bs-surface-base);--bs-keyboard-shortcuts-radius:var(--bs-border-radius-150);--bs-keyboard-shortcuts-padding:var(--bs-spacing-200);--bs-keyboard-shortcuts-gap:var(--bs-spacing-200);--bs-keyboard-shortcuts-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-100) 0 var(--bs-elevation-higher);--bs-keyboard-shortcuts-column-gap:var(--bs-spacing-600);--bs-keyboard-shortcuts-color:var(--bs-text-default);--bs-keyboard-shortcuts-color-secondary:var(--bs-text-secondary)}.bs-keyboard-shortcuts{display:block;--bs-card-bg:var(--bs-keyboard-shortcuts-bg);--bs-card-radius:var(--bs-keyboard-shortcuts-radius);--bs-card-padding:var(--bs-keyboard-shortcuts-padding);--bs-card-shadow:var(--bs-keyboard-shortcuts-shadow);--bs-card-overflow:visible;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__body{display:flex;flex-direction:column;gap:var(--bs-keyboard-shortcuts-gap)}.bs-keyboard-shortcuts__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-keyboard-shortcuts__icon{flex-shrink:0;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__heading{flex:1;margin:0;color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-keyboard-shortcuts__switch{display:flex;align-items:center;gap:var(--bs-spacing-200)}.bs-keyboard-shortcuts__switch-text{flex:1;display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__switch-title{color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__switch-caption{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-keyboard-shortcuts__groups{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--bs-keyboard-shortcuts-column-gap);align-items:start}.bs-keyboard-shortcuts__column{display:flex;flex-direction:column;gap:var(--bs-spacing-200);min-width:0}.bs-keyboard-shortcuts__group{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__group-title{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__rows{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__empty{margin:0;color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__footer{display:flex;align-items:center;gap:var(--bs-spacing-75);color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);white-space:nowrap}"}},[769,"bs-keyboard-shortcuts",{groups:[16],heading:[1],closeLabel:[1,"close-label"],searchPlaceholder:[1,"search-placeholder"],query:[1025],showSingleKeySwitch:[4,"show-single-key-switch"],singleKeyEnabled:[1540,"single-key-enabled"],singleKeyLabel:[1,"single-key-label"],singleKeyDescription:[1,"single-key-description"],showFooterHint:[4,"show-footer-hint"],footerKey:[1,"footer-key"],footerText:[1,"footer-text"],footerPrefix:[1,"footer-prefix"],noResultsText:[1,"no-results-text"]}]);function m(){"undefined"!=typeof customElements&&["bs-keyboard-shortcuts","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-key","bs-key-caps","bs-menu","bs-menu-item","bs-shortcut-row","bs-switch"].forEach((e=>{switch(e){case"bs-keyboard-shortcuts":customElements.get(s(e))||customElements.define(s(e),g);break;case"bs-card":customElements.get(s(e))||r();break;case"bs-chip-informative":customElements.get(s(e))||i();break;case"bs-icon-button":customElements.get(s(e))||c();break;case"bs-input":customElements.get(s(e))||b();break;case"bs-key":customElements.get(s(e))||d();break;case"bs-key-caps":customElements.get(s(e))||h();break;case"bs-menu":customElements.get(s(e))||n();break;case"bs-menu-item":customElements.get(s(e))||l();break;case"bs-shortcut-row":customElements.get(s(e))||u();break;case"bs-switch":customElements.get(s(e))||y()}}))}m();const v=g,_=m;export{v as BsKeyboardShortcuts,_ as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsListItem extends Components.BsListItem, HTMLElement {}
|
|
4
|
+
export const BsListItem: {
|
|
5
|
+
prototype: BsListItem;
|
|
6
|
+
new (): BsListItem;
|
|
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 s,H as e,c as i,h as a,d as l}from"./p-B2gx7SZk.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsItemClick=i(this,"bsItemClick")}get el(){return this}label=null;description=null;supportText=null;selected=!1;disabled=!1;showArrow=!1;value=null;interactive=!1;selectionRole=null;hasLeading=!1;hasTrailing=!1;hasDefault=!1;bsItemClick;get isInteractive(){return"option"===this.selectionRole||this.interactive}activate(){!this.disabled&&this.isInteractive&&this.bsItemClick.emit(this.value)}onClick(){this.activate()}onKeyDown(t){t.target===this.el&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.activate()))}slotHas=t=>t.target.assignedNodes({flatten:!0}).some((t=>1===t.nodeType||""!==(t.textContent||"").trim()));render(){const t=this.showArrow||this.hasTrailing;return a(l,{key:"59d3a6773689bc3c4fb99ca0b77ce1092b4ceb5b",role:"option"===this.selectionRole?"option":"listitem"===this.selectionRole?"listitem":this.interactive?"button":void 0,tabindex:!this.interactive||this.selectionRole||this.disabled?void 0:"0","aria-selected":"option"===this.selectionRole?this.selected+"":void 0,"aria-disabled":this.disabled?"true":void 0,class:{"bs-list-item--interactive":this.isInteractive&&!this.disabled}},a("div",{key:"bbee5cf94e2c79eaf366d086e6fff408c67a76f6",part:"container",class:"bs-list-item"},a("div",{key:"df128d2c35849b418e06ee7b7ce7b80264f3b89f",part:"leading",class:{"bs-list-item__leading":!0,"bs-list-item__leading--has-content":this.hasLeading}},a("slot",{key:"c400cac549e869eac94234e7124869f08c20b048",name:"leading",onSlotchange:t=>this.hasLeading=this.slotHas(t)})),a("div",{key:"52238416ca1baa76d4bc86b37047d1c8159f47f3",part:"content",class:"bs-list-item__content"},!this.hasDefault&&this.label&&a("div",{key:"a71711e9f393238c02a2649aad95ce97cc07e8ce",part:"label",class:"bs-list-item__label"},this.label),!this.hasDefault&&this.description&&a("div",{key:"f9a73d15763f95e1b72b1a8bae00851695dbd212",part:"description",class:"bs-list-item__description"},this.description),!this.hasDefault&&this.supportText&&a("div",{key:"f122f30aead7789821a8a9c1920ce6714755652f",part:"support-text",class:"bs-list-item__support"},this.supportText),a("slot",{key:"675ab1d812dd111ea5797a1f8b84494d5f0188cf",onSlotchange:t=>this.hasDefault=this.slotHas(t)})),a("div",{key:"d62bd229a2a137a025052f1dbf6b354e52faf491",part:"trailing",class:{"bs-list-item__trailing":!0,"bs-list-item__trailing--shown":t}},a("slot",{key:"2e325bbc97ed61b720e64251f6f2efb10708b60f",name:"trailing",onSlotchange:t=>this.hasTrailing=this.slotHas(t)},this.showArrow&&a("svg",{key:"5dd8afe5a8dd99cec88ecaf5f537f6c8ca6acf6c",viewBox:"0 0 32 32",width:"32",height:"32",fill:"none","aria-hidden":"true"},a("path",{key:"3a9985b0f82f62adf59c52b37459719208e28de4",d:"M12 7L21 16L12 25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))))}static get style(){return":host{display:block;width:100%;box-sizing:border-box;outline:none;color:var(--bs-list-item-color);--bs-list-item-min-height:var(--bs-spacing-1000);--bs-list-item-padding-y:var(--bs-spacing-150);--bs-list-item-padding-x:var(--bs-spacing-200);--bs-list-item-gap:var(--bs-spacing-200);--bs-list-item-content-gap:var(--bs-spacing-25);--bs-list-item-radius:var(--bs-border-radius-100);--bs-list-item-bg:transparent;--bs-list-item-bg-hover:var(--bs-surface-hover);--bs-list-item-bg-pressed:var(--bs-surface-pressed);--bs-list-item-bg-focus:var(--bs-surface-focus);--bs-list-item-bg-selected:var(--bs-surface-selected);--bs-list-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-list-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-list-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-list-item-bg-disabled:var(--bs-surface-action-disabled);--bs-list-item-color:var(--bs-text-default);--bs-list-item-color-disabled:var(--bs-text-on-disabled);--bs-list-item-focus-ring:var(--bs-border-neutral-focus);--bs-list-item-image-width:72px;--bs-list-item-image-height:56px}.bs-list-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-list-item-gap);width:100%;min-height:var(--bs-list-item-min-height);padding:var(--bs-list-item-padding-y) var(--bs-list-item-padding-x);border-radius:var(--bs-list-item-radius);overflow:clip;background:var(--bs-list-item-bg);color:var(--bs-list-item-color);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host([selected]) .bs-list-item{background:var(--bs-list-item-bg-selected)}:host(.bs-list-item--interactive){cursor:pointer}:host(.bs-list-item--interactive:hover) .bs-list-item{background:var(--bs-list-item-bg-hover)}:host(.bs-list-item--interactive[selected]:hover) .bs-list-item{background:var(--bs-list-item-bg-selected-hover)}:host(.bs-list-item--interactive:active) .bs-list-item{background:var(--bs-list-item-bg-pressed)}:host(.bs-list-item--interactive[selected]:active) .bs-list-item{background:var(--bs-list-item-bg-selected-pressed)}:host(:focus-visible) .bs-list-item{background:var(--bs-list-item-bg-focus);outline:2px solid var(--bs-list-item-focus-ring);outline-offset:2px}:host([selected]:focus-visible) .bs-list-item{background:var(--bs-list-item-bg-selected-focus)}:host([disabled]){color:var(--bs-list-item-color-disabled);cursor:default}:host([disabled]) .bs-list-item{background:var(--bs-list-item-bg-disabled);color:var(--bs-list-item-color-disabled)}:host([disabled]) ::slotted(img),:host([disabled]) ::slotted(bs-avatar){opacity:0.5}.bs-list-item__leading{display:none;flex-shrink:0;align-items:center}.bs-list-item__leading--has-content{display:flex}::slotted(img[slot='leading']){display:block;width:var(--bs-list-item-image-width);height:var(--bs-list-item-image-height);border-radius:var(--bs-border-radius-100);object-fit:cover}::slotted(svg[slot='leading']){width:32px;height:32px}.bs-list-item__content{display:flex;flex-direction:column;gap:var(--bs-list-item-content-gap);flex:1 1 0;min-width:0}.bs-list-item__label{font-weight:var(--bs-font-weight-semibold)}.bs-list-item__description,.bs-list-item__support{font-weight:var(--bs-font-weight-regular)}.bs-list-item__trailing{display:none;flex-shrink:0;align-items:center;height:32px}.bs-list-item__trailing--shown{display:flex}@media (prefers-reduced-motion: reduce){.bs-list-item{transition:none}}"}},[769,"bs-list-item",{label:[1],description:[1],supportText:[1,"support-text"],selected:[1540],disabled:[516],showArrow:[4,"show-arrow"],value:[1],interactive:[516],selectionRole:[1,"selection-role"],hasLeading:[32],hasTrailing:[32],hasDefault:[32]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]);function o(){"undefined"!=typeof customElements&&["bs-list-item"].forEach((s=>{"bs-list-item"===s&&(customElements.get(t(s))||customElements.define(t(s),r))}))}o();const b=r,d=o;export{b as BsListItem,d as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsList extends Components.BsList, HTMLElement {}
|
|
4
|
+
export const BsList: {
|
|
5
|
+
prototype: BsList;
|
|
6
|
+
new (): BsList;
|
|
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 s,H as e,c as i,h as l}from"./p-B2gx7SZk.js";const n=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange")}get el(){return this}selectable=!1;value=null;dividers=!1;ariaLabel=null;bsChange;onChange(){this.sync()}componentDidLoad(){this.sync()}items(){return Array.from(this.el.children).filter((t=>"BS-LIST-ITEM"===t.tagName))}enabled(){return this.items().filter((t=>!t.disabled))}sync(){if(this.items().forEach((t=>{t.selectionRole=this.selectable?"option":"listitem",this.selectable&&(t.selected=null!=this.value&&t.value===this.value),t.removeAttribute("tabindex")})),!this.selectable)return;const t=this.enabled(),s=t.find((t=>t.selected))||t[0];t.forEach((t=>t.setAttribute("tabindex",t===s?"0":"-1")))}rove(t){this.enabled().forEach((s=>s.setAttribute("tabindex",s===t?"0":"-1")))}onItemClick(t){if(!this.selectable)return;const s=t.target;!s.disabled&&this.items().includes(s)&&(t.stopPropagation(),this.rove(s),this.value!==s.value&&(this.value=s.value,this.sync(),this.rove(s),this.bsChange.emit(this.value)))}onKeyDown(t){if(!this.selectable)return;const s=this.enabled(),e=s.indexOf(t.target);if(-1===e)return;let i=-1;"ArrowDown"===t.key?i=Math.min(e+1,s.length-1):"ArrowUp"===t.key?i=Math.max(e-1,0):"Home"===t.key?i=0:"End"===t.key&&(i=s.length-1),-1!==i&&(t.preventDefault(),this.rove(s[i]),s[i].focus())}render(){return l("div",{key:"82a1f810e0044095794fa797075abb025275a973",part:"list",class:"bs-list",role:this.selectable?"listbox":"list","aria-label":this.ariaLabel??void 0},l("slot",{key:"993e3311f2dd6ff26850676df5af426e574f9297",onSlotchange:()=>this.sync()}))}static get watchers(){return{value:[{onChange:0}],selectable:[{onChange:0}]}}static get style(){return":host{display:block;--bs-list-gap:0;--bs-list-divider-color:var(--bs-border-neutral-container)}.bs-list{display:flex;flex-direction:column;gap:var(--bs-list-gap)}:host([dividers]) ::slotted(bs-list-item:not(:last-child)){border-bottom:1px solid var(--bs-list-divider-color)}"}},[769,"bs-list",{selectable:[4],value:[1537],dividers:[516],ariaLabel:[1,"aria-label"]},[[0,"bsItemClick","onItemClick"],[0,"keydown","onKeyDown"]],{value:[{onChange:0}],selectable:[{onChange:0}]}]);function a(){"undefined"!=typeof customElements&&["bs-list"].forEach((s=>{"bs-list"===s&&(customElements.get(t(s))||customElements.define(t(s),n))}))}a();const o=n,r=a;export{o as BsList,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-D7AXo5NT.js";const p=o,r=s;export{p as BsMenuItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as s}from"./p-CYzBTzzf.js";const p=o,r=s;export{p as BsMenu,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as t,H as e,c as i,h as o}from"./p-B2gx7SZk.js";import{d as a}from"./p-
|
|
1
|
+
import{t as s,p as t,H as e,c as i,h as o}from"./p-B2gx7SZk.js";import{d as a}from"./p-B32Kl4IB.js";const l=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsScrollToLatest=i(this,"bsScrollToLatest")}get host(){return this}scrollToLatestLabel="Scroll to latest message";showScrollButton=!1;bsScrollToLatest;viewport;observer;stickToBottom=!0;async scrollToLatest(){this.scrollToBottom(),this.stickToBottom=!0,this.showScrollButton=!1,this.bsScrollToLatest.emit()}connectedCallback(){this.observer=new MutationObserver(this.onMutation),this.observer.observe(this.host,{childList:!0,subtree:!0,characterData:!0})}disconnectedCallback(){this.observer?.disconnect(),this.observer=void 0}componentDidLoad(){this.scrollToBottom()}isNearBottom(){const s=this.viewport;return!s||s.scrollHeight-s.scrollTop-s.clientHeight<=48}scrollToBottom(){this.viewport&&(this.viewport.scrollTop=this.viewport.scrollHeight)}onScroll=()=>{this.stickToBottom=this.isNearBottom(),this.stickToBottom&&(this.showScrollButton=!1)};onMutation=()=>{this.stickToBottom?this.scrollToBottom():this.showScrollButton=!0};render(){return o("div",{key:"027f7d1e7a442e3c669cc5ce5a798c64f9f1239e",class:"bs-message-list"},o("div",{key:"6b428190b1fadeacfa0e090d6d17e2455da816aa",part:"viewport",class:"bs-message-list__viewport",role:"log","aria-live":"polite",tabindex:"0",ref:s=>this.viewport=s,onScroll:this.onScroll},o("slot",{key:"947524fe3d132633bffd151bb7aecb316aadf382"})),this.showScrollButton&&o("bs-icon-button",{key:"17069d19e0e931a14dbeb71ae09bc521a697eabf",part:"scroll-to-latest",class:"bs-message-list__scroll",variant:"neutral",ariaLabel:this.scrollToLatestLabel,onClick:()=>this.scrollToLatest()},o("svg",{key:"7ee28b01218310357a7102cd9eee7cc207101813",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},o("path",{key:"5880bf08092901ad03ee071c6ea4a4401d9517d9",d:"M8 3v10M3.5 8.5L8 13l4.5-4.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))))}static get style(){return":host{display:block;position:relative;min-height:0;--bs-message-list-gap:var(--bs-spacing-200);--bs-message-list-padding:var(--bs-spacing-200);--bs-message-list-button-offset:var(--bs-spacing-200)}.bs-message-list{position:relative;height:100%}.bs-message-list__viewport{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-message-list-gap);height:100%;padding:var(--bs-message-list-padding);overflow-y:auto}::slotted(*){flex-shrink:0}.bs-message-list__viewport:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}.bs-message-list__scroll{position:absolute;inset-block-end:var(--bs-message-list-button-offset);inset-inline-start:50%;transform:translateX(-50%)}"}},[769,"bs-message-list",{scrollToLatestLabel:[1,"scroll-to-latest-label"],showScrollButton:[32],scrollToLatest:[64]}]);function r(){"undefined"!=typeof customElements&&["bs-message-list","bs-icon-button"].forEach((t=>{switch(t){case"bs-message-list":customElements.get(s(t))||customElements.define(s(t),l);break;case"bs-icon-button":customElements.get(s(t))||a()}}))}r();const n=l,c=r;export{n as BsMessageList,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as a,h as t}from"./p-B2gx7SZk.js";import{d as r}from"./p-DvNED6Lb.js";const b=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}role="assistant";timestamp;datetime;status="default";render(){return t("div",{key:"
|
|
1
|
+
import{t as s,p as e,H as a,h as t}from"./p-B2gx7SZk.js";import{d as r}from"./p-DvNED6Lb.js";const b=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}role="assistant";timestamp;datetime;status="default";render(){return t("div",{key:"86285bfd68e06327c2d2afbb0f2c24974303093e",class:"bs-message","aria-busy":"pending"===this.status?"true":void 0},t("div",{key:"d82b3e6fe9d3863269600ef1a3ccc2feac0423b6",part:"avatar",class:"bs-message__avatar"},t("slot",{key:"c6832f12575eaf2e16c7eb65040ea799501f97ce",name:"avatar"})),t("div",{key:"0fc91e323599e56c4f61c12cec0b7ce7bdddc00f",class:"bs-message__column"},t("bs-card",{key:"72de58c03aff4643103f8bedf1e699c31fcabe18",part:"container",class:"bs-message__bubble",surface:"base"},t("div",{key:"d71851df11559320977e3597bc30d7833940194c",part:"content",class:"bs-message__content"},t("slot",{key:"956564ce3766240c7e75c8fdf83b5471c7804965"}))),t("div",{key:"09d2d29c20ce847fa06ac91048212ed14cebcfa1",part:"footer",class:"bs-message__footer"},t("slot",{key:"e2a7a23597b0ac6d6c9ba7c1eb26ef865746b5f8",name:"footer"})),t("div",{key:"9ce9ef000dcc68f5c2b8e3254dbd3ad37a59e930",part:"timestamp",class:"bs-message__timestamp"},t("slot",{key:"3d906d1c18bbc6b1cffb7fba18bcc74324f6dd5d",name:"timestamp"},this.timestamp&&t("time",{key:"6f04b8166126cd7d1543c4211bace9caaac99571",dateTime:this.datetime},this.timestamp)))))}static get style(){return":host{display:block;--bs-message-gap:var(--bs-spacing-100);--bs-message-max-width:80%;--bs-message-padding:var(--bs-spacing-150);--bs-message-radius:var(--bs-border-radius-150);--bs-message-user-bg:var(--bs-color-primary-container);--bs-message-user-color:var(--bs-text-default);--bs-message-assistant-bg:var(--bs-color-neutral-container);--bs-message-assistant-color:var(--bs-text-default);--bs-message-error-bg:var(--bs-color-error-container);--bs-message-error-color:var(--bs-text-error);--bs-message-pending-opacity:0.6;--bs-message-timestamp-color:var(--bs-text-secondary);--bs-message-timestamp-font-size:var(--bs-font-size-xs)}.bs-message{display:flex;align-items:flex-start;gap:var(--bs-message-gap)}:host([role='user']) .bs-message{flex-direction:row-reverse}.bs-message__avatar{flex-shrink:0}.bs-message__column{display:flex;flex-direction:column;gap:var(--bs-spacing-50);min-width:0;max-width:var(--bs-message-max-width);align-items:flex-start}:host([role='user']) .bs-message__column{align-items:flex-end}.bs-message__bubble{--bs-card-bg:var(--bs-message-assistant-bg);--bs-card-radius:var(--bs-message-radius);--bs-card-padding:var(--bs-message-padding);--bs-card-shadow:none;color:var(--bs-message-assistant-color)}:host([role='user']) .bs-message__bubble{--bs-card-bg:var(--bs-message-user-bg);color:var(--bs-message-user-color)}:host([status='error']) .bs-message__bubble{--bs-card-bg:var(--bs-message-error-bg);color:var(--bs-message-error-color)}:host([status='pending']) .bs-message__bubble{opacity:var(--bs-message-pending-opacity)}.bs-message__content{overflow-wrap:anywhere;font-size:var(--bs-font-size-md);line-height:var(--bs-line-height-normal)}.bs-message__timestamp{color:var(--bs-message-timestamp-color);font-size:var(--bs-message-timestamp-font-size);line-height:var(--bs-line-height-normal)}"}},[769,"bs-message",{role:[513],timestamp:[1],datetime:[1],status:[513]}]);function c(){"undefined"!=typeof customElements&&["bs-message","bs-card"].forEach((e=>{switch(e){case"bs-message":customElements.get(s(e))||customElements.define(s(e),b);break;case"bs-card":customElements.get(s(e))||r()}}))}c();const o=b,m=c;export{o as BsMessage,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as i,c as t,h as n}from"./p-B2gx7SZk.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:"595e07689792695de104ae819850cf9fe6179221",class:"bs-navigation-drawer-item__root"},n("button",{key:"a8d5ecf7545c167b43e43fc85623d4288bba640c",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:"0b24f46d98af43c8d3fca48fac4236a238ebc8f7",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"a02e510672ff00c251630d7500cabd73fcf4b719",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"ce24ac37510ed8b0ee7e2d56fc9113855c3e0b98",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"28769ab29310980c79fde5d9b21b16365ac33b6b"})),this.expandable&&n("span",{key:"aaf1c341a5d1b067162434a7d3d1544e02a23307",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"b15b40ce16d85fd9f5050b4815a87f0b3b1dbab3"}))),this.expandable&&n("span",{key:"51c9f7d63673e3a6ee1b8045ea88610af3b29ad5",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"7adc4d5d2f3fc79941881ddc96654c5ef357dc40",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-B2gx7SZk.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:"f10fc5a19900625f99f9bd982825c50cf2197c0a",class:"bs-navigation-drawer-item__root"},n("button",{key:"fbc480d7b4b1737ae36b1a573a42c87bf6c23111",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:"23f08e194c7fb599cfea429d7f46129668f7cad4",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"c4e2e9147212a9220208bb51e9dd8ddcb16b75d0",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"230567543ee35b7578f942b87226cf7acc9175fc",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"5d7aebda3ca725a2b64585bf9ad89ec88cd71a65"})),this.expandable&&n("span",{key:"1e10ca3a3c3d3237f25cc7a46b65b9f980564899",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"0885df5c87838808f51ae1adbcf10d9515961922"}))),this.expandable&&n("span",{key:"85527320ae9041c8a1ef1163a037a28ac1f92649",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"9a9dfe8dba053b15e8ec2fc47c1fcf04c5bb31be",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 e,c as r,h as n,d as s}from"./p-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const o=i(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=r(this,"bsCollapse"),this.bsSearchClick=r(this,"bsSearchClick"),this.bsClose=r(this,"bsClose")}get el(){return this}heading="Main Menu";collapsible=!0;collapseLabel="Collapse";expandLabel="Expand";searchLabel="Search";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:"e1c81adc6e4f1f0bb55d1b041ad7d38cf8f5abe9","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"109355f0d5456ac840dad94a3524626c1c589707",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"4f88360e7b8e01b2e994a0ec2f7bc7f952268e7d",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"92fa952e0f790312893ca7898032e5e03f6a3b40",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"998db3f0da7ff0127f9fff36cf33d8a0978193d4",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"02372bdeefe1aa3c392b98e9965e228b607d6b2a",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"cbe17acf68175e147b5f82fe59fe352519055eb4",variant:"mark",background:this.logoBackground})),n("div",{key:"01d088e11a2d4d98e95a732f61b0eef7eb1710c3",class:"bs-navigation-drawer__title-row"},n("span",{key:"44d0379c380e4b53188d84fc498495e442d2bd11",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"591cecfab387cd135ec8973f1578aff0ece7a2a8",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?this.expandLabel:this.collapseLabel,"aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"e10812b18b0133022e0424771243bbcca4454367"}))),n("div",{key:"52083c066c5797cc966f028504b3076265a88e79",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"9bb6a36ffb750d2a981dfddb94a39dd008e5c5bf",name:"search"})),n("button",{key:"53df19a611aa6c0049a079af9b126b244eff1e1e",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":this.searchLabel,onClick:this.onSearchTriggerClick},n(l,{key:"034ce5318ab191d4adf5fa37b91d63468e55f6cd"})),n("div",{key:"c292064e09cc60d04b51e38596f4afbe209a2c11",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"f5d8ad27a9aab5f5d9ea83c8c99f52bc2ff5c9d5"}))))}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],collapseLabel:[1,"collapse-label"],expandLabel:[1,"expand-label"],searchLabel:[1,"search-label"],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-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.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;collapseLabel="Collapse";expandLabel="Expand";searchLabel="Search";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:"a99687c2e283dd7214da7c679895b4107866575d","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"481a1aa4bb2de83774618492feab43ff8d3489eb",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"789650b9923a97a1c1d3d75e7d51d2fa4e20c880",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"04ca8b13c5f7b81db8a12037e6d4d8b1fea705a0",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"e611e23d4f13523917b84cb88af726ad33e02be7",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"f377511b1a52cbeef534d081ec916c3c90dc91e7",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"7aa4cc0e092f5e5fb8a00f28731e7518fdd5bca3",variant:"mark",background:this.logoBackground})),n("div",{key:"72ca104a6ce1613addbf5a416942bfcee2f59352",class:"bs-navigation-drawer__title-row"},n("span",{key:"2f0ff9abb324762dd38775482de3d6d2e953e452",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"0e6956a9f29a8a481a51527b3db5da790940b59c",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?this.expandLabel:this.collapseLabel,"aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"bfbcc299cb91987f531e0188d0b2bf068bc36d62"}))),n("div",{key:"2b719ad1dc761ff6bd9f182151f9bb8c0cb9228f",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"8c02fd031b1ce2bd38f709e640900489a7dde3c9",name:"search"})),n("button",{key:"070ec9a6e1892f1f903cbfa555e927db371e1166",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":this.searchLabel,onClick:this.onSearchTriggerClick},n(l,{key:"a933a7d7615ad5d8be9cc11a98f835d1bc220f1e"})),n("div",{key:"5ab908c14933442dda5c11d159276d98a721edef",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"ffa0d44d5d18821ae4199aa38cfbb563806fea54"}))))}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],collapseLabel:[1,"collapse-label"],expandLabel:[1,"expand-label"],searchLabel:[1,"search-label"],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-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const s=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:"
|
|
1
|
+
import{t as a,p as e,H as i,h as n}from"./p-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const s=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:"436574d1cec6b41df78e0f438c1602095efd8140",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"b20aa86d5553d653bc08226421eedf4974481da8",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"bb3cde1494bc4c193b6837febd1d4d62f64011fd",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"ccda34eb85ac7db255cb749eee33da30b9111c41",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"beeee26d778fe026cd113c4f08ca7424193f9af8",name:"left"})),n("div",{key:"9844b46cff0b4cfa1e74182debbc7e8e9dd44b25",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"3315ff9dbeef31d45f4d089ff17f9594a9acb8f7",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 r(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),s);break;case"bs-logo":customElements.get(a(e))||t()}}))}r();const o=s,d=r;export{o as BsNavigationHeader,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as s,t as e,p as t,H as a,c as i}from"./p-B2gx7SZk.js";import{d as r}from"./p-DYuzgzxI.js";import{d as o}from"./p-DvNED6Lb.js";import{d as n}from"./p-GTDI4Ibw.js";import{d as c}from"./p-B80vOwH6.js";import{d as l}from"./p-CK7fiES5.js";import{d as b}from"./p-B128GX8H.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
|
+
import{h as s,t as e,p as t,H as a,c as i}from"./p-B2gx7SZk.js";import{d as r}from"./p-DYuzgzxI.js";import{d as o}from"./p-DvNED6Lb.js";import{d as n}from"./p-B32Kl4IB.js";import{d as c}from"./p-BcbaiZLh.js";import{d as l}from"./p-DtYTs9Kh.js";import{d as b}from"./p-BDnZvjlq.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
|
|
1
|
+
import{B as o,d as p}from"./p-Cpe2k7ZC.js";const s=o,r=p;export{s as BsPagination,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as e,c as s,h as i}from"./p-B2gx7SZk.js";let p=0;const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsOpenChange=s(this,"bsOpenChange")}get el(){return this}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++p;triggerSlot;popupEl;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),t)document.addEventListener("click",this.onDocClick,!0),document.addEventListener("keydown",this.onKeyDown),window.addEventListener("resize",this.reposition),window.addEventListener("scroll",this.reposition,!0),this.needsFocusIn=!0;else{this.needsFocusIn=!1,this.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,o=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||o&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}componentDidRender(){this.open&&(this.reposition(),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const o=this.triggerSlot?.assignedElements()??[];return!!t&&o.some((o=>o.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,o]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const e=this.el.getBoundingClientRect(),s=this.popupEl.getBoundingClientRect(),i=window.innerHeight,p=window.innerWidth;let n=t,a=o;"bottom"===t&&s.bottom>i&&e.top>=s.height?n="top":"top"===t&&s.top<0&&i-e.bottom>=s.height&&(n="bottom"),"start"===o&&s.right>p&&e.right>=s.width?a="end":"end"===o&&s.left<0&&p-e.left>=s.width&&(a="start"),this.el.setAttribute("data-placement",`${n}-${a}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',o=this.popupEl?.querySelector("slot"),e=o?.assignedElements({flatten:!0})??[];for(const o of e){const e=o.matches(t)?o:o.querySelector(t);if(e)return void e.focus()}this.popupEl?.focus()}disconnectedCallback(){this.detach()}componentDidLoad(){this.open&&this.onOpenChange(!0)}detach(){document.removeEventListener("click",this.onDocClick,!0),document.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("resize",this.reposition),window.removeEventListener("scroll",this.reposition,!0)}setOpen(t){this.open!==t&&(this.open=t,this.bsOpenChange.emit(t))}focusTrigger(){const t=this.triggerSlot?.assignedElements()[0];t?.focus()}onTriggerKeyDown=t=>{"ArrowDown"!==t.key||this.open||(t.preventDefault(),this.setOpen(!0))};onTriggerClick=()=>this.setOpen(!this.open);onDocClick=t=>{t.composedPath().includes(this.el)||this.setOpen(!1)};onKeyDown=t=>{"Escape"===t.key&&this.open&&(this.escaped=!0,this.setOpen(!1))};render(){return i("div",{key:"
|
|
1
|
+
import{t,p as o,H as e,c as s,h as i}from"./p-B2gx7SZk.js";let p=0;const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsOpenChange=s(this,"bsOpenChange")}get el(){return this}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++p;triggerSlot;popupEl;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),t)document.addEventListener("click",this.onDocClick,!0),document.addEventListener("keydown",this.onKeyDown),window.addEventListener("resize",this.reposition),window.addEventListener("scroll",this.reposition,!0),this.needsFocusIn=!0;else{this.needsFocusIn=!1,this.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,o=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||o&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}componentDidRender(){this.open&&(this.reposition(),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const o=this.triggerSlot?.assignedElements()??[];return!!t&&o.some((o=>o.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,o]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const e=this.el.getBoundingClientRect(),s=this.popupEl.getBoundingClientRect(),i=window.innerHeight,p=window.innerWidth;let n=t,a=o;"bottom"===t&&s.bottom>i&&e.top>=s.height?n="top":"top"===t&&s.top<0&&i-e.bottom>=s.height&&(n="bottom"),"start"===o&&s.right>p&&e.right>=s.width?a="end":"end"===o&&s.left<0&&p-e.left>=s.width&&(a="start"),this.el.setAttribute("data-placement",`${n}-${a}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',o=this.popupEl?.querySelector("slot"),e=o?.assignedElements({flatten:!0})??[];for(const o of e){const e=o.matches(t)?o:o.querySelector(t);if(e)return void e.focus()}this.popupEl?.focus()}disconnectedCallback(){this.detach()}componentDidLoad(){this.open&&this.onOpenChange(!0)}detach(){document.removeEventListener("click",this.onDocClick,!0),document.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("resize",this.reposition),window.removeEventListener("scroll",this.reposition,!0)}setOpen(t){this.open!==t&&(this.open=t,this.bsOpenChange.emit(t))}focusTrigger(){const t=this.triggerSlot?.assignedElements()[0];t?.focus()}onTriggerKeyDown=t=>{"ArrowDown"!==t.key||this.open||(t.preventDefault(),this.setOpen(!0))};onTriggerClick=()=>this.setOpen(!this.open);onDocClick=t=>{t.composedPath().includes(this.el)||this.setOpen(!1)};onKeyDown=t=>{"Escape"===t.key&&this.open&&(this.escaped=!0,this.setOpen(!1))};render(){return i("div",{key:"da517e23c7a7028088ce255b01d7e1a2e6517804",class:"bs-popover"},i("div",{key:"6acca226b72b7c22f77e7e507c26a56d5e5d56a3",part:"trigger",class:"bs-popover__trigger","aria-haspopup":"true","aria-expanded":this.open+"","aria-controls":this.popupId,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},i("slot",{key:"877e07422f0e85bfe3b85d0029b1df425516aaf2",name:"trigger",ref:t=>this.triggerSlot=t})),i("div",{key:"f9da851d41e4bdbf6bcd41dcf2e3de7a6f2c61b6",part:"popup",id:this.popupId,class:"bs-popover__popup",tabindex:"-1",hidden:!this.open,ref:t=>this.popupEl=t},i("slot",{key:"d3dc628e79868aab472a6cd6e074e2d7d880ffb0"})))}static get watchers(){return{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}}static get style(){return":host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}"}},[769,"bs-popover",{open:[1540],placement:[513]},void 0,{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}]);function a(){"undefined"!=typeof customElements&&["bs-popover"].forEach((o=>{"bs-popover"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}a();const r=n,d=a;export{r as BsPopover,d as defineCustomElement}
|