@brandsync/wc 1.20.1 → 1.22.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 +26 -0
- package/REFERENCE.md +2 -1
- package/custom-elements.json +157 -6
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-dd3499ab.entry.js → p-018ab194.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d6600c7c.entry.js → p-020a274b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2a96ce61.entry.js → p-0276bca4.entry.js} +1 -1
- package/dist/brandsync-wc/p-03acdd56.entry.js +1 -0
- package/dist/brandsync-wc/{p-32d83763.entry.js → p-06a5fe99.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1a549f9a.entry.js → p-0a0798c4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ecb1a27d.entry.js → p-0b92d0d7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-319b7baa.entry.js → p-0be65af0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0ebb60a8.entry.js → p-0ce29fc2.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6ae75ed0.entry.js → p-1436ae47.entry.js} +1 -1
- package/dist/brandsync-wc/{p-66f1ca2e.entry.js → p-181a8372.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f71d7582.entry.js → p-1bd3756c.entry.js} +1 -1
- package/dist/brandsync-wc/p-1bf91b43.entry.js +1 -0
- package/dist/brandsync-wc/p-1c2402eb.entry.js +1 -0
- package/dist/brandsync-wc/{p-ff85a9d8.entry.js → p-214b32bb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4810bcc8.entry.js → p-21a592a4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a3c7b4e7.entry.js → p-23e3bffe.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e8027825.entry.js → p-284e4e1e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-78e4dd14.entry.js → p-2c167f83.entry.js} +1 -1
- package/dist/brandsync-wc/p-2e2dc322.entry.js +1 -0
- package/dist/brandsync-wc/{p-f22d2db8.entry.js → p-37da7465.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2621b1b2.entry.js → p-38f4552f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-23367a4d.entry.js → p-39afd9b8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-28a34097.entry.js → p-3a13747b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fc7df528.entry.js → p-3b3a9587.entry.js} +1 -1
- package/dist/brandsync-wc/{p-50a154b8.entry.js → p-3de7989e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d555984e.entry.js → p-43a792a3.entry.js} +1 -1
- package/dist/brandsync-wc/{p-bfdd135b.entry.js → p-4907f66e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9e93b482.entry.js → p-4a8c2eca.entry.js} +1 -1
- package/dist/brandsync-wc/{p-89dbb3c8.entry.js → p-4ff5bc4b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a6cbb6c6.entry.js → p-51e9d375.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2f58b161.entry.js → p-5399e163.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e2268c96.entry.js → p-55db935b.entry.js} +1 -1
- package/dist/brandsync-wc/p-5f26d601.entry.js +1 -0
- package/dist/brandsync-wc/{p-409cf56b.entry.js → p-60e4e07a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-08d08dc9.entry.js → p-645e1a78.entry.js} +1 -1
- package/dist/brandsync-wc/{p-6adc9c4f.entry.js → p-682b9f3e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-08a5e178.entry.js → p-697de2b2.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e18cb639.entry.js → p-6aa3dcef.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d8a299a9.entry.js → p-6b11aebb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a1d34ff3.entry.js → p-6d18ba79.entry.js} +1 -1
- package/dist/brandsync-wc/p-6fcfd7d7.entry.js +1 -0
- package/dist/brandsync-wc/{p-69489f45.entry.js → p-71ea6c1c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b0f4cbca.entry.js → p-74dd9146.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8c83cc99.entry.js → p-75ec385a.entry.js} +1 -1
- package/dist/brandsync-wc/{p-ca8a1e51.entry.js → p-78fdcd05.entry.js} +1 -1
- package/dist/brandsync-wc/{p-eb4ad606.entry.js → p-7a291cfc.entry.js} +1 -1
- package/dist/brandsync-wc/{p-baca1abf.entry.js → p-7f3c8416.entry.js} +1 -1
- package/dist/brandsync-wc/{p-8d674f11.entry.js → p-7f50ae81.entry.js} +1 -1
- package/dist/brandsync-wc/{p-53b1c545.entry.js → p-82533674.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d263deec.entry.js → p-83977d40.entry.js} +1 -1
- package/dist/brandsync-wc/{p-806bb471.entry.js → p-851c1498.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3f6be3f7.entry.js → p-87b91d38.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b7545d9b.entry.js → p-8a85e144.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c0e5db3d.entry.js → p-9301f01e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c39e6be9.entry.js → p-978c46d9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fa894893.entry.js → p-9988ebab.entry.js} +1 -1
- package/dist/brandsync-wc/p-9a45899c.entry.js +1 -0
- package/dist/brandsync-wc/{p-debc308d.entry.js → p-9bd0c4a7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4d6f2fec.entry.js → p-9c1ea6f0.entry.js} +1 -1
- package/dist/brandsync-wc/{p-aa99b1f8.entry.js → p-9c353a03.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1daf48b1.entry.js → p-9d90d3b8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5b48a6c7.entry.js → p-a59b4c08.entry.js} +1 -1
- package/dist/brandsync-wc/{p-39c50762.entry.js → p-ad53d283.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4f19e8d8.entry.js → p-ad9c3eea.entry.js} +1 -1
- package/dist/brandsync-wc/{p-040d4755.entry.js → p-aeb99b7d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-70924681.entry.js → p-b145997c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-90442341.entry.js → p-b6350eab.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f229f59a.entry.js → p-b90c8b7d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-a86560e6.entry.js → p-b93ce581.entry.js} +1 -1
- package/dist/brandsync-wc/p-ba933f3b.entry.js +1 -0
- package/dist/brandsync-wc/{p-6db03e96.entry.js → p-bb1b2350.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d67840f5.entry.js → p-bcb09ba4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-50ac6889.entry.js → p-bde099fb.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e18e45bc.entry.js → p-bef6e54b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-520b277a.entry.js → p-bf8da1b5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2210c680.entry.js → p-c36f68a2.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1ce4395a.entry.js → p-c4026551.entry.js} +1 -1
- package/dist/brandsync-wc/{p-14719554.entry.js → p-c7c3c4ae.entry.js} +1 -1
- package/dist/brandsync-wc/{p-eb1b1497.entry.js → p-ca71e180.entry.js} +1 -1
- package/dist/brandsync-wc/p-cc664465.entry.js +1 -0
- package/dist/brandsync-wc/{p-8a4d64fd.entry.js → p-ce3a762e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-452f6c13.entry.js → p-d38394ce.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fbd204b6.entry.js → p-d4caa814.entry.js} +1 -1
- package/dist/brandsync-wc/{p-47fc5f29.entry.js → p-d8dd2230.entry.js} +1 -1
- package/dist/brandsync-wc/{p-13d98ec3.entry.js → p-da091255.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fe6f71da.entry.js → p-dd7bb223.entry.js} +1 -1
- package/dist/brandsync-wc/{p-548b96f7.entry.js → p-e0d47019.entry.js} +1 -1
- package/dist/brandsync-wc/{p-587be2c6.entry.js → p-e8fe79bc.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b6dc9234.entry.js → p-e90e4991.entry.js} +1 -1
- package/dist/brandsync-wc/{p-338b5e39.entry.js → p-ee4f3b3d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-32004fb3.entry.js → p-f43615f7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b1663378.entry.js → p-fca95aae.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 +4 -4
- package/dist/cjs/bs-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/bs-attachment-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bs-button_2.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-group.cjs.entry.js +8 -3
- package/dist/cjs/bs-checkbox-skeleton.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 +31 -2
- 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 +4 -4
- package/dist/cjs/bs-company-switcher.cjs.entry.js +2 -2
- 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 +4 -2
- package/dist/cjs/bs-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/bs-description-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-description-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-divider.cjs.entry.js +1 -1
- package/dist/cjs/bs-dropdown.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-heading.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-tile.cjs.entry.js +2 -2
- package/dist/cjs/bs-icon.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/bs-input_4.cjs.entry.js +9 -6
- 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-link.cjs.entry.js +1 -1
- package/dist/cjs/bs-list-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-list.cjs.entry.js +1 -1
- package/dist/cjs/bs-mega-menu.cjs.entry.js +1 -1
- 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 +2 -2
- package/dist/cjs/bs-page-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +1 -1
- package/dist/cjs/bs-popover.cjs.entry.js +1 -1
- package/dist/cjs/bs-presence.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-group.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-select.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-skip-link.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 +3 -3
- package/dist/cjs/bs-split-pane.cjs.entry.js +27 -2
- package/dist/cjs/bs-stack.cjs.entry.js +1 -1
- package/dist/cjs/bs-stat.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-table-of-contents.cjs.entry.js +1 -1
- package/dist/cjs/bs-tag.cjs.entry.js +2 -2
- package/dist/cjs/bs-text.cjs.entry.js +1 -1
- package/dist/cjs/bs-timepicker.cjs.entry.js +2 -2
- package/dist/cjs/bs-toast.cjs.entry.js +1 -1
- package/dist/cjs/bs-toggle-button-group.cjs.entry.js +1 -1
- package/dist/cjs/bs-toggle-button.cjs.entry.js +9 -1
- package/dist/cjs/bs-toolbar.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/components/bs-accordion/bs-accordion.stories.js +25 -1
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.js +1 -1
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-app-recent-item/bs-app-recent-item.js +3 -3
- package/dist/collection/components/bs-app-shell/bs-app-shell.js +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox.stories.js +25 -1
- package/dist/collection/components/bs-checkbox-group/bs-checkbox-group.cmp.test.js +9 -0
- package/dist/collection/components/bs-checkbox-group/bs-checkbox-group.css +13 -0
- package/dist/collection/components/bs-checkbox-group/bs-checkbox-group.js +28 -3
- 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.cmp.test.js +44 -0
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.css +30 -0
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js +139 -7
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.stories.js +7 -0
- 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.js +1 -1
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.js +2 -2
- 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.cmp.test.js +9 -0
- package/dist/collection/components/bs-data-table/bs-data-table.js +24 -2
- package/dist/collection/components/bs-datepicker/bs-datepicker.js +1 -1
- package/dist/collection/components/bs-description-item/bs-description-item.js +1 -1
- package/dist/collection/components/bs-description-list/bs-description-list.js +1 -1
- package/dist/collection/components/bs-divider/bs-divider.js +1 -1
- package/dist/collection/components/bs-dropdown/bs-dropdown.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-heading/bs-heading.js +1 -1
- package/dist/collection/components/bs-icon/bs-icon.js +1 -1
- package/dist/collection/components/bs-icon-tile/bs-icon-tile.js +2 -2
- package/dist/collection/components/bs-input/bs-input.cmp.test.js +12 -0
- package/dist/collection/components/bs-input/bs-input.js +26 -3
- package/dist/collection/components/bs-input/bs-input.stories.js +14 -0
- 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-link/bs-link.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-block/bs-menu-block.js +3 -3
- 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.js +1 -1
- package/dist/collection/components/bs-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-popover/bs-popover.js +1 -1
- package/dist/collection/components/bs-presence/bs-presence.js +1 -1
- package/dist/collection/components/bs-progress/bs-progress.js +2 -2
- package/dist/collection/components/bs-progress/bs-progress.stories.js +6 -3
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +2 -2
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.stories.js +7 -5
- 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-radio-group/bs-radio-group.js +1 -1
- package/dist/collection/components/bs-radio-group/bs-radio-group.stories.js +15 -1
- package/dist/collection/components/bs-ripple/bs-ripple.js +1 -1
- package/dist/collection/components/bs-search-item/bs-search-item.js +1 -1
- package/dist/collection/components/bs-select/bs-select.js +1 -1
- package/dist/collection/components/bs-select/bs-select.stories.js +21 -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-skip-link/bs-skip-link.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 +3 -3
- package/dist/collection/components/bs-spinner/bs-spinner.js +1 -1
- package/dist/collection/components/bs-split-pane/bs-split-pane.cmp.test.js +8 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.js +26 -1
- package/dist/collection/components/bs-stack/bs-stack.js +1 -1
- package/dist/collection/components/bs-stat/bs-stat.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-switch/bs-switch.stories.js +33 -9
- 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-tab/bs-tabs/bs-tabs.stories.js +19 -1
- package/dist/collection/components/bs-table-of-contents/bs-table-of-contents.js +1 -1
- package/dist/collection/components/bs-tag/bs-tag.js +6 -2
- package/dist/collection/components/bs-text/bs-text.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-toggle-button/bs-toggle-button.cmp.test.js +11 -0
- package/dist/collection/components/bs-toggle-button/bs-toggle-button.js +9 -1
- package/dist/collection/components/bs-toggle-button/bs-toggle-button.stories.js +1 -1
- package/dist/collection/components/bs-toggle-button-group/bs-toggle-button-group.js +1 -1
- package/dist/collection/components/bs-toggle-button-group/bs-toggle-button-group.stories.js +33 -3
- package/dist/collection/components/bs-toolbar/bs-toolbar.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/tokens/tokens.stories.js +90 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +2 -2
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js +2 -2
- package/dist/collection/play-utils.js +24 -0
- 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.js +1 -1
- package/dist/components/bs-app-shell.js +1 -1
- package/dist/components/bs-app-switcher.js +1 -1
- package/dist/components/bs-app-tile.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-avatar.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-button.js +1 -1
- package/dist/components/bs-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-group.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-code-block.js +1 -1
- package/dist/components/bs-command-palette.js +1 -1
- package/dist/components/bs-compact-menu-block.js +1 -1
- package/dist/components/bs-company-switcher.js +1 -1
- package/dist/components/bs-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-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-description-item.js +1 -1
- package/dist/components/bs-description-list.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-divider.js +1 -1
- package/dist/components/bs-dropdown.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-heading.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-icon.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-link.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.js +1 -1
- package/dist/components/bs-menu-block.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-message-list.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.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-popover.js +1 -1
- package/dist/components/bs-presence.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-group.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-ripple.js +1 -1
- package/dist/components/bs-search-item.js +1 -1
- package/dist/components/bs-select.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-skip-link.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-stat.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-table-of-contents.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/bs-tag.js +1 -1
- package/dist/components/bs-text.js +1 -1
- package/dist/components/bs-timepicker.js +1 -1
- package/dist/components/bs-toast.js +1 -1
- package/dist/components/bs-toggle-button-group.js +1 -1
- package/dist/components/bs-toggle-button.js +1 -1
- package/dist/components/bs-toolbar.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-abyVFrPp.js → p--3dR13A5.js} +1 -1
- package/dist/components/{p-D4W5LcEW.js → p-5OSJi5Hq.js} +1 -1
- package/dist/components/{p-DHZ_DStJ.js → p-5yADpXI0.js} +1 -1
- package/dist/components/p-B1pqQBKC.js +1 -0
- package/dist/components/{p-BB1HiIxJ.js → p-B6bXreGu.js} +1 -1
- package/dist/components/{p-Ba8J2kHD.js → p-BDqzHL7T.js} +1 -1
- package/dist/components/{p-CALH_mHQ.js → p-BSaspygR.js} +1 -1
- package/dist/components/{p-Cz38kNDe.js → p-BYZ1TxxS.js} +1 -1
- package/dist/components/{p-DMp5CvEJ.js → p-BenlMTiB.js} +1 -1
- package/dist/components/{p-wscU7FUD.js → p-BkzRLgh4.js} +1 -1
- package/dist/components/{p-B81aicKA.js → p-BpD6hqIE.js} +1 -1
- package/dist/components/{p-CL99S8-7.js → p-Bu47NRjs.js} +1 -1
- package/dist/components/{p-DK1uv2fu.js → p-C4NrLy_y.js} +1 -1
- package/dist/components/{p-Dlp2c-Ii.js → p-CA1qkJ9m.js} +1 -1
- package/dist/components/{p-DO4sVZCh.js → p-CMhON6jB.js} +1 -1
- package/dist/components/{p-DUV80kt-.js → p-Cau06t9C.js} +1 -1
- package/dist/components/{p-DLNoxNuW.js → p-D9TQ0LLX.js} +1 -1
- package/dist/components/{p-Cso2DKAz.js → p-DJqNdSU4.js} +1 -1
- package/dist/components/{p-KiyJJwzr.js → p-DLGXRivO.js} +1 -1
- package/dist/components/{p-BLJL4BVY.js → p-DPIDWFCa.js} +1 -1
- package/dist/components/{p-wd9-vGpQ.js → p-DQY3n0nR.js} +1 -1
- package/dist/components/{p-DL9HtG41.js → p-DfYJCczy.js} +1 -1
- package/dist/components/{p-CxNNy2m6.js → p-DoCH1kV9.js} +1 -1
- package/dist/components/p-DpMqdknQ.js +1 -0
- package/dist/components/{p-Dt3b6VYT.js → p-Dsyt34TD.js} +1 -1
- package/dist/components/{p-CZfbB-t_.js → p-Dx10cRTc.js} +1 -1
- package/dist/components/p-EQrsaDKp.js +1 -0
- package/dist/components/{p-DaKBSL2O.js → p-ESiaIgGU.js} +1 -1
- package/dist/components/p-OhKj-S2c.js +1 -0
- package/dist/components/{p-DOW-YekD.js → p-TRtv6fbe.js} +1 -1
- package/dist/components/{p-DnagAPBF.js → p-_oStzQSx.js} +1 -1
- package/dist/components/{p-BR7C-aKy.js → p-bOSY8sKI.js} +1 -1
- package/dist/components/{p-DARbgzSz.js → p-hjzkd-La.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 +4 -4
- package/dist/esm/bs-app-shell.entry.js +1 -1
- package/dist/esm/bs-attachment-list.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +1 -1
- package/dist/esm/bs-button-skeleton.entry.js +1 -1
- package/dist/esm/bs-button_2.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-group.entry.js +8 -3
- package/dist/esm/bs-checkbox-skeleton.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +32 -3
- 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 +4 -4
- package/dist/esm/bs-company-switcher.entry.js +2 -2
- 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 +4 -2
- package/dist/esm/bs-datepicker.entry.js +1 -1
- package/dist/esm/bs-description-item.entry.js +1 -1
- package/dist/esm/bs-description-list.entry.js +1 -1
- package/dist/esm/bs-divider.entry.js +1 -1
- package/dist/esm/bs-dropdown.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-heading.entry.js +1 -1
- package/dist/esm/bs-icon-button.entry.js +1 -1
- package/dist/esm/bs-icon-tile.entry.js +2 -2
- package/dist/esm/bs-icon.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +1 -1
- package/dist/esm/bs-input_4.entry.js +9 -6
- 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-link.entry.js +1 -1
- package/dist/esm/bs-list-item.entry.js +1 -1
- package/dist/esm/bs-list.entry.js +1 -1
- package/dist/esm/bs-mega-menu.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/bs-page-header.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +1 -1
- package/dist/esm/bs-popover.entry.js +1 -1
- package/dist/esm/bs-presence.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-group.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-select.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-skip-link.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 +3 -3
- package/dist/esm/bs-split-pane.entry.js +27 -2
- package/dist/esm/bs-stack.entry.js +1 -1
- package/dist/esm/bs-stat.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-table-of-contents.entry.js +1 -1
- package/dist/esm/bs-tag.entry.js +2 -2
- package/dist/esm/bs-text.entry.js +1 -1
- package/dist/esm/bs-timepicker.entry.js +2 -2
- package/dist/esm/bs-toast.entry.js +1 -1
- package/dist/esm/bs-toggle-button-group.entry.js +1 -1
- package/dist/esm/bs-toggle-button.entry.js +9 -1
- package/dist/esm/bs-toolbar.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-checkbox-group/bs-checkbox-group.d.ts +3 -1
- package/dist/types/components/bs-chip/bs-chip-informative/bs-chip-informative.d.ts +29 -5
- package/dist/types/components/bs-chip/bs-chip-informative/bs-chip-informative.stories.d.ts +2 -0
- package/dist/types/components/bs-data-table/bs-data-table.d.ts +2 -0
- package/dist/types/components/bs-input/bs-input.d.ts +3 -0
- package/dist/types/components/bs-progress/bs-progress.stories.d.ts +1 -0
- package/dist/types/components/bs-progress-linear/bs-progress-linear.stories.d.ts +1 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.d.ts +3 -0
- package/dist/types/components/bs-tag/bs-tag.d.ts +4 -0
- package/dist/types/components/bs-toggle-button/bs-toggle-button.d.ts +1 -0
- package/dist/types/components/tokens/tokens.stories.d.ts +12 -0
- package/dist/types/components.d.ts +142 -18
- package/dist/types/play-utils.d.ts +6 -0
- package/dist/types/raw-css.d.ts +4 -0
- package/package.json +1 -1
- package/reference.d.ts +1 -1
- package/reference.json +6 -1
- package/dist/brandsync-wc/p-23affb5d.entry.js +0 -1
- package/dist/brandsync-wc/p-23b3958e.entry.js +0 -1
- package/dist/brandsync-wc/p-28723df1.entry.js +0 -1
- package/dist/brandsync-wc/p-32157c7a.entry.js +0 -1
- package/dist/brandsync-wc/p-4ae7b8b9.entry.js +0 -1
- package/dist/brandsync-wc/p-60636c6c.entry.js +0 -1
- package/dist/brandsync-wc/p-6096900b.entry.js +0 -1
- package/dist/brandsync-wc/p-6bdd9ef9.entry.js +0 -1
- package/dist/brandsync-wc/p-e4033ebc.entry.js +0 -1
- package/dist/components/p-B5yjDh8h.js +0 -1
- package/dist/components/p-C3YETziz.js +0 -1
- package/dist/components/p-CKTbatgt.js +0 -1
- package/dist/components/p-_zxYDrzi.js +0 -1
|
@@ -40,12 +40,12 @@ const BsGrid = class {
|
|
|
40
40
|
const row = this.rowGap ? this.token(this.rowGap) : gapValue;
|
|
41
41
|
const col = this.columnGap ? this.token(this.columnGap) : gapValue;
|
|
42
42
|
const align = ALIGNS.includes(this.align) ? this.align : 'stretch';
|
|
43
|
-
return (h("div", { key: '
|
|
43
|
+
return (h("div", { key: '9507109de1fe2a61cb12fdf10249eea822aca4fd', class: "bs-grid", part: "container", style: {
|
|
44
44
|
gridTemplateColumns: this.template(),
|
|
45
45
|
rowGap: `var(--bs-grid-row-gap, ${row})`,
|
|
46
46
|
columnGap: `var(--bs-grid-column-gap, ${col})`,
|
|
47
47
|
alignItems: align,
|
|
48
|
-
} }, h("slot", { key: '
|
|
48
|
+
} }, h("slot", { key: '71f053d7d6be8bc917c44bec3a0c2f220836322c' })));
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
BsGrid.style = bsGridCss();
|
|
@@ -18,7 +18,7 @@ const BsHeading = class {
|
|
|
18
18
|
const level = Math.min(6, Math.max(1, Number(this.level) || 2));
|
|
19
19
|
const Tag = (this.as ?? `h${level}`);
|
|
20
20
|
const size = this.size ?? String(level);
|
|
21
|
-
return (h(Tag, { key: '
|
|
21
|
+
return (h(Tag, { key: 'd30a0c74c61d89c6acaba89ef5133bdb4c9598aa', part: "heading", class: `bs-heading bs-heading--${size}` }, h("slot", { key: 'c9ec8694882323cc5dd98e771c70c296902d29e8' })));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
BsHeading.style = bsHeadingCss();
|
|
@@ -61,7 +61,7 @@ const BsIconButton = class {
|
|
|
61
61
|
form.reset();
|
|
62
62
|
};
|
|
63
63
|
render() {
|
|
64
|
-
return (h("button", { key: '
|
|
64
|
+
return (h("button", { key: '54397b6bf903304558a83d146be3aa3343013043', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, h("bs-ripple", { key: '5e3543cad7419f2f44957359c644b13a8920d68f', part: "ripple", centered: true, disabled: this.disabled }), h("span", { key: '0b4ed8bc57cedbcdc57c2c1659431faafa6b66c7', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'b6133e7db9c908bf19e4e22786d10ca23c6cd8f9' }))));
|
|
65
65
|
}
|
|
66
66
|
static get delegatesFocus() { return true; }
|
|
67
67
|
static get formAssociated() { return true; }
|
|
@@ -28,8 +28,8 @@ const BsIconTile = class {
|
|
|
28
28
|
render() {
|
|
29
29
|
const labelled = !!this.label;
|
|
30
30
|
return [
|
|
31
|
-
h("div", { key: '
|
|
32
|
-
h("span", { key: '
|
|
31
|
+
h("div", { key: 'bf6404159383eea8bc502471fe9050b3b756b44b', part: "container", class: "bs-icon-tile", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, h("span", { key: '68388ac2d1736c4f988aa4891ba98ed782e8e73e', part: "icon", class: "bs-icon-tile__icon" }, h("slot", { key: '63912e42c3858d1c893cd648772f014c1a9e0a0c', onSlotchange: (ev) => (this.hasCustomIcon = hasContent(ev.target)) }), !this.hasCustomIcon && (GLYPHS[this.intent] ?? GLYPHS.default))),
|
|
32
|
+
h("span", { key: '5e33734bd960efbd3432ad827261bed80fa60e76', part: "text", class: { 'bs-icon-tile__text': true, 'bs-icon-tile__text--visible': this.hasText } }, h("slot", { key: '09f2d6c09e4592f6796187fd320ddbc6058f255e', name: "text", onSlotchange: (ev) => (this.hasText = ev.target.assignedNodes().length > 0) })),
|
|
33
33
|
];
|
|
34
34
|
}
|
|
35
35
|
};
|
|
@@ -22,7 +22,7 @@ const BsIcon = class {
|
|
|
22
22
|
const filled = typeof markup === 'object';
|
|
23
23
|
const inner = typeof markup === 'string' ? markup : markup?.body;
|
|
24
24
|
const labelled = !!this.label;
|
|
25
|
-
return (h("span", { key: '
|
|
25
|
+
return (h("span", { key: '92c14176ca0b3ae936d5a34103c7e8fb5fb797fa', part: "icon", class: "bs-icon", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, markup ? (h("svg", { viewBox: filled ? markup.viewBox : '0 0 24 24', fill: filled ? 'currentColor' : 'none', stroke: filled ? undefined : 'currentColor', "stroke-width": filled ? undefined : '2', "stroke-linecap": filled ? undefined : 'round', "stroke-linejoin": filled ? undefined : 'round', "aria-hidden": "true", focusable: "false", ref: (svg) => {
|
|
26
26
|
if (svg && svg.innerHTML !== inner)
|
|
27
27
|
svg.innerHTML = inner;
|
|
28
28
|
} })) : (h("slot", null))));
|
|
@@ -67,7 +67,7 @@ const BsInlineTab = class {
|
|
|
67
67
|
};
|
|
68
68
|
render() {
|
|
69
69
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
70
|
-
return (h("button", { key: '
|
|
70
|
+
return (h("button", { key: '72a7b79df2f920240bb9e800b1a662b91481d090', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: '62d5478adf647dcf8e61f9cbcb8485edb355d9e2', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'c14a5ede027fc8b5ac941fce332451b4bf5232b6', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '2997b46d314089103fe5738c0cde2600c9fa4121', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'b42c580e6468ad84c30e01b6dddd257f5d0b078d', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '99a55082aa21cca4003033e284bf9c049acc6d52', onSlotchange: this.onLabelSlotchange }))));
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
73
|
BsInlineTab.style = bsInlineTabCss();
|
|
@@ -84,6 +84,9 @@ const BsInput = class {
|
|
|
84
84
|
countryLabel = 'Country';
|
|
85
85
|
/** Number of cells for `type="pin"`. */
|
|
86
86
|
length = 4;
|
|
87
|
+
/** `type="pin"`: accessible name of each cell, with `{n}` replaced by its 1-based position and `{total}` by `length`. The
|
|
88
|
+
* first cell keeps the field's visible `label` as its name when there is one. */
|
|
89
|
+
pinCellLabel = 'Digit {n} of {total}';
|
|
87
90
|
/** `type="combobox"`: shows a loading indicator and, while no options match, a loading message
|
|
88
91
|
* in the popup instead of "no results". Use while fetching `options` asynchronously. */
|
|
89
92
|
loading = false;
|
|
@@ -676,13 +679,13 @@ const BsInput = class {
|
|
|
676
679
|
this.pinInputs = [];
|
|
677
680
|
const errorClass = this.error ? 'bs-input__field--error' : '';
|
|
678
681
|
const disabledClass = this.disabled ? 'bs-input__field--disabled' : '';
|
|
679
|
-
return (h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
|
|
682
|
+
return (h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, "aria-label": i === 0 && this.label ? undefined : this.pinCellLabel.replace('{n}', String(i + 1)).replace('{total}', String(this.length)), value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
|
|
680
683
|
}
|
|
681
684
|
render() {
|
|
682
|
-
return (h("div", { key: '
|
|
685
|
+
return (h("div", { key: '2607d492f534549e07c0f03474452e57ee8d1e62', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
|
|
683
686
|
// "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
|
|
684
687
|
// to this instance's own shadow root, so it can never collide with another bs-input.
|
|
685
|
-
h("label", { key: '
|
|
688
|
+
h("label", { key: '6c8d72b986a0ca92360778318c66dc66753737b5', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (h("span", { key: '2a37224b19126d5de000592dec29f366a0298630', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.type === 'country' ? this.renderCountryField() : this.renderField(), this.error ? (h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
|
|
686
689
|
}
|
|
687
690
|
static get delegatesFocus() { return true; }
|
|
688
691
|
static get formAssociated() { return true; }
|
|
@@ -733,7 +736,7 @@ const BsMenu = class {
|
|
|
733
736
|
items[next].shadowRoot?.querySelector('button')?.focus();
|
|
734
737
|
}
|
|
735
738
|
render() {
|
|
736
|
-
return (h("div", { key: '
|
|
739
|
+
return (h("div", { key: '1661d57a19b11cb3dc3217ff2e3c9b5990240e0f', part: "list", class: "bs-menu", role: "menu" }, h("slot", { key: 'f8534652090ba02a20e2429d4be04ff300e96e6c' })));
|
|
737
740
|
}
|
|
738
741
|
};
|
|
739
742
|
BsMenu.style = bsMenuCss();
|
|
@@ -762,7 +765,7 @@ const BsMenuItem = class {
|
|
|
762
765
|
this.bsSelect.emit();
|
|
763
766
|
};
|
|
764
767
|
render() {
|
|
765
|
-
return (h("button", { key: '
|
|
768
|
+
return (h("button", { key: 'a969a082bd83d038db27827975e43e8b0e7b1657', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, h("bs-ripple", { key: 'cd7f6fd09f9a6922e352f319f827aa16bba89ec7', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '35f79184bdeab4a3234bd2379f866a774382f16a', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, h("slot", { key: '1df32c3926df82957599d444f4ab4261a25a724d', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '02101db2f542e7b0b5fa9417f01606a3f4c7d504', part: "label", class: "bs-menu-item__label" }, h("slot", { key: 'c66e294bf3ad3bc9433ac7c6718207a4f2837229' }))));
|
|
766
769
|
}
|
|
767
770
|
};
|
|
768
771
|
BsMenuItem.style = bsMenuItemCss();
|
|
@@ -781,7 +784,7 @@ const BsSpinner = class {
|
|
|
781
784
|
label;
|
|
782
785
|
render() {
|
|
783
786
|
const hasLabel = !!this.label;
|
|
784
|
-
return (h("span", { key: '
|
|
787
|
+
return (h("span", { key: 'f7225e3f094164ee522d45c87ead3194f4ec3a00', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: 'a0e36d1125301b81ecfad237d76f87ac7ccb4194', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: 'b1d345f1ab09ad745b9549b149a2abbb17d48358', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '15d0989159c4e747d9c0d71a4530af7f7a63767c', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
|
|
785
788
|
}
|
|
786
789
|
};
|
|
787
790
|
BsSpinner.style = bsSpinnerCss();
|
|
@@ -29,7 +29,7 @@ const BsKeyCaps = class {
|
|
|
29
29
|
render() {
|
|
30
30
|
const keys = this.keyList();
|
|
31
31
|
const name = this.label ?? (keys.length ? keys.join(' plus ') : undefined);
|
|
32
|
-
return (h("span", { key: '
|
|
32
|
+
return (h("span", { key: '46f3da326c7901ced8a486f32d552a28ac394c77', part: "container", class: "bs-key-caps", role: "group", "aria-label": name, "aria-disabled": this.disabled ? 'true' : undefined }, keys.map(k => (h("bs-key", { label: k }))), h("slot", { key: '072587ad1177338f6477d589431a7bb9d961963a' })));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
BsKeyCaps.style = bsKeyCapsCss();
|
package/dist/esm/bs-key.entry.js
CHANGED
|
@@ -18,7 +18,7 @@ const BsKey = class {
|
|
|
18
18
|
this.hasIcon = ev.target.assignedNodes().length > 0;
|
|
19
19
|
};
|
|
20
20
|
render() {
|
|
21
|
-
return (h("kbd", { key: '
|
|
21
|
+
return (h("kbd", { key: '696939056f306280e640f5bfb9a23d3282fd3bdd', part: "container", class: "bs-key" }, !this.hasIcon && (h("span", { key: 'b51ef1e566756374c22ecbd5d744bef23e25efd8', part: "label", class: "bs-key__label" }, h("slot", { key: 'c12e9f373c0da8c981bf13107f464407bb28f5a4' }, this.label))), h("span", { key: 'a0f88845c5a4ebfd6695f23eb204492862620a4d', part: "icon", class: { 'bs-key__icon': true, 'bs-key__icon--hidden': !this.hasIcon } }, h("slot", { key: '5a4209c004c9c30523c7128a61cd7f082a77a06d', name: "icon", onSlotchange: this.onIconSlotChange }))));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
BsKey.style = bsKeyCss();
|
|
@@ -99,10 +99,10 @@ const BsKeyboardShortcuts = class {
|
|
|
99
99
|
const headId = `${this.id}-heading`;
|
|
100
100
|
const noResults = count === 0 && (this.query ?? '').trim() !== '';
|
|
101
101
|
let gi = 0;
|
|
102
|
-
return (h("bs-card", { key: '
|
|
102
|
+
return (h("bs-card", { key: 'a5053480ccd41dd6d915a47cb7745b3932ba9931', part: "container", class: "bs-keyboard-shortcuts", surface: "base", role: "region", "aria-labelledby": headId, onKeyDown: this.onKeyDown }, h("div", { key: '8b6e9c7bf16a6cb0e2d81243ae60106cb52c49a4', class: "bs-keyboard-shortcuts__body" }, h("div", { key: 'fbdb6317e9c0e8a270bc5f9fb713654f68796b8f', part: "head", class: "bs-keyboard-shortcuts__head" }, h("svg", { key: '16342385b62757c866386cf0b692ec15cf8dc28c', class: "bs-keyboard-shortcuts__icon", viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("rect", { key: '6337f691c61999614a84f501c056aae96c6d5d08', x: "2", y: "5", width: "20", height: "14", rx: "2" }), h("path", { key: 'adfff1e7dbff765e0b14b3676119fa6c4be3b159', d: "M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6" })), h("h4", { key: 'f5cb2b86082b0e8c50d19da03f398767889a39ba', part: "heading", id: headId, class: "bs-keyboard-shortcuts__heading" }, h("slot", { key: '3839ba626c94bada3ba752e0cbacf96d8a5f0738', name: "heading" }, this.heading)), h("bs-icon-button", { key: '70a67f9f43899e59fff392968335fec6d1cf4b2d', part: "close", variant: "subtle", size: "md", "aria-label": this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '186d78eca1df5cac3c80a8dcfbf66d2301f3165b', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: '8099ce12121ea5340cb578f1f2e338af2f909087', d: "M6 6l12 12M18 6 6 18" })))), h("bs-input", { key: 'dd0a5e9f35849c13499e18d458ddeb1153a9bb2a', part: "search", type: "search", placeholder: this.searchPlaceholder, value: this.query, onBsInput: this.onInput }), this.showSingleKeySwitch && (h("div", { key: '88584be755995426dfa0c33a81f8c68dc4f0b65d', part: "switch", class: "bs-keyboard-shortcuts__switch" }, h("div", { key: '7a530f7760d6593a5ab031636b6ed93bfdf3e9bf', class: "bs-keyboard-shortcuts__switch-text" }, h("span", { key: '992e5d015f9195d7577e38f18ffeaf169b626d7d', class: "bs-keyboard-shortcuts__switch-title" }, this.singleKeyLabel), h("span", { key: 'f6f29ec213290f68aaa5a09f7b1e4f00eb77b3b4', class: "bs-keyboard-shortcuts__switch-caption" }, this.singleKeyDescription)), h("bs-switch", { key: '9e9531d7bebf08f84c8d5d238ab90072683a9172', ariaLabel: this.singleKeyLabel, checked: this.singleKeyEnabled, onBsChange: this.onSwitch }))), h("span", { key: '4c9bbb0b4f6fadec2c63c5b8b4ec1ad7dea9f000', class: "bs-keyboard-shortcuts__live", "aria-live": "polite" }, `${count} shortcut${count === 1 ? '' : 's'}`), noResults ? (h("p", { part: "empty", class: "bs-keyboard-shortcuts__empty", role: "status" }, this.noResultsText)) : (h("div", { part: "groups", class: "bs-keyboard-shortcuts__groups" }, cols.map(col => (h("div", { class: "bs-keyboard-shortcuts__column" }, col.map(g => {
|
|
103
103
|
const tid = `${this.id}-g${gi++}`;
|
|
104
104
|
return (h("div", { part: "group", class: "bs-keyboard-shortcuts__group", role: "group", "aria-labelledby": tid }, h("div", { part: "group-title", id: tid, class: "bs-keyboard-shortcuts__group-title" }, g.title), h("div", { class: "bs-keyboard-shortcuts__rows", role: "list" }, g.shortcuts.map(s => (h("bs-shortcut-row", { part: "row", action: s.action, keys: s.keys, selectionRole: "listitem", disabled: !!s.disabled || (!this.singleKeyEnabled && isSingleKey(s)) }))))));
|
|
105
|
-
})))))), this.showFooterHint && (h("div", { key: '
|
|
105
|
+
})))))), this.showFooterHint && (h("div", { key: '021ae63bd1633851bc032eb5f22eecfa468a5c68', part: "footer", class: "bs-keyboard-shortcuts__footer" }, h("slot", { key: 'cff2d6f675a885c11b47a3d8fa742397f3c20003', name: "footer" }, h("span", { key: '531c8be2c0afddf6b2aa038b79983f0299baaec9' }, this.footerPrefix), h("bs-key", { key: 'e4a4c98c0cebd3c7436e095a86225e7aa31e492c', label: this.footerKey }), h("span", { key: 'bc4cb7dec5d3c24b2a7058b5da2c8ad2c62e056d' }, this.footerText)))))));
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
BsKeyboardShortcuts.style = bsKeyboardShortcutsCss();
|
|
@@ -41,7 +41,7 @@ const BsLink = class {
|
|
|
41
41
|
const newTab = this.target === '_blank';
|
|
42
42
|
const showIcon = this.external || newTab;
|
|
43
43
|
const rel = this.rel ?? (newTab ? 'noopener noreferrer' : undefined);
|
|
44
|
-
return (h("a", { key: '
|
|
44
|
+
return (h("a", { key: 'abc72ce657667f084a11086e2ddee9f764979cd7', part: "link", class: `bs-link bs-link--${this.variant}`, href: this.href, target: this.target, rel: rel, "aria-label": this.ariaLabel, "aria-current": this.current ? 'page' : undefined, onClick: this.onClick }, h("span", { key: '1afba0c22b50f07300b1b431434ca3f9b38a7b33', part: "label", class: "bs-link__label" }, h("slot", { key: 'dcfa6947cfd6821b4810624a87c5d5cb3d270282' })), newTab && h("span", { key: '1faaa4ea78634a7bb2d44f160564d87408c3e79b', class: "bs-link__sr" }, this.externalLabel), showIcon && (h("svg", { key: '889b39655b35270de1fd4ef966fca9077a140935', part: "icon", class: "bs-link__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'd5393bd505b27536bc19c86d7d21f674d7a75704', d: "M9 3h4v4M13 3L7.5 8.5M12 9v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
45
45
|
}
|
|
46
46
|
static get delegatesFocus() { return true; }
|
|
47
47
|
};
|
|
@@ -58,7 +58,7 @@ const BsListItem = class {
|
|
|
58
58
|
const role = this.selectionRole === 'option' ? 'option' : this.selectionRole === 'listitem' ? 'listitem' : this.interactive ? 'button' : undefined;
|
|
59
59
|
const standaloneFocusable = this.interactive && !this.selectionRole && !this.disabled;
|
|
60
60
|
const showTrailing = this.showArrow || this.hasTrailing;
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: 'a83772eaf4984154c79368244bdb0132f2a61292', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, h("div", { key: '9e32856f6c9ba224c2dc560d9e184af3d6826349', part: "container", class: "bs-list-item" }, interactive && !this.disabled && h("bs-ripple", { key: 'f0132b98663f07bd209a85e25ca1aa73e5ba79ef', part: "ripple" }), this.marker && (h("span", { key: '7030b2bc2968a4cb86bdc31ca07b0b175a49d2c4', part: "marker", class: "bs-list-item__marker", "aria-hidden": "true" }, this.marker)), h("div", { key: '78f9b066a5f65fe807c26661930e7f81993380fb', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, h("slot", { key: '0f0b7bd65e809e9d4f2210831554228d6c0ab3ac', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), h("div", { key: '1281075bcedd3c19c910cb5ad8a95b29c1b25693', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (h("div", { key: '58255d974d1652d40d341168a062de1c91d41cca', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (h("div", { key: 'f906a96348e4bf453e89bc1a7f05acc663959619', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (h("div", { key: '5bab72a6f2334ad2efb8821501049e5363104176', part: "support-text", class: "bs-list-item__support" }, this.supportText)), h("slot", { key: '1baffcbdbd56cba0f07ab2c3e04383a05660fe00', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), h("div", { key: '371a502c89bf8113e45fb63b4a11dfffa75d98b0', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, h("slot", { key: '8e2f738727a5a7eafe35e354aa422bfbd31dc2c4', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (h("svg", { key: 'c371e14d29fecdb1509a83465460eb0c01326cd1', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, h("path", { key: '088e1ab871e1c8386a0c7196c4c66c8a8c180951', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
64
|
BsListItem.style = bsListItemCss();
|
|
@@ -88,7 +88,7 @@ const BsList = class {
|
|
|
88
88
|
enabled[next].focus();
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
|
-
return (h("div", { key: '
|
|
91
|
+
return (h("div", { key: 'f117bd6ecbbfc4571684dfa2ebea07ea70723672', part: "list", class: "bs-list", role: this.selectable ? 'listbox' : 'list', "aria-label": this.ariaLabel ?? undefined }, h("slot", { key: 'de9bf097921079f34f97bfbbbb19e2896c340de7', onSlotchange: () => this.sync() })));
|
|
92
92
|
}
|
|
93
93
|
static get watchers() { return {
|
|
94
94
|
"value": [{
|
|
@@ -105,7 +105,7 @@ const BsMegaMenu = class {
|
|
|
105
105
|
const hasFeatured = !!this.featured || !!this.el.querySelector(':scope > [slot="featured"]');
|
|
106
106
|
const tracks = this.columns.length + (hasFeatured ? 1 : 0);
|
|
107
107
|
const removed = this.open === false && !this.closing;
|
|
108
|
-
return (h(Host, { key: '
|
|
108
|
+
return (h(Host, { key: '4832adcf0042dc4e9a3fe440b97659b953069507', "data-closed": removed ? '' : undefined }, h("bs-card", { key: '9ff246ab840b03384b682729ee548c1daad8b455', part: "panel", class: "bs-mega-menu", surface: "base", role: "navigation", "aria-label": this.label, onKeyDown: this.onKeyDown, inert: this.closing, ref: el => (this.panelEl = el) }, h("div", { key: '95aacf86956b74daf5d5ac09e5c9f89e017a81c8', part: "columns", class: "bs-mega-menu__columns", style: { '--bs-mega-menu-tracks': String(Math.max(tracks, 1)) } }, this.columns.map(col => this.renderColumn(col)), hasFeatured && this.renderFeatured()), h("bs-divider", { key: '3da7484d4e7738fa84139e5bf742dfdd76c2a062', decorative: true }), h("div", { key: '56c6a6eb9412079ac41c460038dbd31ff45ddc8e', part: "footer", class: "bs-mega-menu__footer" }, h("span", { key: '4e7ce483d8d849e0dbd3d21c7d79aef657bcd881', class: "bs-mega-menu__footer-start" }, h("slot", { key: '359bd9f163c92557cd9466a808b10f98fccbe522', name: "footer-start" }, this.recent.length > 0 && `${this.recentLabel} ${this.recent.join(', ')}`)), h("span", { key: '689361415321b6bd4c5eb9f30e8396a12c38863b', class: "bs-mega-menu__footer-end" }, h("slot", { key: '9a39392d5f2ba62797929ed9a8afd1ec5ab41175', name: "footer-end" }, h("span", { key: '89e2764e2359818c07a7241717ac59c0f1ff289c', class: "bs-mega-menu__shortcut" }, this.shortcutLabel, h("bs-key-caps", { key: '472ab949a7a6182adff32d0d954e83c1f59cb0c6', part: "shortcut", keys: this.shortcutKeys, label: this.shortcutKeysLabel }))))))));
|
|
109
109
|
}
|
|
110
110
|
static get watchers() { return {
|
|
111
111
|
"open": [{
|
|
@@ -61,7 +61,7 @@ const BsMessageList = class {
|
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
render() {
|
|
64
|
-
return (h("div", { key: '
|
|
64
|
+
return (h("div", { key: '90058e1e0ad1efad987f4f1ec05c2f59cdfdba38', class: "bs-message-list" }, h("div", { key: '4173ba965f98a6cbc70f7d7edc683d35dc4601fd', part: "viewport", class: "bs-message-list__viewport", role: "log", "aria-live": "polite", tabindex: "0", ref: el => (this.viewport = el), onScroll: this.onScroll }, h("slot", { key: 'fa1f5d0a571d3948c432ec500ecf7e88e4c5f549' })), this.showScrollButton && (h("bs-icon-button", { key: 'e15d2d71a9f8f620de9b63367f1df3bea2cb8eae', part: "scroll-to-latest", class: "bs-message-list__scroll", variant: "neutral", ariaLabel: this.scrollToLatestLabel, onClick: () => this.scrollToLatest() }, h("svg", { key: '1266a003b4472d0572b867a150b40416a80ec560', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'c6cf46e95668f5b09f67c123f3aa4caaa221cead', d: "M8 3v10M3.5 8.5L8 13l4.5-4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
BsMessageList.style = bsMessageListCss();
|
|
@@ -15,7 +15,7 @@ const BsMessage = class {
|
|
|
15
15
|
/** Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`. */
|
|
16
16
|
status = 'default';
|
|
17
17
|
render() {
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: 'd40a50874c4336c07e68e1113b69f7cf1f201dda', class: "bs-message", "aria-busy": this.status === 'pending' ? 'true' : undefined }, h("div", { key: 'a1e25df59ff3080fb4d35ebcf4ad02c620decdb4', part: "avatar", class: "bs-message__avatar" }, h("slot", { key: '89af0b568aa96d390277b0d8132e0c189b02d34c', name: "avatar" })), h("div", { key: 'e2acecd9ae7820e1e3424fe33a89e2dce43b360e', class: "bs-message__column" }, h("bs-card", { key: 'aa435f285ea9301a331168108039a14841f7171c', part: "container", class: "bs-message__bubble", surface: "base" }, h("div", { key: '30553499b79c236c74800190e3aca2f6e43b1ae5', part: "content", class: "bs-message__content" }, h("slot", { key: 'da5f656f9d2436a3c12dbd67fa34f5e28d5626aa' }))), h("div", { key: '98525da85571288f502755eea863ff117a31c42f', part: "footer", class: "bs-message__footer" }, h("slot", { key: '42ac8fcc4dd4e23c657d68b0398974acb37a478f', name: "footer" })), h("div", { key: '2bf6597ed48e6f3c252ff42d75eee48129b1a3d7', part: "timestamp", class: "bs-message__timestamp" }, h("slot", { key: 'd57875d2b2e86b7c5115eae8f26a80852537bdc2', name: "timestamp" }, this.timestamp && h("time", { key: 'ec840e7a0c5c525f501919b743e1dc79a45363d3', dateTime: this.datetime }, this.timestamp))))));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
BsMessage.style = bsMessageCss();
|
|
@@ -112,7 +112,7 @@ const BsNavigationDrawerItem = class {
|
|
|
112
112
|
// convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
|
|
113
113
|
const isLink = !!this.href && !this.expandable;
|
|
114
114
|
const Tag = isLink ? 'a' : 'button';
|
|
115
|
-
return (h("div", { key: '
|
|
115
|
+
return (h("div", { key: '314bf8b3f806288ab87e6e9d8b42b38780124080', class: "bs-navigation-drawer-item__root" }, h(Tag, { key: '595edd19741ef5c17f7f60ecbce0f3cbfd4df816', ...(isLink ? { href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined } : { type: 'button' }), part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-current": this.selected && !this.expandable ? 'page' : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '32abf08530267eabad2fc17b34e8b8a5104252a9', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '1b120facc3e79a22d5e928322b2ae0e765427676', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '76ad644a6dc0576b0aeec5a3a7bc9104f20be65b', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '23513695559926f5bb129092c551e1b0293095bb' })), this.expandable && (h("span", { key: 'a0e4dfef7391aac1c7268de293938b5cb6125568', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '1c86c3e4aa37b705eddf3561c64ecb6bd9f7ae59' })))), this.expandable && (h("span", { key: '323fc3b7aee0d98baf7d0bc0578acd8547fae699', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: 'c2a32d251d231aed2d7601b0e7bbf612d66129b1', name: "children" })))));
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
118
|
// 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per
|
|
@@ -178,11 +178,11 @@ const BsNavigationDrawer = class {
|
|
|
178
178
|
};
|
|
179
179
|
render() {
|
|
180
180
|
const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
|
|
181
|
-
return (h(Host, { key: '
|
|
181
|
+
return (h(Host, { key: '7b07abf28504f339351b55602257214274139f4d', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: '3bcf1f5e936e8ad1e90966ea70c4041f1e5ed622', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: 'b03c07bbe26d62789f7aa753e69ccd40e87edc9e', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
|
|
182
182
|
// Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
|
|
183
183
|
// (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
|
|
184
184
|
// scrimmed, Escape closes -- rather than announced through aria-modal.
|
|
185
|
-
tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '
|
|
185
|
+
tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '7404af0b1b6c2d3763cdb753bae716c4f01b7d6b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'df613081072a5329ead4bea8aff55038015a24fd', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'c96945a4ff8f1fcab7bf18d4afe799d782a9711d', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '9942c8a61c17618ae2ec7e75015754b3f47ca9eb', variant: "mark", background: this.logoBackground }))), h("div", { key: '13b7941e965cd35f02d802c54323697ab11f7874', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'bc8597651504dbb69c5042e3ca9f8ab5610b300f', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '8b4b09d267509eaa5c30cb1a074fa71620ee7563', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: '6db216fe74f8df40ce383fd3fcce6fb45de332d9' })))), h("div", { key: '9a7a427aff7ab9ad186790d6e95b6c2a25bd8c9f', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: '483b570d647ede378ae9c5fa765f48c09d4bf149', name: "search" })), h("button", { key: 'a67818a27eeb2a3de81a31c57c5e80978e13b873', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '9af8a772869ae0f87ee571556cb24adae922c142' })), h("div", { key: '840732ec91730a642040fd8eb47a2c85651ce503', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '2546a9541a19321c0af9c577734097736a17394c' })))));
|
|
186
186
|
}
|
|
187
187
|
static get watchers() { return {
|
|
188
188
|
"collapsed": [{
|
|
@@ -35,8 +35,8 @@ const BsNavigationHeader = class {
|
|
|
35
35
|
const showLogo = this.alignment !== 'with-navigation-drawer';
|
|
36
36
|
const rootClasses = `bs-navigation-header bs-navigation-header--${this.alignment}`;
|
|
37
37
|
return [
|
|
38
|
-
h("header", { key: '
|
|
39
|
-
h("div", { key: '
|
|
38
|
+
h("header", { key: '5e6a72beb4ccbfaea0d65a226f2f7e6684054eb1', class: rootClasses, "aria-label": this.ariaLabel ?? undefined }, this.skipToContentHref && (h("a", { key: '2cba79275f7c5fb057686a63d51348575f527472', part: "skip-link", class: "bs-navigation-header__skip-link", href: this.skipToContentHref }, this.skipToContentLabel)), showLogo && (h("bs-logo", { key: '889f955dff7952b64a8e1431c4aa9d54d807d3b3', part: "logo", class: "bs-navigation-header__logo", variant: "full", background: this.logoBackground })), h("div", { key: '803d14a22fc7f263c1cf25c7dab24cbe3ee20468', part: "left", class: "bs-navigation-header__left" }, h("slot", { key: '3489f089da825c6a6a0675d70072fa5fb36a9c44', name: "left" })), h("div", { key: 'bfbabc05b516ee4eb3ea40c041ebcd6fc4a15293', part: "right", class: "bs-navigation-header__right" }, h("slot", { key: '1c3d7966774f12888c273792addf28bc42beab07', name: "right" }))),
|
|
39
|
+
h("div", { key: 'cd0030d321514f08ddfc979b8e3f37818eda541a', part: "menu", class: "bs-navigation-header__menu" }, h("slot", { key: '9c314aacef6afb60842261cf9dc4c3b9c78a4ce6', name: "menu" })),
|
|
40
40
|
];
|
|
41
41
|
}
|
|
42
42
|
};
|
|
@@ -52,7 +52,7 @@ const BsPageHeader = class {
|
|
|
52
52
|
const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 1));
|
|
53
53
|
const showMeta = !!this.meta || this.slotted.meta;
|
|
54
54
|
const hasTabs = this.slotted.tabs && !this.compact;
|
|
55
|
-
return (h("div", { key: '
|
|
55
|
+
return (h("div", { key: '08cdd135e8420658d83746e92e73add8a504fe39', part: "container", class: { 'bs-page-header': true, 'bs-page-header--compact': this.compact, 'bs-page-header--tabs': hasTabs } }, h("div", { key: 'e435828cd6e8fe3d9e2fa96c2b6ee625c71b8868', part: "breadcrumb", class: { 'bs-page-header__breadcrumb': true, 'bs-page-header__empty': !this.slotted.breadcrumb } }, h("slot", { key: '71d3e23d947495131ff3bf0a64cc9f50d62205c5', name: "breadcrumb", onSlotchange: this.onSlotChange('breadcrumb') })), h("div", { key: '00d8ddb37350152ad4b39b9b555057ce943cd24b', part: "row", class: "bs-page-header__row" }, h("div", { key: 'ac41b44a107ac68f44b5f90094d6d6c5fbe1a26f', part: "main", class: { 'bs-page-header__main': true, 'bs-page-header__main--back': this.back } }, this.back && (h("bs-icon-button", { key: '6b609f18bd356f23bf4223acf50b66b317437152', part: "back", class: "bs-page-header__back", variant: "subtle", size: "sm", ariaLabel: this.backLabel, onClick: () => this.bsBack.emit() }, h(ArrowLeftIcon, { key: '001d13bd7b0d186aa4335272e1f3705dd31c09e2' }))), h("div", { key: '97f89eaf3d7c6411c290697df525ff46d4de3597', part: "title", class: { 'bs-page-header__title': true, 'bs-page-header__title--controls': this.back || this.favoritable } }, h(`h${level}`, { part: 'heading', class: { 'bs-page-header__heading': true } }, this.heading), h("span", { key: '55b632d4c2be435c1377c64a483739ef6c4c1990', part: "status", class: { 'bs-page-header__status': true, 'bs-page-header__empty': !this.slotted.status } }, h("slot", { key: '08960a3d58aff6c5b84439711240b765c057b68c', name: "status", onSlotchange: this.onSlotChange('status') })), this.favoritable && (h("bs-icon-button", { key: '55deea361072d0cf1042a9db56c6c6c71fe8fcca', part: "favorite", class: "bs-page-header__favorite", variant: "subtle", size: "sm", ariaLabel: this.favoriteLabel, pressed: this.favorite, onClick: this.onFavoriteClick }, this.favorite ? h(StarFillIcon, null) : h(StarIcon, null)))), h("div", { key: 'bf050e21ca626669cfb8df020bcc958d2e161d16', part: "meta", class: { 'bs-page-header__meta': true, 'bs-page-header__empty': !showMeta } }, h("slot", { key: '2626ea276e9a97d13415a61f3b7c81c85569a4b3', name: "meta", onSlotchange: this.onSlotChange('meta') }, this.meta))), h("div", { key: 'b893aa531395b189528a8244c1d1fd8b7ea3aecf', part: "actions", class: { 'bs-page-header__actions': true, 'bs-page-header__empty': !this.slotted.actions } }, h("slot", { key: '182d1782edd1a8ea39c261b3171ad09e333005a3', name: "actions", onSlotchange: this.onSlotChange('actions') }))), h("div", { key: '4fbb805c8c59841b893a19aa2ef10a186a1eaee7', part: "tabs", class: { 'bs-page-header__tabs': true, 'bs-page-header__empty': !this.slotted.tabs } }, h("slot", { key: 'fe7bd2aee357dcc1756242b0f270ee7bf9aeee59', name: "tabs", onSlotchange: this.onSlotChange('tabs') })), hasTabs && h("bs-divider", { key: '934d82094f2af340028b58bff79fefb705b7e2c5', part: "divider", class: "bs-page-header__divider", decorative: true })));
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
// Paths from Phosphor Icons (MIT) "arrow-left", "star" and "star-fill", regular/fill weights, 256 viewBox.
|
|
@@ -72,7 +72,7 @@ const BsPagination = class {
|
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
74
|
const pageList = this.getPageList();
|
|
75
|
-
return (h("nav", { key: '
|
|
75
|
+
return (h("nav", { key: '4d0e0678cb546e757076f52dd332353f5dceb89c', "aria-label": this.navLabel }, h("ul", { key: '4c37e78c17484799dee3ab9b8d4b5470f1713d69', part: "list", class: "bs-pagination__list" }, h("li", { key: '46cf1afd5ec8ef00775f6b9f8053633eaa87010f', part: "item", class: "bs-pagination__item" }, h("button", { key: '86995ca4df3985acf8aa982ead66033900aab8b0', part: "prev", type: "button", class: "bs-pagination__control", "aria-label": this.previousLabel, disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, h("bs-ripple", { key: '4186e24d5b783b39361c1fc3afbee75e762acbac', part: "ripple", centered: true }), h(ChevronLeftIcon, { key: '78390e8caa95e368afc32c46d762e02172e6915e' }))), pageList.map((item, index) => item === 'ellipsis' ? (h("li", { part: "item", class: "bs-pagination__item", key: `ellipsis-${index}` }, h("span", { part: "ellipsis", class: "bs-pagination__ellipsis", "aria-hidden": "true" }, h(EllipsisIcon, null)))) : (h("li", { part: "item", class: "bs-pagination__item", key: item }, h("button", { part: item === this.currentPage ? 'page current' : 'page', type: "button", class: `bs-pagination__control bs-pagination__page ${item === this.currentPage ? 'bs-pagination__page--current' : ''}`, "aria-label": `${this.pageLabel} ${item}`, "aria-current": item === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(item) }, h("bs-ripple", { part: "ripple", centered: true }), item)))), h("li", { key: '9323263102672c32d82dff25b58858128f8dee52', part: "item", class: "bs-pagination__item" }, h("button", { key: '6cdffee730ece68573a887fa6a498afec2c6ad00', part: "next", type: "button", class: "bs-pagination__control", "aria-label": this.nextLabel, disabled: this.currentPage >= this.safeTotalPages, onClick: () => this.goToPage(this.currentPage + 1) }, h("bs-ripple", { key: '7f32878954accdfba2a3a44389b4a686b09ae95d', part: "ripple", centered: true }), h(ChevronRightIcon, { key: '778e7c931627aafbe460f156130902be945bdcbc' }))))));
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
function range(start, end) {
|
|
@@ -205,7 +205,7 @@ const BsPopover = class {
|
|
|
205
205
|
}
|
|
206
206
|
};
|
|
207
207
|
render() {
|
|
208
|
-
return (h("div", { key: '
|
|
208
|
+
return (h("div", { key: 'ce6f02434397af383d01cf626f5fa90959a848a7', class: "bs-popover" }, h("div", { key: '6ae450e861221506fb3d585c78c5b9374c34b186', part: "trigger", class: "bs-popover__trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: 'e7c496e62d278a8a08a369b424e908e20afe0a73', name: "trigger", ref: el => (this.triggerSlot = el), onSlotchange: this.syncTriggerAria })), h("div", { key: 'f0ac77bd675a740524c071d91801a1a7ae6211c0', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, h("slot", { key: 'c76842cf3f034d1985ec4dcff1217e60b2107220' }))));
|
|
209
209
|
}
|
|
210
210
|
static get watchers() { return {
|
|
211
211
|
"open": [{
|
|
@@ -73,7 +73,7 @@ const BsPresence = class {
|
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
75
|
const preset = PRESETS.includes(this.preset) ? this.preset : 'fade';
|
|
76
|
-
return (h(Host, { key: '
|
|
76
|
+
return (h(Host, { key: '1df0759e9d2134565616f08ad97bd79b2f0cfcd3', inert: this.active ? undefined : true, "aria-hidden": this.active ? null : 'true' }, h("div", { key: 'f3938c98f3db377b696d6d290583684a17b44d52', part: "content", class: `bs-presence bs-presence--${preset}${this.active ? '' : ' bs-presence--closed'}`, ref: el => (this.shell = el) }, h("div", { key: 'aed0115b7dc4e0dcf6d7ff6b4413a8cb09c7c3ff', class: "bs-presence__clip", ref: el => (this.clip = el) }, h("slot", { key: '82b3089138460f818a1d18561a77c67d155c9ca4' })))));
|
|
77
77
|
}
|
|
78
78
|
static get watchers() { return {
|
|
79
79
|
"active": [{
|
|
@@ -33,13 +33,13 @@ const BsProgressLinear = class {
|
|
|
33
33
|
render() {
|
|
34
34
|
const isDeterminate = this.type === 'determinate';
|
|
35
35
|
const value = this.clampedValue;
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: 'ebb65abea0eeae086f7de10ec3f509145497a14a', part: "container", class: "bs-progress-linear" }, h("div", { key: '9673fd25c2191a8cac67d40a264b5b36a68e65fc', part: "track", class: `bs-progress-linear__track bs-progress-linear__track--${this.size}`, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (h("div", { part: "fill", class: "bs-progress-linear__fill", style: { width: `${value}%` } })) : (
|
|
37
37
|
// Figma's indeterminate bar is a soft "comet" gradient segment (transparent -> blue ->
|
|
38
38
|
// transparent) sliding left-to-right across the track's full width in a loop -- the
|
|
39
39
|
// same fade concept as bs-progress's indeterminate ring's conic-gradient comet tail,
|
|
40
40
|
// but along a straight line via a linear-gradient + `transform: translateX(...)`
|
|
41
41
|
// keyframe animation instead of a rotating conic-gradient.
|
|
42
|
-
h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: '
|
|
42
|
+
h("div", { part: "fill", class: "bs-progress-linear__fill bs-progress-linear__fill--indeterminate" }))), this.showLabel && this.hasLabelContent && (h("span", { key: 'ccaa0586c64ace7d61d0983027ffac9553d09fc1', part: "label", class: "bs-progress-linear__label" }, h("slot", { key: 'cf3582f32b00eb4f00dfe4804c61f6d10eae8421' })))));
|
|
43
43
|
}
|
|
44
44
|
// The default slot's assigned content lives in the host's light DOM regardless of whether a
|
|
45
45
|
// <slot> is currently rendered in the shadow tree, so this can be computed directly from the
|
|
@@ -55,7 +55,7 @@ const BsProgress = class {
|
|
|
55
55
|
const isDeterminate = this.type === 'determinate';
|
|
56
56
|
const value = this.clampedValue;
|
|
57
57
|
const dashOffset = circumference * (1 - value / 100);
|
|
58
|
-
return (h("div", { key: '
|
|
58
|
+
return (h("div", { key: '65b3c545f862919e2106e405fc2f77f1b2fd8db1', part: "container", class: "bs-progress" }, h("div", { key: '9cb0c0c8396a3eb9f06a446172449363af1ff68c', class: "bs-progress__box", style: { width: `${diameter}px`, height: `${diameter}px` }, role: "progressbar", "aria-label": this.ariaLabel, "aria-valuemin": isDeterminate ? '0' : undefined, "aria-valuemax": isDeterminate ? '100' : undefined, "aria-valuenow": isDeterminate ? String(value) : undefined, "aria-busy": isDeterminate ? undefined : 'true' }, isDeterminate ? (h("svg", { class: "bs-progress__ring", width: diameter, height: diameter, viewBox: `0 0 ${diameter} ${diameter}` }, h("circle", { part: "track", class: "bs-progress__track", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none" }), h("circle", { part: "arc", class: "bs-progress__arc", cx: diameter / 2, cy: diameter / 2, r: radius, "stroke-width": this.strokeWidth, fill: "none", "stroke-linecap": "round", "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))) : (
|
|
59
59
|
// Figma's indeterminate ring is a fading "comet tail" (transparent -> solid color),
|
|
60
60
|
// not a flat-colored partial arc -- SVG has no angular/conic gradient primitive, so a
|
|
61
61
|
// CSS conic-gradient (color varying by angle) + a radial-gradient mask (carving the
|
|
@@ -64,7 +64,7 @@ const BsProgress = class {
|
|
|
64
64
|
h("div", { part: "arc", class: "bs-progress__spinner", style: {
|
|
65
65
|
'--bs-progress-spinner-stroke-width': `${this.strokeWidth}px`,
|
|
66
66
|
'--bs-progress-spinner-sweep': `${INDETERMINATE_SWEEP_DEGREES}deg`,
|
|
67
|
-
} }))), isDeterminate && this.showLabel && (h("span", { key: '
|
|
67
|
+
} }))), isDeterminate && this.showLabel && (h("span", { key: '085949315490ac6febaf59defdb6815d5d7c909a', part: "label", class: `bs-progress__label bs-progress__label--${this.size}` }, value, "%"))));
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
BsProgress.style = bsProgressCss();
|
|
@@ -133,7 +133,7 @@ const BsQrCode = class {
|
|
|
133
133
|
const buttonSize = this.size === 'sm' ? 'sm' : 'md';
|
|
134
134
|
// Figma shows the unavailable actions as filled-disabled (grey) rather than a faded outline,
|
|
135
135
|
// which is what bs-button's disabled primary looks like.
|
|
136
|
-
return (h("bs-card", { key: '
|
|
136
|
+
return (h("bs-card", { key: 'acac137c9373a4e33e03de20577625674aeeec64', part: "container", class: "bs-qr-code", surface: "base" }, this.closable && (h("bs-icon-button", { key: 'da324148b093c87218dcba26ca7ffb16ee0f2790', part: "close", class: "bs-qr-code__close", variant: "subtle", size: "sm", ariaLabel: this.closeLabel, onClick: () => this.bsClose.emit() }, h("svg", { key: '6acba64213477d592b7f234270422a14fbe05b79', viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "aria-hidden": "true" }, h("path", { key: '8b546585eec6f52bbb2ce845e17f49e1cdbe579c', d: "M5 5L15 15M15 5L5 15" })))), h("div", { key: 'd63f0bffd499637c20177905b931dd7fc62f55c7', class: "bs-qr-code__body" }, h("div", { key: 'bc0ac041e8bd83d5f30491b8d03aa593913665cc', part: "head", class: "bs-qr-code__head" }, h("p", { key: '8c2c150daddf98ef7e32aee7ee7972203185cc1f', part: "title", class: "bs-qr-code__title" }, this.heading), this.description && (h("p", { key: 'c2535fbccf5c9a33fbc416399fa589091da94278', part: "description", class: "bs-qr-code__description" }, this.description))), h("div", { key: '9fa8b02d1dcd4edcf5d937db44a2d0e1d4bbd307', part: "qr", class: "bs-qr-code__qr" }, h("div", { key: '502affeb1af80fc3af626af9b5c179444982b249', part: "code", class: "bs-qr-code__code" }, h("slot", { key: 'a802218022f125612fd61f63854005a2bed3223c', name: "code" }, this.renderMatrix()), h("div", { key: '045351ad97351e49131fbf79996350fd9af6160d', part: "logo", class: { 'bs-qr-code__logo': true, 'bs-qr-code__logo--visible': this.hasLogo } }, h("slot", { key: 'e4b05ef5c4e5df468a0fb3c0ec245a0e4a53a609', name: "logo", onSlotchange: (ev) => (this.hasLogo = ev.target.assignedNodes().length > 0) }))), this.renderOverlay()), this.type === 'payment' && this.amount && (h("div", { key: '6a338d449756d1c6e0c5d59604d614acf3938811', part: "amount", class: "bs-qr-code__amount" }, this.amountLabel && h("p", { key: '60657d505fe402761d84f562f929726f528e792a', class: "bs-qr-code__amount-label" }, this.amountLabel), h("p", { key: 'c757d8d15955b352fc9eced1e4fb116f8e39afc4', class: "bs-qr-code__amount-value" }, this.amount))), this.type === 'default' && this.url && (h("div", { key: '59d77665d6e850cb9bc3c60d2b39e3abd61fa546', part: "url", class: "bs-qr-code__url" }, this.url)), this.expiry && (h("bs-chip-informative", { key: '412542db129e3b1335eb9e754c0b981f496f72f1', part: "expiry", size: "md" }, h(TimerIcon, { key: '0721618163064e70e5b181c8bac7296214b72d86', slot: "icon" }), this.expiry)), showActions && (h("div", { key: 'dfc0aa9a44c623dbee6ffca247b21af2ff791545', part: "actions", class: "bs-qr-code__actions" }, !this.hideDownload && (h("bs-button", { key: 'e7ce8219ff5f35a05c64dcf62995b2b531cd37f2', part: "download", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.bsDownload.emit() }, h(DownloadIcon, { key: 'b936f66da8e66bc4ad5cee666d63c16892dcccf6', slot: "icon" }), this.downloadLabel)), !this.hideCopy && (h("bs-button", { key: 'ef1fe130c78f47d774c174978e0f242101b2f6eb', part: "copy", variant: interactive ? 'outlined' : 'primary', size: buttonSize, disabled: !interactive, onClick: () => interactive && this.onCopy() }, h(CopyIcon, { key: 'd4a3e188b650994ff4bd3848ac3baf70ece52646', slot: "icon" }), this.copyLabel)))))));
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
const iconProps = { viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'aria-hidden': 'true' };
|
|
@@ -72,7 +72,7 @@ const BsRadioGroup = class {
|
|
|
72
72
|
const labelId = `${this.id}-label`;
|
|
73
73
|
const descId = `${this.id}-desc`;
|
|
74
74
|
const note = this.error || this.description;
|
|
75
|
-
return (h("div", { key: '
|
|
75
|
+
return (h("div", { key: '47cc53ab00dd36c03e421cbf5eda4c32b91442ec', part: "group", class: { 'bs-radio-group': true, 'bs-radio-group--error': !!this.error }, role: "radiogroup", "aria-labelledby": this.label ? labelId : undefined, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: '7d52c46d6fc5929b71df5597e31d1292b1dcac49', id: labelId, part: "label", class: "bs-radio-group__label" }, this.label, this.required && h("span", { key: '7693050336567a5916f9fb6c23879649d8d2df3e', "aria-hidden": "true" }, " *"))), h("div", { key: '11622d25f87f4bd4b9cf13a0f3f099d986f77494', part: "options", class: "bs-radio-group__options" }, h("slot", { key: 'e337931a641588403008e622c558b1512de69f78', onSlotchange: this.onSlotchange })), note && (h("span", { key: 'f446de2184455d4c497a7daf18ef07605c6c64cd', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-radio-group__error' : 'bs-radio-group__description' }, this.error || this.description))));
|
|
76
76
|
}
|
|
77
77
|
static get watchers() { return {
|
|
78
78
|
"value": [{
|
|
@@ -102,7 +102,7 @@ const BsRadio = class {
|
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
render() {
|
|
105
|
-
return (h("label", { key: '
|
|
105
|
+
return (h("label", { key: '8fe69faddaab6937235d4b949f51e8f71a5e8f86', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, h("input", { key: 'da0f6c12e2e9900d0679afb22dd9c2b48d9561e3', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.ariaLabel, tabIndex: this.checked || !this.groupHasChecked ? 0 : -1, onKeyDown: this.onKeyDown, onChange: this.onChange }), h("span", { key: '365fdee2ea5a087dbf44cbfe5b7e3f1ec74e3cbe', class: "bs-radio__hit-area" }, h("bs-ripple", { key: '3937ed7859d9579555a3bf05494628e1ba240096', part: "ripple", class: "bs-radio__ripple", centered: true, triggerSelector: ".bs-radio", disabled: this.disabled }), h("span", { key: '1180c9932b5489228318f1d46d643ec8c6234c2f', class: "bs-radio__state-layer" }, h("span", { key: 'c0d2d0defc96fb2e875840d14cf2da97d50a5b89', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && h("span", { key: 'd5f335acf4df51c1e5acb87aed111cea2aeb9987', part: "dot", class: "bs-radio__dot" })))), h("span", { key: '306438ba56a512bda5bf9bebf0ce4188b2461353', part: "label", class: "bs-radio__label" }, h("slot", { key: '00cb4aafde55424c58f72ba4d04b16e757171814' }))));
|
|
106
106
|
}
|
|
107
107
|
static get delegatesFocus() { return true; }
|
|
108
108
|
static get formAssociated() { return true; }
|
|
@@ -37,7 +37,7 @@ const BsSearchItem = class {
|
|
|
37
37
|
slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
|
|
38
38
|
render() {
|
|
39
39
|
const role = this.selectionRole ?? undefined;
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: '6c0faf1a5d945dbdfcaf6ff5e23a6029efb0ab62', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && h("bs-ripple", { key: 'ae363a22e2d4d40045b2afc739f41c5e5eabf508', part: "ripple" }), h("span", { key: 'f8d861cffe529ab1b119bbc59f71042b0cee3820', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: 'fe1e31814f84747c1ebf148211d3c703cac74c35', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '872182c11ea6fb19b80b2630a5898acb00bfe53c', part: "content", class: "bs-search-item__content" }, h("span", { key: '3fe5621200fbff4021b677b740b189f181aa9b68', part: "label", class: "bs-search-item__label" }, h("slot", { key: '3c996c15654a841c63897c551c7f8d7d00946390' })), h("span", { key: '17a925fc22786a02cfce8573060df2690680374a', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: '134aa77acfa05875bb0cc551bcad3e746c0e27d2', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: 'cd18deec1f4cdd5420d96a2a4dcb82ec5d846bc1', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: '869bf9df401f4958a368f1c9a3e8a93bc1c20e61', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
BsSearchItem.style = bsSearchItemCss();
|