@brandsync/wc 1.17.0 → 1.18.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 +11 -0
- package/REFERENCE.md +245 -0
- package/custom-elements.json +5218 -3031
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-a7fb0b59.entry.js → p-0082db6a.entry.js} +1 -1
- package/dist/brandsync-wc/p-07e0b444.entry.js +1 -0
- package/dist/brandsync-wc/{p-5c61eb06.entry.js → p-08e0e704.entry.js} +1 -1
- package/dist/brandsync-wc/{p-35f76ea7.entry.js → p-0a6f22fe.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b02bf1ca.entry.js → p-14b4f4c4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-54d91ac9.entry.js → p-15f06226.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a5659499.entry.js → p-186e3b78.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1bd99669.entry.js → p-1a47774e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-70c650b2.entry.js → p-1a62e5b7.entry.js} +1 -1
- package/dist/brandsync-wc/p-1aa0f9a3.entry.js +1 -0
- package/dist/brandsync-wc/{p-9d740928.entry.js → p-1d8c2ec1.entry.js} +1 -1
- package/dist/brandsync-wc/p-246036cd.entry.js +1 -0
- package/dist/brandsync-wc/{p-d25adab2.entry.js → p-31ca98c3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-84d6d6eb.entry.js → p-344695a8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4f4c0c68.entry.js → p-345b5ef3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e0a9f2d1.entry.js → p-34851d6d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-eb0dc5bf.entry.js → p-348fef11.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d2a15599.entry.js → p-3e6f430a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-065c7e7c.entry.js → p-43f8afda.entry.js} +1 -1
- package/dist/brandsync-wc/{p-361aef36.entry.js → p-47929dca.entry.js} +1 -1
- package/dist/brandsync-wc/{p-67f125e8.entry.js → p-47ce984f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d5a6098d.entry.js → p-4d4997af.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d9184940.entry.js → p-4ff649f1.entry.js} +1 -1
- package/dist/brandsync-wc/p-50c116eb.entry.js +1 -0
- package/dist/brandsync-wc/{p-f3eca1ce.entry.js → p-50f60ed6.entry.js} +1 -1
- package/dist/brandsync-wc/p-52d61070.entry.js +1 -0
- package/dist/brandsync-wc/{p-43d5f708.entry.js → p-55d336da.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f43a7f16.entry.js → p-55d97d1d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b142d8c9.entry.js → p-56a45582.entry.js} +1 -1
- package/dist/brandsync-wc/{p-07673a48.entry.js → p-58179e15.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9396c67e.entry.js → p-5868793d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-90ba3032.entry.js → p-5ac75555.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f82a9f0d.entry.js → p-5cd1abc7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-dfad8c0a.entry.js → p-5e36d46f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-08e96f13.entry.js → p-64f8eb7e.entry.js} +1 -1
- package/dist/brandsync-wc/p-6b019a88.entry.js +1 -0
- package/dist/brandsync-wc/{p-f98dfa85.entry.js → p-6c987bc9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b5710db6.entry.js → p-757cd066.entry.js} +1 -1
- package/dist/brandsync-wc/{p-47b7fe76.entry.js → p-78114ea3.entry.js} +1 -1
- package/dist/brandsync-wc/p-7c29678d.entry.js +1 -0
- package/dist/brandsync-wc/{p-9d12b1fb.entry.js → p-7cfb1be6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-844205d9.entry.js → p-841a80b4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5057e4fe.entry.js → p-87a10ee1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c05ee501.entry.js → p-8962abe0.entry.js} +1 -1
- package/dist/brandsync-wc/p-8e46a262.entry.js +1 -0
- package/dist/brandsync-wc/p-8f82ea7e.entry.js +1 -0
- package/dist/brandsync-wc/p-95c7f350.entry.js +1 -0
- package/dist/brandsync-wc/{p-6ea02b98.entry.js → p-9787bc0f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-be7aac52.entry.js → p-998b95d3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-11d80e17.entry.js → p-9bd739e5.entry.js} +1 -1
- package/dist/brandsync-wc/p-a424a709.entry.js +1 -0
- package/dist/brandsync-wc/{p-4eaa9ed4.entry.js → p-a51355d9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3bad5e1b.entry.js → p-a8c2855c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-61deb48c.entry.js → p-a9d0a730.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2bd30709.entry.js → p-ae207fd5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8048d033.entry.js → p-b1edc9b7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-79fc849c.entry.js → p-b759ae72.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e8ae626d.entry.js → p-b7bbc52f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-aec2dfeb.entry.js → p-bd901b06.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c835afb7.entry.js → p-be7272ce.entry.js} +1 -1
- package/dist/brandsync-wc/{p-857987f9.entry.js → p-bfff7cbb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8134f97c.entry.js → p-c020ffdf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3cb79512.entry.js → p-c02ed03d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a7fa839a.entry.js → p-cb002195.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ffc07eb5.entry.js → p-d3fe8cea.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ffccc1ee.entry.js → p-d42a26c1.entry.js} +1 -1
- package/dist/brandsync-wc/p-d985e569.entry.js +1 -0
- package/dist/brandsync-wc/{p-debc83cc.entry.js → p-e2491db8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fdc168ec.entry.js → p-e32a6df1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-57ff14ca.entry.js → p-e3e15670.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3c6ec5d0.entry.js → p-e4e9c961.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d7956c51.entry.js → p-e99c0937.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ab14a07d.entry.js → p-e9adfa44.entry.js} +1 -1
- package/dist/brandsync-wc/{p-32297416.entry.js → p-eb3bacb9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3d2c62a6.entry.js → p-ee00d3a5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3bdeeb9d.entry.js → p-ee63423c.entry.js} +1 -1
- package/dist/brandsync-wc/p-f4628861.entry.js +1 -0
- package/dist/brandsync-wc/{p-4b460eda.entry.js → p-f47b8673.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8c4dfccb.entry.js → p-f6caa623.entry.js} +1 -1
- package/dist/brandsync-wc/p-f86b58bf.entry.js +1 -0
- package/dist/brandsync-wc/{p-00be9a64.entry.js → p-fa91106e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5b933ff4.entry.js → p-fb84002e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b4511ad3.entry.js → p-fbc219c6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0bbaef51.entry.js → p-fd78ff22.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-recent-item_3.cjs.entry.js +133 -0
- package/dist/cjs/bs-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/bs-app-switcher.cjs.entry.js +208 -0
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment.cjs.entry.js +1 -1
- package/dist/cjs/bs-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bs-badge.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-card.cjs.entry.js +1 -1
- package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-filter.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-input.cjs.entry.js +1 -1
- package/dist/cjs/bs-citation-preview.cjs.entry.js +1 -1
- package/dist/cjs/bs-command-palette.cjs.entry.js +1 -1
- package/dist/cjs/bs-compact-menu-block_2.cjs.entry.js +46 -0
- package/dist/cjs/bs-company-switcher.cjs.entry.js +211 -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 +1 -1
- 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 +2 -2
- package/dist/cjs/bs-grid.cjs.entry.js +2 -2
- package/dist/cjs/bs-icon-button.cjs.entry.js +8 -1
- package/dist/cjs/bs-icon-tile.cjs.entry.js +10 -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 +1 -1
- package/dist/cjs/bs-key.cjs.entry.js +1 -1
- package/dist/cjs/bs-keyboard-shortcuts.cjs.entry.js +2 -2
- package/dist/cjs/bs-list-item_2.cjs.entry.js +215 -0
- package/dist/cjs/bs-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-mega-menu.cjs.entry.js +70 -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 +5 -2
- package/dist/cjs/bs-page-header.cjs.entry.js +66 -0
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-progress-linear.cjs.entry.js +2 -2
- package/dist/cjs/bs-progress.cjs.entry.js +2 -2
- package/dist/cjs/bs-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 +1 -1
- package/dist/cjs/bs-session-timeout.cjs.entry.js +1 -1
- package/dist/cjs/bs-shortcut-row.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 +2 -2
- package/dist/cjs/bs-tree.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +8 -0
- 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-recent-item/bs-app-recent-item.cmp.test.js +52 -0
- package/dist/collection/components/bs-app-recent-item/bs-app-recent-item.css +111 -0
- package/dist/collection/components/bs-app-recent-item/bs-app-recent-item.js +184 -0
- package/dist/collection/components/bs-app-recent-item/bs-app-recent-item.stories.js +28 -0
- package/dist/collection/components/bs-app-shell/bs-app-shell.js +1 -1
- package/dist/collection/components/bs-app-switcher/bs-app-switcher.cmp.test.js +179 -0
- package/dist/collection/components/bs-app-switcher/bs-app-switcher.css +173 -0
- package/dist/collection/components/bs-app-switcher/bs-app-switcher.js +902 -0
- package/dist/collection/components/bs-app-switcher/bs-app-switcher.stories.js +91 -0
- package/dist/collection/components/bs-app-tile/bs-app-tile.cmp.test.js +58 -0
- package/dist/collection/components/bs-app-tile/bs-app-tile.css +104 -0
- package/dist/collection/components/bs-app-tile/bs-app-tile.js +190 -0
- package/dist/collection/components/bs-app-tile/bs-app-tile.stories.js +43 -0
- package/dist/collection/components/bs-attachment/bs-attachment.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-avatar/bs-avatar.css +3 -3
- package/dist/collection/components/bs-badge/bs-badge.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button/bs-button/bs-button.js +1 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.cmp.test.js +13 -0
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +27 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-card/bs-card.js +1 -1
- package/dist/collection/components/bs-carousel/bs-carousel.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js +1 -1
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.js +1 -1
- package/dist/collection/components/bs-command-palette/bs-command-palette.js +1 -1
- package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.cmp.test.js +32 -0
- package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.css +43 -0
- package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.js +67 -0
- package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.stories.js +25 -0
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.cmp.test.js +171 -0
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.css +196 -0
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.js +720 -0
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.stories.js +78 -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.js +1 -1
- 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.js +2 -2
- package/dist/collection/components/bs-grid/bs-grid.js +2 -2
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.js +11 -2
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-key/bs-key.js +1 -1
- package/dist/collection/components/bs-key-caps/bs-key-caps.js +1 -1
- package/dist/collection/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.js +2 -2
- package/dist/collection/components/bs-list/bs-list.js +1 -1
- package/dist/collection/components/bs-list-item/bs-list-item.js +1 -1
- package/dist/collection/components/bs-mega-menu/bs-mega-menu.cmp.test.js +131 -0
- package/dist/collection/components/bs-mega-menu/bs-mega-menu.css +139 -0
- package/dist/collection/components/bs-mega-menu/bs-mega-menu.js +358 -0
- package/dist/collection/components/bs-mega-menu/bs-mega-menu.stories.js +188 -0
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-block/bs-menu-block.cmp.test.js +44 -0
- package/dist/collection/components/bs-menu-block/bs-menu-block.css +106 -0
- package/dist/collection/components/bs-menu-block/bs-menu-block.js +147 -0
- package/dist/collection/components/bs-menu-block/bs-menu-block.stories.js +36 -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-page-header/bs-page-header.cmp.test.js +206 -0
- package/dist/collection/components/bs-page-header/bs-page-header.css +252 -0
- package/dist/collection/components/bs-page-header/bs-page-header.js +351 -0
- package/dist/collection/components/bs-page-header/bs-page-header.stories.js +177 -0
- 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.js +1 -1
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.js +1 -1
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/bs-tree-item/bs-tree-item.js +2 -2
- 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.cmp.test.js +79 -0
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.css +46 -0
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js +10 -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-recent-item.d.ts +11 -0
- package/dist/components/bs-app-recent-item.js +1 -0
- package/dist/components/bs-app-shell.js +1 -1
- package/dist/components/bs-app-switcher.d.ts +11 -0
- package/dist/components/bs-app-switcher.js +1 -0
- package/dist/components/bs-app-tile.d.ts +11 -0
- package/dist/components/bs-app-tile.js +1 -0
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-avatar.js +1 -1
- package/dist/components/bs-badge.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumb.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-button.js +1 -1
- package/dist/components/bs-card.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox-skeleton.js +1 -1
- package/dist/components/bs-checkbox.js +1 -1
- package/dist/components/bs-chip-filter.js +1 -1
- package/dist/components/bs-chip-informative.js +1 -1
- package/dist/components/bs-chip-input.js +1 -1
- package/dist/components/bs-citation-preview.js +1 -1
- package/dist/components/bs-command-palette.js +1 -1
- package/dist/components/bs-compact-menu-block.d.ts +11 -0
- package/dist/components/bs-compact-menu-block.js +1 -0
- package/dist/components/bs-company-switcher.d.ts +11 -0
- package/dist/components/bs-company-switcher.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.js +1 -1
- package/dist/components/bs-error-page.js +1 -1
- package/dist/components/bs-file-upload-item.js +1 -1
- package/dist/components/bs-file-upload.js +1 -1
- package/dist/components/bs-global-search.js +1 -1
- 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.js +1 -1
- package/dist/components/bs-key.js +1 -1
- package/dist/components/bs-keyboard-shortcuts.js +1 -1
- package/dist/components/bs-list-item.js +1 -1
- package/dist/components/bs-list.js +1 -1
- package/dist/components/bs-mega-menu.d.ts +11 -0
- package/dist/components/bs-mega-menu.js +1 -0
- package/dist/components/bs-menu-block.d.ts +11 -0
- package/dist/components/bs-menu-block.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-page-header.d.ts +11 -0
- package/dist/components/bs-page-header.js +1 -0
- 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.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-shortcut-row.js +1 -1
- 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.js +1 -1
- package/dist/components/bs-tree.js +1 -1
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/p-B6KgEbdM.js +1 -0
- package/dist/components/{p-DYDk73TF.js → p-B8kw9EOx.js} +1 -1
- package/dist/components/p-BLPNwyiT.js +1 -0
- package/dist/components/{p-D8bvv9QQ.js → p-BP1l6Q3Z.js} +1 -1
- package/dist/components/p-BS7ySxJZ.js +1 -0
- package/dist/components/{p-DYuzgzxI.js → p-BmdSbmFg.js} +1 -1
- package/dist/components/{p-CRtvJlh8.js → p-C1owRphU.js} +1 -1
- package/dist/components/{p-TAY9S9yG.js → p-C2rRVRIu.js} +1 -1
- package/dist/components/p-C3erqJFy.js +1 -0
- package/dist/components/{p-BcYNrEOB.js → p-Cd7p-48Q.js} +1 -1
- package/dist/components/{p-DtYTs9Kh.js → p-CmlzHRkn.js} +1 -1
- package/dist/components/{p-Bp3DIxjT.js → p-Co36mHEU.js} +1 -1
- package/dist/components/p-D4_8H0vn.js +1 -0
- package/dist/components/{p-DMLfXpva.js → p-D9dDFyPB.js} +1 -1
- package/dist/components/{p-DvNED6Lb.js → p-DBvhi__l.js} +1 -1
- package/dist/components/{p-CRM1wIX9.js → p-DFd4pP4i.js} +1 -1
- package/dist/components/{p-BUpnOUIM.js → p-DVjuZdjF.js} +1 -1
- package/dist/components/{p-D7AXo5NT.js → p-DW0Dw2LS.js} +1 -1
- package/dist/components/p-DcdFuKG9.js +1 -0
- package/dist/components/{p-CH5atin4.js → p-Deq0LzGO.js} +1 -1
- package/dist/components/p-DgY5pxXd.js +1 -0
- package/dist/components/{p-w-DkdA4O.js → p-DhhXayh6.js} +1 -1
- package/dist/components/p-DiORQQg3.js +1 -0
- package/dist/components/{p-Dt4JNhHT.js → p-Dl0FedE5.js} +1 -1
- package/dist/components/p-DsBToIYE.js +1 -0
- package/dist/components/{p-DG9eT5yi.js → p-DtbeCgXo.js} +1 -1
- package/dist/components/{p-DcjgRtSQ.js → p-DzvXbBvk.js} +1 -1
- package/dist/components/{p-CervX0wH.js → p-I1_Q3HQu.js} +1 -1
- package/dist/components/{p-Cpe2k7ZC.js → p-TXAiCnSZ.js} +1 -1
- package/dist/components/p-c-g3-oVu.js +1 -0
- package/dist/components/p-erdtytMq.js +1 -0
- package/dist/components/{p-BDnZvjlq.js → p-qXdgl7VG.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-recent-item_3.entry.js +129 -0
- package/dist/esm/bs-app-shell.entry.js +1 -1
- package/dist/esm/bs-app-switcher.entry.js +206 -0
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-attachment.entry.js +1 -1
- package/dist/esm/bs-avatar.entry.js +1 -1
- package/dist/esm/bs-badge.entry.js +1 -1
- package/dist/esm/bs-breadcrumb-overflow.entry.js +1 -1
- package/dist/esm/bs-breadcrumb.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-button.entry.js +1 -1
- package/dist/esm/bs-card.entry.js +1 -1
- package/dist/esm/bs-carousel.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +1 -1
- package/dist/esm/bs-chatbot-header.entry.js +1 -1
- package/dist/esm/bs-chatbot-response-action.entry.js +1 -1
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +1 -1
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +1 -1
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-checkbox.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +1 -1
- package/dist/esm/bs-chip-input.entry.js +1 -1
- package/dist/esm/bs-citation-preview.entry.js +1 -1
- package/dist/esm/bs-command-palette.entry.js +1 -1
- package/dist/esm/bs-compact-menu-block_2.entry.js +43 -0
- package/dist/esm/bs-company-switcher.entry.js +209 -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 +1 -1
- 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 +2 -2
- package/dist/esm/bs-grid.entry.js +2 -2
- package/dist/esm/bs-icon-button.entry.js +8 -1
- package/dist/esm/bs-icon-tile.entry.js +11 -3
- 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 +1 -1
- package/dist/esm/bs-key.entry.js +1 -1
- package/dist/esm/bs-keyboard-shortcuts.entry.js +2 -2
- package/dist/esm/bs-list-item_2.entry.js +212 -0
- package/dist/esm/bs-list.entry.js +1 -1
- package/dist/esm/bs-mega-menu.entry.js +68 -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 +5 -2
- package/dist/esm/bs-page-header.entry.js +64 -0
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-progress-linear.entry.js +2 -2
- package/dist/esm/bs-progress.entry.js +2 -2
- package/dist/esm/bs-qr-code.entry.js +1 -1
- package/dist/esm/bs-radio.entry.js +1 -1
- package/dist/esm/bs-search-item.entry.js +1 -1
- package/dist/esm/bs-session-timeout.entry.js +1 -1
- package/dist/esm/bs-shortcut-row.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 +2 -2
- package/dist/esm/bs-tree.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-app-recent-item/bs-app-recent-item.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-app-recent-item/bs-app-recent-item.d.ts +51 -0
- package/dist/types/components/bs-app-recent-item/bs-app-recent-item.stories.d.ts +15 -0
- package/dist/types/components/bs-app-switcher/bs-app-switcher.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-app-switcher/bs-app-switcher.d.ts +159 -0
- package/dist/types/components/bs-app-switcher/bs-app-switcher.stories.d.ts +34 -0
- package/dist/types/components/bs-app-tile/bs-app-tile.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-app-tile/bs-app-tile.d.ts +51 -0
- package/dist/types/components/bs-app-tile/bs-app-tile.stories.d.ts +18 -0
- package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts +7 -0
- package/dist/types/components/bs-compact-menu-block/bs-compact-menu-block.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-compact-menu-block/bs-compact-menu-block.d.ts +28 -0
- package/dist/types/components/bs-compact-menu-block/bs-compact-menu-block.stories.d.ts +10 -0
- package/dist/types/components/bs-company-switcher/bs-company-switcher.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-company-switcher/bs-company-switcher.d.ts +130 -0
- package/dist/types/components/bs-company-switcher/bs-company-switcher.stories.d.ts +25 -0
- package/dist/types/components/bs-icon-tile/bs-icon-tile.d.ts +5 -0
- package/dist/types/components/bs-mega-menu/bs-mega-menu.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-mega-menu/bs-mega-menu.d.ts +110 -0
- package/dist/types/components/bs-mega-menu/bs-mega-menu.stories.d.ts +55 -0
- package/dist/types/components/bs-menu-block/bs-menu-block.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-menu-block/bs-menu-block.d.ts +47 -0
- package/dist/types/components/bs-menu-block/bs-menu-block.stories.d.ts +15 -0
- package/dist/types/components/bs-page-header/bs-page-header.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-page-header/bs-page-header.d.ts +100 -0
- package/dist/types/components/bs-page-header/bs-page-header.stories.d.ts +41 -0
- package/dist/types/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.d.ts +7 -1
- package/dist/types/components.d.ts +2047 -24
- package/dist/types/svg-inline.d.ts +5 -0
- package/package.json +2 -1
- package/reference.d.ts +26 -2
- package/reference.json +947 -56
- package/dist/brandsync-wc/p-044ac86c.entry.js +0 -1
- package/dist/brandsync-wc/p-225148be.entry.js +0 -1
- package/dist/brandsync-wc/p-3789c7a5.entry.js +0 -1
- package/dist/brandsync-wc/p-3d7b0708.entry.js +0 -1
- package/dist/brandsync-wc/p-5eb5795f.entry.js +0 -1
- package/dist/brandsync-wc/p-7ed071fb.entry.js +0 -1
- package/dist/brandsync-wc/p-baa39c08.entry.js +0 -1
- package/dist/brandsync-wc/p-dcbeb143.entry.js +0 -1
- package/dist/brandsync-wc/p-e123b391.entry.js +0 -1
- package/dist/brandsync-wc/p-e8e22238.entry.js +0 -1
- package/dist/cjs/bs-list-item.cjs.entry.js +0 -66
- package/dist/cjs/bs-popover.cjs.entry.js +0 -153
- package/dist/cjs/bs-skeleton.cjs.entry.js +0 -51
- package/dist/components/p-B32Kl4IB.js +0 -1
- package/dist/components/p-BcbaiZLh.js +0 -1
- package/dist/components/p-CYzBTzzf.js +0 -1
- package/dist/components/p-ChcaPfNL.js +0 -1
- package/dist/esm/bs-list-item.entry.js +0 -64
- package/dist/esm/bs-popover.entry.js +0 -151
- package/dist/esm/bs-skeleton.entry.js +0 -49
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as s,H as a,c as t,h as n}from"./p-B2gx7SZk.js";import{d as r}from"./p-DBvhi__l.js";import{d as i}from"./p-C1owRphU.js";import{d as o}from"./p-D4_8H0vn.js";import{d as c}from"./p-DzvXbBvk.js";import{d as m}from"./p-C3erqJFy.js";import{d as b}from"./p-Co36mHEU.js";import{d as l}from"./p-Dl0FedE5.js";import{d}from"./p-erdtytMq.js";let u=0;const p=s(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsMenuSelect=t(this,"bsMenuSelect"),this.bsClose=t(this,"bsClose")}get el(){return this}id="bs-mm-"+ ++u;type="columns";columns=[];featured;recent=[];label="Menu";recentLabel="Recently used:";shortcutLabel="Can’t find it? Press";shortcutKeys="Ctrl+K";shortcutKeysLabel;bsMenuSelect;bsClose;select(e,s){this.bsMenuSelect.emit(e).defaultPrevented&&s.preventDefault()}onKeyDown=e=>{"Escape"===e.key&&this.bsClose.emit()};renderItem(e){const s=s=>this.select(e,s);return n("li",null,"compact"===this.type?n("bs-compact-menu-block",{part:"block",name:e.label,onClick:s}):n("bs-menu-block",{part:"block",name:e.label,description:e.description,icon:e.icon,badge:e.badge,onClick:s}))}renderColumn(e){const s=`${this.id}-h-${e.id}`;return n("div",{part:"column",class:"bs-mega-menu__column",role:"group","aria-labelledby":s},n("div",{part:"heading",id:s,class:"bs-mega-menu__heading"},e.label),n("ul",{part:"list",role:"list",class:"bs-mega-menu__list"},e.items.map((e=>this.renderItem(e)))))}renderFeatured(){const e=this.id+"-featured";return n("div",{part:"featured",class:"bs-mega-menu__featured",role:"group","aria-labelledby":this.featured?e:void 0},n("slot",{name:"featured"},this.featured&&[n("p",{part:"featured-title",id:e,class:"bs-mega-menu__featured-title"},this.featured.title),this.featured.description&&n("p",{part:"featured-description",class:"bs-mega-menu__featured-description"},this.featured.description)]))}render(){const e=!!this.featured||!!this.el.querySelector(':scope > [slot="featured"]');return n("bs-card",{key:"005653cc6235b7aa26268e3bf97b1a985df89843",part:"panel",class:"bs-mega-menu",surface:"base",role:"navigation","aria-label":this.label,onKeyDown:this.onKeyDown},n("div",{key:"22808dd74ea84ae0511dc92e4a3d2d3045a8157c",part:"columns",class:"bs-mega-menu__columns",style:{"--bs-mega-menu-tracks":Math.max(this.columns.length+(e?1:0),1)+""}},this.columns.map((e=>this.renderColumn(e))),e&&this.renderFeatured()),n("bs-divider",{key:"105dd2102501c21303f0cd115f2a8797a8996195",decorative:!0}),n("div",{key:"0f20d9d01cb29d29735612d2708cb48af2e30bf0",part:"footer",class:"bs-mega-menu__footer"},n("span",{key:"e2d7e8bf77b15b735015342ef6a21b946cdcf2cb",class:"bs-mega-menu__footer-start"},n("slot",{key:"1d34e50c301329ea2bd381a08ffab99b9bce5394",name:"footer-start"},this.recent.length>0&&`${this.recentLabel} ${this.recent.join(", ")}`)),n("span",{key:"773eae68920c131c8dea1182a41a78e6ceef4222",class:"bs-mega-menu__footer-end"},n("slot",{key:"70e2b5dce40e19423b55c1df869d1326f5fdbfa4",name:"footer-end"},n("span",{key:"10bb8e18aaa162b06209f65f7e9136ff716466f8",class:"bs-mega-menu__shortcut"},this.shortcutLabel,n("bs-key-caps",{key:"a9991ceab494255b81fccb97e8290432bcc0cff2",part:"shortcut",keys:this.shortcutKeys,label:this.shortcutKeysLabel}))))))}static get style(){return":host{display:block;box-sizing:border-box;container-type:inline-size;width:var(--bs-mega-menu-width);max-width:100%;--bs-mega-menu-width:1100px;--bs-mega-menu-radius:var(--bs-border-radius-150);--bs-mega-menu-bg:var(--bs-surface-base);--bs-mega-menu-border-color:var(--bs-border-default);--bs-mega-menu-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-50) var(--bs-shadow-blur-100) var(--bs-elevation-high);--bs-mega-menu-padding:var(--bs-spacing-300) calc(var(--bs-spacing-300) + var(--bs-spacing-50));--bs-mega-menu-gap:var(--bs-spacing-300);--bs-mega-menu-heading-color:var(--bs-text-muted);--bs-mega-menu-text-color:var(--bs-text-default);--bs-mega-menu-muted-color:var(--bs-text-secondary)}:host([hidden]){display:none}.bs-mega-menu{display:block;--bs-card-bg:var(--bs-mega-menu-bg);--bs-card-radius:var(--bs-mega-menu-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-mega-menu-border-color);--bs-card-shadow:var(--bs-mega-menu-shadow);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-mega-menu__columns{display:grid;grid-template-columns:repeat(var(--bs-mega-menu-tracks), minmax(0, 1fr));gap:var(--bs-mega-menu-gap);padding:var(--bs-mega-menu-padding);padding-bottom:var(--bs-spacing-100)}.bs-mega-menu__heading{margin:0 0 var(--bs-spacing-50);color:var(--bs-mega-menu-heading-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__list{display:block;margin:0;padding:0;list-style:none}.bs-mega-menu__featured{padding-top:var(--bs-spacing-300)}.bs-mega-menu__featured-title,.bs-mega-menu__featured-description{margin:0}.bs-mega-menu__featured-title{color:var(--bs-mega-menu-text-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__featured-description{margin-top:var(--bs-spacing-100);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer-end{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}@container (max-width: 599px){.bs-mega-menu__columns{grid-template-columns:minmax(0, 1fr);padding:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}bs-menu-block{--bs-menu-block-white-space:normal;min-height:var(--bs-scale-550)}bs-compact-menu-block{--bs-compact-menu-block-padding:var(--bs-spacing-150) var(--bs-spacing-100);min-height:var(--bs-scale-550)}.bs-mega-menu__featured{padding-top:var(--bs-spacing-100)}.bs-mega-menu__footer{flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:none}}"}},[769,"bs-mega-menu",{type:[513],columns:[16],featured:[16],recent:[16],label:[1],recentLabel:[1,"recent-label"],shortcutLabel:[1,"shortcut-label"],shortcutKeys:[1,"shortcut-keys"],shortcutKeysLabel:[1,"shortcut-keys-label"]}]);function g(){"undefined"!=typeof customElements&&["bs-mega-menu","bs-card","bs-chip-informative","bs-compact-menu-block","bs-divider","bs-icon-tile","bs-key","bs-key-caps","bs-menu-block"].forEach((s=>{switch(s){case"bs-mega-menu":customElements.get(e(s))||customElements.define(e(s),p);break;case"bs-card":customElements.get(e(s))||r();break;case"bs-chip-informative":customElements.get(e(s))||i();break;case"bs-compact-menu-block":customElements.get(e(s))||o();break;case"bs-divider":customElements.get(e(s))||c();break;case"bs-icon-tile":customElements.get(e(s))||m();break;case"bs-key":customElements.get(e(s))||b();break;case"bs-key-caps":customElements.get(e(s))||l();break;case"bs-menu-block":customElements.get(e(s))||d()}}))}g();const h=p,f=g;export{h as BsMegaMenu,f as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsMenuBlock extends Components.BsMenuBlock, HTMLElement {}
|
|
4
|
+
export const BsMenuBlock: {
|
|
5
|
+
prototype: BsMenuBlock;
|
|
6
|
+
new (): BsMenuBlock;
|
|
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 t,d as o}from"./p-erdtytMq.js";const r=t,s=o;export{r as BsMenuBlock,s as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-DW0Dw2LS.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 p}from"./p-DgY5pxXd.js";const s=o,r=p;export{s 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-DiORQQg3.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:"e474c22e93a8559c37efa3e13670bf6f48da5140",class:"bs-message-list"},o("div",{key:"f29d2f07b872743353ac0595399f5d87d94b2ace",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:"265e61fefe2219e57cb9724f68ca76752849a1f6"})),this.showScrollButton&&o("bs-icon-button",{key:"960398acea1fe8b6cdb00469ee23531b40715ac9",part:"scroll-to-latest",class:"bs-message-list__scroll",variant:"neutral",ariaLabel:this.scrollToLatestLabel,onClick:()=>this.scrollToLatest()},o("svg",{key:"748dfcd735223d1482ebe6e0b24383c8018a976f",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},o("path",{key:"af9d03ca412502d46822588c9bcb303e44dd33c3",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-
|
|
1
|
+
import{t as s,p as e,H as a,h as t}from"./p-B2gx7SZk.js";import{d as r}from"./p-DBvhi__l.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:"c159d43edf61a61bb87fa72c650a8642e0ae154f",class:"bs-message","aria-busy":"pending"===this.status?"true":void 0},t("div",{key:"a503d44dd040849e1db3327f3c33981eea8fcd9d",part:"avatar",class:"bs-message__avatar"},t("slot",{key:"bef63a196f9ffcaeb6b729f2c9b67722e9e5afe1",name:"avatar"})),t("div",{key:"a27a5dd8bff4350c882eeab12f8ebcf32d629333",class:"bs-message__column"},t("bs-card",{key:"4dd1f9da16be30b04f1c6bea178600ff11f6b654",part:"container",class:"bs-message__bubble",surface:"base"},t("div",{key:"c4dbf71df32e0b962e20929488952149c88f3b04",part:"content",class:"bs-message__content"},t("slot",{key:"2b251a032180bc3e1ef4b027179ddde73a7f9dcc"}))),t("div",{key:"749ba9490b9204fe4f514bb5f15190e658309e9b",part:"footer",class:"bs-message__footer"},t("slot",{key:"43e305fe85d7fcf81afb115d7477035108cece44",name:"footer"})),t("div",{key:"4c224882dbe5d0f01117cd276f5d3050426cd344",part:"timestamp",class:"bs-message__timestamp"},t("slot",{key:"e9a2ccfb8628e5c3d3840fbda5b70009af6e0c6f",name:"timestamp"},this.timestamp&&t("time",{key:"9b4dc4a6e042367420c8b7355621ad42075f335e",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 o(){"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()}}))}o();const m=b,i=o;export{m as BsMessage,i 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:"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
|
+
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:"81e29ccbcc7a513d9caa85982104e4c65919ffce",class:"bs-navigation-drawer-item__root"},n("button",{key:"68e2c8edd1280f003719751c9cf2aa561ecc9059",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:"7520bf470ed4250c8767905d5b7e05166b2d9f06",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"c8cffca5bb390ab60d68c6c97736053c374bb026",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"4f3b8034935678d64a29281f2cfd1ed44250eca2",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"e9f50c5b4dc9e96ed39d85c1daa96981deb7a810"})),this.expandable&&n("span",{key:"369853e213a7ecd0a64ec28d820d40139fb6d68e",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"f3d8fcd09d63be37a4b6a1e3cc10240eec5425f9"}))),this.expandable&&n("span",{key:"445291ae6a7f888ac6cb456ada3a7a17cf4638dd",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"697e924b580b1fef5f0b5871df38c0bd104982c8",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as i,H as r,c as e,h as n,d as s}from"./p-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
|
+
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:"b2203f52ae157b565d62e06521b70ddea7f2ae14","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"ef85987f69ff5795d899118c8d339d3f52a6f4af",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"260b591e3439863671aa51b5c90ae203dda82bb5",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"1f947bcd8f55aae3fc83c31c4f1220934de4ca24",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"e77c2e6c15478d308f6c2694164262ad37672ba8",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"c3fa7b9cf7a54a42b1dde273127e59b3880aa5a2",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"4c35edb7b838ea0c812de2197a6d3d59316449a5",variant:"mark",background:this.logoBackground})),n("div",{key:"ea7e753bb4a313718f8d003d299cf2d98c4bf94e",class:"bs-navigation-drawer__title-row"},n("span",{key:"90e3cdc335d0c2820fe9002e2fafc162576b3240",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"3b5a555dc34380c22030733ca745279e3ddca1b6",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:"f5e095681e642741cbbfe97ad5ae11fe10c679d4"}))),n("div",{key:"14f9928d98e7773b43c9b6a7dcbdcbdb5302c088",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"ea0fe474c09c0550b2d89cfc2a7a8294c9d1cedd",name:"search"})),n("button",{key:"e4a321e70895804445a902cdbb07f65952653bed",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":this.searchLabel,onClick:this.onSearchTriggerClick},n(l,{key:"582c3bc3117c49270e5c0ba0d0f0d2e5de9c6625"})),n("div",{key:"844f4f8eb5e95921f6aa1c643bf0fc52255ab19f",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"52485aab4b1ddb41051dba85e657d18f9a8abbd8"}))))}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
|
|
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 o=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:"3c9fb71de577fc51e54ef408afcbca45e84ce079",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"43037609edd64d0c71959032d74889dc6606b35f",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"cbc5b28a31a5ce411ece05ed001cf4305cad18ab",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"26d9fafe4fe95925094037f5cd4160ba32af2a12",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"784a5580313c462c5e501954e979b01c04ba325e",name:"left"})),n("div",{key:"2269661581210bcad049f58f8e36b2d2cfd5f1a3",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"8f388585ff868e30816e345811d620dd624c37c2",name:"right"}))),n("div",{key:"65a6486ebad50bda4723aab3b9eb7a47cc0b17c8",part:"menu",class:"bs-navigation-header__menu"},n("slot",{key:"b46c078d0114329c5b10458944f212974c50f098",name:"menu"}))]}static get style(){return":host{display:block;position:relative;--bs-navigation-header-menu-z-index:var(--bs-z-index-dropdown);--bs-navigation-header-menu-max-height:calc(100vh - 100%);--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__menu{position:absolute;top:100%;left:0;right:0;z-index:var(--bs-navigation-header-menu-z-index)}.bs-navigation-header__menu ::slotted(*){--bs-mega-menu-width:100%;width:100%;max-width:100%}.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){@supports (height: 100dvh){:host{--bs-navigation-header-menu-max-height:calc(100dvh - 100%)}}.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}.bs-navigation-header--default .bs-navigation-header__left{overflow-x:auto;scrollbar-width:none}.bs-navigation-header__menu{max-height:var(--bs-navigation-header-menu-max-height);overflow-y:auto;overscroll-behavior:contain}}"}},[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),o);break;case"bs-logo":customElements.get(a(e))||t()}}))}r();const s=o,d=r;export{s 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-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
|
+
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-BmdSbmFg.js";import{d as o}from"./p-DBvhi__l.js";import{d as n}from"./p-DiORQQg3.js";import{d as c}from"./p-C3erqJFy.js";import{d as l}from"./p-CmlzHRkn.js";import{d as b}from"./p-qXdgl7VG.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(f,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(m,{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(m,{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"}))),m=h(s("g",null,s("path",{d:"M5 12H19"}),s("path",{d:"M13 6L19 12L13 18"}))),f=()=>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}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BsPageHeader extends Components.BsPageHeader, HTMLElement {}
|
|
4
|
+
export const BsPageHeader: {
|
|
5
|
+
prototype: BsPageHeader;
|
|
6
|
+
new (): BsPageHeader;
|
|
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 a,p as e,H as s,c as t,h as r}from"./p-B2gx7SZk.js";import{d as i}from"./p-DzvXbBvk.js";import{d as b}from"./p-DiORQQg3.js";const d=["breadcrumb","status","meta","actions","tabs"],c=e(class extends s{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsBack=t(this,"bsBack"),this.bsFavoriteChange=t(this,"bsFavoriteChange")}get el(){return this}heading;headingLevel=1;meta;compact=!1;back=!1;backLabel="Back";favoritable=!1;favorite=!1;favoriteLabel="Favourite";bsBack;bsFavoriteChange;slotted={breadcrumb:!1,status:!1,meta:!1,actions:!1,tabs:!1};componentWillLoad(){this.slotted=Object.fromEntries(d.map((a=>[a,!!this.el.querySelector(`:scope > [slot="${a}"]`)])))}onSlotChange=a=>e=>{const s=e.target.assignedNodes().length>0;s!==this.slotted[a]&&(this.slotted={...this.slotted,[a]:s})};onFavoriteClick=()=>{const a=!this.favorite;this.bsFavoriteChange.emit({favorite:a}).defaultPrevented||(this.favorite=a)};render(){const a=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||1)),e=!!this.meta||this.slotted.meta,s=this.slotted.tabs&&!this.compact;return r("div",{key:"c67fc2b33ae942872040751d548fb82702032f9f",part:"container",class:{"bs-page-header":!0,"bs-page-header--compact":this.compact,"bs-page-header--tabs":s}},r("div",{key:"032d58b0072e17bd8eeb60afb5a719899a56691b",part:"breadcrumb",class:{"bs-page-header__breadcrumb":!0,"bs-page-header__empty":!this.slotted.breadcrumb}},r("slot",{key:"baed539fafc7704bbcddf66aff9109e0d6366d67",name:"breadcrumb",onSlotchange:this.onSlotChange("breadcrumb")})),r("div",{key:"7f001cac1f29a8dd805830df98b367cee74fd46f",part:"row",class:"bs-page-header__row"},r("div",{key:"c287bdcf1e22feb88bfbc3623cc2ff8765b798d0",part:"main",class:{"bs-page-header__main":!0,"bs-page-header__main--back":this.back}},this.back&&r("bs-icon-button",{key:"98d23c039d1f864de2a3a814ffc66c69e613d88d",part:"back",class:"bs-page-header__back",variant:"subtle",size:"sm",ariaLabel:this.backLabel,onClick:()=>this.bsBack.emit()},r(o,{key:"dd9d3aec3e3bd8e8d5423b7fbf3d899693f2a47d"})),r("div",{key:"8b2c60f98bcf538bb6419d37180c87f921d3efc1",part:"title",class:{"bs-page-header__title":!0,"bs-page-header__title--controls":this.back||this.favoritable}},r("h"+a,{part:"heading",class:{"bs-page-header__heading":!0}},this.heading),r("span",{key:"c2b98f908942e93bfd6c8711c7097b77fdf9c449",part:"status",class:{"bs-page-header__status":!0,"bs-page-header__empty":!this.slotted.status}},r("slot",{key:"7a0be9e27bd1b1b4fb5ce5122056ea1b79d85e3a",name:"status",onSlotchange:this.onSlotChange("status")})),this.favoritable&&r("bs-icon-button",{key:"be19b70ac6c5a0a560bf2d3402c146844b5bb81b",part:"favorite",class:"bs-page-header__favorite",variant:"subtle",size:"sm",ariaLabel:this.favoriteLabel,pressed:this.favorite,onClick:this.onFavoriteClick},r(this.favorite?p:n,null))),r("div",{key:"5c4c5aeb64bf508031607455f65c67a7b6fc89ce",part:"meta",class:{"bs-page-header__meta":!0,"bs-page-header__empty":!e}},r("slot",{key:"75d3cbe844e0ecee9ed9f2457591fd418405b931",name:"meta",onSlotchange:this.onSlotChange("meta")},this.meta))),r("div",{key:"a8f6d7929d7c49066f987f9acc665ef42404059b",part:"actions",class:{"bs-page-header__actions":!0,"bs-page-header__empty":!this.slotted.actions}},r("slot",{key:"84a69af01b82f153b965c981d80bda4561b9d8a7",name:"actions",onSlotchange:this.onSlotChange("actions")}))),r("div",{key:"fdd15239c429c8800b91aac17fff8cd78bbfc589",part:"tabs",class:{"bs-page-header__tabs":!0,"bs-page-header__empty":!this.slotted.tabs}},r("slot",{key:"892ecc16b598a39b706e807c67fb8b4b7a6e7cad",name:"tabs",onSlotchange:this.onSlotChange("tabs")})),s&&r("bs-divider",{key:"7397b2cfc7faca637442ba7d0460a1ec396504a3",part:"divider",class:"bs-page-header__divider",decorative:!0}))}static get style(){return":host{display:block;box-sizing:border-box;container-type:inline-size;max-width:100%;--bs-page-header-bg:var(--bs-surface-base);--bs-page-header-padding-x:var(--bs-spacing-200);--bs-page-header-padding-y:var(--bs-spacing-300);--bs-page-header-gap:var(--bs-spacing-150);--bs-page-header-title-gap:var(--bs-spacing-150);--bs-page-header-actions-gap:var(--bs-spacing-100);--bs-page-header-text-color:var(--bs-text-default);--bs-page-header-meta-color:var(--bs-text-secondary);--bs-page-header-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-25) var(--bs-shadow-blur-50) var(--bs-elevation-medium);--bs-page-header-sticky-offset:0px;--bs-page-header-z-index:var(--bs-z-index-sticky)}:host([hidden]){display:none}:host([compact]){position:sticky;top:var(--bs-page-header-sticky-offset);z-index:var(--bs-page-header-z-index)}.bs-page-header{display:flex;flex-direction:column;gap:var(--bs-page-header-gap);box-sizing:border-box;padding:var(--bs-page-header-padding-y) var(--bs-page-header-padding-x);background:var(--bs-page-header-bg);color:var(--bs-page-header-text-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-page-header .bs-page-header__empty{display:none}.bs-page-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-page-header-gap)}.bs-page-header__main{display:grid;grid-template-columns:minmax(0, 1fr);align-items:center;flex:1 1 auto;min-width:0}.bs-page-header__main--back{grid-template-columns:auto minmax(0, 1fr);column-gap:var(--bs-spacing-100)}.bs-page-header__back{grid-column:1;grid-row:1;align-self:start}.bs-page-header__title{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--bs-page-header-title-gap);min-width:0;grid-row:1;grid-column:-2 / -1}.bs-page-header__title--controls{min-height:var(--bs-scale-500)}.bs-page-header__back,.bs-page-header__favorite{--bs-icon-button-icon-size-sm:var(--bs-scale-250)}.bs-page-header__heading{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--bs-page-header-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h4);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-page-header__status{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-page-header__meta{grid-row:2;grid-column:-2 / -1;min-width:0;overflow-wrap:anywhere;color:var(--bs-page-header-meta-color);font-size:var(--bs-fontsize-body-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-page-header__actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:var(--bs-page-header-actions-gap)}.bs-page-header__tabs{min-width:0;padding:var(--bs-spacing-50) var(--bs-spacing-50) var(--bs-spacing-50);margin:calc(-1 * var(--bs-spacing-50)) calc(-1 * var(--bs-spacing-50)) calc(-1 * var(--bs-spacing-50));overflow-x:auto;scrollbar-width:none}.bs-page-header__tabs::-webkit-scrollbar{display:none}.bs-page-header--tabs{padding-bottom:0;gap:var(--bs-spacing-100)}.bs-page-header--tabs .bs-page-header__row{margin-bottom:var(--bs-spacing-50)}.bs-page-header__divider{margin:calc(-1 * var(--bs-spacing-50)) calc(-1 * var(--bs-page-header-padding-x)) 0;width:auto}.bs-page-header--compact{--bs-page-header-padding-y:var(--bs-spacing-250);box-shadow:var(--bs-page-header-shadow)}.bs-page-header--compact .bs-page-header__breadcrumb,.bs-page-header--compact .bs-page-header__tabs{display:none}.bs-page-header--compact .bs-page-header__main{grid-template-columns:auto minmax(0, 1fr);column-gap:var(--bs-page-header-title-gap)}.bs-page-header--compact .bs-page-header__main--back{grid-template-columns:auto auto minmax(0, 1fr)}.bs-page-header--compact .bs-page-header__back{margin-inline-end:calc(-1 * var(--bs-spacing-50))}.bs-page-header--compact .bs-page-header__title{grid-column:auto}.bs-page-header--compact .bs-page-header__meta{grid-row:1;grid-column:auto}@container (max-width: 639px){.bs-page-header{--bs-page-header-padding-x:var(--bs-spacing-200)}.bs-page-header__row{flex-direction:column;align-items:stretch}.bs-page-header__actions{flex-wrap:wrap;justify-content:flex-start}.bs-page-header__actions ::slotted(*){flex:0 0 auto;max-width:100%}.bs-page-header__actions ::slotted(bs-button){--bs-button-height-sm:var(--bs-scale-550)}.bs-page-header__actions ::slotted(bs-icon-button){--bs-icon-button-size-sm:var(--bs-scale-550)}.bs-page-header__back,.bs-page-header__favorite{--bs-icon-button-size-sm:var(--bs-scale-550)}.bs-page-header--compact .bs-page-header__main{grid-template-columns:minmax(0, 1fr)}.bs-page-header--compact .bs-page-header__main--back{grid-template-columns:auto minmax(0, 1fr)}.bs-page-header--compact .bs-page-header__back{margin-inline-end:0}.bs-page-header--compact .bs-page-header__title{grid-column:-2 / -1}.bs-page-header--compact .bs-page-header__meta{grid-row:2;grid-column:-2 / -1}}"}},[769,"bs-page-header",{heading:[1],headingLevel:[2,"heading-level"],meta:[1],compact:[516],back:[4],backLabel:[1,"back-label"],favoritable:[4],favorite:[1540],favoriteLabel:[1,"favorite-label"],slotted:[32]}]),o=()=>r("svg",{viewBox:"0 0 256 256",fill:"currentColor","aria-hidden":"true"},r("path",{d:"M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"})),n=()=>r("svg",{viewBox:"0 0 256 256",fill:"currentColor","aria-hidden":"true"},r("path",{d:"M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"})),p=()=>r("svg",{viewBox:"0 0 256 256",fill:"currentColor","aria-hidden":"true"},r("path",{d:"M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"}));function g(){"undefined"!=typeof customElements&&["bs-page-header","bs-divider","bs-icon-button"].forEach((e=>{switch(e){case"bs-page-header":customElements.get(a(e))||customElements.define(a(e),c);break;case"bs-divider":customElements.get(a(e))||i();break;case"bs-icon-button":customElements.get(a(e))||b()}}))}g();const h=c,l=g;export{h as BsPageHeader,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as s}from"./p-TXAiCnSZ.js";const p=o,r=s;export{p as BsPagination,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{B as o,d as s}from"./p-BS7ySxJZ.js";const p=o,r=s;export{p as BsPopover,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as r,H as o,c as s,h as a}from"./p-B2gx7SZk.js";import{d as i}from"./p-
|
|
1
|
+
import{t,p as r,H as o,c as s,h as a}from"./p-B2gx7SZk.js";import{d as i}from"./p-BmdSbmFg.js";import{d as e}from"./p-DBvhi__l.js";import{d as c}from"./p-DiORQQg3.js";import{d as p}from"./p-C3erqJFy.js";const u=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=s(this,"bsPrimary"),this.bsSecondary=s(this,"bsSecondary"),this.bsClose=s(this,"bsClose")}type="welcome";direction="top";heading;description;step=1;total=0;progressLabel="{step} of {total}";primaryLabel;secondaryLabel;closable=!1;closeLabel="Close";bsPrimary;bsSecondary;bsClose;get primary(){return void 0!==this.primaryLabel?this.primaryLabel:{welcome:"Start",success:"Done",pointer:"Next"}[this.type]??""}get secondary(){return void 0!==this.secondaryLabel?this.secondaryLabel:{welcome:"Later",success:"",pointer:"Back"}[this.type]??""}renderActions(t,r){const{primary:o,secondary:s}=this;return o||s?a("div",{part:"actions",class:"bs-product-tour__actions"},s&&a("bs-button",{part:"secondary",variant:r,size:t,onClick:()=>this.bsSecondary.emit()},s),o&&a("bs-button",{part:"primary",variant:"primary",size:t,onClick:()=>this.bsPrimary.emit()},o)):null}renderCard(){const t="success"===this.type;return a("bs-card",{part:"container",class:"bs-product-tour bs-product-tour--card",surface:"base"},a("div",{class:"bs-product-tour__body"},a("bs-icon-tile",{part:"art",class:"bs-product-tour__art",intent:t?"success":"brand",size:"lg"},a("slot",{name:"icon"},a(t?n:d,null))),this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description),this.renderActions("md","outlined")))}renderPointer(){const t=this.total>0?this.progressLabel.replace("{step}",this.step+"").replace("{total}",this.total+""):"";return a("div",{class:"bs-product-tour bs-product-tour--pointer"},a("div",{part:"arrow",class:"bs-product-tour__arrow","aria-hidden":"true"}),a("bs-card",{part:"container",class:"bs-product-tour__card",surface:"base"},this.closable&&a("bs-icon-button",{part:"close",class:"bs-product-tour__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{d:"M5 5L15 15M15 5L5 15"}))),a("div",{class:"bs-product-tour__body"},a("div",{class:"bs-product-tour__text"},this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description)),a("div",{part:"footer",class:"bs-product-tour__footer"},t?a("span",{part:"progress",class:"bs-product-tour__progress"},t):a("span",null),this.renderActions("sm","subtle")))))}render(){return"pointer"===this.type?this.renderPointer():this.renderCard()}static get style(){return":host{display:inline-block;--bs-product-tour-bg:var(--bs-paper-bg-base);--bs-product-tour-radius:var(--bs-border-radius-150);--bs-product-tour-color:var(--bs-text-default);--bs-product-tour-color-secondary:var(--bs-text-secondary);--bs-product-tour-art-size:64px;--bs-product-tour-art-icon-size:28px;--bs-product-tour-arrow-width:22px;--bs-product-tour-arrow-height:16px;--bs-product-tour-arrow-offset:36px;--bs-product-tour-width:400px;--bs-product-tour-padding:var(--bs-spacing-300);--bs-product-tour-gap:var(--bs-spacing-150);--bs-product-tour-shadow-color:var(--bs-elevation-medium)}:host([type='pointer']){--bs-product-tour-width:320px;--bs-product-tour-padding:var(--bs-spacing-200);--bs-product-tour-gap:var(--bs-spacing-100);--bs-product-tour-shadow-color:var(--bs-elevation-high)}.bs-product-tour{position:relative;width:var(--bs-product-tour-width);max-width:100%;color:var(--bs-product-tour-color);font-family:inherit}.bs-product-tour,.bs-product-tour__card{--bs-card-bg:var(--bs-product-tour-bg);--bs-card-radius:var(--bs-product-tour-radius);--bs-card-padding:var(--bs-product-tour-padding)}.bs-product-tour__body{display:flex;flex-direction:column;gap:var(--bs-product-tour-gap)}.bs-product-tour p{margin:0}.bs-product-tour--card{--bs-card-shadow:0 4px 8px var(--bs-product-tour-shadow-color)}.bs-product-tour--card .bs-product-tour__body{align-items:center;text-align:center}.bs-product-tour__art{--bs-icon-tile-size:var(--bs-product-tour-art-size);--bs-icon-tile-icon-size:var(--bs-product-tour-art-icon-size)}.bs-product-tour__glyph,::slotted([slot='icon']){width:var(--bs-product-tour-art-icon-size);height:var(--bs-product-tour-art-icon-size)}.bs-product-tour--card .bs-product-tour__heading{align-self:stretch;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-product-tour--card .bs-product-tour__description{align-self:stretch;color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour--card .bs-product-tour__actions{padding-top:var(--bs-spacing-100)}.bs-product-tour--card .bs-product-tour__actions bs-button{--bs-button-height-md:var(--bs-spacing-550);min-width:94px}.bs-product-tour--pointer{filter:drop-shadow(0 4px 4px var(--bs-product-tour-shadow-color))}.bs-product-tour__card{display:block;--bs-card-shadow:none}.bs-product-tour--pointer .bs-product-tour__body{min-height:calc(140px - var(--bs-product-tour-padding) * 2)}.bs-product-tour--pointer .bs-product-tour__text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding-inline-end:var(--bs-spacing-500)}.bs-product-tour--pointer .bs-product-tour__heading{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-product-tour--pointer .bs-product-tour__description{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour__close{position:absolute;top:3px;inset-inline-end:3px}.bs-product-tour__close svg{width:20px;height:20px}.bs-product-tour__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);margin-top:auto;padding-top:4px}.bs-product-tour__progress{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-product-tour--pointer .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour--pointer .bs-product-tour__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}.bs-product-tour--card .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour__arrow{position:absolute;background:var(--bs-product-tour-bg);pointer-events:none}:host([direction^='top']) .bs-product-tour__arrow,:host([direction^='bottom']) .bs-product-tour__arrow{width:var(--bs-product-tour-arrow-width);height:calc(var(--bs-product-tour-arrow-height) + 1px)}:host([direction^='top']) .bs-product-tour__arrow{bottom:calc(100% - 1px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}:host([direction^='bottom']) .bs-product-tour__arrow{top:calc(100% - 1px);clip-path:polygon(0 0, 100% 0, 50% 100%)}:host([direction='top']) .bs-product-tour__arrow,:host([direction='bottom']) .bs-product-tour__arrow{left:50%;transform:translateX(-50%)}:host([direction$='-left']) .bs-product-tour__arrow{left:var(--bs-product-tour-arrow-offset);transform:translateX(-50%)}:host([direction$='-right']) .bs-product-tour__arrow{right:var(--bs-product-tour-arrow-offset);transform:translateX(50%)}:host([direction^='left']) .bs-product-tour__arrow,:host([direction^='right']) .bs-product-tour__arrow{width:calc(var(--bs-product-tour-arrow-height) + 1px);height:var(--bs-product-tour-arrow-width)}:host([direction^='left']) .bs-product-tour__arrow{right:calc(100% - 1px);clip-path:polygon(0 50%, 100% 0, 100% 100%)}:host([direction^='right']) .bs-product-tour__arrow{left:calc(100% - 1px);clip-path:polygon(0 0, 100% 50%, 0 100%)}:host([direction='left']) .bs-product-tour__arrow,:host([direction='right']) .bs-product-tour__arrow{top:50%;transform:translateY(-50%)}:host([direction$='-top']) .bs-product-tour__arrow{top:var(--bs-product-tour-arrow-offset);transform:translateY(-50%)}:host([direction$='-bottom']) .bs-product-tour__arrow{bottom:var(--bs-product-tour-arrow-offset);transform:translateY(50%)}"}},[769,"bs-product-tour",{type:[513],direction:[513],heading:[1],description:[1],step:[2],total:[2],progressLabel:[1,"progress-label"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],closable:[4],closeLabel:[1,"close-label"]}]),d=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M9.5 4L11.2 9.3L16.5 11L11.2 12.7L9.5 18L7.8 12.7L2.5 11L7.8 9.3L9.5 4Z"}),a("path",{d:"M18.5 3V7"}),a("path",{d:"M16.5 5H20.5"}),a("path",{d:"M18 16V20"}),a("path",{d:"M16 18H20"})),n=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"}));function b(){"undefined"!=typeof customElements&&["bs-product-tour","bs-button","bs-card","bs-icon-button","bs-icon-tile"].forEach((r=>{switch(r){case"bs-product-tour":customElements.get(t(r))||customElements.define(t(r),u);break;case"bs-button":customElements.get(t(r))||i();break;case"bs-card":customElements.get(t(r))||e();break;case"bs-icon-button":customElements.get(t(r))||c();break;case"bs-icon-tile":customElements.get(t(r))||p()}}))}b();const l=u,h=b;export{l as BsProductTour,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-qXdgl7VG.js";const p=o,r=s;export{p as BsProgressLinear,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as o,d as s}from"./p-CmlzHRkn.js";const m=o,p=s;export{m as BsProgress,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as o,H as s,c as r,h as a}from"./p-B2gx7SZk.js";import{d as t}from"./p-DYuzgzxI.js";import{d as i}from"./p-DvNED6Lb.js";import{d}from"./p-CRtvJlh8.js";import{d as c}from"./p-B32Kl4IB.js";import{d as b}from"./p-DtYTs9Kh.js";const n=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(u,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(u,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"4e5a86e053974ebdd585f6a378c4b2c9dfe80b92",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"e320cf76ecac7018040488ac27dbf74eb57fe46b",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"92792abcf2ec2df4c9cd916947ffd3e9f11db2e6",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"fd6ad7be66a5c4f0eb34838fb259a4f85626205a",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"a466aa00a2cc54d8b24e39cf77b8a29af6a0eb10",class:"bs-qr-code__body"},a("div",{key:"420d6f114ef12648082c5639b76e79511529ec8f",part:"head",class:"bs-qr-code__head"},a("p",{key:"95226c84a8a6fa9e69366dcafa469a86e7e2e915",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"b3c8ac38d020d2ba3b33471ea75cd818671f794b",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"5cfc86b8a5070a055e14a37a2c8f0903efa928f1",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"ca3698846a9360e944206062a7f557a235966ffc",part:"code",class:"bs-qr-code__code"},a("slot",{key:"77c2abe0217050d736029c899d8da67de3a9a77b",name:"code"},this.renderMatrix()),a("div",{key:"d9f29820aeca8366b7e2a58b66952b2cdce93aa4",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"0cb7978ca6481ad25e3b7f597c632f6cffcc7c3a",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"4ccc499546fa09ff29b4f518069eb8220e0aec54",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"3f7a6799cd4a76fe985a2e4e6c3852c670443802",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"d3f49278308cd98b5c39fcee779335d0c565c424",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"55a59da6ba6c147b317d4e54fdf866887947abe4",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"b84c9a68ab60a4d0f0a5b844eba4b24d7ad3557a",part:"expiry",size:"md"},a(q,{key:"cde3b75e0116fa9d8f7e90cc7aebe6aa799650a2",slot:"icon"}),this.expiry),s&&a("div",{key:"1007f98a49a793775512c9d57ea44951a1294bf9",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"1da4900056da20ee071ef9421e2d4c003b957955",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(p,{key:"8f2011be9477c936f939e7150e3332af4c827d0d",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"a47912896e8d99fe05847c332c164e8d63be63f6",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(h,{key:"7a78f3459c29d3b190dba3385adb3b1c61d7e0d5",slot:"icon"}),this.copyLabel))))}static get style(){return":host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),l={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},p=e=>a("svg",{...l,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),h=e=>a("svg",{...l,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),u=e=>a("svg",{...l,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),q=e=>a("svg",{...l,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function v(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),n);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||i();break;case"bs-chip-informative":customElements.get(e(o))||d();break;case"bs-icon-button":customElements.get(e(o))||c();break;case"bs-progress":customElements.get(e(o))||b()}}))}v();const f=n,_=v;export{f as BsQrCode,_ as defineCustomElement}
|
|
1
|
+
import{t as e,p as o,H as s,c as r,h as a}from"./p-B2gx7SZk.js";import{d as t}from"./p-BmdSbmFg.js";import{d}from"./p-DBvhi__l.js";import{d as i}from"./p-C1owRphU.js";import{d as c}from"./p-DiORQQg3.js";import{d as b}from"./p-CmlzHRkn.js";const n=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(u,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(u,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"c69bffccb96c2c76fabc8a68caa33598d330925c",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"eddf5fd0434ef1d4a79c65cb76e643f5607c3690",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"04751b373bc8ccf24b0777646598f6b0b594dd1d",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"e40257103cb9c062af6806874a44cc4050b91a09",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"55689fd3950bf8a52fcc13e51447b329414c846d",class:"bs-qr-code__body"},a("div",{key:"7335ae0ae9f42fe3b99b1dc8096338c1b0d12fc4",part:"head",class:"bs-qr-code__head"},a("p",{key:"1d6288133f9619f865782d75352e02ffbd4b3cb3",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"2ac5a838cc0d524b726363a5711fcfd3558e7738",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"2412e4792a4ba605c3e8c68652600901f00fbd9c",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"480f7b27bdb7521592cf200fa2e8a36b89742d94",part:"code",class:"bs-qr-code__code"},a("slot",{key:"cc20adaeea528bdaddc2187fd48d8c33b6c29984",name:"code"},this.renderMatrix()),a("div",{key:"98ad7405250536002da78c856fe34f29101d6b8b",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"fa3ad80018891516474a16cdc74f7c40b3ff7193",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"16aea140dffc0b85679923c72ff68f73496cd382",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"4b6c14f95fbc75fa750361bedb63e06f6cf8fbfa",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"23ef126293fe71e364e2fe6d8bf7e9570a0a8073",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"055769372c728d26f4a7b0ca15b4c1e9d9182f85",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"2bda390d9e14ba387015619c5d51c136f344d42c",part:"expiry",size:"md"},a(f,{key:"daa9d8dd4b9dbbc3f0a01d4c203020a7a128e3e4",slot:"icon"}),this.expiry),s&&a("div",{key:"42fdca6de6985912a93580b60a69b06de86ab240",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"da9f965b3c996842c2f7c853b12baa7cd1523d0b",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(p,{key:"c0ff457c873583ba21dc0ef936b5b75723170921",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"023df4653bdbcf8440c511818a27f8363218c202",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(h,{key:"0abdffdb59b543625340be0af0bfabd21fa57bca",slot:"icon"}),this.copyLabel))))}static get style(){return":host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),l={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},p=e=>a("svg",{...l,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),h=e=>a("svg",{...l,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),u=e=>a("svg",{...l,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),f=e=>a("svg",{...l,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function q(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),n);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||d();break;case"bs-chip-informative":customElements.get(e(o))||i();break;case"bs-icon-button":customElements.get(e(o))||c();break;case"bs-progress":customElements.get(e(o))||b()}}))}q();const v=n,_=q;export{v as BsQrCode,_ as defineCustomElement}
|