@beeq/core 1.11.0-beta.2 → 1.11.1
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/dist/beeq/beeq.esm.js +1 -1
- package/dist/beeq/beeq.esm.js.map +1 -1
- package/dist/beeq/bq-accordion-group.entry.esm.js.map +1 -1
- package/dist/beeq/bq-accordion.entry.esm.js.map +1 -1
- package/dist/beeq/bq-alert.entry.esm.js.map +1 -1
- package/dist/beeq/bq-avatar.entry.esm.js.map +1 -1
- package/dist/beeq/bq-badge.entry.esm.js.map +1 -1
- package/dist/beeq/bq-breadcrumb-item.entry.esm.js.map +1 -1
- package/dist/beeq/bq-breadcrumb.entry.esm.js.map +1 -1
- package/dist/beeq/bq-button.bq-icon.entry.esm.js.map +1 -1
- package/dist/beeq/bq-card.entry.esm.js.map +1 -1
- package/dist/beeq/bq-checkbox.entry.esm.js.map +1 -1
- package/dist/beeq/bq-date-picker.entry.esm.js.map +1 -1
- package/dist/beeq/bq-dialog.entry.esm.js.map +1 -1
- package/dist/beeq/bq-divider.entry.esm.js.map +1 -1
- package/dist/beeq/bq-drawer.entry.esm.js.map +1 -1
- package/dist/beeq/bq-dropdown.bq-panel.entry.esm.js.map +1 -1
- package/dist/beeq/bq-empty-state.entry.esm.js.map +1 -1
- package/dist/beeq/bq-input.entry.esm.js.map +1 -1
- package/dist/beeq/bq-notification.entry.esm.js.map +1 -1
- package/dist/beeq/bq-option-group.entry.esm.js.map +1 -1
- package/dist/beeq/bq-option-list.bq-tag.entry.esm.js.map +1 -1
- package/dist/beeq/bq-option.entry.esm.js.map +1 -1
- package/dist/beeq/bq-page-title.entry.esm.js.map +1 -1
- package/dist/beeq/bq-progress.entry.esm.js.map +1 -1
- package/dist/beeq/bq-radio-group.entry.esm.js.map +1 -1
- package/dist/beeq/bq-radio.entry.esm.js.map +1 -1
- package/dist/beeq/bq-select.entry.esm.js.map +1 -1
- package/dist/beeq/bq-side-menu-item.entry.esm.js.map +1 -1
- package/dist/beeq/bq-side-menu.entry.esm.js.map +1 -1
- package/dist/beeq/bq-slider.entry.esm.js.map +1 -1
- package/dist/beeq/bq-spinner.entry.esm.js.map +1 -1
- package/dist/beeq/bq-status.entry.esm.js.map +1 -1
- package/dist/beeq/bq-step-item.entry.esm.js.map +1 -1
- package/dist/beeq/bq-steps.entry.esm.js.map +1 -1
- package/dist/beeq/bq-switch.entry.esm.js.map +1 -1
- package/dist/beeq/bq-tab-group.entry.esm.js.map +1 -1
- package/dist/beeq/bq-tab.entry.esm.js.map +1 -1
- package/dist/beeq/bq-textarea.entry.esm.js.map +1 -1
- package/dist/beeq/bq-toast.entry.esm.js.map +1 -1
- package/dist/beeq/bq-tooltip.entry.esm.js.map +1 -1
- package/dist/beeq/index.esm.js +1 -1
- package/dist/beeq/index.esm.js.map +1 -1
- package/dist/beeq/{p-6eb0f643.entry.js → p-0bf5e367.entry.js} +2 -2
- package/dist/beeq/p-0bf5e367.entry.js.map +1 -0
- package/dist/beeq/{p-acec3250.entry.js → p-16defa87.entry.js} +2 -2
- package/dist/beeq/{p-acec3250.entry.js.map → p-16defa87.entry.js.map} +1 -1
- package/dist/beeq/{p-e1450a16.entry.js → p-17de1ba4.entry.js} +2 -2
- package/dist/beeq/{p-e1450a16.entry.js.map → p-17de1ba4.entry.js.map} +1 -1
- package/dist/beeq/p-1df8fe61.entry.js +6 -0
- package/dist/beeq/p-1df8fe61.entry.js.map +1 -0
- package/dist/beeq/{p-c7471d26.entry.js → p-24749f67.entry.js} +2 -2
- package/dist/beeq/{p-c7471d26.entry.js.map → p-24749f67.entry.js.map} +1 -1
- package/dist/beeq/{p-92fed771.entry.js → p-38add122.entry.js} +2 -2
- package/dist/beeq/p-38add122.entry.js.map +1 -0
- package/dist/beeq/{p-14588d1f.entry.js → p-454fa535.entry.js} +2 -2
- package/dist/beeq/{p-14588d1f.entry.js.map → p-454fa535.entry.js.map} +1 -1
- package/dist/beeq/{p-0e481031.entry.js → p-4647a0fb.entry.js} +2 -2
- package/dist/beeq/{p-0e481031.entry.js.map → p-4647a0fb.entry.js.map} +1 -1
- package/dist/beeq/{p-ba7572f4.entry.js → p-4725a142.entry.js} +2 -2
- package/dist/beeq/{p-ba7572f4.entry.js.map → p-4725a142.entry.js.map} +1 -1
- package/dist/beeq/{p-73054d34.entry.js → p-51351eed.entry.js} +2 -2
- package/dist/beeq/p-51351eed.entry.js.map +1 -0
- package/dist/beeq/{p-84c96afc.entry.js → p-5b0a56e7.entry.js} +2 -2
- package/dist/beeq/p-5b0a56e7.entry.js.map +1 -0
- package/dist/beeq/{p-28788a48.entry.js → p-5c23324d.entry.js} +2 -2
- package/dist/beeq/p-5c23324d.entry.js.map +1 -0
- package/dist/beeq/p-5dd30c4c.entry.js +6 -0
- package/dist/beeq/p-5dd30c4c.entry.js.map +1 -0
- package/dist/beeq/{p-bcd00932.entry.js → p-5df7df5d.entry.js} +2 -2
- package/dist/beeq/p-5df7df5d.entry.js.map +1 -0
- package/dist/beeq/{p-1f8cc15c.entry.js → p-5e8c8e90.entry.js} +2 -2
- package/dist/beeq/{p-1f8cc15c.entry.js.map → p-5e8c8e90.entry.js.map} +1 -1
- package/dist/beeq/{p-b324e939.entry.js → p-662578a2.entry.js} +2 -2
- package/dist/beeq/{p-b324e939.entry.js.map → p-662578a2.entry.js.map} +1 -1
- package/dist/beeq/{p-f82cff9e.entry.js → p-6ae2ca4b.entry.js} +2 -2
- package/dist/beeq/{p-f82cff9e.entry.js.map → p-6ae2ca4b.entry.js.map} +1 -1
- package/dist/beeq/{p-3b1ef7e6.entry.js → p-7ca73c06.entry.js} +2 -2
- package/dist/beeq/p-7ca73c06.entry.js.map +1 -0
- package/dist/beeq/{p-61fe519c.entry.js → p-84e62655.entry.js} +2 -2
- package/dist/beeq/{p-61fe519c.entry.js.map → p-84e62655.entry.js.map} +1 -1
- package/dist/beeq/{p-afecb3f2.entry.js → p-93d6f4f0.entry.js} +2 -2
- package/dist/beeq/p-93d6f4f0.entry.js.map +1 -0
- package/dist/beeq/{p-3424586a.entry.js → p-9585221e.entry.js} +2 -2
- package/dist/beeq/p-9585221e.entry.js.map +1 -0
- package/dist/beeq/{p-9584ff4f.entry.js → p-9e9baa82.entry.js} +2 -2
- package/dist/beeq/{p-9584ff4f.entry.js.map → p-9e9baa82.entry.js.map} +1 -1
- package/dist/beeq/{p-DMf9D39m.js → p-BNvWMggA.js} +2 -2
- package/dist/beeq/{p-DMf9D39m.js.map → p-BNvWMggA.js.map} +1 -1
- package/dist/beeq/p-BOf9EC3C.js +7 -0
- package/dist/beeq/p-BOf9EC3C.js.map +1 -0
- package/dist/beeq/{p-Ci39rxuU.js → p-BRbYDZoo.js} +2 -2
- package/dist/beeq/{p-Ci39rxuU.js.map → p-BRbYDZoo.js.map} +1 -1
- package/dist/beeq/{p-D9ofIraD.js → p-CVw85-WU.js} +1 -1
- package/dist/beeq/p-CVw85-WU.js.map +1 -0
- package/dist/{components/p-C_mtknb1.js → beeq/p-CgIw4Syg.js} +2 -2
- package/dist/beeq/{p-C_mtknb1.js.map → p-CgIw4Syg.js.map} +1 -1
- package/dist/beeq/{p-895454b8.entry.js → p-b1d2e472.entry.js} +2 -2
- package/dist/beeq/{p-895454b8.entry.js.map → p-b1d2e472.entry.js.map} +1 -1
- package/dist/beeq/p-b7efb629.entry.js +6 -0
- package/dist/beeq/{p-4a726c36.entry.js.map → p-b7efb629.entry.js.map} +1 -1
- package/dist/beeq/{p-7bf79e31.entry.js → p-b88b2573.entry.js} +2 -2
- package/dist/beeq/p-b88b2573.entry.js.map +1 -0
- package/dist/beeq/p-bfca08f5.entry.js +6 -0
- package/dist/beeq/p-bfca08f5.entry.js.map +1 -0
- package/dist/beeq/{p-7ecff021.entry.js → p-c63b89d2.entry.js} +2 -2
- package/dist/beeq/p-c63b89d2.entry.js.map +1 -0
- package/dist/beeq/{p-33899839.entry.js → p-ca93325b.entry.js} +2 -2
- package/dist/beeq/{p-33899839.entry.js.map → p-ca93325b.entry.js.map} +1 -1
- package/dist/beeq/{p-db38b20c.entry.js → p-cb0639d5.entry.js} +2 -2
- package/dist/beeq/{p-db38b20c.entry.js.map → p-cb0639d5.entry.js.map} +1 -1
- package/dist/beeq/{p-b40aaef2.entry.js → p-cd53041f.entry.js} +2 -2
- package/dist/beeq/p-cd53041f.entry.js.map +1 -0
- package/dist/beeq/{p-ee9117e4.entry.js → p-d8118f0b.entry.js} +2 -2
- package/dist/beeq/p-d8118f0b.entry.js.map +1 -0
- package/dist/beeq/p-d9c5ab1d.entry.js +6 -0
- package/dist/beeq/p-d9c5ab1d.entry.js.map +1 -0
- package/dist/beeq/{p-25e92d0a.entry.js → p-dc5aa386.entry.js} +2 -2
- package/dist/beeq/{p-25e92d0a.entry.js.map → p-dc5aa386.entry.js.map} +1 -1
- package/dist/beeq/{p-32a07a71.entry.js → p-dcda1181.entry.js} +2 -2
- package/dist/beeq/{p-32a07a71.entry.js.map → p-dcda1181.entry.js.map} +1 -1
- package/dist/beeq/{p-1770fd5b.entry.js → p-e5c12fd7.entry.js} +2 -2
- package/dist/beeq/p-e5c12fd7.entry.js.map +1 -0
- package/dist/beeq/p-eaa8c123.entry.js +6 -0
- package/dist/beeq/p-eaa8c123.entry.js.map +1 -0
- package/dist/beeq/{p-de332995.entry.js → p-eb47c1ae.entry.js} +2 -2
- package/dist/beeq/p-eb47c1ae.entry.js.map +1 -0
- package/dist/beeq/{p-b387860a.entry.js → p-eb6eac82.entry.js} +2 -2
- package/dist/beeq/{p-b387860a.entry.js.map → p-eb6eac82.entry.js.map} +1 -1
- package/dist/beeq/{p-e1ecf09d.entry.js → p-f691f00c.entry.js} +2 -2
- package/dist/beeq/{p-e1ecf09d.entry.js.map → p-f691f00c.entry.js.map} +1 -1
- package/dist/beeq/p-igOoibr-.js +6 -0
- package/dist/beeq/p-igOoibr-.js.map +1 -0
- package/dist/beeq/{p-CVMdKx0v.js → p-lysmVw2n.js} +2 -2
- package/dist/beeq/{p-CVMdKx0v.js.map → p-lysmVw2n.js.map} +1 -1
- package/dist/beeq.html-custom-data.json +20 -29
- package/dist/cjs/beeq.cjs.js +3 -3
- package/dist/cjs/beeq.cjs.js.map +1 -1
- package/dist/cjs/bq-accordion-group.cjs.entry.js +2 -2
- package/dist/cjs/bq-accordion-group.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-accordion.cjs.entry.js +18 -8
- package/dist/cjs/bq-accordion.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-alert.cjs.entry.js +13 -10
- package/dist/cjs/bq-alert.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-avatar.cjs.entry.js +6 -6
- package/dist/cjs/bq-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-badge.cjs.entry.js +4 -2
- package/dist/cjs/bq-badge.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +5 -5
- package/dist/cjs/bq-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-breadcrumb.cjs.entry.js +7 -3
- package/dist/cjs/bq-breadcrumb.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-button.bq-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-button_2.cjs.entry.js +14 -10
- package/dist/cjs/bq-card.cjs.entry.js +3 -3
- package/dist/cjs/bq-card.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-checkbox.cjs.entry.js +6 -4
- package/dist/cjs/bq-checkbox.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-date-picker.cjs.entry.js +70 -25
- package/dist/cjs/bq-date-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-dialog.cjs.entry.js +13 -7
- package/dist/cjs/bq-dialog.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-divider.cjs.entry.js +7 -5
- package/dist/cjs/bq-divider.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-drawer.cjs.entry.js +9 -5
- package/dist/cjs/bq-drawer.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-dropdown.bq-panel.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-dropdown_2.cjs.entry.js +13 -7
- package/dist/cjs/bq-empty-state.cjs.entry.js +10 -6
- package/dist/cjs/bq-empty-state.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-input.cjs.entry.js +30 -22
- package/dist/cjs/bq-input.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-notification.cjs.entry.js +11 -5
- package/dist/cjs/bq-notification.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-option-group.cjs.entry.js +3 -3
- package/dist/cjs/bq-option-group.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-option-list.bq-tag.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-option-list_2.cjs.entry.js +8 -6
- package/dist/cjs/bq-option.cjs.entry.js +17 -10
- package/dist/cjs/bq-option.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-page-title.cjs.entry.js +11 -5
- package/dist/cjs/bq-page-title.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-progress.cjs.entry.js +7 -7
- package/dist/cjs/bq-progress.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-radio-group.cjs.entry.js +15 -9
- package/dist/cjs/bq-radio-group.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-radio.cjs.entry.js +4 -2
- package/dist/cjs/bq-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-select.cjs.entry.js +76 -29
- package/dist/cjs/bq-select.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-side-menu-item.cjs.entry.js +7 -5
- package/dist/cjs/bq-side-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-side-menu.cjs.entry.js +11 -7
- package/dist/cjs/bq-side-menu.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-slider.cjs.entry.js +25 -12
- package/dist/cjs/bq-slider.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-spinner.cjs.entry.js +12 -12
- package/dist/cjs/bq-spinner.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-status.cjs.entry.js +3 -3
- package/dist/cjs/bq-status.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-step-item.cjs.entry.js +7 -7
- package/dist/cjs/bq-step-item.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-steps.cjs.entry.js +6 -4
- package/dist/cjs/bq-steps.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-switch.cjs.entry.js +9 -5
- package/dist/cjs/bq-switch.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-tab-group.cjs.entry.js +9 -7
- package/dist/cjs/bq-tab-group.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-tab.cjs.entry.js +9 -5
- package/dist/cjs/bq-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-textarea.cjs.entry.js +17 -14
- package/dist/cjs/bq-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-toast.cjs.entry.js +5 -6
- package/dist/cjs/bq-toast.entry.cjs.js.map +1 -1
- package/dist/cjs/bq-tooltip.cjs.entry.js +9 -3
- package/dist/cjs/bq-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/date-C-h2CBps.js +170 -0
- package/dist/cjs/date-C-h2CBps.js.map +1 -0
- package/dist/cjs/{debounce-DFaAa1Cu.js → debounce-D0tIpUuS.js} +4 -4
- package/dist/cjs/debounce-D0tIpUuS.js.map +1 -0
- package/dist/cjs/{index-B6fG32hZ.js → index-D7RDSS0K.js} +36 -27
- package/dist/cjs/{index-B6fG32hZ.js.map → index-D7RDSS0K.js.map} +1 -1
- package/dist/cjs/{index-DMgUhnao.js → index-g8MkV15i.js} +56 -48
- package/dist/cjs/index-g8MkV15i.js.map +1 -0
- package/dist/cjs/index.cjs.js +7 -4
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/{isDefined-K4EcmGLZ.js → isDefined-D24L82z9.js} +3 -3
- package/dist/cjs/{isDefined-K4EcmGLZ.js.map → isDefined-D24L82z9.js.map} +1 -1
- package/dist/cjs/{isString-CHgmxASW.js → isString-CA9m1aBg.js} +3 -3
- package/dist/cjs/{isString-CHgmxASW.js.map → isString-CA9m1aBg.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{stringToArray-DTx7uqZ4.js → stringToArray-B747BpEA.js} +4 -4
- package/dist/cjs/{stringToArray-DTx7uqZ4.js.map → stringToArray-B747BpEA.js.map} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/accordion/bq-accordion.js +17 -11
- package/dist/collection/components/accordion/bq-accordion.js.map +1 -1
- package/dist/collection/components/accordion/helper/index.js +6 -2
- package/dist/collection/components/accordion/helper/index.js.map +1 -1
- package/dist/collection/components/accordion/scss/bq-accordion.css +1 -1
- package/dist/collection/components/accordion-group/bq-accordion-group.js +6 -6
- package/dist/collection/components/alert/bq-alert.js +25 -22
- package/dist/collection/components/alert/bq-alert.js.map +1 -1
- package/dist/collection/components/avatar/bq-avatar.js +16 -16
- package/dist/collection/components/avatar/bq-avatar.js.map +1 -1
- package/dist/collection/components/badge/bq-badge.js +10 -8
- package/dist/collection/components/badge/bq-badge.js.map +1 -1
- package/dist/collection/components/breadcrumb/bq-breadcrumb.js +7 -3
- package/dist/collection/components/breadcrumb/bq-breadcrumb.js.map +1 -1
- package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js +6 -6
- package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js.map +1 -1
- package/dist/collection/components/button/bq-button.js +23 -19
- package/dist/collection/components/button/bq-button.js.map +1 -1
- package/dist/collection/components/button/scss/bq-button.css +1 -1
- package/dist/collection/components/card/bq-card.js +5 -5
- package/dist/collection/components/card/bq-card.js.map +1 -1
- package/dist/collection/components/checkbox/bq-checkbox.js +19 -17
- package/dist/collection/components/checkbox/bq-checkbox.js.map +1 -1
- package/dist/collection/components/date-picker/bq-date-picker.js +103 -61
- package/dist/collection/components/date-picker/bq-date-picker.js.map +1 -1
- package/dist/collection/components/dialog/bq-dialog.js +20 -14
- package/dist/collection/components/dialog/bq-dialog.js.map +1 -1
- package/dist/collection/components/divider/bq-divider.js +17 -15
- package/dist/collection/components/divider/bq-divider.js.map +1 -1
- package/dist/collection/components/drawer/bq-drawer.js +16 -12
- package/dist/collection/components/drawer/bq-drawer.js.map +1 -1
- package/dist/collection/components/dropdown/bq-dropdown.js +18 -14
- package/dist/collection/components/dropdown/bq-dropdown.js.map +1 -1
- package/dist/collection/components/empty-state/bq-empty-state.js +10 -6
- package/dist/collection/components/empty-state/bq-empty-state.js.map +1 -1
- package/dist/collection/components/icon/bq-icon.js +17 -17
- package/dist/collection/components/icon/bq-icon.js.map +1 -1
- package/dist/collection/components/input/bq-input.js +89 -86
- package/dist/collection/components/input/bq-input.js.map +1 -1
- package/dist/collection/components/notification/bq-notification.js +21 -15
- package/dist/collection/components/notification/bq-notification.js.map +1 -1
- package/dist/collection/components/option/bq-option.js +42 -16
- package/dist/collection/components/option/bq-option.js.map +1 -1
- package/dist/collection/components/option/scss/bq-option.css +1 -1
- package/dist/collection/components/option-group/bq-option-group.js +1 -1
- package/dist/collection/components/option-group/bq-option-group.js.map +1 -1
- package/dist/collection/components/option-list/bq-option-list.js +1 -1
- package/dist/collection/components/option-list/bq-option-list.js.map +1 -1
- package/dist/collection/components/page-title/bq-page-title.js +9 -3
- package/dist/collection/components/page-title/bq-page-title.js.map +1 -1
- package/dist/collection/components/panel/bq-panel.js +10 -8
- package/dist/collection/components/panel/bq-panel.js.map +1 -1
- package/dist/collection/components/progress/bq-progress.js +14 -14
- package/dist/collection/components/progress/bq-progress.js.map +1 -1
- package/dist/collection/components/radio/bq-radio.js +16 -14
- package/dist/collection/components/radio/bq-radio.js.map +1 -1
- package/dist/collection/components/radio-group/bq-radio-group.js +25 -19
- package/dist/collection/components/radio-group/bq-radio-group.js.map +1 -1
- package/dist/collection/components/select/bq-select.js +103 -56
- package/dist/collection/components/select/bq-select.js.map +1 -1
- package/dist/collection/components/select/scss/bq-select.css +1 -1
- package/dist/collection/components/side-menu/bq-side-menu.js +12 -8
- package/dist/collection/components/side-menu/bq-side-menu.js.map +1 -1
- package/dist/collection/components/side-menu/scss/bq-side-menu.css +1 -1
- package/dist/collection/components/side-menu-item/bq-side-menu-item.js +8 -6
- package/dist/collection/components/side-menu-item/bq-side-menu-item.js.map +1 -1
- package/dist/collection/components/slider/bq-slider.js +36 -23
- package/dist/collection/components/slider/bq-slider.js.map +1 -1
- package/dist/collection/components/spinner/bq-spinner.js +14 -14
- package/dist/collection/components/spinner/bq-spinner.js.map +1 -1
- package/dist/collection/components/spinner/bq-spinner.types.js +1 -1
- package/dist/collection/components/spinner/bq-spinner.types.js.map +1 -1
- package/dist/collection/components/spinner/scss/bq-spinner.css +1 -1
- package/dist/collection/components/status/bq-status.js +3 -3
- package/dist/collection/components/status/bq-status.js.map +1 -1
- package/dist/collection/components/step-item/bq-step-item.js +11 -11
- package/dist/collection/components/step-item/bq-step-item.js.map +1 -1
- package/dist/collection/components/steps/bq-steps.js +8 -6
- package/dist/collection/components/steps/bq-steps.js.map +1 -1
- package/dist/collection/components/switch/bq-switch.js +22 -18
- package/dist/collection/components/switch/bq-switch.js.map +1 -1
- package/dist/collection/components/tab/bq-tab.js +17 -13
- package/dist/collection/components/tab/bq-tab.js.map +1 -1
- package/dist/collection/components/tab-group/bq-tab-group.js +15 -13
- package/dist/collection/components/tab-group/bq-tab-group.js.map +1 -1
- package/dist/collection/components/tag/bq-tag.js +19 -17
- package/dist/collection/components/tag/bq-tag.js.map +1 -1
- package/dist/collection/components/tag/helper/index.js.map +1 -1
- package/dist/collection/components/textarea/bq-textarea.js +51 -62
- package/dist/collection/components/textarea/bq-textarea.js.map +1 -1
- package/dist/collection/components/toast/bq-toast.js +11 -12
- package/dist/collection/components/toast/bq-toast.js.map +1 -1
- package/dist/collection/components/tooltip/bq-tooltip.js +14 -8
- package/dist/collection/components/tooltip/bq-tooltip.js.map +1 -1
- package/dist/collection/services/interfaces/floating-ui.js.map +1 -1
- package/dist/collection/services/libraries/floating-ui/index.js +34 -25
- package/dist/collection/services/libraries/floating-ui/index.js.map +1 -1
- package/dist/collection/shared/test-utils/sleep.js +1 -1
- package/dist/collection/shared/test-utils/sleep.js.map +1 -1
- package/dist/collection/shared/utils/date.js +163 -0
- package/dist/collection/shared/utils/date.js.map +1 -0
- package/dist/collection/shared/utils/debounce.js +2 -1
- package/dist/collection/shared/utils/debounce.js.map +1 -1
- package/dist/collection/shared/utils/index.js +1 -0
- package/dist/collection/shared/utils/index.js.map +1 -1
- package/dist/collection/shared/utils/isString.js +1 -1
- package/dist/collection/shared/utils/isString.js.map +1 -1
- package/dist/collection/shared/utils/setRafTimeout.js +0 -1
- package/dist/collection/shared/utils/setRafTimeout.js.map +1 -1
- package/dist/collection/tools/angular-value-accessor-config.js.map +1 -1
- package/dist/collection/tools/generate-custom-elements-json.js +2 -2
- package/dist/collection/tools/generate-custom-elements-json.js.map +1 -1
- package/dist/collection/tools/vue-model-config.js.map +1 -1
- package/dist/components/bq-accordion-group.js +1 -1
- package/dist/components/bq-accordion-group.js.map +1 -1
- package/dist/components/bq-accordion.js +1 -1
- package/dist/components/bq-accordion.js.map +1 -1
- package/dist/components/bq-alert.js +1 -1
- package/dist/components/bq-alert.js.map +1 -1
- package/dist/components/bq-avatar.js +1 -1
- package/dist/components/bq-avatar.js.map +1 -1
- package/dist/components/bq-badge.js +1 -1
- package/dist/components/bq-breadcrumb-item.js +1 -1
- package/dist/components/bq-breadcrumb-item.js.map +1 -1
- package/dist/components/bq-breadcrumb.js +1 -1
- package/dist/components/bq-breadcrumb.js.map +1 -1
- package/dist/components/bq-button.js +1 -1
- package/dist/components/bq-card.js +1 -1
- package/dist/components/bq-card.js.map +1 -1
- package/dist/components/bq-checkbox.js +1 -1
- package/dist/components/bq-checkbox.js.map +1 -1
- package/dist/components/bq-date-picker.js +1 -1
- package/dist/components/bq-date-picker.js.map +1 -1
- package/dist/components/bq-dialog.js +1 -1
- package/dist/components/bq-dialog.js.map +1 -1
- package/dist/components/bq-divider.js +1 -1
- package/dist/components/bq-drawer.js +1 -1
- package/dist/components/bq-drawer.js.map +1 -1
- package/dist/components/bq-dropdown.js +1 -1
- package/dist/components/bq-empty-state.js +1 -1
- package/dist/components/bq-empty-state.js.map +1 -1
- package/dist/components/bq-icon.js +1 -1
- package/dist/components/bq-input.js +1 -1
- package/dist/components/bq-input.js.map +1 -1
- package/dist/components/bq-notification.js +1 -1
- package/dist/components/bq-notification.js.map +1 -1
- package/dist/components/bq-option-group.js +1 -1
- package/dist/components/bq-option-group.js.map +1 -1
- package/dist/components/bq-option-list.js +1 -1
- package/dist/components/bq-option.js +1 -1
- package/dist/components/bq-option.js.map +1 -1
- package/dist/components/bq-page-title.js +1 -1
- package/dist/components/bq-page-title.js.map +1 -1
- package/dist/components/bq-panel.js +1 -1
- package/dist/components/bq-progress.js +1 -1
- package/dist/components/bq-progress.js.map +1 -1
- package/dist/components/bq-radio-group.js +1 -1
- package/dist/components/bq-radio-group.js.map +1 -1
- package/dist/components/bq-radio.js +1 -1
- package/dist/components/bq-radio.js.map +1 -1
- package/dist/components/bq-select.js +1 -1
- package/dist/components/bq-select.js.map +1 -1
- package/dist/components/bq-side-menu-item.js +1 -1
- package/dist/components/bq-side-menu-item.js.map +1 -1
- package/dist/components/bq-side-menu.js +1 -1
- package/dist/components/bq-side-menu.js.map +1 -1
- package/dist/components/bq-slider.js +1 -1
- package/dist/components/bq-slider.js.map +1 -1
- package/dist/components/bq-spinner.js +1 -1
- package/dist/components/bq-spinner.js.map +1 -1
- package/dist/components/bq-status.js +1 -1
- package/dist/components/bq-status.js.map +1 -1
- package/dist/components/bq-step-item.js +1 -1
- package/dist/components/bq-step-item.js.map +1 -1
- package/dist/components/bq-steps.js +1 -1
- package/dist/components/bq-steps.js.map +1 -1
- package/dist/components/bq-switch.js +1 -1
- package/dist/components/bq-switch.js.map +1 -1
- package/dist/components/bq-tab-group.js +1 -1
- package/dist/components/bq-tab-group.js.map +1 -1
- package/dist/components/bq-tab.js +1 -1
- package/dist/components/bq-tab.js.map +1 -1
- package/dist/components/bq-tag.js +1 -1
- package/dist/components/bq-textarea.js +1 -1
- package/dist/components/bq-textarea.js.map +1 -1
- package/dist/components/bq-toast.js +1 -1
- package/dist/components/bq-toast.js.map +1 -1
- package/dist/components/bq-tooltip.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-DX628oDu.js → p-16lKXCDk.js} +2 -2
- package/dist/components/p-16lKXCDk.js.map +1 -0
- package/dist/components/{p-3U5U42sd.js → p-A6e1tN-B.js} +2 -2
- package/dist/components/p-A6e1tN-B.js.map +1 -0
- package/dist/components/{p-CHy0sCco.js → p-B5XEhmuc.js} +2 -2
- package/dist/components/{p-CHy0sCco.js.map → p-B5XEhmuc.js.map} +1 -1
- package/dist/components/{p-BeCgojET.js → p-BBhidARY.js} +2 -2
- package/dist/components/p-BBhidARY.js.map +1 -0
- package/dist/components/{p-Ci39rxuU.js → p-BRbYDZoo.js} +2 -2
- package/dist/components/{p-D9ofIraD.js → p-CVw85-WU.js} +1 -1
- package/dist/components/p-CVw85-WU.js.map +1 -0
- package/dist/components/p-CXUO6Zub.js +6 -0
- package/dist/components/p-CXUO6Zub.js.map +1 -0
- package/dist/{beeq/p-C_mtknb1.js → components/p-CgIw4Syg.js} +2 -2
- package/dist/components/p-CgIw4Syg.js.map +1 -0
- package/dist/components/{p-B6nMRjwz.js → p-D14_9VoZ.js} +2 -2
- package/dist/components/{p-B6nMRjwz.js.map → p-D14_9VoZ.js.map} +1 -1
- package/dist/components/{p-eLopxgQr.js → p-DGysEMss.js} +2 -2
- package/dist/components/p-DGysEMss.js.map +1 -0
- package/dist/components/p-DHdYy1q5.js +6 -0
- package/dist/components/p-DHdYy1q5.js.map +1 -0
- package/dist/components/{p--r87nWid.js → p-DokL_HVP.js} +2 -2
- package/dist/components/p-DokL_HVP.js.map +1 -0
- package/dist/components/{p-DwLfHxB7.js → p-eRUe5rRq.js} +2 -2
- package/dist/components/p-eRUe5rRq.js.map +1 -0
- package/dist/components/{p-CVMdKx0v.js → p-lysmVw2n.js} +2 -2
- package/dist/components/{p-CVMdKx0v.js.map → p-lysmVw2n.js.map} +1 -1
- package/dist/custom-elements.json +374 -378
- package/dist/esm/beeq.js +4 -4
- package/dist/esm/beeq.js.map +1 -1
- package/dist/esm/bq-accordion-group.entry.js +2 -2
- package/dist/esm/bq-accordion-group.entry.js.map +1 -1
- package/dist/esm/bq-accordion.entry.js +18 -8
- package/dist/esm/bq-accordion.entry.js.map +1 -1
- package/dist/esm/bq-alert.entry.js +13 -10
- package/dist/esm/bq-alert.entry.js.map +1 -1
- package/dist/esm/bq-avatar.entry.js +6 -6
- package/dist/esm/bq-avatar.entry.js.map +1 -1
- package/dist/esm/bq-badge.entry.js +4 -2
- package/dist/esm/bq-badge.entry.js.map +1 -1
- package/dist/esm/bq-breadcrumb-item.entry.js +5 -5
- package/dist/esm/bq-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/bq-breadcrumb.entry.js +7 -3
- package/dist/esm/bq-breadcrumb.entry.js.map +1 -1
- package/dist/esm/bq-button.bq-icon.entry.js.map +1 -1
- package/dist/esm/bq-button_2.entry.js +14 -10
- package/dist/esm/bq-card.entry.js +3 -3
- package/dist/esm/bq-card.entry.js.map +1 -1
- package/dist/esm/bq-checkbox.entry.js +6 -4
- package/dist/esm/bq-checkbox.entry.js.map +1 -1
- package/dist/esm/bq-date-picker.entry.js +70 -25
- package/dist/esm/bq-date-picker.entry.js.map +1 -1
- package/dist/esm/bq-dialog.entry.js +13 -7
- package/dist/esm/bq-dialog.entry.js.map +1 -1
- package/dist/esm/bq-divider.entry.js +7 -5
- package/dist/esm/bq-divider.entry.js.map +1 -1
- package/dist/esm/bq-drawer.entry.js +9 -5
- package/dist/esm/bq-drawer.entry.js.map +1 -1
- package/dist/esm/bq-dropdown.bq-panel.entry.js.map +1 -1
- package/dist/esm/bq-dropdown_2.entry.js +13 -7
- package/dist/esm/bq-empty-state.entry.js +10 -6
- package/dist/esm/bq-empty-state.entry.js.map +1 -1
- package/dist/esm/bq-input.entry.js +30 -22
- package/dist/esm/bq-input.entry.js.map +1 -1
- package/dist/esm/bq-notification.entry.js +11 -5
- package/dist/esm/bq-notification.entry.js.map +1 -1
- package/dist/esm/bq-option-group.entry.js +3 -3
- package/dist/esm/bq-option-group.entry.js.map +1 -1
- package/dist/esm/bq-option-list.bq-tag.entry.js.map +1 -1
- package/dist/esm/bq-option-list_2.entry.js +8 -6
- package/dist/esm/bq-option.entry.js +17 -10
- package/dist/esm/bq-option.entry.js.map +1 -1
- package/dist/esm/bq-page-title.entry.js +11 -5
- package/dist/esm/bq-page-title.entry.js.map +1 -1
- package/dist/esm/bq-progress.entry.js +7 -7
- package/dist/esm/bq-progress.entry.js.map +1 -1
- package/dist/esm/bq-radio-group.entry.js +15 -9
- package/dist/esm/bq-radio-group.entry.js.map +1 -1
- package/dist/esm/bq-radio.entry.js +4 -2
- package/dist/esm/bq-radio.entry.js.map +1 -1
- package/dist/esm/bq-select.entry.js +76 -29
- package/dist/esm/bq-select.entry.js.map +1 -1
- package/dist/esm/bq-side-menu-item.entry.js +7 -5
- package/dist/esm/bq-side-menu-item.entry.js.map +1 -1
- package/dist/esm/bq-side-menu.entry.js +11 -7
- package/dist/esm/bq-side-menu.entry.js.map +1 -1
- package/dist/esm/bq-slider.entry.js +25 -12
- package/dist/esm/bq-slider.entry.js.map +1 -1
- package/dist/esm/bq-spinner.entry.js +12 -12
- package/dist/esm/bq-spinner.entry.js.map +1 -1
- package/dist/esm/bq-status.entry.js +3 -3
- package/dist/esm/bq-status.entry.js.map +1 -1
- package/dist/esm/bq-step-item.entry.js +7 -7
- package/dist/esm/bq-step-item.entry.js.map +1 -1
- package/dist/esm/bq-steps.entry.js +6 -4
- package/dist/esm/bq-steps.entry.js.map +1 -1
- package/dist/esm/bq-switch.entry.js +9 -5
- package/dist/esm/bq-switch.entry.js.map +1 -1
- package/dist/esm/bq-tab-group.entry.js +9 -7
- package/dist/esm/bq-tab-group.entry.js.map +1 -1
- package/dist/esm/bq-tab.entry.js +9 -5
- package/dist/esm/bq-tab.entry.js.map +1 -1
- package/dist/esm/bq-textarea.entry.js +17 -14
- package/dist/esm/bq-textarea.entry.js.map +1 -1
- package/dist/esm/bq-toast.entry.js +5 -6
- package/dist/esm/bq-toast.entry.js.map +1 -1
- package/dist/esm/bq-tooltip.entry.js +9 -3
- package/dist/esm/bq-tooltip.entry.js.map +1 -1
- package/dist/esm/date-igOoibr-.js +167 -0
- package/dist/esm/date-igOoibr-.js.map +1 -0
- package/dist/esm/{debounce-cjfQylgg.js → debounce-gVeuteEJ.js} +4 -4
- package/dist/esm/debounce-gVeuteEJ.js.map +1 -0
- package/dist/esm/{index-B2Q_ACEf.js → index-BOf9EC3C.js} +56 -48
- package/dist/esm/index-BOf9EC3C.js.map +1 -0
- package/dist/esm/{index-C_mtknb1.js → index-CgIw4Syg.js} +36 -27
- package/dist/esm/{index-C_mtknb1.js.map → index-CgIw4Syg.js.map} +1 -1
- package/dist/esm/index.js +5 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/{isDefined-DjmcVyb_.js → isDefined-DvmFa_bD.js} +3 -3
- package/dist/esm/{isDefined-DjmcVyb_.js.map → isDefined-DvmFa_bD.js.map} +1 -1
- package/dist/esm/{isString-CVMdKx0v.js → isString-lysmVw2n.js} +3 -3
- package/dist/esm/{isString-CVMdKx0v.js.map → isString-lysmVw2n.js.map} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{stringToArray-DD7NecAG.js → stringToArray-CIJArUww.js} +4 -4
- package/dist/esm/{stringToArray-DD7NecAG.js.map → stringToArray-CIJArUww.js.map} +1 -1
- package/dist/hydrate/index.d.ts +2 -0
- package/dist/hydrate/index.js +905 -519
- package/dist/hydrate/index.mjs +905 -519
- package/dist/jest.config.js +3 -0
- package/dist/jest.config.js.map +1 -1
- package/dist/stencil.config.js +3 -2
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/date-picker/bq-date-picker.d.ts +5 -2
- package/dist/types/components/dropdown/bq-dropdown.d.ts +1 -0
- package/dist/types/components/icon/bq-icon.d.ts +1 -1
- package/dist/types/components/input/bq-input.d.ts +10 -11
- package/dist/types/components/option/bq-option.d.ts +4 -2
- package/dist/types/components/select/bq-select.d.ts +1 -0
- package/dist/types/components/spinner/bq-spinner.types.d.ts +1 -1
- package/dist/types/components/step-item/bq-step-item.d.ts +1 -1
- package/dist/types/components/tag/helper/index.d.ts +1 -1
- package/dist/types/components/textarea/bq-textarea.d.ts +5 -9
- package/dist/types/components.d.ts +40 -42
- package/dist/types/global.d.ts +1 -4
- package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/.stencil/packages/beeq/jest.config.d.ts +3 -0
- package/dist/types/services/interfaces/floating-ui.d.ts +1 -1
- package/dist/types/services/libraries/floating-ui/index.d.ts +5 -2
- package/dist/types/shared/test-utils/setProperties.d.ts +1 -1
- package/dist/types/shared/test-utils/sleep.d.ts +1 -1
- package/dist/types/shared/utils/date.d.ts +18 -0
- package/dist/types/shared/utils/debounce.d.ts +1 -1
- package/dist/types/shared/utils/index.d.ts +1 -0
- package/dist/types/shared/utils/setRafTimeout.d.ts +1 -1
- package/dist/types/stencil-public-runtime.d.ts +35 -11
- package/dist/types/tools/angular-value-accessor-config.d.ts +1 -1
- package/dist/types/tools/vue-model-config.d.ts +1 -1
- package/package.json +4 -4
- package/dist/beeq/p-1770fd5b.entry.js.map +0 -1
- package/dist/beeq/p-28788a48.entry.js.map +0 -1
- package/dist/beeq/p-3424586a.entry.js.map +0 -1
- package/dist/beeq/p-3b1ef7e6.entry.js.map +0 -1
- package/dist/beeq/p-4a726c36.entry.js +0 -6
- package/dist/beeq/p-61065a1c.entry.js +0 -6
- package/dist/beeq/p-61065a1c.entry.js.map +0 -1
- package/dist/beeq/p-6eb0f643.entry.js.map +0 -1
- package/dist/beeq/p-73054d34.entry.js.map +0 -1
- package/dist/beeq/p-7bf79e31.entry.js.map +0 -1
- package/dist/beeq/p-7ecff021.entry.js.map +0 -1
- package/dist/beeq/p-84c96afc.entry.js.map +0 -1
- package/dist/beeq/p-92fed771.entry.js.map +0 -1
- package/dist/beeq/p-B2Q_ACEf.js +0 -7
- package/dist/beeq/p-B2Q_ACEf.js.map +0 -1
- package/dist/beeq/p-D9ofIraD.js.map +0 -1
- package/dist/beeq/p-afecb3f2.entry.js.map +0 -1
- package/dist/beeq/p-b40aaef2.entry.js.map +0 -1
- package/dist/beeq/p-bcd00932.entry.js.map +0 -1
- package/dist/beeq/p-c737da48.entry.js +0 -6
- package/dist/beeq/p-c737da48.entry.js.map +0 -1
- package/dist/beeq/p-dc188227.entry.js +0 -6
- package/dist/beeq/p-dc188227.entry.js.map +0 -1
- package/dist/beeq/p-de332995.entry.js.map +0 -1
- package/dist/beeq/p-e2aec11c.entry.js +0 -6
- package/dist/beeq/p-e2aec11c.entry.js.map +0 -1
- package/dist/beeq/p-e5e294ad.entry.js +0 -6
- package/dist/beeq/p-e5e294ad.entry.js.map +0 -1
- package/dist/beeq/p-ee9117e4.entry.js.map +0 -1
- package/dist/cjs/debounce-DFaAa1Cu.js.map +0 -1
- package/dist/cjs/index-DMgUhnao.js.map +0 -1
- package/dist/components/p--r87nWid.js.map +0 -1
- package/dist/components/p-3U5U42sd.js.map +0 -1
- package/dist/components/p-BeCgojET.js.map +0 -1
- package/dist/components/p-C_mtknb1.js.map +0 -1
- package/dist/components/p-D5Ui9x2e.js +0 -6
- package/dist/components/p-D5Ui9x2e.js.map +0 -1
- package/dist/components/p-D8zAe4nK.js +0 -6
- package/dist/components/p-D8zAe4nK.js.map +0 -1
- package/dist/components/p-D9ofIraD.js.map +0 -1
- package/dist/components/p-DX628oDu.js.map +0 -1
- package/dist/components/p-DwLfHxB7.js.map +0 -1
- package/dist/components/p-eLopxgQr.js.map +0 -1
- package/dist/esm/debounce-cjfQylgg.js.map +0 -1
- package/dist/esm/index-B2Q_ACEf.js.map +0 -1
- /package/dist/components/{p-Ci39rxuU.js.map → p-BRbYDZoo.js.map} +0 -0
- /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/.stencil/packages/beeq/stencil.config.d.ts +0 -0
- /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/.stencil/tailwind.config.d.ts +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -131,10 +131,10 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
const NAMESPACE = 'beeq';
|
|
134
|
-
const BUILD = /* beeq */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
|
|
134
|
+
const BUILD = /* beeq */ { hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
|
|
135
135
|
|
|
136
136
|
/*
|
|
137
|
-
Stencil Hydrate Platform v4.
|
|
137
|
+
Stencil Hydrate Platform v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
138
138
|
*/
|
|
139
139
|
var __defProp = Object.defineProperty;
|
|
140
140
|
var __export = (target, all) => {
|
|
@@ -764,7 +764,7 @@ var convertToPrivate = (node) => {
|
|
|
764
764
|
|
|
765
765
|
// src/runtime/client-hydrate.ts
|
|
766
766
|
var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
767
|
-
var _a, _b
|
|
767
|
+
var _a, _b;
|
|
768
768
|
const endHydrate = createTime("hydrateClient", tagName);
|
|
769
769
|
const shadowRoot = hostElm.shadowRoot;
|
|
770
770
|
const childRenderNodes = [];
|
|
@@ -773,23 +773,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
|
773
773
|
const shadowRootNodes = shadowRoot ? [] : null;
|
|
774
774
|
const vnode = newVNode(tagName, null);
|
|
775
775
|
vnode.$elm$ = hostElm;
|
|
776
|
-
const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
|
|
777
|
-
members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
|
|
778
|
-
var _a2, _b2;
|
|
779
|
-
if (!(memberFlags & 31 /* Prop */)) {
|
|
780
|
-
return;
|
|
781
|
-
}
|
|
782
|
-
const attributeName = metaAttributeName || memberName;
|
|
783
|
-
const attrVal = hostElm.getAttribute(attributeName);
|
|
784
|
-
if (attrVal !== null) {
|
|
785
|
-
const attrPropVal = parsePropertyValue(
|
|
786
|
-
attrVal,
|
|
787
|
-
memberFlags,
|
|
788
|
-
!!(((_a2 = hostRef.$cmpMeta$) == null ? void 0 : _a2.$flags$) & 64 /* formAssociated */)
|
|
789
|
-
);
|
|
790
|
-
(_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
|
|
791
|
-
}
|
|
792
|
-
});
|
|
793
776
|
if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
|
|
794
777
|
initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
|
|
795
778
|
}
|
|
@@ -818,7 +801,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
|
818
801
|
if (childRenderNode.$tag$ === "slot") {
|
|
819
802
|
node["s-cr"] = hostElm["s-cr"];
|
|
820
803
|
}
|
|
821
|
-
} else if (((
|
|
804
|
+
} else if (((_a = childRenderNode.$tag$) == null ? void 0 : _a.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
|
|
822
805
|
const cmpMeta = getHostRef(childRenderNode.$elm$);
|
|
823
806
|
if (cmpMeta) {
|
|
824
807
|
const scopeId3 = getScopeId(
|
|
@@ -887,7 +870,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
|
|
|
887
870
|
}
|
|
888
871
|
}
|
|
889
872
|
addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
|
|
890
|
-
if (((
|
|
873
|
+
if (((_b = slottedItem.node.parentElement) == null ? void 0 : _b.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
|
|
891
874
|
slottedItem.node.removeAttribute("slot");
|
|
892
875
|
}
|
|
893
876
|
}
|
|
@@ -2176,9 +2159,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
2176
2159
|
hostTagName = hostElm.tagName;
|
|
2177
2160
|
if (cmpMeta.$attrsToReflect$) {
|
|
2178
2161
|
rootVnode.$attrs$ = rootVnode.$attrs$ || {};
|
|
2179
|
-
cmpMeta.$attrsToReflect$.
|
|
2180
|
-
|
|
2181
|
-
|
|
2162
|
+
cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
|
|
2163
|
+
{
|
|
2164
|
+
rootVnode.$attrs$[attribute] = hostElm[propName];
|
|
2165
|
+
}
|
|
2166
|
+
});
|
|
2182
2167
|
}
|
|
2183
2168
|
if (isInitialLoad && rootVnode.$attrs$) {
|
|
2184
2169
|
for (const key of Object.keys(rootVnode.$attrs$)) {
|
|
@@ -2306,10 +2291,15 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
2306
2291
|
let maybePromise;
|
|
2307
2292
|
if (isInitialLoad) {
|
|
2308
2293
|
{
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
hostRef.$queuedListeners
|
|
2312
|
-
|
|
2294
|
+
{
|
|
2295
|
+
hostRef.$flags$ |= 256 /* isListenReady */;
|
|
2296
|
+
if (hostRef.$queuedListeners$) {
|
|
2297
|
+
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
|
|
2298
|
+
hostRef.$queuedListeners$ = void 0;
|
|
2299
|
+
}
|
|
2300
|
+
}
|
|
2301
|
+
if (hostRef.$fetchedCbList$.length) {
|
|
2302
|
+
hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
|
|
2313
2303
|
}
|
|
2314
2304
|
}
|
|
2315
2305
|
maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
|
|
@@ -2521,9 +2511,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2521
2511
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
2522
2512
|
var _a;
|
|
2523
2513
|
const prototype = Cstr.prototype;
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
cmpMeta.$watchers$
|
|
2514
|
+
{
|
|
2515
|
+
{
|
|
2516
|
+
if (Cstr.watchers && !cmpMeta.$watchers$) {
|
|
2517
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
2518
|
+
}
|
|
2519
|
+
if (Cstr.deserializers && !cmpMeta.$deserializers$) {
|
|
2520
|
+
cmpMeta.$deserializers$ = Cstr.deserializers;
|
|
2521
|
+
}
|
|
2522
|
+
if (Cstr.serializers && !cmpMeta.$serializers$) {
|
|
2523
|
+
cmpMeta.$serializers$ = Cstr.serializers;
|
|
2524
|
+
}
|
|
2527
2525
|
}
|
|
2528
2526
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
2529
2527
|
members.map(([memberName, [memberFlags]]) => {
|
|
@@ -2558,8 +2556,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2558
2556
|
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
2559
2557
|
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
2560
2558
|
newValue = ref.$instanceValues$.get(memberName);
|
|
2561
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
2562
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
2563
2559
|
}
|
|
2564
2560
|
origSetter.apply(this, [
|
|
2565
2561
|
parsePropertyValue(
|
|
@@ -2607,6 +2603,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
2607
2603
|
if (!Cstr.isProxied) {
|
|
2608
2604
|
{
|
|
2609
2605
|
cmpMeta.$watchers$ = Cstr.watchers;
|
|
2606
|
+
cmpMeta.$serializers$ = Cstr.serializers;
|
|
2607
|
+
cmpMeta.$deserializers$ = Cstr.deserializers;
|
|
2610
2608
|
}
|
|
2611
2609
|
proxyComponent(Cstr, cmpMeta);
|
|
2612
2610
|
Cstr.isProxied = true;
|
|
@@ -2932,6 +2930,9 @@ var hAsync = (nodeName, vnodeData, ...children) => {
|
|
|
2932
2930
|
// src/hydrate/platform/proxy-host-element.ts
|
|
2933
2931
|
function proxyHostElement(elm, cstr) {
|
|
2934
2932
|
const cmpMeta = cstr.cmpMeta;
|
|
2933
|
+
cmpMeta.$watchers$ = cmpMeta.$watchers$ || cstr.watchers;
|
|
2934
|
+
cmpMeta.$deserializers$ = cmpMeta.$deserializers$ || cstr.deserializers;
|
|
2935
|
+
cmpMeta.$serializers$ = cmpMeta.$serializers$ || cstr.serializers;
|
|
2935
2936
|
if (typeof elm.componentOnReady !== "function") {
|
|
2936
2937
|
elm.componentOnReady = componentOnReady;
|
|
2937
2938
|
}
|
|
@@ -2945,7 +2946,7 @@ function proxyHostElement(elm, cstr) {
|
|
|
2945
2946
|
const hostRef = getHostRef(elm);
|
|
2946
2947
|
const members = Object.entries(cmpMeta.$members$);
|
|
2947
2948
|
members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
|
|
2948
|
-
var _a;
|
|
2949
|
+
var _a, _b;
|
|
2949
2950
|
if (memberFlags & 31 /* Prop */) {
|
|
2950
2951
|
const attributeName = metaAttributeName || memberName;
|
|
2951
2952
|
const attrValue = elm.getAttribute(attributeName);
|
|
@@ -2953,7 +2954,13 @@ function proxyHostElement(elm, cstr) {
|
|
|
2953
2954
|
let attrPropVal;
|
|
2954
2955
|
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(cstr.prototype, memberName) || {};
|
|
2955
2956
|
if (attrValue != null) {
|
|
2956
|
-
|
|
2957
|
+
if ((_a = cmpMeta.$deserializers$) == null ? void 0 : _a[memberName]) {
|
|
2958
|
+
for (const methodName of cmpMeta.$deserializers$[memberName]) {
|
|
2959
|
+
attrPropVal = cstr.prototype[methodName](attrValue, memberName);
|
|
2960
|
+
}
|
|
2961
|
+
} else {
|
|
2962
|
+
attrPropVal = parsePropertyValue(attrValue, memberFlags, !!(cmpMeta.$flags$ & 64 /* formAssociated */));
|
|
2963
|
+
}
|
|
2957
2964
|
}
|
|
2958
2965
|
if (propValue !== void 0) {
|
|
2959
2966
|
attrPropVal = propValue;
|
|
@@ -2964,7 +2971,7 @@ function proxyHostElement(elm, cstr) {
|
|
|
2964
2971
|
origSetter.apply(elm, [attrPropVal]);
|
|
2965
2972
|
attrPropVal = origGetter ? origGetter.apply(elm) : attrPropVal;
|
|
2966
2973
|
}
|
|
2967
|
-
(
|
|
2974
|
+
(_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
|
|
2968
2975
|
}
|
|
2969
2976
|
const getterSetterDescriptor = {
|
|
2970
2977
|
get: function() {
|
|
@@ -2978,21 +2985,18 @@ function proxyHostElement(elm, cstr) {
|
|
|
2978
2985
|
};
|
|
2979
2986
|
Object.defineProperty(elm, memberName, getterSetterDescriptor);
|
|
2980
2987
|
Object.defineProperty(elm, metaAttributeName, getterSetterDescriptor);
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
enumerable: true
|
|
2994
|
-
});
|
|
2995
|
-
}
|
|
2988
|
+
hostRef.$fetchedCbList$.push(() => {
|
|
2989
|
+
var _a2;
|
|
2990
|
+
if (!((_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.has(memberName))) {
|
|
2991
|
+
setValue(
|
|
2992
|
+
elm,
|
|
2993
|
+
memberName,
|
|
2994
|
+
attrPropVal !== void 0 ? attrPropVal : hostRef.$lazyInstance$[memberName],
|
|
2995
|
+
cmpMeta
|
|
2996
|
+
);
|
|
2997
|
+
}
|
|
2998
|
+
Object.defineProperty(hostRef.$lazyInstance$, memberName, getterSetterDescriptor);
|
|
2999
|
+
});
|
|
2996
3000
|
} else if (memberFlags & 64 /* Method */) {
|
|
2997
3001
|
Object.defineProperty(elm, memberName, {
|
|
2998
3002
|
value(...args) {
|
|
@@ -3008,7 +3012,6 @@ function proxyHostElement(elm, cstr) {
|
|
|
3008
3012
|
});
|
|
3009
3013
|
}
|
|
3010
3014
|
});
|
|
3011
|
-
cstr.prototype.__stencilAugmented = true;
|
|
3012
3015
|
}
|
|
3013
3016
|
}
|
|
3014
3017
|
function componentOnReady() {
|
|
@@ -3361,7 +3364,7 @@ var registerInstance = (lazyInstance, hostRef) => {
|
|
|
3361
3364
|
if (!hostRef) return void 0;
|
|
3362
3365
|
lazyInstance.__stencil__getHostRef = () => hostRef;
|
|
3363
3366
|
hostRef.$lazyInstance$ = lazyInstance;
|
|
3364
|
-
{
|
|
3367
|
+
if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
|
|
3365
3368
|
reWireGetterSetter(lazyInstance, hostRef);
|
|
3366
3369
|
}
|
|
3367
3370
|
return hostRef;
|
|
@@ -3372,8 +3375,10 @@ var registerHost = (elm, cmpMeta) => {
|
|
|
3372
3375
|
$cmpMeta$: cmpMeta,
|
|
3373
3376
|
$hostElement$: elm,
|
|
3374
3377
|
$instanceValues$: /* @__PURE__ */ new Map(),
|
|
3378
|
+
$serializerValues$: /* @__PURE__ */ new Map(),
|
|
3375
3379
|
$renderCount$: 0
|
|
3376
3380
|
};
|
|
3381
|
+
hostRef.$fetchedCbList$ = [];
|
|
3377
3382
|
hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
|
|
3378
3383
|
hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
|
|
3379
3384
|
elm["s-p"] = [];
|
|
@@ -3388,107 +3393,6 @@ var setScopedSSR = (opts) => {
|
|
|
3388
3393
|
var needsScopedSSR = () => scopedSSR;
|
|
3389
3394
|
var scopedSSR = false;
|
|
3390
3395
|
|
|
3391
|
-
const ACCORDION_SIZE = ['small', 'medium'];
|
|
3392
|
-
const ACCORDION_APPEARANCE = ['filled', 'ghost'];
|
|
3393
|
-
|
|
3394
|
-
/* -------------------------------------------------------------------------------------- */
|
|
3395
|
-
/* 💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi */
|
|
3396
|
-
/* -------------------------------------------------------------------------------------- */
|
|
3397
|
-
class Accordion {
|
|
3398
|
-
el;
|
|
3399
|
-
header;
|
|
3400
|
-
panel;
|
|
3401
|
-
animation;
|
|
3402
|
-
isClosing;
|
|
3403
|
-
isExpanding;
|
|
3404
|
-
animationOptions = {
|
|
3405
|
-
duration: 200,
|
|
3406
|
-
easing: 'ease-in-out',
|
|
3407
|
-
};
|
|
3408
|
-
constructor(el) {
|
|
3409
|
-
// Store the <details> element
|
|
3410
|
-
this.el = el;
|
|
3411
|
-
// Store the <summary> header element
|
|
3412
|
-
this.header = el.querySelector('summary');
|
|
3413
|
-
// Store the <div class="content"> element
|
|
3414
|
-
this.panel = el.querySelector('.bq-accordion__body');
|
|
3415
|
-
// Store the animation object (so we can cancel it, if needed)
|
|
3416
|
-
this.animation = null;
|
|
3417
|
-
// Store if the element is closing
|
|
3418
|
-
this.isClosing = false;
|
|
3419
|
-
// Store if the element is expanding
|
|
3420
|
-
this.isExpanding = false;
|
|
3421
|
-
}
|
|
3422
|
-
open() {
|
|
3423
|
-
// Check if the element is being closed or is already closed
|
|
3424
|
-
if (!this.isClosing && this.el.open)
|
|
3425
|
-
return;
|
|
3426
|
-
// Apply a fixed height on the element
|
|
3427
|
-
this.el.style.height = `${this.el.offsetHeight}px`;
|
|
3428
|
-
// Force the [open] attribute on the details element
|
|
3429
|
-
this.el.open = true;
|
|
3430
|
-
// Wait for the next frame to call the expand function
|
|
3431
|
-
window.requestAnimationFrame(() => this.expand());
|
|
3432
|
-
}
|
|
3433
|
-
close() {
|
|
3434
|
-
// Check if the element is being opened or is already open
|
|
3435
|
-
if (!this.isExpanding && !this.el.open)
|
|
3436
|
-
return;
|
|
3437
|
-
// Set the element as "being closed"
|
|
3438
|
-
this.isClosing = true;
|
|
3439
|
-
// Store the current height of the element
|
|
3440
|
-
const startHeight = `${this.el.offsetHeight}px`;
|
|
3441
|
-
// Calculate the height of the <summary> header
|
|
3442
|
-
const endHeight = `${this.header.offsetHeight}px`;
|
|
3443
|
-
// If there is already an animation running
|
|
3444
|
-
if (this.animation) {
|
|
3445
|
-
// Cancel the current animation
|
|
3446
|
-
this.animation.cancel();
|
|
3447
|
-
}
|
|
3448
|
-
// Start a WAAPI animation
|
|
3449
|
-
this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);
|
|
3450
|
-
// When the animation is complete, call onAnimationFinish()
|
|
3451
|
-
this.animation.onfinish = () => this.onAnimationFinish(false);
|
|
3452
|
-
// If the animation is cancelled, isClosing variable is set to false
|
|
3453
|
-
this.animation.oncancel = () => (this.isClosing = false);
|
|
3454
|
-
}
|
|
3455
|
-
// Expands the accordion
|
|
3456
|
-
expand() {
|
|
3457
|
-
// Set the element as "being expanding"
|
|
3458
|
-
this.isExpanding = true;
|
|
3459
|
-
// Get the current fixed height of the element
|
|
3460
|
-
const startHeight = `${this.el.offsetHeight}px`;
|
|
3461
|
-
// Calculate the open height of the element (summary header height + panel body height)
|
|
3462
|
-
const endHeight = `${this.header.offsetHeight + this.panel.offsetHeight}px`;
|
|
3463
|
-
// If there is already an animation running
|
|
3464
|
-
if (this.animation) {
|
|
3465
|
-
// Cancel the current animation
|
|
3466
|
-
this.animation.cancel();
|
|
3467
|
-
}
|
|
3468
|
-
// Start a WAAPI animation
|
|
3469
|
-
this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);
|
|
3470
|
-
// When the animation is complete, call onAnimationFinish()
|
|
3471
|
-
this.animation.onfinish = () => this.onAnimationFinish(true);
|
|
3472
|
-
// If the animation is cancelled, isExpanding variable is set to false
|
|
3473
|
-
this.animation.oncancel = () => (this.isExpanding = false);
|
|
3474
|
-
}
|
|
3475
|
-
// Handles the end of the animation
|
|
3476
|
-
onAnimationFinish(open) {
|
|
3477
|
-
// Set the open attribute based on the parameter
|
|
3478
|
-
this.el.open = open;
|
|
3479
|
-
// Clear the stored animation
|
|
3480
|
-
this.animation = null;
|
|
3481
|
-
// Reset isClosing & isExpanding
|
|
3482
|
-
this.isClosing = false;
|
|
3483
|
-
this.isExpanding = false;
|
|
3484
|
-
// Remove the overflow hidden and the fixed height
|
|
3485
|
-
this.el.removeAttribute('style');
|
|
3486
|
-
// Dispatch a custom event based on the open parameter
|
|
3487
|
-
const endEvent = new Event('accordionTransitionEnd', { bubbles: false, composed: true });
|
|
3488
|
-
this.el.dispatchEvent(endEvent);
|
|
3489
|
-
}
|
|
3490
|
-
}
|
|
3491
|
-
|
|
3492
3396
|
/**
|
|
3493
3397
|
* Checks if the code is running on the client side.
|
|
3494
3398
|
* @returns {boolean} True if running on the client side, false otherwise.
|
|
@@ -3599,6 +3503,165 @@ function getCSSVariableValue(variable, component) {
|
|
|
3599
3503
|
return String(styles.getPropertyValue(`--${variable}`)).trim();
|
|
3600
3504
|
}
|
|
3601
3505
|
|
|
3506
|
+
/**
|
|
3507
|
+
* Static date parsing patterns
|
|
3508
|
+
*/
|
|
3509
|
+
const DATE_PATTERNS = [
|
|
3510
|
+
{
|
|
3511
|
+
// Matches "30 May 2024" or "30 January 2024"
|
|
3512
|
+
regex: /^(\d{1,2})\s+([a-z]+)\s+(\d{4})$/i,
|
|
3513
|
+
parse: (m, months) => ({
|
|
3514
|
+
day: +m[1],
|
|
3515
|
+
month: months[m[2].toLowerCase()],
|
|
3516
|
+
year: +m[3],
|
|
3517
|
+
}),
|
|
3518
|
+
},
|
|
3519
|
+
{
|
|
3520
|
+
// Matches "05/30/2024", "30-05-2024", "30.05.2024", "05.30.2024" (with heuristic for day/month)
|
|
3521
|
+
regex: /^(\d{1,2})[\s\-/.](\d{1,2})[\s\-/.](\d{4})$/,
|
|
3522
|
+
parse: (m, _, locale) => {
|
|
3523
|
+
const { day, month } = parseNumericDate(+m[1], +m[2], locale);
|
|
3524
|
+
return { day, month, year: +m[3] };
|
|
3525
|
+
},
|
|
3526
|
+
},
|
|
3527
|
+
{
|
|
3528
|
+
// Matches "May 30, 2024" or "January 1, 1970" (with optional comma)
|
|
3529
|
+
regex: /^([a-z]+)\s+(\d{1,2}),?\s+(\d{4})$/i,
|
|
3530
|
+
parse: (m, months) => ({
|
|
3531
|
+
month: months[m[1].toLowerCase()],
|
|
3532
|
+
day: +m[2],
|
|
3533
|
+
year: +m[3],
|
|
3534
|
+
}),
|
|
3535
|
+
},
|
|
3536
|
+
{
|
|
3537
|
+
// Matches "2024-05-30" (ISO format without parsing as Date first)
|
|
3538
|
+
regex: /^(\d{4})-(\d{2})-(\d{2})$/,
|
|
3539
|
+
parse: (m) => ({
|
|
3540
|
+
year: +m[1],
|
|
3541
|
+
month: +m[2] - 1,
|
|
3542
|
+
day: +m[3],
|
|
3543
|
+
}),
|
|
3544
|
+
},
|
|
3545
|
+
];
|
|
3546
|
+
const monthNamesCache = new Map();
|
|
3547
|
+
/**
|
|
3548
|
+
* Gets localized month names for the given locale (both short and long forms)
|
|
3549
|
+
* Caches results for performance
|
|
3550
|
+
* @param {Intl.LocalesArgument} locale - The locale identifier, e.g., 'en-GB', 'fr-FR', etc.
|
|
3551
|
+
* @returns {Record<string, number>} Mapping of month names to month indices
|
|
3552
|
+
*/
|
|
3553
|
+
const getMonthNamesForLocale = (locale) => {
|
|
3554
|
+
const cacheKey = typeof locale === 'string' ? locale : JSON.stringify(locale);
|
|
3555
|
+
const cachedMonthNames = monthNamesCache.get(cacheKey);
|
|
3556
|
+
if (cachedMonthNames)
|
|
3557
|
+
return cachedMonthNames;
|
|
3558
|
+
const monthMap = {};
|
|
3559
|
+
const shortFormatter = new Intl.DateTimeFormat(locale, { month: 'short' });
|
|
3560
|
+
const longFormatter = new Intl.DateTimeFormat(locale, { month: 'long' });
|
|
3561
|
+
for (let month = 0; month < 12; month++) {
|
|
3562
|
+
const date = new Date(2024, month, 1);
|
|
3563
|
+
monthMap[shortFormatter.format(date).toLowerCase()] = month;
|
|
3564
|
+
monthMap[longFormatter.format(date).toLowerCase()] = month;
|
|
3565
|
+
}
|
|
3566
|
+
monthNamesCache.set(cacheKey, monthMap);
|
|
3567
|
+
return monthMap;
|
|
3568
|
+
};
|
|
3569
|
+
/**
|
|
3570
|
+
* Parses day-month-year or month-day-year numeric date format
|
|
3571
|
+
* Uses heuristic: if any number > 12, treat it as day, otherwise defaults to locale preference
|
|
3572
|
+
* @param {number} first - The first numeric part (day or month)
|
|
3573
|
+
* @param {number} second - The second numeric part (month or day)
|
|
3574
|
+
* @param {Intl.LocalesArgument} locale - The locale for determining format preference
|
|
3575
|
+
* @returns {{day: number, month: number}} Object with day and month (0-based)
|
|
3576
|
+
*/
|
|
3577
|
+
const parseNumericDate = (first, second, locale = 'en-GB') => {
|
|
3578
|
+
// If first number > 12, it must be the day (DD/MM format)
|
|
3579
|
+
if (first > 12)
|
|
3580
|
+
return { day: first, month: second - 1 };
|
|
3581
|
+
// If second number > 12, it must be the day (MM/DD format)
|
|
3582
|
+
if (second > 12)
|
|
3583
|
+
return { day: second, month: first - 1 };
|
|
3584
|
+
// Both numbers <= 12: ambiguous case
|
|
3585
|
+
// Use locale to determine format preference
|
|
3586
|
+
const localeStr = typeof locale === 'string' ? locale : locale?.[0] || 'en-GB';
|
|
3587
|
+
const usesMMDD = ['en-US', 'en-CA'].some((l) => localeStr.startsWith(l));
|
|
3588
|
+
if (usesMMDD) {
|
|
3589
|
+
// US/Canada format: MM/DD
|
|
3590
|
+
return { day: second, month: first - 1 };
|
|
3591
|
+
}
|
|
3592
|
+
// Default to DD/MM (European/most of world format)
|
|
3593
|
+
return { day: first, month: second - 1 };
|
|
3594
|
+
};
|
|
3595
|
+
/**
|
|
3596
|
+
* Validates that a date is actually valid (not auto-corrected by Date constructor)
|
|
3597
|
+
* @param {number} day - Day of the month
|
|
3598
|
+
* @param {number} month - Month (0-based)
|
|
3599
|
+
* @param {number} year - Full year
|
|
3600
|
+
* @returns {boolean} True if the date is valid
|
|
3601
|
+
*/
|
|
3602
|
+
const isDateValid = (day, month, year) => {
|
|
3603
|
+
const date = new Date(year, month, day);
|
|
3604
|
+
return date.getDate() === day && date.getMonth() === month && date.getFullYear() === year;
|
|
3605
|
+
};
|
|
3606
|
+
/**
|
|
3607
|
+
* Validates and creates a Date object from day, month, and year
|
|
3608
|
+
* @param {number} day - Day of the month
|
|
3609
|
+
* @param {number} month - Month (0-based)
|
|
3610
|
+
* @param {number} year - Full year
|
|
3611
|
+
* @returns {Date | null} Valid Date object or null if invalid
|
|
3612
|
+
*/
|
|
3613
|
+
const createValidDate = (day, month, year) => {
|
|
3614
|
+
if (month === undefined || !day || !year)
|
|
3615
|
+
return null;
|
|
3616
|
+
if (!isDateValid(day, month, year))
|
|
3617
|
+
return null;
|
|
3618
|
+
return new Date(year, month, day);
|
|
3619
|
+
};
|
|
3620
|
+
/**
|
|
3621
|
+
* Parses various date input formats and returns a Date object
|
|
3622
|
+
* Supports:
|
|
3623
|
+
* - ISO format: "2024-05-30"
|
|
3624
|
+
* - Text format: "30 May 2024", "May 30, 2024", "30 January 2024", "January 1, 1970" (locale-aware)
|
|
3625
|
+
* - Numeric formats: "30/05/2024", "05-30-2024", "30.05.2024", "05.30.2024" (with heuristic for day/month)
|
|
3626
|
+
*
|
|
3627
|
+
* @param {string} inputValue - The date string to parse
|
|
3628
|
+
* @param {Intl.LocalesArgument} locale - The locale for month name recognition (defaults to 'en-GB')
|
|
3629
|
+
* @returns {Date | null} Parsed Date object or null if parsing fails
|
|
3630
|
+
*/
|
|
3631
|
+
const parseDateInput = (inputValue, locale = 'en-GB') => {
|
|
3632
|
+
if (!inputValue?.trim())
|
|
3633
|
+
return null;
|
|
3634
|
+
// Try ISO format first
|
|
3635
|
+
const isoDate = new Date(`${inputValue}T00:00:00`);
|
|
3636
|
+
if (!Number.isNaN(isoDate.getTime()) && isValidISODate(inputValue))
|
|
3637
|
+
return isoDate;
|
|
3638
|
+
const monthMap = getMonthNamesForLocale(locale);
|
|
3639
|
+
for (const { regex, parse } of DATE_PATTERNS) {
|
|
3640
|
+
const match = regex.exec(inputValue);
|
|
3641
|
+
if (!match)
|
|
3642
|
+
continue;
|
|
3643
|
+
const { day, month, year } = parse(match, monthMap, locale);
|
|
3644
|
+
const date = createValidDate(day, month, year);
|
|
3645
|
+
if (date)
|
|
3646
|
+
return date;
|
|
3647
|
+
}
|
|
3648
|
+
return null;
|
|
3649
|
+
};
|
|
3650
|
+
/**
|
|
3651
|
+
* Validates if a string is in ISO date format (YYYY-MM-DD) with actual valid date values
|
|
3652
|
+
* @param {string} dateStr - The date string to validate
|
|
3653
|
+
* @returns {boolean} True if the date string is valid in ISO format and represents an actual valid date
|
|
3654
|
+
*/
|
|
3655
|
+
const isValidISODate = (dateStr) => {
|
|
3656
|
+
if (!/^\d{4}-\d{2}-\d{2}$/.test(dateStr))
|
|
3657
|
+
return false;
|
|
3658
|
+
const [yearStr, monthStr, dayStr] = dateStr.split('-');
|
|
3659
|
+
const year = +yearStr;
|
|
3660
|
+
const month = +monthStr - 1;
|
|
3661
|
+
const day = +dayStr;
|
|
3662
|
+
return isDateValid(day, month, year);
|
|
3663
|
+
};
|
|
3664
|
+
|
|
3602
3665
|
/**
|
|
3603
3666
|
* Check if the value is null or undefined
|
|
3604
3667
|
* @param value the value to be checked
|
|
@@ -3616,7 +3679,6 @@ const isNil = (value) => {
|
|
|
3616
3679
|
* @param {Any[]} args - The arguments of func.
|
|
3617
3680
|
* @returns {void}
|
|
3618
3681
|
*/
|
|
3619
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3620
3682
|
const setRafTimeout = (func, wait, ...args) => {
|
|
3621
3683
|
const invokeFunc = () => func(...args);
|
|
3622
3684
|
if (wait === 0) {
|
|
@@ -3655,7 +3717,8 @@ const debounce = (func, wait = 0, immediate = false) => {
|
|
|
3655
3717
|
let cancel;
|
|
3656
3718
|
function debounceHandler(...args) {
|
|
3657
3719
|
cancel?.();
|
|
3658
|
-
//
|
|
3720
|
+
// We're doing this on purpose to capture and preserve the `this` context
|
|
3721
|
+
// biome-ignore lint/complexity/noUselessThisAlias: <see above>
|
|
3659
3722
|
const context = this;
|
|
3660
3723
|
function timeoutHandler(fn, context, ...args) {
|
|
3661
3724
|
fn.apply(context, args);
|
|
@@ -3736,7 +3799,7 @@ const isString = (value) => {
|
|
|
3736
3799
|
(type === 'object' &&
|
|
3737
3800
|
value != null &&
|
|
3738
3801
|
!Array.isArray(value) &&
|
|
3739
|
-
Object.prototype.toString.call(value)
|
|
3802
|
+
Object.prototype.toString.call(value) === '[object String]'));
|
|
3740
3803
|
};
|
|
3741
3804
|
|
|
3742
3805
|
/**
|
|
@@ -3985,7 +4048,112 @@ const afterTransition = (element) => {
|
|
|
3985
4048
|
return Promise.all(element.getAnimations().map((animation) => animation.finished));
|
|
3986
4049
|
};
|
|
3987
4050
|
|
|
3988
|
-
const bqAccordionCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-none{list-style-type:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[--bq-accordion--medium-gap\\]{gap:var(--bq-accordion--medium-gap)}.gap-\\[--bq-accordion--small-gap\\]{gap:var(--bq-accordion--small-gap)}.overflow-clip{overflow:clip}.rounded-ee-\\[--bq-accordion--medium-radius\\]{border-end-end-radius:var(--bq-accordion--medium-radius)}.rounded-ee-\\[--bq-accordion--small-radius\\]{border-end-end-radius:var(--bq-accordion--small-radius)}.rounded-ee-\\[0px\\]{border-end-end-radius:0}.rounded-es-\\[--bq-accordion--medium-radius\\]{border-end-start-radius:var(--bq-accordion--medium-radius)}.rounded-es-\\[--bq-accordion--small-radius\\]{border-end-start-radius:var(--bq-accordion--small-radius)}.rounded-es-\\[0px\\]{border-end-start-radius:0}.rounded-se-\\[--bq-accordion--medium-radius\\]{border-start-end-radius:var(--bq-accordion--medium-radius)}.rounded-se-\\[--bq-accordion--small-radius\\]{border-start-end-radius:var(--bq-accordion--small-radius)}.rounded-se-\\[0px\\]{border-start-end-radius:0}.rounded-ss-\\[--bq-accordion--medium-radius\\]{border-start-start-radius:var(--bq-accordion--medium-radius)}.rounded-ss-\\[--bq-accordion--small-radius\\]{border-start-start-radius:var(--bq-accordion--small-radius)}.rounded-ss-\\[0px\\]{border-start-start-radius:0}.border-\\[length\\:--bq-accordion--collapsed-border-width\\]{border-width:var(--bq-accordion--collapsed-border-width)}.border-\\[length\\:--bq-accordion--expanded-border-width\\]{border-width:var(--bq-accordion--expanded-border-width)}.border-\\[length\\:--bq-accordion--panel-filled-border-width\\]{border-width:var(--bq-accordion--panel-filled-border-width)}.border-\\[length\\:--bq-accordion--panel-ghost-border-width\\]{border-width:var(--bq-accordion--panel-ghost-border-width)}.border-\\[color\\:--bq-accordion--collapsed-border-color\\]{border-color:var(--bq-accordion--collapsed-border-color)}.border-\\[color\\:--bq-accordion--expanded-border-color\\]{border-color:var(--bq-accordion--expanded-border-color)}.border-\\[color\\:--bq-accordion--panel-filled-border-color\\]{border-color:var(--bq-accordion--panel-filled-border-color)}.border-\\[color\\:--bq-accordion--panel-ghost-border-color\\]{border-color:var(--bq-accordion--panel-ghost-border-color)}.bg-\\[--bq-accordion--filled-collapsed-background\\]{background-color:var(--bq-accordion--filled-collapsed-background)}.bg-\\[--bq-accordion--filled-expanded-background\\]{background-color:var(--bq-accordion--filled-expanded-background)}.bg-\\[--bq-accordion--ghost-collapsed-background\\]{background-color:var(--bq-accordion--ghost-collapsed-background)}.bg-\\[--bq-accordion--ghost-expanded-background\\]{background-color:var(--bq-accordion--ghost-expanded-background)}.pe-\\[--bq-accordion--medium-padding-end\\]{padding-inline-end:var(--bq-accordion--medium-padding-end)}.pe-\\[--bq-accordion--panel-medium-filled-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-medium-filled-padding-end)}.pe-\\[--bq-accordion--panel-medium-ghost-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-medium-ghost-padding-end)}.pe-\\[--bq-accordion--panel-small-filled-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-small-filled-padding-end)}.pe-\\[--bq-accordion--panel-small-ghost-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-small-ghost-padding-end)}.pe-\\[--bq-accordion--small-padding-end\\]{padding-inline-end:var(--bq-accordion--small-padding-end)}.ps-\\[--bq-accordion--medium-padding-start\\]{padding-inline-start:var(--bq-accordion--medium-padding-start)}.ps-\\[--bq-accordion--panel-medium-filled-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-medium-filled-padding-start)}.ps-\\[--bq-accordion--panel-medium-ghost-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-medium-ghost-padding-start)}.ps-\\[--bq-accordion--panel-small-filled-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-small-filled-padding-start)}.ps-\\[--bq-accordion--panel-small-ghost-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-small-ghost-padding-start)}.ps-\\[--bq-accordion--small-padding-start\\]{padding-inline-start:var(--bq-accordion--small-padding-start)}.text-\\[--bq-accordion--filled-collapsed-text-color\\]{color:var(--bq-accordion--filled-collapsed-text-color)}.text-\\[--bq-accordion--filled-expanded-text-color\\]{color:var(--bq-accordion--filled-expanded-text-color)}.text-\\[--bq-accordion--ghost-collapsed-text-color\\]{color:var(--bq-accordion--ghost-collapsed-text-color)}.text-\\[--bq-accordion--ghost-expanded-text-color\\]{color:var(--bq-accordion--ghost-expanded-text-color)}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bs-0{block-size:0}.bs-auto{block-size:auto}.p-b-\\[--bq-accordion--medium-padding-y\\]{padding-block:var(--bq-accordion--medium-padding-y)}.p-b-\\[--bq-accordion--panel-medium-filled-padding-y\\]{padding-block:var(--bq-accordion--panel-medium-filled-padding-y)}.p-b-\\[--bq-accordion--panel-medium-ghost-padding-y\\]{padding-block:var(--bq-accordion--panel-medium-ghost-padding-y)}.p-b-\\[--bq-accordion--panel-small-filled-padding-y\\]{padding-block:var(--bq-accordion--panel-small-filled-padding-y)}.p-b-\\[--bq-accordion--panel-small-ghost-padding-y\\]{padding-block:var(--bq-accordion--panel-small-ghost-padding-y)}.p-b-\\[--bq-accordion--small-padding-y\\]{padding-block:var(--bq-accordion--small-padding-y)}.\\[transition-behavior\\:allow-discrete\\]{transition-behavior:allow-discrete}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-accordion--small-padding-y:var(--bq-spacing-xs);--bq-accordion--small-padding-start:var(--bq-spacing-s);--bq-accordion--small-padding-end:var(--bq-spacing-s);--bq-accordion--small-gap:var(--bq-spacing-xs);--bq-accordion--small-radius:var(--bq-radius--xs);--bq-accordion--medium-padding-y:var(--bq-spacing-s);--bq-accordion--medium-padding-start:var(--bq-spacing-m);--bq-accordion--medium-padding-end:var(--bq-spacing-m);--bq-accordion--medium-gap:var(--bq-spacing-m);--bq-accordion--medium-radius:var(--bq-radius--xs);--bq-accordion--collapsed-border-color:transparent;--bq-accordion--collapsed-border-style:none;--bq-accordion--collapsed-border-width:unset;--bq-accordion--expanded-border-color:transparent;--bq-accordion--expanded-border-style:none;--bq-accordion--expanded-border-width:unset;--bq-accordion--filled-collapsed-background:var(--bq-ui--secondary);--bq-accordion--filled-collapsed-text-color:var(--bq-text--primary);--bq-accordion--filled-expanded-background:var(--bq-ui--brand-alt);--bq-accordion--filled-expanded-text-color:var(--bq-text--primary);--bq-accordion--ghost-collapsed-background:transparent;--bq-accordion--ghost-collapsed-text-color:var(--bq-text--primary);--bq-accordion--ghost-expanded-background:transparent;--bq-accordion--ghost-expanded-text-color:var(--bq-text--brand);--bq-accordion--panel-filled-border-color:var(--bq-stroke--primary);--bq-accordion--panel-filled-border-style:solid;--bq-accordion--panel-filled-border-width:var(--bq-stroke-s);--bq-accordion--panel-small-filled-padding-y:var(--bq-spacing-s);--bq-accordion--panel-small-filled-padding-start:var(--bq-spacing-s);--bq-accordion--panel-small-filled-padding-end:var(--bq-spacing-s);--bq-accordion--panel-medium-filled-padding-y:var(--bq-spacing-m);--bq-accordion--panel-medium-filled-padding-start:var(--bq-spacing-m);--bq-accordion--panel-medium-filled-padding-end:var(--bq-spacing-m);--bq-accordion--panel-ghost-border-color:transparent;--bq-accordion--panel-ghost-border-style:none;--bq-accordion--panel-ghost-border-width:unset;--bq-accordion--panel-small-ghost-padding-y:var(--bq-spacing-s);--bq-accordion--panel-small-ghost-padding-start:var(--bq-spacing-l);--bq-accordion--panel-small-ghost-padding-end:var(--bq-spacing-l);--bq-accordion--panel-medium-ghost-padding-y:var(--bq-spacing-m);--bq-accordion--panel-medium-ghost-padding-start:var(--bq-spacing-xl);--bq-accordion--panel-medium-ghost-padding-end:var(--bq-spacing-xl);display:block}@supports (interpolate-size:allow-keywords){.bq-accordion:not(.no-animation){interpolate-size:allow-keywords}}.bq-accordion.disabled{cursor:not-allowed;opacity:.6}.bq-accordion.disabled .bq-accordion__header{pointer-events:none}.bq-accordion.small .bq-accordion__header{border-end-end-radius:var(--bq-accordion--small-radius);border-end-start-radius:var(--bq-accordion--small-radius);border-start-end-radius:var(--bq-accordion--small-radius);border-start-start-radius:var(--bq-accordion--small-radius);gap:var(--bq-accordion--small-gap);padding-block:var(--bq-accordion--small-padding-y);padding-inline-end:var(--bq-accordion--small-padding-end);padding-inline-start:var(--bq-accordion--small-padding-start)}.bq-accordion.medium .bq-accordion__header{border-end-end-radius:var(--bq-accordion--medium-radius);border-end-start-radius:var(--bq-accordion--medium-radius);border-start-end-radius:var(--bq-accordion--medium-radius);border-start-start-radius:var(--bq-accordion--medium-radius);gap:var(--bq-accordion--medium-gap);padding-block:var(--bq-accordion--medium-padding-y);padding-inline-end:var(--bq-accordion--medium-padding-end);padding-inline-start:var(--bq-accordion--medium-padding-start)}.bq-accordion[open] .bq-accordion__header{border-color:var(--bq-accordion--expanded-border-color);border-end-end-radius:0;border-end-start-radius:0;border-style:var(--bq-accordion--expanded-border-style);border-width:var(--bq-accordion--expanded-border-width)}.bq-accordion.small .bq-accordion__content{border-end-end-radius:var(--bq-accordion--small-radius);border-end-start-radius:var(--bq-accordion--small-radius);border-start-end-radius:0;border-start-start-radius:0}.bq-accordion.medium .bq-accordion__content{border-end-end-radius:var(--bq-accordion--medium-radius);border-end-start-radius:var(--bq-accordion--medium-radius);border-start-end-radius:0;border-start-start-radius:0}.bq-accordion.filled .bq-accordion__header{background-color:var(--bq-accordion--filled-collapsed-background)}.bq-accordion.filled .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.filled .bq-accordion__header--text{color:var(--bq-accordion--filled-collapsed-text-color)}.bq-accordion.filled .bq-accordion__content{border-color:var(--bq-accordion--panel-filled-border-color);border-style:var(--bq-accordion--panel-filled-border-style);border-width:var(--bq-accordion--panel-filled-border-width)}.bq-accordion.filled[open] .bq-accordion__header{background-color:var(--bq-accordion--filled-expanded-background)}.bq-accordion.filled[open] .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.filled[open] .bq-accordion__header--text{color:var(--bq-accordion--filled-expanded-text-color)}.bq-accordion.ghost .bq-accordion__header{background-color:var(--bq-accordion--ghost-collapsed-background)}.bq-accordion.ghost .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.ghost .bq-accordion__header--text{color:var(--bq-accordion--ghost-collapsed-text-color)}.bq-accordion.ghost .bq-accordion__content{border-color:var(--bq-accordion--panel-ghost-border-color);border-style:var(--bq-accordion--panel-ghost-border-style);border-width:var(--bq-accordion--panel-ghost-border-width)}.bq-accordion.ghost[open] .bq-accordion__header{background-color:var(--bq-accordion--ghost-expanded-background)}.bq-accordion.ghost[open] .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.ghost[open] .bq-accordion__header--text{color:var(--bq-accordion--ghost-expanded-text-color)}.bq-accordion.small.filled .bq-accordion__content{padding-block:var(--bq-accordion--panel-small-filled-padding-y);padding-inline-end:var(--bq-accordion--panel-small-filled-padding-end);padding-inline-start:var(--bq-accordion--panel-small-filled-padding-start)}.bq-accordion.medium.filled .bq-accordion__content{padding-block:var(--bq-accordion--panel-medium-filled-padding-y);padding-inline-end:var(--bq-accordion--panel-medium-filled-padding-end);padding-inline-start:var(--bq-accordion--panel-medium-filled-padding-start)}.bq-accordion.small.ghost .bq-accordion__content{padding-block:var(--bq-accordion--panel-small-ghost-padding-y);padding-inline-end:var(--bq-accordion--panel-small-ghost-padding-end);padding-inline-start:var(--bq-accordion--panel-small-ghost-padding-start)}.bq-accordion.medium.ghost .bq-accordion__content{padding-block:var(--bq-accordion--panel-medium-ghost-padding-y);padding-inline-end:var(--bq-accordion--panel-medium-ghost-padding-end);padding-inline-start:var(--bq-accordion--panel-medium-ghost-padding-start)}.bq-accordion::details-content{transition-behavior:allow-discrete;block-size:0;display:block;overflow:clip;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-accordion[open]::details-content{block-size:auto}.bq-accordion__header{--bq-ring-offset-width:-2px;align-items:center;border-color:var(--bq-accordion--collapsed-border-color);border-style:var(--bq-accordion--collapsed-border-style);border-width:var(--bq-accordion--collapsed-border-width);cursor:pointer;display:flex;list-style-type:none;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-accordion__header:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-accordion__header::-webkit-details-marker,.bq-accordion__header::marker{display:none}.bq-accordion__header--text{flex:1 1 0%}.bq-accordion__header--prefix,.bq-accordion__header--suffix{align-items:center;display:flex;justify-content:center}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.hover\\:bg-hover-ui-secondary:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}@supports (interpolate-size:allow-keywords){.supports-\\[interpolate-size\\:_allow-keywords\\]\\:\\[interpolate-size\\:_allow-keywords\\]{interpolate-size:allow-keywords}}.rotate-180{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.collapse{visibility:collapse}.static{position:static}.\\!hidden{display:none!important}.overflow-hidden{overflow:hidden}.bg-ui-primary{background-color:var(--bq-ui--primary)}.text-primary{color:var(--bq-text--primary)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}";
|
|
4051
|
+
const ACCORDION_SIZE = ['small', 'medium'];
|
|
4052
|
+
const ACCORDION_APPEARANCE = ['filled', 'ghost'];
|
|
4053
|
+
|
|
4054
|
+
/* -------------------------------------------------------------------------------------- */
|
|
4055
|
+
/* 💡 Credits: https://css-tricks.com/how-to-animate-the-details-element-using-waapi */
|
|
4056
|
+
/* -------------------------------------------------------------------------------------- */
|
|
4057
|
+
class Accordion {
|
|
4058
|
+
el;
|
|
4059
|
+
header;
|
|
4060
|
+
panel;
|
|
4061
|
+
animation;
|
|
4062
|
+
isClosing;
|
|
4063
|
+
isExpanding;
|
|
4064
|
+
animationOptions = {
|
|
4065
|
+
duration: 200,
|
|
4066
|
+
easing: 'ease-in-out',
|
|
4067
|
+
};
|
|
4068
|
+
constructor(el) {
|
|
4069
|
+
// Store the <details> element
|
|
4070
|
+
this.el = el;
|
|
4071
|
+
// Store the <summary> header element
|
|
4072
|
+
this.header = el.querySelector('summary');
|
|
4073
|
+
// Store the <div class="content"> element
|
|
4074
|
+
this.panel = el.querySelector('.bq-accordion__body');
|
|
4075
|
+
// Store the animation object (so we can cancel it, if needed)
|
|
4076
|
+
this.animation = null;
|
|
4077
|
+
// Store if the element is closing
|
|
4078
|
+
this.isClosing = false;
|
|
4079
|
+
// Store if the element is expanding
|
|
4080
|
+
this.isExpanding = false;
|
|
4081
|
+
}
|
|
4082
|
+
open() {
|
|
4083
|
+
// Check if the element is being closed or is already closed
|
|
4084
|
+
if (!this.isClosing && this.el.open)
|
|
4085
|
+
return;
|
|
4086
|
+
// Apply a fixed height on the element
|
|
4087
|
+
this.el.style.height = `${this.el.offsetHeight}px`;
|
|
4088
|
+
// Force the [open] attribute on the details element
|
|
4089
|
+
this.el.open = true;
|
|
4090
|
+
// Wait for the next frame to call the expand function
|
|
4091
|
+
window.requestAnimationFrame(() => this.expand());
|
|
4092
|
+
}
|
|
4093
|
+
close() {
|
|
4094
|
+
// Check if the element is being opened or is already open
|
|
4095
|
+
if (!this.isExpanding && !this.el.open)
|
|
4096
|
+
return;
|
|
4097
|
+
// Set the element as "being closed"
|
|
4098
|
+
this.isClosing = true;
|
|
4099
|
+
// Store the current height of the element
|
|
4100
|
+
const startHeight = `${this.el.offsetHeight}px`;
|
|
4101
|
+
// Calculate the height of the <summary> header
|
|
4102
|
+
const endHeight = `${this.header.offsetHeight}px`;
|
|
4103
|
+
// If there is already an animation running
|
|
4104
|
+
if (this.animation) {
|
|
4105
|
+
// Cancel the current animation
|
|
4106
|
+
this.animation.cancel();
|
|
4107
|
+
}
|
|
4108
|
+
// Start a WAAPI animation
|
|
4109
|
+
this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);
|
|
4110
|
+
// When the animation is complete, call onAnimationFinish()
|
|
4111
|
+
this.animation.onfinish = () => this.onAnimationFinish(false);
|
|
4112
|
+
// If the animation is cancelled, isClosing variable is set to false
|
|
4113
|
+
this.animation.oncancel = () => {
|
|
4114
|
+
this.isClosing = false;
|
|
4115
|
+
};
|
|
4116
|
+
}
|
|
4117
|
+
// Expands the accordion
|
|
4118
|
+
expand() {
|
|
4119
|
+
// Set the element as "being expanding"
|
|
4120
|
+
this.isExpanding = true;
|
|
4121
|
+
// Get the current fixed height of the element
|
|
4122
|
+
const startHeight = `${this.el.offsetHeight}px`;
|
|
4123
|
+
// Calculate the open height of the element (summary header height + panel body height)
|
|
4124
|
+
const endHeight = `${this.header.offsetHeight + this.panel.offsetHeight}px`;
|
|
4125
|
+
// If there is already an animation running
|
|
4126
|
+
if (this.animation) {
|
|
4127
|
+
// Cancel the current animation
|
|
4128
|
+
this.animation.cancel();
|
|
4129
|
+
}
|
|
4130
|
+
// Start a WAAPI animation
|
|
4131
|
+
this.animation = this.el.animate({ height: [startHeight, endHeight] }, this.animationOptions);
|
|
4132
|
+
// When the animation is complete, call onAnimationFinish()
|
|
4133
|
+
this.animation.onfinish = () => this.onAnimationFinish(true);
|
|
4134
|
+
// If the animation is cancelled, isExpanding variable is set to false
|
|
4135
|
+
this.animation.oncancel = () => {
|
|
4136
|
+
this.isExpanding = false;
|
|
4137
|
+
};
|
|
4138
|
+
}
|
|
4139
|
+
// Handles the end of the animation
|
|
4140
|
+
onAnimationFinish(open) {
|
|
4141
|
+
// Set the open attribute based on the parameter
|
|
4142
|
+
this.el.open = open;
|
|
4143
|
+
// Clear the stored animation
|
|
4144
|
+
this.animation = null;
|
|
4145
|
+
// Reset isClosing & isExpanding
|
|
4146
|
+
this.isClosing = false;
|
|
4147
|
+
this.isExpanding = false;
|
|
4148
|
+
// Remove the overflow hidden and the fixed height
|
|
4149
|
+
this.el.removeAttribute('style');
|
|
4150
|
+
// Dispatch a custom event based on the open parameter
|
|
4151
|
+
const endEvent = new Event('accordionTransitionEnd', { bubbles: false, composed: true });
|
|
4152
|
+
this.el.dispatchEvent(endEvent);
|
|
4153
|
+
}
|
|
4154
|
+
}
|
|
4155
|
+
|
|
4156
|
+
const bqAccordionCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-none{list-style-type:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[--bq-accordion--medium-gap\\]{gap:var(--bq-accordion--medium-gap)}.gap-\\[--bq-accordion--small-gap\\]{gap:var(--bq-accordion--small-gap)}.overflow-clip{overflow:clip}.rounded-ee-\\[--bq-accordion--medium-radius\\]{border-end-end-radius:var(--bq-accordion--medium-radius)}.rounded-ee-\\[--bq-accordion--small-radius\\]{border-end-end-radius:var(--bq-accordion--small-radius)}.rounded-ee-\\[0px\\]{border-end-end-radius:0}.rounded-es-\\[--bq-accordion--medium-radius\\]{border-end-start-radius:var(--bq-accordion--medium-radius)}.rounded-es-\\[--bq-accordion--small-radius\\]{border-end-start-radius:var(--bq-accordion--small-radius)}.rounded-es-\\[0px\\]{border-end-start-radius:0}.rounded-se-\\[--bq-accordion--medium-radius\\]{border-start-end-radius:var(--bq-accordion--medium-radius)}.rounded-se-\\[--bq-accordion--small-radius\\]{border-start-end-radius:var(--bq-accordion--small-radius)}.rounded-se-\\[0px\\]{border-start-end-radius:0}.rounded-ss-\\[--bq-accordion--medium-radius\\]{border-start-start-radius:var(--bq-accordion--medium-radius)}.rounded-ss-\\[--bq-accordion--small-radius\\]{border-start-start-radius:var(--bq-accordion--small-radius)}.rounded-ss-\\[0px\\]{border-start-start-radius:0}.border-\\[length\\:--bq-accordion--collapsed-border-width\\]{border-width:var(--bq-accordion--collapsed-border-width)}.border-\\[length\\:--bq-accordion--expanded-border-width\\]{border-width:var(--bq-accordion--expanded-border-width)}.border-\\[length\\:--bq-accordion--panel-filled-border-width\\]{border-width:var(--bq-accordion--panel-filled-border-width)}.border-\\[length\\:--bq-accordion--panel-ghost-border-width\\]{border-width:var(--bq-accordion--panel-ghost-border-width)}.border-\\[color\\:--bq-accordion--collapsed-border-color\\]{border-color:var(--bq-accordion--collapsed-border-color)}.border-\\[color\\:--bq-accordion--expanded-border-color\\]{border-color:var(--bq-accordion--expanded-border-color)}.border-\\[color\\:--bq-accordion--panel-filled-border-color\\]{border-color:var(--bq-accordion--panel-filled-border-color)}.border-\\[color\\:--bq-accordion--panel-ghost-border-color\\]{border-color:var(--bq-accordion--panel-ghost-border-color)}.bg-\\[--bq-accordion--filled-collapsed-background\\]{background-color:var(--bq-accordion--filled-collapsed-background)}.bg-\\[--bq-accordion--filled-expanded-background\\]{background-color:var(--bq-accordion--filled-expanded-background)}.bg-\\[--bq-accordion--ghost-collapsed-background\\]{background-color:var(--bq-accordion--ghost-collapsed-background)}.bg-\\[--bq-accordion--ghost-expanded-background\\]{background-color:var(--bq-accordion--ghost-expanded-background)}.pe-\\[--bq-accordion--medium-padding-end\\]{padding-inline-end:var(--bq-accordion--medium-padding-end)}.pe-\\[--bq-accordion--panel-medium-filled-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-medium-filled-padding-end)}.pe-\\[--bq-accordion--panel-medium-ghost-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-medium-ghost-padding-end)}.pe-\\[--bq-accordion--panel-small-filled-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-small-filled-padding-end)}.pe-\\[--bq-accordion--panel-small-ghost-padding-end\\]{padding-inline-end:var(--bq-accordion--panel-small-ghost-padding-end)}.pe-\\[--bq-accordion--small-padding-end\\]{padding-inline-end:var(--bq-accordion--small-padding-end)}.ps-\\[--bq-accordion--medium-padding-start\\]{padding-inline-start:var(--bq-accordion--medium-padding-start)}.ps-\\[--bq-accordion--panel-medium-filled-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-medium-filled-padding-start)}.ps-\\[--bq-accordion--panel-medium-ghost-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-medium-ghost-padding-start)}.ps-\\[--bq-accordion--panel-small-filled-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-small-filled-padding-start)}.ps-\\[--bq-accordion--panel-small-ghost-padding-start\\]{padding-inline-start:var(--bq-accordion--panel-small-ghost-padding-start)}.ps-\\[--bq-accordion--small-padding-start\\]{padding-inline-start:var(--bq-accordion--small-padding-start)}.text-\\[--bq-accordion--filled-collapsed-text-color\\]{color:var(--bq-accordion--filled-collapsed-text-color)}.text-\\[--bq-accordion--filled-expanded-text-color\\]{color:var(--bq-accordion--filled-expanded-text-color)}.text-\\[--bq-accordion--ghost-collapsed-text-color\\]{color:var(--bq-accordion--ghost-collapsed-text-color)}.text-\\[--bq-accordion--ghost-expanded-text-color\\]{color:var(--bq-accordion--ghost-expanded-text-color)}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bs-0{block-size:0}.bs-auto{block-size:auto}.p-b-\\[--bq-accordion--medium-padding-y\\]{padding-block:var(--bq-accordion--medium-padding-y)}.p-b-\\[--bq-accordion--panel-medium-filled-padding-y\\]{padding-block:var(--bq-accordion--panel-medium-filled-padding-y)}.p-b-\\[--bq-accordion--panel-medium-ghost-padding-y\\]{padding-block:var(--bq-accordion--panel-medium-ghost-padding-y)}.p-b-\\[--bq-accordion--panel-small-filled-padding-y\\]{padding-block:var(--bq-accordion--panel-small-filled-padding-y)}.p-b-\\[--bq-accordion--panel-small-ghost-padding-y\\]{padding-block:var(--bq-accordion--panel-small-ghost-padding-y)}.p-b-\\[--bq-accordion--small-padding-y\\]{padding-block:var(--bq-accordion--small-padding-y)}.\\[transition-behavior\\:allow-discrete\\]{transition-behavior:allow-discrete}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-accordion--small-padding-y:var(--bq-spacing-xs);--bq-accordion--small-padding-start:var(--bq-spacing-s);--bq-accordion--small-padding-end:var(--bq-spacing-s);--bq-accordion--small-gap:var(--bq-spacing-xs);--bq-accordion--small-radius:var(--bq-radius--xs);--bq-accordion--medium-padding-y:var(--bq-spacing-s);--bq-accordion--medium-padding-start:var(--bq-spacing-m);--bq-accordion--medium-padding-end:var(--bq-spacing-m);--bq-accordion--medium-gap:var(--bq-spacing-m);--bq-accordion--medium-radius:var(--bq-radius--m);--bq-accordion--collapsed-border-color:transparent;--bq-accordion--collapsed-border-style:none;--bq-accordion--collapsed-border-width:unset;--bq-accordion--expanded-border-color:transparent;--bq-accordion--expanded-border-style:none;--bq-accordion--expanded-border-width:unset;--bq-accordion--filled-collapsed-background:var(--bq-ui--secondary);--bq-accordion--filled-collapsed-text-color:var(--bq-text--primary);--bq-accordion--filled-expanded-background:var(--bq-ui--brand-alt);--bq-accordion--filled-expanded-text-color:var(--bq-text--primary);--bq-accordion--ghost-collapsed-background:transparent;--bq-accordion--ghost-collapsed-text-color:var(--bq-text--primary);--bq-accordion--ghost-expanded-background:transparent;--bq-accordion--ghost-expanded-text-color:var(--bq-text--brand);--bq-accordion--panel-filled-border-color:var(--bq-stroke--primary);--bq-accordion--panel-filled-border-style:solid;--bq-accordion--panel-filled-border-width:var(--bq-stroke-s);--bq-accordion--panel-small-filled-padding-y:var(--bq-spacing-s);--bq-accordion--panel-small-filled-padding-start:var(--bq-spacing-s);--bq-accordion--panel-small-filled-padding-end:var(--bq-spacing-s);--bq-accordion--panel-medium-filled-padding-y:var(--bq-spacing-m);--bq-accordion--panel-medium-filled-padding-start:var(--bq-spacing-m);--bq-accordion--panel-medium-filled-padding-end:var(--bq-spacing-m);--bq-accordion--panel-ghost-border-color:transparent;--bq-accordion--panel-ghost-border-style:none;--bq-accordion--panel-ghost-border-width:unset;--bq-accordion--panel-small-ghost-padding-y:var(--bq-spacing-s);--bq-accordion--panel-small-ghost-padding-start:var(--bq-spacing-l);--bq-accordion--panel-small-ghost-padding-end:var(--bq-spacing-l);--bq-accordion--panel-medium-ghost-padding-y:var(--bq-spacing-m);--bq-accordion--panel-medium-ghost-padding-start:var(--bq-spacing-xl);--bq-accordion--panel-medium-ghost-padding-end:var(--bq-spacing-xl);display:block}@supports (interpolate-size:allow-keywords){.bq-accordion:not(.no-animation){interpolate-size:allow-keywords}}.bq-accordion.disabled{cursor:not-allowed;opacity:.6}.bq-accordion.disabled .bq-accordion__header{pointer-events:none}.bq-accordion.small .bq-accordion__header{border-end-end-radius:var(--bq-accordion--small-radius);border-end-start-radius:var(--bq-accordion--small-radius);border-start-end-radius:var(--bq-accordion--small-radius);border-start-start-radius:var(--bq-accordion--small-radius);gap:var(--bq-accordion--small-gap);padding-block:var(--bq-accordion--small-padding-y);padding-inline-end:var(--bq-accordion--small-padding-end);padding-inline-start:var(--bq-accordion--small-padding-start)}.bq-accordion.medium .bq-accordion__header{border-end-end-radius:var(--bq-accordion--medium-radius);border-end-start-radius:var(--bq-accordion--medium-radius);border-start-end-radius:var(--bq-accordion--medium-radius);border-start-start-radius:var(--bq-accordion--medium-radius);gap:var(--bq-accordion--medium-gap);padding-block:var(--bq-accordion--medium-padding-y);padding-inline-end:var(--bq-accordion--medium-padding-end);padding-inline-start:var(--bq-accordion--medium-padding-start)}.bq-accordion[open] .bq-accordion__header{border-color:var(--bq-accordion--expanded-border-color);border-end-end-radius:0;border-end-start-radius:0;border-style:var(--bq-accordion--expanded-border-style);border-width:var(--bq-accordion--expanded-border-width)}.bq-accordion.small .bq-accordion__content{border-end-end-radius:var(--bq-accordion--small-radius);border-end-start-radius:var(--bq-accordion--small-radius);border-start-end-radius:0;border-start-start-radius:0}.bq-accordion.medium .bq-accordion__content{border-end-end-radius:var(--bq-accordion--medium-radius);border-end-start-radius:var(--bq-accordion--medium-radius);border-start-end-radius:0;border-start-start-radius:0}.bq-accordion.filled .bq-accordion__header{background-color:var(--bq-accordion--filled-collapsed-background)}.bq-accordion.filled .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.filled .bq-accordion__header--text{color:var(--bq-accordion--filled-collapsed-text-color)}.bq-accordion.filled .bq-accordion__content{border-color:var(--bq-accordion--panel-filled-border-color);border-style:var(--bq-accordion--panel-filled-border-style);border-width:var(--bq-accordion--panel-filled-border-width)}.bq-accordion.filled[open] .bq-accordion__header{background-color:var(--bq-accordion--filled-expanded-background)}.bq-accordion.filled[open] .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.filled[open] .bq-accordion__header--text{color:var(--bq-accordion--filled-expanded-text-color)}.bq-accordion.ghost .bq-accordion__header{background-color:var(--bq-accordion--ghost-collapsed-background)}.bq-accordion.ghost .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.ghost .bq-accordion__header--text{color:var(--bq-accordion--ghost-collapsed-text-color)}.bq-accordion.ghost .bq-accordion__content{border-color:var(--bq-accordion--panel-ghost-border-color);border-style:var(--bq-accordion--panel-ghost-border-style);border-width:var(--bq-accordion--panel-ghost-border-width)}.bq-accordion.ghost[open] .bq-accordion__header{background-color:var(--bq-accordion--ghost-expanded-background)}.bq-accordion.ghost[open] .bq-accordion__header:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-accordion.ghost[open] .bq-accordion__header--text{color:var(--bq-accordion--ghost-expanded-text-color)}.bq-accordion.small.filled .bq-accordion__content{padding-block:var(--bq-accordion--panel-small-filled-padding-y);padding-inline-end:var(--bq-accordion--panel-small-filled-padding-end);padding-inline-start:var(--bq-accordion--panel-small-filled-padding-start)}.bq-accordion.medium.filled .bq-accordion__content{padding-block:var(--bq-accordion--panel-medium-filled-padding-y);padding-inline-end:var(--bq-accordion--panel-medium-filled-padding-end);padding-inline-start:var(--bq-accordion--panel-medium-filled-padding-start)}.bq-accordion.small.ghost .bq-accordion__content{padding-block:var(--bq-accordion--panel-small-ghost-padding-y);padding-inline-end:var(--bq-accordion--panel-small-ghost-padding-end);padding-inline-start:var(--bq-accordion--panel-small-ghost-padding-start)}.bq-accordion.medium.ghost .bq-accordion__content{padding-block:var(--bq-accordion--panel-medium-ghost-padding-y);padding-inline-end:var(--bq-accordion--panel-medium-ghost-padding-end);padding-inline-start:var(--bq-accordion--panel-medium-ghost-padding-start)}.bq-accordion::details-content{transition-behavior:allow-discrete;block-size:0;display:block;overflow:clip;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-accordion[open]::details-content{block-size:auto}.bq-accordion__header{--bq-ring-offset-width:-2px;align-items:center;border-color:var(--bq-accordion--collapsed-border-color);border-style:var(--bq-accordion--collapsed-border-style);border-width:var(--bq-accordion--collapsed-border-width);cursor:pointer;display:flex;list-style-type:none;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-accordion__header:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-accordion__header::-webkit-details-marker,.bq-accordion__header::marker{display:none}.bq-accordion__header--text{flex:1 1 0%}.bq-accordion__header--prefix,.bq-accordion__header--suffix{align-items:center;display:flex;justify-content:center}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.hover\\:bg-hover-ui-secondary:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}@supports (interpolate-size:allow-keywords){.supports-\\[interpolate-size\\:_allow-keywords\\]\\:\\[interpolate-size\\:_allow-keywords\\]{interpolate-size:allow-keywords}}.rotate-180{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.collapse{visibility:collapse}.static{position:static}.\\!hidden{display:none!important}.overflow-hidden{overflow:hidden}.bg-ui-primary{background-color:var(--bq-ui--primary)}.text-primary{color:var(--bq-text--primary)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}";
|
|
3989
4157
|
|
|
3990
4158
|
/**
|
|
3991
4159
|
* The Accordion is a UI component that allows users to toggle between showing and hiding content sections. It provides a collapsible functionality, where only one section can be expanded at a time, while the others remain collapsed.
|
|
@@ -4242,18 +4410,24 @@ class BqAccordion {
|
|
|
4242
4410
|
// Always the last one in the class.
|
|
4243
4411
|
// ===================================
|
|
4244
4412
|
render() {
|
|
4245
|
-
return (hAsync("details", { key: '
|
|
4413
|
+
return (hAsync("details", { key: 'da5a12645fb18b5b03b0c00a28fb613aa91b2ec6', class: {
|
|
4246
4414
|
[`bq-accordion overflow-hidden ${this.size} ${this.appearance}`]: true,
|
|
4247
4415
|
'no-animation': this.noAnimation,
|
|
4248
4416
|
disabled: this.disabled,
|
|
4249
|
-
},
|
|
4417
|
+
}, open: this.open, part: "base", ref: (detailsElem) => {
|
|
4418
|
+
this.detailsElem = detailsElem;
|
|
4419
|
+
} }, hAsync("summary", { key: '59e0cb7a06341785784a46af30cb53acefd2f759', "aria-controls": "bq-accordion__content", "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.expanded ? 'true' : 'false', class: "bq-accordion__header", id: "bq-accordion__header", onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "header", role: "button", tabindex: this.disabled ? -1 : 0 }, hAsync("div", { key: '2db7c4bc9e7eea0d59a1c98f627809bb5506025b', class: { 'bq-accordion__header--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (element) => {
|
|
4420
|
+
this.prefixElem = element;
|
|
4421
|
+
} }, hAsync("slot", { key: 'c92878b5a5d5732489f833e7153524f9339ea245', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '9d6effe690fc2f5205d795366d926de921859e25', class: "bq-accordion__header--text", part: "text" }, hAsync("slot", { key: '9041a223ea167c82b674978246c053318e305ff8', name: "header" })), hAsync("div", { key: 'd7b64e7cd51a85b2097478e775d22bd2544ab0ee', class: { 'bq-accordion__header--suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (element) => {
|
|
4422
|
+
this.suffixElem = element;
|
|
4423
|
+
} }, hAsync("slot", { key: '54d7d90808b5ef95dd0335291a7f9d597590d209', name: "suffix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '003b726f317284d91c88ababa11cfd899b481e40', "aria-hidden": "true", class: {
|
|
4250
4424
|
'flex items-center justify-center text-primary transition-transform duration-300 ease-in-out': true,
|
|
4251
4425
|
'!hidden': this.open && !this.rotate,
|
|
4252
4426
|
'rotate-180': this.rotate && this.open,
|
|
4253
|
-
}
|
|
4427
|
+
} }, hAsync("slot", { key: '5d19fe854e192e415e1b42d1b9c51a6400ff4289', name: "expand" }, hAsync("bq-icon", { key: '163438d298ac687447f58b1f42b29dfb1e7dc7d0', name: "plus" }))), hAsync("div", { key: '26150395f63e65f4c8f7a54a21296fbd7c11fa3f', "aria-hidden": "true", class: {
|
|
4254
4428
|
'flex items-center justify-center text-primary': true,
|
|
4255
4429
|
'!hidden': (!this.open && !this.rotate) || this.rotate,
|
|
4256
|
-
}
|
|
4430
|
+
} }, hAsync("slot", { key: 'b30afb3dad67a9c3b112574254a5b4dc7ae796b8', name: "collapse" }, hAsync("bq-icon", { key: 'de68eecbc616343175e9554178b6af3b75d5a077', name: "minus" })))), hAsync("div", { key: '8836c58e12a182bbae2323cdbb561ba120d65067', "aria-labelledby": "bq-accordion__header", class: "bq-accordion__body overflow-hidden bg-ui-primary text-primary", part: "panel", role: "region" }, hAsync("slot", { key: '3b877005c7c9fc05ea3f59bf73312ce122cdb1ff', class: "bq-accordion__content block", id: "bq-accordion__content" }))));
|
|
4257
4431
|
}
|
|
4258
4432
|
static get watchers() { return {
|
|
4259
4433
|
"size": ["checkPropValues"],
|
|
@@ -4263,7 +4437,7 @@ class BqAccordion {
|
|
|
4263
4437
|
}; }
|
|
4264
4438
|
static get style() { return bqAccordionCss; }
|
|
4265
4439
|
static get cmpMeta() { return {
|
|
4266
|
-
"$flags$":
|
|
4440
|
+
"$flags$": 777,
|
|
4267
4441
|
"$tagName$": "bq-accordion",
|
|
4268
4442
|
"$members$": {
|
|
4269
4443
|
"appearance": [1537],
|
|
@@ -4399,7 +4573,7 @@ class BqAccordionGroup {
|
|
|
4399
4573
|
}; }
|
|
4400
4574
|
static get style() { return bqAccordionGroupCss; }
|
|
4401
4575
|
static get cmpMeta() { return {
|
|
4402
|
-
"$flags$":
|
|
4576
|
+
"$flags$": 777,
|
|
4403
4577
|
"$tagName$": "bq-accordion-group",
|
|
4404
4578
|
"$members$": {
|
|
4405
4579
|
"appearance": [1537],
|
|
@@ -4654,16 +4828,19 @@ class BqAlert {
|
|
|
4654
4828
|
const style = {
|
|
4655
4829
|
...(this.border && { '--bq-alert--border-radius': `var(--bq-radius--${this.border})` }),
|
|
4656
4830
|
};
|
|
4657
|
-
return (hAsync(Host, { key: '
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
}, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-start": "opacity-0", "data-transition-enter-end": "opacity-100", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-start": "opacity-100", "data-transition-leave-end": "opacity-0", ref: (div) => (this.alertElement = div), part: "wrapper" }, !this.disableClose && (hAsync("bq-button", { key: '8b1f833cbf4aa25038eeb5a9785aa72e0436c774', class: "bq-alert__close absolute end-5 focus-visible:focus [&::part(label)]:inline-flex", appearance: "text", size: "small", onClick: this.hide.bind(this), part: "btn-close" }, hAsync("slot", { key: 'c6a9891f4e6cf1b976e8138080a2fecdb3bf2165', name: "btn-close" }, hAsync("bq-icon", { key: 'f20552c6787c89bf08ab62f8c8124cce9db93dfe', name: "x" })))), hAsync("div", { key: '0e35ca76614a60eae41e0d6220e31106c10e89ad', class: {
|
|
4831
|
+
return (hAsync(Host, { key: '7ebcb9a49c63ba11b8b276346b55d1ab517decec', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-sticky': this.sticky }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style }, hAsync("div", { key: '30717a97ab468bda577c3550f380d408b060f3b4', class: { [`bq-alert bq-alert__${this.type}`]: true, 'is-sticky': this.sticky }, "data-transition-enter": "transition ease-out duration-300", "data-transition-enter-end": "opacity-100", "data-transition-enter-start": "opacity-0", "data-transition-leave": "transition ease-in duration-200", "data-transition-leave-end": "opacity-0", "data-transition-leave-start": "opacity-100", part: "wrapper", ref: (div) => {
|
|
4832
|
+
this.alertElement = div;
|
|
4833
|
+
} }, !this.disableClose && (hAsync("bq-button", { key: 'de52a513b8febedc82c6d3cd404074c82714f403', appearance: "text", class: "bq-alert__close focus-visible:focus absolute end-5 [&::part(label)]:inline-flex", onBqClick: () => this.hide(), part: "btn-close", size: "small" }, hAsync("slot", { key: 'c531cfcb2db18e8a1565ea622ba314db94ab67ee', name: "btn-close" }, hAsync("bq-icon", { key: '4a4351336f994b55f9b99bba260a40a6bd781156', name: "x" })))), hAsync("div", { key: '181b0333f386367628555e148b3e1fb9a6f0c6eb', class: {
|
|
4661
4834
|
[`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,
|
|
4662
4835
|
'!hidden': this.hideIcon,
|
|
4663
|
-
}, part: "icon-outline" }, hAsync("slot", { key: '
|
|
4664
|
-
'title-font font-semibold leading-regular
|
|
4836
|
+
}, part: "icon-outline" }, hAsync("slot", { key: '445789b9d1986347c92be0d3d87a72d7ef717602', name: "icon" }, this.type !== 'default' && hAsync("bq-icon", { key: '5cf6387119fdfdd3ae2c6beeebd0ba4ac31a3e0c', exportparts: "base,svg", name: this.iconName, part: "icon" }))), hAsync("div", { key: '63663e3baf92b4170913419da173d8012ceded34', class: "flex flex-col items-start gap-[--bq-alert--content-footer-gap]", part: "main" }, hAsync("div", { key: '431cc1038b2c8f2fe9f61cde734cadc97e98fa2a', class: "flex flex-col gap-[--bq-alert--title-body-gap]", part: "content" }, hAsync("div", { key: '6fd03fff3dd8e817144ef7bac3b9b13ee234ec4f', class: {
|
|
4837
|
+
'title-font font-semibold text-primary leading-regular': true,
|
|
4665
4838
|
'flex items-center': this.sticky,
|
|
4666
|
-
}, part: "title" }, hAsync("slot", { key: '
|
|
4839
|
+
}, part: "title" }, hAsync("slot", { key: 'd41a00fcdf3c69d79c19b6b9908018159d389bf2' })), hAsync("div", { key: '6f9bdd65c35a0f444b5ed840c09edefe55aadc6a', class: { 'text-primary text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
|
|
4840
|
+
this.bodyElem = div;
|
|
4841
|
+
} }, hAsync("slot", { key: '3f6c21f0374650ec7fcf290f46760ed3e611e4ea', name: "body", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: '74e33e4a2f6353320df8ba653d6a672819b3d8a6', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
|
|
4842
|
+
this.footerElem = div;
|
|
4843
|
+
} }, hAsync("slot", { key: 'ac4372bcbd01885c2c8518ef2ec5691ba9fd20f1', name: "footer", onSlotchange: this.handleSlotChange }))))));
|
|
4667
4844
|
}
|
|
4668
4845
|
static get watchers() { return {
|
|
4669
4846
|
"autoDismiss": ["handleTimeout"],
|
|
@@ -4673,7 +4850,7 @@ class BqAlert {
|
|
|
4673
4850
|
}; }
|
|
4674
4851
|
static get style() { return bqAlertCss; }
|
|
4675
4852
|
static get cmpMeta() { return {
|
|
4676
|
-
"$flags$":
|
|
4853
|
+
"$flags$": 777,
|
|
4677
4854
|
"$tagName$": "bq-alert",
|
|
4678
4855
|
"$members$": {
|
|
4679
4856
|
"autoDismiss": [516, "auto-dismiss"],
|
|
@@ -4841,17 +5018,17 @@ class BqAvatar {
|
|
|
4841
5018
|
// Always the last one in the class.
|
|
4842
5019
|
// ===================================
|
|
4843
5020
|
render() {
|
|
4844
|
-
return (hAsync(Host, { key: 'd542134d8c9b763e908c7573ad8430a131e2751e' }, hAsync("div", { key: 'b8445c73138ab0c321fa77c2c477eb514626b73d', class: {
|
|
5021
|
+
return (hAsync(Host, { key: 'd542134d8c9b763e908c7573ad8430a131e2751e' }, hAsync("div", { key: 'b8445c73138ab0c321fa77c2c477eb514626b73d', "aria-label": this.label, class: {
|
|
4845
5022
|
'bq-avatar': true,
|
|
4846
5023
|
[`size--${this.size}`]: true,
|
|
4847
5024
|
'rounded-[--bq-avatar--border-radius-circle]': this.shape === 'circle',
|
|
4848
5025
|
'rounded-[--bq-avatar--border-radius-squareXs]': this.shape === 'square' && this.size === 'xsmall',
|
|
4849
5026
|
'rounded-[--bq-avatar--border-radius-squareS]': this.shape === 'square' && this.size === 'small',
|
|
4850
5027
|
'rounded-[--bq-avatar--border-radius-squareM]': this.shape === 'square' && (this.size === 'medium' || this.size === 'large'),
|
|
4851
|
-
}, "
|
|
5028
|
+
}, part: "base", role: "img" }, this.initials && (hAsync("span", { key: '1b73eb51ae99dfcf22e8f8be7d3d272d21bc7b19', class: "bs-full is-full absolute inset-bs-0 start-0 inline-flex items-center justify-center font-bold text-primary", part: "text" }, this.trimmedInitials)), this.image && !this.hasError && (hAsync("img", { key: 'cb7143ed83d135c3f611b4caf6d842ef25b522dd', alt: this.altText ?? undefined, class: "bs-full is-full absolute inset-bs-0 start-0 object-cover", onError: this.onImageError, part: "img", src: this.image }))), hAsync("div", { key: '20745fee89866cccf35f6863bfb8a9eff14aa387', class: {
|
|
4852
5029
|
'absolute flex items-center justify-center': true,
|
|
4853
|
-
'
|
|
4854
|
-
'
|
|
5030
|
+
'inset-bs-[--bq-avatar--badge-top-square] start-[--bq-avatar--badge-left-square]': this.shape === 'square',
|
|
5031
|
+
'inset-bs-[--bq-avatar--badge-top-circle] start-[--bq-avatar--badge-left-circle]': this.shape === 'circle',
|
|
4855
5032
|
}, part: "badge" }, hAsync("slot", { key: '220d8780e323c32d838ce761dad35e4ecb92b656', name: "badge" }))));
|
|
4856
5033
|
}
|
|
4857
5034
|
static get watchers() { return {
|
|
@@ -4862,7 +5039,7 @@ class BqAvatar {
|
|
|
4862
5039
|
}; }
|
|
4863
5040
|
static get style() { return bqAvatarCss; }
|
|
4864
5041
|
static get cmpMeta() { return {
|
|
4865
|
-
"$flags$":
|
|
5042
|
+
"$flags$": 777,
|
|
4866
5043
|
"$tagName$": "bq-avatar",
|
|
4867
5044
|
"$members$": {
|
|
4868
5045
|
"altText": [513, "alt-text"],
|
|
@@ -5003,14 +5180,16 @@ class BqBadge {
|
|
|
5003
5180
|
[`size--${this.size}`]: this.contentLength === 0,
|
|
5004
5181
|
digit: this.contentLength > 0,
|
|
5005
5182
|
'p-i-xs2': this.contentLength > 1,
|
|
5006
|
-
}, part: "base" }, hAsync("span", { key: '
|
|
5183
|
+
}, part: "base" }, hAsync("span", { key: '25ec4c8b78a3bf191692da8d70d0c8a3d7765e16', class: "font-bold text-xs leading-small", part: "number", ref: (element) => {
|
|
5184
|
+
this.spanElement = element;
|
|
5185
|
+
} }, hAsync("slot", { key: '900f53f255db157c50de876c4d43235b3c116d2b', onSlotchange: this.handleSlotChange })))));
|
|
5007
5186
|
}
|
|
5008
5187
|
static get watchers() { return {
|
|
5009
5188
|
"size": ["handleSizePropChange"]
|
|
5010
5189
|
}; }
|
|
5011
5190
|
static get style() { return bqBadgeCss; }
|
|
5012
5191
|
static get cmpMeta() { return {
|
|
5013
|
-
"$flags$":
|
|
5192
|
+
"$flags$": 777,
|
|
5014
5193
|
"$tagName$": "bq-badge",
|
|
5015
5194
|
"$members$": {
|
|
5016
5195
|
"backgroundColor": [1537, "background-color"],
|
|
@@ -5121,11 +5300,15 @@ class BqBreadcrumb {
|
|
|
5121
5300
|
// Always the last one in the class.
|
|
5122
5301
|
// ===================================
|
|
5123
5302
|
render() {
|
|
5124
|
-
return (hAsync(Host, { key: 'aae87cc8b4a6faf6fd4f98ecd3a417332f0b11a5' }, hAsync("nav", { key: '
|
|
5303
|
+
return (hAsync(Host, { key: 'aae87cc8b4a6faf6fd4f98ecd3a417332f0b11a5' }, hAsync("nav", { key: 'eeebb3ae723f6ec75ea707109c8e80eec8a96fd8', "aria-label": this.label, class: "flex items-center", part: "navigation", ref: (elem) => {
|
|
5304
|
+
this.navElem = elem;
|
|
5305
|
+
} }, hAsync("slot", { key: '733199ba2016771d7ef4f6b4dfafd7934cc25f60', onSlotchange: this.handleSlotChange })), hAsync("span", { key: '16bc244633fba3223f7e3e62105b00b0d0d992a9', "aria-hidden": "true", hidden: true, part: "separator", ref: (element) => {
|
|
5306
|
+
this.spanElem = element;
|
|
5307
|
+
} }, hAsync("slot", { key: 'ded02598143fef6596e929c1f0b12c5aa8a9e346', name: "separator" }, hAsync("span", { key: '13bbd7d815f75140665e09519283945ed38227c6', class: "is-3 flex items-center justify-center" }, "/")))));
|
|
5125
5308
|
}
|
|
5126
5309
|
static get style() { return bqBreadcrumbCss; }
|
|
5127
5310
|
static get cmpMeta() { return {
|
|
5128
|
-
"$flags$":
|
|
5311
|
+
"$flags$": 777,
|
|
5129
5312
|
"$tagName$": "bq-breadcrumb",
|
|
5130
5313
|
"$members$": {
|
|
5131
5314
|
"label": [513]
|
|
@@ -5244,11 +5427,11 @@ class BqBreadcrumbItem {
|
|
|
5244
5427
|
render() {
|
|
5245
5428
|
const isLink = isDefined(this.href);
|
|
5246
5429
|
const TagElem = isLink ? 'a' : 'button';
|
|
5247
|
-
return (hAsync("div", { key: '76b21263852564dd2819baa47f0ea6bd0cecaaba', class: "flex items-center", part: "base" }, hAsync(TagElem, { key: '57fe9fc084c3b04eb3c64241987811b1f6f032da', class: "breadcrumb-item", href: isLink ? this.href : undefined, rel: isLink && this.target ? 'noreferrer noopener' : undefined, target: isLink ? this.target : undefined
|
|
5430
|
+
return (hAsync("div", { key: '76b21263852564dd2819baa47f0ea6bd0cecaaba', class: "flex items-center", part: "base" }, hAsync(TagElem, { key: '57fe9fc084c3b04eb3c64241987811b1f6f032da', class: "breadcrumb-item", href: isLink ? this.href : undefined, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, part: "item", rel: isLink && this.target ? 'noreferrer noopener' : undefined, target: isLink ? this.target : undefined }, hAsync("span", { key: 'fb853379089aa81a865557b9d76a4ee42a864e36', class: "flex items-center gap-xs2", part: "content" }, hAsync("slot", { key: 'd447ccd4592702202a53cb9aecc6bcd0ce0eddf1' }))), hAsync("span", { key: 'eecbe1bca281af57f5fa604f9ab7282078ecefeb', class: "breadcrumb-separator", part: "separator" }, hAsync("slot", { key: '4c016aecf135483b32fb879bc0625e8955a9f4eb', name: "separator" }))));
|
|
5248
5431
|
}
|
|
5249
5432
|
static get style() { return bqBreadcrumbItemCss; }
|
|
5250
5433
|
static get cmpMeta() { return {
|
|
5251
|
-
"$flags$":
|
|
5434
|
+
"$flags$": 777,
|
|
5252
5435
|
"$tagName$": "bq-breadcrumb-item",
|
|
5253
5436
|
"$members$": {
|
|
5254
5437
|
"href": [513],
|
|
@@ -5266,7 +5449,7 @@ const BUTTON_TYPE = ['button', 'submit', 'reset'];
|
|
|
5266
5449
|
const BUTTON_APPEARANCE = ['primary', 'secondary', 'link', 'text'];
|
|
5267
5450
|
const BUTTON_VARIANT = ['standard', 'ghost', 'danger'];
|
|
5268
5451
|
|
|
5269
|
-
const bqButtonCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-auto{flex-basis:auto}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.rounded-\\[--bq-button--border-radius\\]{border-radius:var(--bq-button--border-radius)}.border-\\[length\\:--bq-button--border-width\\]{border-width:var(--bq-button--border-width)}.border-m{border-width:var(--bq-stroke-m)}.border-solid{border-style:solid}.border-\\[color\\:--bq-button--border-color\\]{border-color:var(--bq-button--border-color)}.border-brand{border-color:var(--bq-stroke--brand)}.border-tertiary{border-color:var(--bq-stroke--tertiary)}.bg-transparent{background-color:transparent}.bg-ui-brand{background-color:var(--bq-ui--brand)}.bg-ui-danger{background-color:var(--bq-ui--danger)}.bg-ui-secondary{background-color:var(--bq-ui--secondary)}.pe-xs2{padding-inline-end:var(--bq-spacing-xs2)}.ps-xs2{padding-inline-start:var(--bq-spacing-xs2)}.text-\\[length\\:--bq-button--large-font-size\\]{font-size:var(--bq-button--large-font-size)}.text-\\[length\\:--bq-button--medium-font-size\\]{font-size:var(--bq-button--medium-font-size)}.text-\\[length\\:--bq-button--small-font-size\\]{font-size:var(--bq-button--small-font-size)}.font-medium{font-weight:var(--bq-font-weight--medium)}.text-brand{color:var(--bq-text--brand)}.opacity-60{opacity:.6}.transition-\\[background-color\\2c border-color\\2c color\\]{transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.bs-\\[--bq-button--large-height\\]{block-size:var(--bq-button--large-height)}.bs-\\[--bq-button--medium-height\\]{block-size:var(--bq-button--medium-height)}.bs-\\[--bq-button--small-height\\]{block-size:var(--bq-button--small-height)}.is-auto{inline-size:auto}.is-full{inline-size:100%}.p-b-\\[--bq-button--large-paddingY\\]{padding-block:var(--bq-button--large-paddingY)}.p-b-\\[--bq-button--medium-paddingY\\]{padding-block:var(--bq-button--medium-paddingY)}.p-b-\\[--bq-button--small-paddingY\\]{padding-block:var(--bq-button--small-paddingY)}.p-i-\\[--bq-button--large-paddingX\\]{padding-inline:var(--bq-button--large-paddingX)}.p-i-\\[--bq-button--medium-paddingX\\]{padding-inline:var(--bq-button--medium-paddingX)}.p-i-\\[--bq-button--small-paddingX\\]{padding-inline:var(--bq-button--small-paddingX)}.bq-button{align-items:center;border-color:var(--bq-button--border-color);border-radius:var(--bq-button--border-radius);border-width:var(--bq-button--border-width);box-sizing:border-box;cursor:inherit;display:flex;font-weight:var(--bq-font-weight--medium);justify-content:center;line-height:var(--bq-font-line-height--regular);transition-duration:.3s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-button:disabled{cursor:not-allowed;opacity:.6}.bq-button:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-button--border-color:transparent;--bq-button--border-radius:var(--bq-radius--m);--bq-button--border-style:solid;--bq-button--border-width:0;--bq-button--small-height:32px;--bq-button--small-paddingX:var(--bq-spacing-xs);--bq-button--small-paddingY:var(--bq-spacing-xs2);--bq-button--small-font-size:var(--bq-font-size--m);--bq-button--medium-height:48px;--bq-button--medium-paddingX:var(--bq-spacing-m);--bq-button--medium-paddingY:var(--bq-spacing-s);--bq-button--medium-font-size:var(--bq-font-size--m);--bq-button--large-height:56px;--bq-button--large-paddingX:var(--bq-spacing-l);--bq-button--large-paddingY:var(--bq-spacing-m);--bq-button--large-font-size:var(--bq-font-size--m);cursor:pointer;display:inline-block;inline-size:auto;position:relative}.block,:host([block]){inline-size:100%}.bq-button--primary{background-color:var(--bq-ui--brand);color:var(--bq-text--alt)}.bq-button--primary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.bq-button--primary:enabled:active,.bq-button--primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.bq-button--primary.ghost{background-color:transparent;border-color:var(--bq-stroke--brand);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--brand)}.bq-button--primary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--primary.ghost:enabled:active,.bq-button--primary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.bq-button--primary.danger{background-color:var(--bq-ui--danger);color:var(--bq-text--alt)}.bq-button--primary.danger:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-hover) 20%)}.bq-button--primary.danger:enabled:active,.bq-button--primary.danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.bq-button--secondary{background-color:var(--bq-ui--secondary);color:var(--bq-text--primary)}.bq-button--secondary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary:enabled:active,.bq-button--secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--secondary.ghost{background-color:transparent;border-color:var(--bq-stroke--tertiary);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--primary)}.bq-button--secondary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary.ghost:enabled:active,.bq-button--secondary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link{background-color:transparent;color:var(--bq-text--brand);text-decoration-line:none}.bq-button--link:hover:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--link:active:not(.disabled),.bq-button--link:hover:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link.disabled{cursor:not-allowed;opacity:.6}.bq-button--text{background-color:transparent;color:var(--bq-text--primary)}.bq-button--text:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--text:enabled:active,.bq-button--text:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.small{block-size:var(--bq-button--small-height);font-size:var(--bq-button--small-font-size);padding-block:var(--bq-button--small-paddingY);padding-inline:var(--bq-button--small-paddingX)}.medium{block-size:var(--bq-button--medium-height);font-size:var(--bq-button--medium-font-size);padding-block:var(--bq-button--medium-paddingY);padding-inline:var(--bq-button--medium-paddingX)}.large{block-size:var(--bq-button--large-height);font-size:var(--bq-button--large-font-size);padding-block:var(--bq-button--large-paddingY);padding-inline:var(--bq-button--large-paddingX)}.bq-button__label ::slotted(bq-icon){display:flex}.content-left{justify-content:flex-start}.content-right{justify-content:flex-end}.bq-button__prefix,.bq-button__suffix{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;pointer-events:none}.bq-button.has-prefix .bq-button__label{padding-inline-start:var(--bq-spacing-xs2)}.bq-button.has-suffix .bq-button__label{padding-inline-end:var(--bq-spacing-xs2)}.bq-button.loading{cursor:wait;position:relative}.bq-button.loading .bq-button__label,.bq-button.loading .bq-button__prefix,.bq-button.loading .bq-button__suffix{visibility:hidden}.bq-button__loader{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;position:absolute}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.active\\:enabled\\:bg-active-ui-brand:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-danger:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-primary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-secondary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-brand:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:active\\:bg-active-ui-secondary:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.static{position:static}.inline{display:inline}.hidden{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}";
|
|
5452
|
+
const bqButtonCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-auto{flex-basis:auto}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.rounded-\\[--bq-button--border-radius\\]{border-radius:var(--bq-button--border-radius)}.border-\\[length\\:--bq-button--border-width\\]{border-width:var(--bq-button--border-width)}.border-m{border-width:var(--bq-stroke-m)}.border-solid{border-style:solid}.border-\\[color\\:--bq-button--border-color\\]{border-color:var(--bq-button--border-color)}.border-brand{border-color:var(--bq-stroke--brand)}.border-tertiary{border-color:var(--bq-stroke--tertiary)}.bg-transparent{background-color:transparent}.bg-ui-brand{background-color:var(--bq-ui--brand)}.bg-ui-danger{background-color:var(--bq-ui--danger)}.bg-ui-secondary{background-color:var(--bq-ui--secondary)}.pe-xs2{padding-inline-end:var(--bq-spacing-xs2)}.ps-xs2{padding-inline-start:var(--bq-spacing-xs2)}.text-\\[length\\:--bq-button--large-font-size\\]{font-size:var(--bq-button--large-font-size)}.text-\\[length\\:--bq-button--medium-font-size\\]{font-size:var(--bq-button--medium-font-size)}.text-\\[length\\:--bq-button--small-font-size\\]{font-size:var(--bq-button--small-font-size)}.font-medium{font-weight:var(--bq-font-weight--medium)}.text-brand{color:var(--bq-text--brand)}.opacity-60{opacity:.6}.transition-\\[background-color\\2c border-color\\2c color\\]{transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.bs-\\[--bq-button--large-height\\]{block-size:var(--bq-button--large-height)}.bs-\\[--bq-button--medium-height\\]{block-size:var(--bq-button--medium-height)}.bs-\\[--bq-button--small-height\\]{block-size:var(--bq-button--small-height)}.is-auto{inline-size:auto}.is-full{inline-size:100%}.p-b-\\[--bq-button--large-paddingY\\]{padding-block:var(--bq-button--large-paddingY)}.p-b-\\[--bq-button--medium-paddingY\\]{padding-block:var(--bq-button--medium-paddingY)}.p-b-\\[--bq-button--small-paddingY\\]{padding-block:var(--bq-button--small-paddingY)}.p-i-\\[--bq-button--large-paddingX\\]{padding-inline:var(--bq-button--large-paddingX)}.p-i-\\[--bq-button--medium-paddingX\\]{padding-inline:var(--bq-button--medium-paddingX)}.p-i-\\[--bq-button--small-paddingX\\]{padding-inline:var(--bq-button--small-paddingX)}.bq-button{align-items:center;border-color:var(--bq-button--border-color);border-radius:var(--bq-button--border-radius);border-width:var(--bq-button--border-width);box-sizing:border-box;cursor:inherit;display:flex;font-weight:var(--bq-font-weight--medium);justify-content:center;line-height:var(--bq-font-line-height--regular);transition-duration:.3s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-button:disabled{cursor:not-allowed;opacity:.6}.bq-button:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-button ::slotted(bq-icon){--bq-icon--color:var(--bq-button--icon-color,currentColor)}.bq-button:hover:not(:disabled) ::slotted(bq-icon){--bq-icon--color:var(--bq-button-hover--icon-color,var(--bq-button--icon-color,currentColor))}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-button--border-color:transparent;--bq-button--border-radius:var(--bq-radius--m);--bq-button--border-style:solid;--bq-button--border-width:0;--bq-button--small-height:32px;--bq-button--small-paddingX:var(--bq-spacing-xs);--bq-button--small-paddingY:var(--bq-spacing-xs2);--bq-button--small-font-size:var(--bq-font-size--m);--bq-button--medium-height:48px;--bq-button--medium-paddingX:var(--bq-spacing-m);--bq-button--medium-paddingY:var(--bq-spacing-s);--bq-button--medium-font-size:var(--bq-font-size--m);--bq-button--large-height:56px;--bq-button--large-paddingX:var(--bq-spacing-l);--bq-button--large-paddingY:var(--bq-spacing-m);--bq-button--large-font-size:var(--bq-font-size--m);cursor:pointer;display:inline-block;inline-size:auto;position:relative}.block,:host([block]){inline-size:100%}.bq-button--primary{background-color:var(--bq-ui--brand);color:var(--bq-text--alt)}.bq-button--primary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.bq-button--primary:enabled:active,.bq-button--primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.bq-button--primary.ghost{background-color:transparent;border-color:var(--bq-stroke--brand);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--brand)}.bq-button--primary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--primary.ghost:enabled:active,.bq-button--primary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.bq-button--primary.danger{background-color:var(--bq-ui--danger);color:var(--bq-text--alt)}.bq-button--primary.danger:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-hover) 20%)}.bq-button--primary.danger:enabled:active,.bq-button--primary.danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.bq-button--secondary{background-color:var(--bq-ui--secondary);color:var(--bq-text--primary)}.bq-button--secondary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary:enabled:active,.bq-button--secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--secondary.ghost{background-color:transparent;border-color:var(--bq-stroke--tertiary);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--primary)}.bq-button--secondary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary.ghost:enabled:active,.bq-button--secondary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link{background-color:transparent;color:var(--bq-text--brand);text-decoration-line:none}.bq-button--link:hover:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--link:active:not(.disabled),.bq-button--link:hover:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link.disabled{cursor:not-allowed;opacity:.6}.bq-button--text{background-color:transparent;color:var(--bq-text--primary)}.bq-button--text:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--text:enabled:active,.bq-button--text:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.small{block-size:var(--bq-button--small-height);font-size:var(--bq-button--small-font-size);padding-block:var(--bq-button--small-paddingY);padding-inline:var(--bq-button--small-paddingX)}.medium{block-size:var(--bq-button--medium-height);font-size:var(--bq-button--medium-font-size);padding-block:var(--bq-button--medium-paddingY);padding-inline:var(--bq-button--medium-paddingX)}.large{block-size:var(--bq-button--large-height);font-size:var(--bq-button--large-font-size);padding-block:var(--bq-button--large-paddingY);padding-inline:var(--bq-button--large-paddingX)}.bq-button__label ::slotted(bq-icon){display:flex}.content-left{justify-content:flex-start}.content-right{justify-content:flex-end}.bq-button__prefix,.bq-button__suffix{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;pointer-events:none}.bq-button.has-prefix .bq-button__label{padding-inline-start:var(--bq-spacing-xs2)}.bq-button.has-suffix .bq-button__label{padding-inline-end:var(--bq-spacing-xs2)}.bq-button.loading{cursor:wait;position:relative}.bq-button.loading .bq-button__label,.bq-button.loading .bq-button__prefix,.bq-button.loading .bq-button__suffix{visibility:hidden}.bq-button__loader{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;position:absolute}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.active\\:enabled\\:bg-active-ui-brand:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-danger:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-primary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-secondary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-brand:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:active\\:bg-active-ui-secondary:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.\\[\\&_\\:\\:slotted\\(bq-icon\\)\\]\\:\\[--bq-icon--color\\:_var\\(--bq-button--icon-color\\2c _currentColor\\)\\] ::slotted(bq-icon){--bq-icon--color:var(--bq-button--icon-color,currentColor)}.static{position:static}.inline{display:inline}.hidden{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}";
|
|
5270
5453
|
|
|
5271
5454
|
/**
|
|
5272
5455
|
* Buttons are designed for users to take action on a page or a screen.
|
|
@@ -5481,7 +5664,7 @@ class BqButton {
|
|
|
5481
5664
|
const style = {
|
|
5482
5665
|
...(this.border && { '--bq-button--border-radius': `var(--bq-radius--${this.border})` }),
|
|
5483
5666
|
};
|
|
5484
|
-
return (hAsync(Host, { key: 'c2883c38f7ba77f302e3380899ac5f7c06f90b91', style: style }, hAsync(TagElem, { key: '8d68505fd371f5299529dd341260bbe6179f2e3e', class: {
|
|
5667
|
+
return (hAsync(Host, { key: 'c2883c38f7ba77f302e3380899ac5f7c06f90b91', style: style }, hAsync(TagElem, { key: '8d68505fd371f5299529dd341260bbe6179f2e3e', "aria-disabled": this.disabled ? 'true' : 'false', class: {
|
|
5485
5668
|
'bq-button': true,
|
|
5486
5669
|
[`bq-button--${this.appearance}`]: true,
|
|
5487
5670
|
[`content-${this.justifyContent}`]: true,
|
|
@@ -5492,7 +5675,11 @@ class BqButton {
|
|
|
5492
5675
|
'has-prefix': this.hasPrefix,
|
|
5493
5676
|
'has-suffix': this.hasSuffix,
|
|
5494
5677
|
loading: this.loading,
|
|
5495
|
-
},
|
|
5678
|
+
}, disabled: this.disabled, download: isLink ? this.download : undefined, href: isLink ? this.href : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "button", rel: isLink && this.target ? 'noreferrer noopener' : undefined, tabIndex: this.disabled ? -1 : 0, target: isLink ? this.target : undefined, type: this.type }, hAsync("span", { key: '50f45bfe4bcfa998ba3ad28fec11c906fa768d7a', class: "bq-button__prefix", part: "prefix", ref: (spanElem) => {
|
|
5679
|
+
this.prefixElem = spanElem;
|
|
5680
|
+
} }, hAsync("slot", { key: '622f71b481e444e4dda5616eb0a41d3fe1169e3a', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("span", { key: '7a546f9d6f57dbbcbf29681050856e42e4ad33bb', class: "bq-button__label", part: "label" }, hAsync("slot", { key: 'f87535ef3f40becda24a9c0d0761a14b30ca9496' })), hAsync("span", { key: 'cd3b1d346fcd10942d08ce2fd11c65005e690739', class: "bq-button__suffix", part: "suffix", ref: (spanElem) => {
|
|
5681
|
+
this.suffixElem = spanElem;
|
|
5682
|
+
} }, hAsync("slot", { key: 'd59ff094f39e6344308b2ccf0031fa08b63cdeb5', name: "suffix", onSlotchange: this.handleSlotChange })), this.loading && hAsync("bq-icon", { key: '1d11147093570240a34da127eef79a857726f151', class: "bq-button__loader", name: "spinner-gap" }))));
|
|
5496
5683
|
}
|
|
5497
5684
|
static get delegatesFocus() { return true; }
|
|
5498
5685
|
static get formAssociated() { return true; }
|
|
@@ -5504,7 +5691,7 @@ class BqButton {
|
|
|
5504
5691
|
}; }
|
|
5505
5692
|
static get style() { return bqButtonCss; }
|
|
5506
5693
|
static get cmpMeta() { return {
|
|
5507
|
-
"$flags$":
|
|
5694
|
+
"$flags$": 857,
|
|
5508
5695
|
"$tagName$": "bq-button",
|
|
5509
5696
|
"$members$": {
|
|
5510
5697
|
"appearance": [513],
|
|
@@ -5613,7 +5800,7 @@ class BqCard {
|
|
|
5613
5800
|
...(this.border && { '--bq-card--borderRadius': `var(--bq-radius--${this.border})` }),
|
|
5614
5801
|
};
|
|
5615
5802
|
return (hAsync(Host, { key: '3ac2ef6895a154485e2123b9ea6298d437e0918a', style: style }, hAsync("div", { key: '1b8ccdca965fec742339ff11869e080cb49d9bb3', class: {
|
|
5616
|
-
'bq-card rounded-[--bq-card--borderRadius] border-[
|
|
5803
|
+
'bq-card rounded-[--bq-card--borderRadius] border-[color:--bq-card--borderColor] border-[length:--bq-card--borderWidth] bg-[--bq-card--background]': true,
|
|
5617
5804
|
'p-b-[--bq-card--padding] p-i-[--bq-card--padding]': this.type === 'default',
|
|
5618
5805
|
// Remove padding for minimal card type
|
|
5619
5806
|
'p-b-0 p-i-0': this.type === 'minimal',
|
|
@@ -5624,7 +5811,7 @@ class BqCard {
|
|
|
5624
5811
|
}; }
|
|
5625
5812
|
static get style() { return bqCardCss; }
|
|
5626
5813
|
static get cmpMeta() { return {
|
|
5627
|
-
"$flags$":
|
|
5814
|
+
"$flags$": 777,
|
|
5628
5815
|
"$tagName$": "bq-card",
|
|
5629
5816
|
"$members$": {
|
|
5630
5817
|
"type": [513],
|
|
@@ -5848,13 +6035,15 @@ class BqCheckbox {
|
|
|
5848
6035
|
// Always the last one in the class.
|
|
5849
6036
|
// ===================================
|
|
5850
6037
|
render() {
|
|
5851
|
-
return (hAsync("label", { key: 'ac095d204487e115cb1d11cf63f5688dc30be6ba', class: {
|
|
6038
|
+
return (hAsync("label", { key: 'ac095d204487e115cb1d11cf63f5688dc30be6ba', "aria-label": this.name || 'checkbox', class: {
|
|
5852
6039
|
'bq-checkbox group': true,
|
|
5853
6040
|
'is-checked': this.checked,
|
|
5854
6041
|
'is-indeterminate': this.indeterminate,
|
|
5855
6042
|
'is-disabled !cursor-not-allowed': this.disabled,
|
|
5856
6043
|
'has-background': this.backgroundOnHover,
|
|
5857
|
-
},
|
|
6044
|
+
}, part: "base" }, hAsync("div", { key: '2de34c0b5f1d2d67df7a10d3825bdfbd000cf9d3', class: "bq-checkbox__control bs-[--bq-checkbox--size] is-[--bq-checkbox--size] relative box-border flex items-center justify-center p-b-xs3 p-i-xs3", part: "control" }, hAsync("input", { key: 'eedf7c8931a93a33fea19a7472cd199c7198732a', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', checked: this.checked, class: "bq-checkbox__input pointer-events-none absolute m-b-0 m-i-0 p-b-0 p-i-0 opacity-0", disabled: this.disabled, form: this.formId, indeterminate: this.indeterminate, name: !isNil(this.name) ? this.name : undefined, onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, part: "input", ref: (input) => {
|
|
6045
|
+
this.inputElem = input;
|
|
6046
|
+
}, required: this.required, tabindex: "0", type: "checkbox", value: this.value }), hAsync("span", { key: '6316510ffdb21d195f8ed0aa7ae46e02c5746266', class: "bq-checkbox__checkbox bs-full is-[--bq-checkbox--size] relative box-border flex items-center justify-center", part: "checkbox" }, this.checked && (hAsync("svg", { key: '11dfd11d0cac62b824169cf8312222348c5bd39c', "aria-hidden": "true", class: "bs-full is-full absolute text-neutral-white", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '0de7ed79d17f4a26356ad4cd4e61a4a8c573f9da', d: "M0 0h256v256H0z", fill: "none" }), hAsync("path", { key: 'b74ec0b4fded0752a4d494ed264c30beb97026e3', d: "M216 72 104 184l-56-56", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }))), !this.checked && this.indeterminate && (hAsync("svg", { key: '5eb4937e2654ce5d87521303d1d21583c31c3394', "aria-hidden": "true", class: "bs-full is-full absolute text-neutral-white", fill: "currentColor", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'a2205d8f2d4212c6c06590ea9cf1e3c7f9d72f6a', d: "M0 0h256v256H0z", fill: "none" }), hAsync("path", { key: '1001683358e518ca20ffdd0fe18a276452a2f69f', d: "M40 128h176", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }))))), hAsync("span", { key: '0735d4ebff84e967c511f23ea3c4700217b0e37a', class: "bq-checkbox__label ps-xs text-start font-medium text-primary leading-regular group-hover-[&:not(.is-disabled)]:text-hover-primary group-[.is-disabled]:opacity-60", part: "label" }, hAsync("slot", { key: 'a212b9b8b092b87a537575048156c5cd590e5976' }))));
|
|
5858
6047
|
}
|
|
5859
6048
|
static get delegatesFocus() { return true; }
|
|
5860
6049
|
static get formAssociated() { return true; }
|
|
@@ -5864,7 +6053,7 @@ class BqCheckbox {
|
|
|
5864
6053
|
}; }
|
|
5865
6054
|
static get style() { return bqCheckboxCss; }
|
|
5866
6055
|
static get cmpMeta() { return {
|
|
5867
|
-
"$flags$":
|
|
6056
|
+
"$flags$": 857,
|
|
5868
6057
|
"$tagName$": "bq-checkbox",
|
|
5869
6058
|
"$members$": {
|
|
5870
6059
|
"backgroundOnHover": [516, "background-on-hover"],
|
|
@@ -6105,6 +6294,7 @@ class BqDatePicker {
|
|
|
6105
6294
|
prefixElem;
|
|
6106
6295
|
suffixElem;
|
|
6107
6296
|
fallbackInputId = 'date-picker';
|
|
6297
|
+
LOCALE_DATE = 'fr-CA';
|
|
6108
6298
|
// Export parts of the calendar-month component
|
|
6109
6299
|
COMMON_EXPORT_PARTS = 'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';
|
|
6110
6300
|
BUTTON_EXPORT_PARTS = 'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';
|
|
@@ -6324,7 +6514,7 @@ class BqDatePicker {
|
|
|
6324
6514
|
const { callyElem, formatFocusedDate, isCallyLoaded, value } = this;
|
|
6325
6515
|
if (!(callyElem && isCallyLoaded))
|
|
6326
6516
|
return;
|
|
6327
|
-
const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString(
|
|
6517
|
+
const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString(this.LOCALE_DATE);
|
|
6328
6518
|
if (this.focusedDate === nextFocused)
|
|
6329
6519
|
return;
|
|
6330
6520
|
this.focusedDate = nextFocused;
|
|
@@ -6334,17 +6524,47 @@ class BqDatePicker {
|
|
|
6334
6524
|
callyElem.focusedDate = this.focusedDate;
|
|
6335
6525
|
}
|
|
6336
6526
|
};
|
|
6527
|
+
clampDateToRange = (dateStr) => {
|
|
6528
|
+
if (this.min && dateStr < this.min)
|
|
6529
|
+
return this.min;
|
|
6530
|
+
if (this.max && dateStr > this.max)
|
|
6531
|
+
return this.max;
|
|
6532
|
+
return dateStr;
|
|
6533
|
+
};
|
|
6337
6534
|
handleChange = (ev) => {
|
|
6338
6535
|
if (this.disabled || !isHTMLElement$1(ev.target, 'input'))
|
|
6339
6536
|
return;
|
|
6340
|
-
const
|
|
6341
|
-
if (!
|
|
6342
|
-
|
|
6343
|
-
this.value = dateValue.toLocaleDateString('fr-CA');
|
|
6344
|
-
this.displayDate = this.formatDisplayValue(this.value);
|
|
6345
|
-
this.internals.setFormValue(`${this.value}`);
|
|
6537
|
+
const inputValue = ev.target.value.trim();
|
|
6538
|
+
if (!inputValue) {
|
|
6539
|
+
this.clearValue();
|
|
6346
6540
|
this.bqChange.emit({ value: this.value, el: this.el });
|
|
6541
|
+
return;
|
|
6542
|
+
}
|
|
6543
|
+
// Try to parse as date with locale awareness
|
|
6544
|
+
const dateValue = parseDateInput(inputValue, this.locale);
|
|
6545
|
+
if (!dateValue) {
|
|
6546
|
+
// Invalid date: don't update component value to avoid side effects
|
|
6547
|
+
this.internals.setFormValue(undefined);
|
|
6548
|
+
this.updateFormValidity();
|
|
6549
|
+
this.bqChange.emit({ value: inputValue, el: this.el });
|
|
6550
|
+
return;
|
|
6551
|
+
}
|
|
6552
|
+
// Check if date is disallowed
|
|
6553
|
+
if (this.isDateDisallowed?.(dateValue)) {
|
|
6554
|
+
this.internals.setFormValue(undefined);
|
|
6555
|
+
this.updateFormValidity();
|
|
6556
|
+
this.bqChange.emit({ value: inputValue, el: this.el });
|
|
6557
|
+
return;
|
|
6347
6558
|
}
|
|
6559
|
+
// Valid date: normalize to ISO format and clamp to range if needed
|
|
6560
|
+
// Note: clamping is done based on string comparison of ISO dates and only when min/max are set
|
|
6561
|
+
let isoDate = dateValue.toLocaleDateString(this.LOCALE_DATE);
|
|
6562
|
+
isoDate = this.clampDateToRange(isoDate);
|
|
6563
|
+
this.value = isoDate;
|
|
6564
|
+
this.displayDate = this.formatDisplayValue(isoDate);
|
|
6565
|
+
this.internals.setFormValue(isoDate);
|
|
6566
|
+
this.updateFormValidity();
|
|
6567
|
+
this.bqChange.emit({ value: this.value, el: this.el });
|
|
6348
6568
|
};
|
|
6349
6569
|
handleCalendarChange = (ev) => {
|
|
6350
6570
|
if (this.isInternalUpdate)
|
|
@@ -6375,14 +6595,18 @@ class BqDatePicker {
|
|
|
6375
6595
|
if (this.disabled)
|
|
6376
6596
|
return;
|
|
6377
6597
|
this.inputElem.value = '';
|
|
6378
|
-
this.
|
|
6598
|
+
this.clearValue();
|
|
6379
6599
|
this.hasRangeEnd = false;
|
|
6380
6600
|
this.bqClear.emit(this.el);
|
|
6381
6601
|
this.bqChange.emit({ value: this.value, el: this.el });
|
|
6382
|
-
this.internals.setFormValue(undefined);
|
|
6383
6602
|
this.inputElem.focus();
|
|
6384
6603
|
ev.stopPropagation();
|
|
6385
6604
|
};
|
|
6605
|
+
clearValue = () => {
|
|
6606
|
+
this.value = undefined;
|
|
6607
|
+
this.displayDate = undefined;
|
|
6608
|
+
this.internals.setFormValue(undefined);
|
|
6609
|
+
};
|
|
6386
6610
|
handleSlotChange = () => {
|
|
6387
6611
|
this.hasLabel = hasSlotContent(this.labelElem);
|
|
6388
6612
|
this.hasPrefix = hasSlotContent(this.prefixElem);
|
|
@@ -6391,7 +6615,7 @@ class BqDatePicker {
|
|
|
6391
6615
|
generateCalendarMonth = (offset, className = '') => {
|
|
6392
6616
|
if (!this.isCallyLoaded)
|
|
6393
6617
|
return null;
|
|
6394
|
-
return (hAsync("calendar-month", {
|
|
6618
|
+
return (hAsync("calendar-month", { class: className, exportparts: `${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`, offset: offset }));
|
|
6395
6619
|
};
|
|
6396
6620
|
/**
|
|
6397
6621
|
* Generates an array of Elements representing the calendar months.
|
|
@@ -6438,30 +6662,31 @@ class BqDatePicker {
|
|
|
6438
6662
|
return undefined;
|
|
6439
6663
|
const dateFormatter = new Intl.DateTimeFormat(this.locale, this.formatOptions);
|
|
6440
6664
|
if (this.type === 'range') {
|
|
6441
|
-
const [start, end] = value.split('/').map((dateStr) => new Date(dateStr
|
|
6665
|
+
const [start, end] = value.split('/').map((dateStr) => new Date(`${dateStr}T00:00:00`));
|
|
6442
6666
|
return dateFormatter.formatRange(start, end);
|
|
6443
6667
|
}
|
|
6444
6668
|
if (this.type === 'multi') {
|
|
6445
|
-
const dates = value.split(' ').map((dateStr) => new Date(dateStr
|
|
6669
|
+
const dates = value.split(' ').map((dateStr) => new Date(`${dateStr}T00:00:00`));
|
|
6446
6670
|
return dates.map((date) => dateFormatter.format(date)).join(', ');
|
|
6447
6671
|
}
|
|
6448
|
-
return dateFormatter.format(new Date(value
|
|
6672
|
+
return dateFormatter.format(new Date(`${value}T00:00:00`));
|
|
6449
6673
|
};
|
|
6450
6674
|
updateFormValidity = () => {
|
|
6451
6675
|
const { formValidationMessage, internals, required, value, inputElem } = this;
|
|
6452
6676
|
// Clear the validity state
|
|
6453
6677
|
internals?.states.clear();
|
|
6678
|
+
// Check if value is required but missing
|
|
6454
6679
|
if (required && (!value || value.toString().trim() === '')) {
|
|
6455
6680
|
// Set validity state to invalid
|
|
6456
6681
|
internals?.states.add('invalid');
|
|
6457
6682
|
internals?.setValidity({ valueMissing: true }, formValidationMessage ?? 'Please, input or select a valid date', inputElem);
|
|
6458
6683
|
return;
|
|
6459
6684
|
}
|
|
6460
|
-
// Set validity state to valid if
|
|
6685
|
+
// Set validity state to valid if the input has value or is not required
|
|
6461
6686
|
internals?.states.add('valid');
|
|
6462
6687
|
internals?.setValidity({});
|
|
6463
6688
|
};
|
|
6464
|
-
get
|
|
6689
|
+
get calendarType() {
|
|
6465
6690
|
const componentTypes = {
|
|
6466
6691
|
single: 'calendar-date',
|
|
6467
6692
|
multi: 'calendar-multi',
|
|
@@ -6474,18 +6699,26 @@ class BqDatePicker {
|
|
|
6474
6699
|
// Always the last one in the class.
|
|
6475
6700
|
// ===================================
|
|
6476
6701
|
render() {
|
|
6477
|
-
const CallyCalendar = this.
|
|
6702
|
+
const CallyCalendar = this.calendarType;
|
|
6478
6703
|
const labelId = `bq-date-picker__label-${this.name || this.fallbackInputId}`;
|
|
6479
|
-
return (hAsync("div", { key: '
|
|
6704
|
+
return (hAsync("div", { key: '7dd5177513441e3a23967959d67bcc5310327c12', class: "bq-date-picker", part: "base" }, hAsync("label", { key: '8eab1a4fd300bc8b16d926133a7eff6afe79773c', "aria-labelledby": labelId, class: { 'bq-date-picker__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, part: "label", ref: (labelElem) => {
|
|
6705
|
+
this.labelElem = labelElem;
|
|
6706
|
+
} }, hAsync("slot", { key: '8733cacff45646645cf21f2bc28e83c48a684a79', id: labelId, name: "label", onSlotchange: this.handleSlotChange })), hAsync("bq-dropdown", { key: 'c85bba63e2078ddb0fa5472aa188ce3c880d4e47', class: "bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m", disabled: this.disabled, distance: this.distance, exportparts: "panel", open: this.open, panelHeight: this.panelHeight, placement: this.placement, skidding: this.skidding, strategy: this.strategy }, hAsync("div", { key: 'd37010f0e2c682c77d4005c28008cf76d1e08235', class: {
|
|
6480
6707
|
'bq-date-picker__control': true,
|
|
6481
6708
|
[`validation-${this.validationStatus}`]: true,
|
|
6482
6709
|
disabled: this.disabled,
|
|
6483
|
-
}, part: "control", slot: "trigger" }, hAsync("span", { key: '
|
|
6484
|
-
|
|
6485
|
-
|
|
6710
|
+
}, part: "control", slot: "trigger" }, hAsync("span", { key: '42cc62ab392dd011530d4626dae40a08ae5faf7e', class: { 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
|
|
6711
|
+
this.prefixElem = spanElem;
|
|
6712
|
+
} }, hAsync("slot", { key: '77b9d64b0072bb3ff4e4dcca0d285970f1febf77', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("input", { key: 'b078734fe5d27716a99cb57deabb73229cbe5c96', "aria-controls": `${this.name}`, "aria-describedby": this.hasLabel ? labelId : null, "aria-disabled": this.disabled ? 'true' : 'false', "aria-invalid": this.validationStatus === 'error' ? 'true' : 'false', "aria-haspopup": "dialog", autoCapitalize: "off", autoComplete: "off", class: "bq-date-picker__control--input", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, part: "input", placeholder: this.placeholder, readonly: this.type !== 'single', ref: (inputElem) => {
|
|
6713
|
+
this.inputElem = inputElem;
|
|
6714
|
+
}, required: this.required, spellcheck: false, type: "text", value: this.displayDate }), this.hasValue && !this.disabled && !this.disableClear && (
|
|
6486
6715
|
// The clear button will be visible as long as the input has a value
|
|
6487
6716
|
// and the parent group is hovered or has focus-within
|
|
6488
|
-
hAsync("bq-button", { key: '
|
|
6717
|
+
hAsync("bq-button", { key: 'ecab571d159a203701bd5e1c83d750bb6739c413', appearance: "text", "aria-label": this.clearButtonLabel, class: "bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden", exportparts: "button", onBqClick: this.handleClearClick, part: "clear-btn", size: "small" }, hAsync("slot", { key: '46713d03aa0a0c08080351d7f8f4b63d41eb0f11', name: "clear-icon" }, hAsync("bq-icon", { key: 'fe839e6ea4f466c1fe333d78b9cb16284085b7fa', class: "flex", name: "x-circle" })))), hAsync("span", { key: '39425b0e92626e37a5f5c50d06c5c4d77c223ac8', class: "bq-date-picker__control--suffix", part: "suffix", ref: (spanElem) => {
|
|
6718
|
+
this.suffixElem = spanElem;
|
|
6719
|
+
} }, hAsync("slot", { key: 'bb94c519c5764b4c866e1d6a3348b52df70e2d03', name: "suffix", onSlotchange: this.handleSlotChange }, hAsync("bq-icon", { key: '945d516274d55ce6202eacc2bea75706aaca01ed', class: "flex", name: "calendar-blank" })))), this.isCallyLoaded && (hAsync(CallyCalendar, { key: '6b969b34c5459f822aec362d4df635aafb27bab6', "aria-labelledby": labelId, "aria-modal": "true", exportparts: "container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading", firstDayOfWeek: this.firstDayOfWeek, isDateDisallowed: this.isDateDisallowed, locale: this.locale, max: this.max, min: this.min, months: this.months, onChange: this.handleCalendarChange, onRangeend: this.handleCalendarRangeEnd, onRangestart: this.handleCalendarRangeStart, pageBy: this.monthsPerView, ref: (elem) => {
|
|
6720
|
+
this.callyElem = elem;
|
|
6721
|
+
}, role: "dialog", showOutsideDays: this.showOutsideDays, tentative: this.tentative, value: this.value }, hAsync("bq-icon", { key: '0184fb53e84a2f0dc02140d6ca6d16f4a2572b28', color: "text--primary", label: "Previous", name: "caret-left", slot: "previous" }), hAsync("bq-icon", { key: '6eaac0b7c395b76b49cda6a726d889dc30336ef3', color: "text--primary", label: "Next", name: "caret-right", slot: "next" }), hAsync("div", { key: '8646ac81ebf39bd06deda107d436313192afed70', class: "flex flex-wrap justify-center gap-[--bq-spacing-m]" }, this.generateCalendarMonths()))))));
|
|
6489
6722
|
}
|
|
6490
6723
|
static get delegatesFocus() { return true; }
|
|
6491
6724
|
static get formAssociated() { return true; }
|
|
@@ -6495,7 +6728,7 @@ class BqDatePicker {
|
|
|
6495
6728
|
}; }
|
|
6496
6729
|
static get style() { return bqDatePickerCss; }
|
|
6497
6730
|
static get cmpMeta() { return {
|
|
6498
|
-
"$flags$":
|
|
6731
|
+
"$flags$": 857,
|
|
6499
6732
|
"$tagName$": "bq-date-picker",
|
|
6500
6733
|
"$members$": {
|
|
6501
6734
|
"autofocus": [516],
|
|
@@ -6504,10 +6737,10 @@ class BqDatePicker {
|
|
|
6504
6737
|
"disabled": [1028],
|
|
6505
6738
|
"distance": [514],
|
|
6506
6739
|
"firstDayOfWeek": [514, "first-day-of-week"],
|
|
6507
|
-
"formatOptions": [16
|
|
6740
|
+
"formatOptions": [16],
|
|
6508
6741
|
"form": [513],
|
|
6509
6742
|
"formValidationMessage": [1025, "form-validation-message"],
|
|
6510
|
-
"isDateDisallowed": [16
|
|
6743
|
+
"isDateDisallowed": [16],
|
|
6511
6744
|
"locale": [513],
|
|
6512
6745
|
"max": [513],
|
|
6513
6746
|
"min": [513],
|
|
@@ -6806,18 +7039,24 @@ class BqDialog {
|
|
|
6806
7039
|
const style = {
|
|
6807
7040
|
...(this.border && { '--bq-dialog--border-radius': `var(--bq-radius--${this.border})` }),
|
|
6808
7041
|
};
|
|
6809
|
-
return (hAsync("dialog", { key: '
|
|
7042
|
+
return (hAsync("dialog", { key: 'a52424f5fcc4ea2f6662a882d0041978fb07fabd', "aria-labelledby": "bq-dialog--title", "aria-modal": "true", class: {
|
|
6810
7043
|
[`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]: true,
|
|
6811
7044
|
'inset-be-[50%] inset-bs-[50%]': this.disableBackdrop,
|
|
6812
|
-
}, "data-transition-enter": "transition ease-in duration-300", "data-transition-enter-
|
|
7045
|
+
}, "data-transition-enter": "transition ease-in duration-300", "data-transition-enter-end": "opacity-100 scale-100", "data-transition-enter-start": "opacity-0 scale-90", "data-transition-leave": "transition ease-out duration-300", "data-transition-leave-end": "opacity-0 scale-90", "data-transition-leave-start": "opacity-100 scale-100", inert: this.open ? undefined : true, part: "dialog", ref: (dialogElem) => {
|
|
7046
|
+
this.dialogElem = dialogElem;
|
|
7047
|
+
}, style: style }, hAsync("main", { key: '2c2167eac55b7108bca003c2b9d834933e3c2d27', class: "flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden", part: "content" }, hAsync("header", { key: '81e28aa91f6f488a9dee784c366cdd5806f363b6', class: "bq-dialog--header", part: "header" }, hAsync("div", { key: '24ceb02dbc276a22d3191bed8ec50efe78601d6a', class: "bq-dialog--title flex flex-1 items-center justify-between", id: "bq-dialog--title", part: "title" }, hAsync("slot", { key: 'c7593d3930dba755f1bee330c9ff2bdb5cf12583', name: "title" })), hAsync("slot", { key: '22a5d57e2749670fd61544e1c76163c23b12a528', name: "button-close" }, !this.hideCloseButton && (hAsync("bq-button", { key: '439660f251acac11877443d576af3b839e3e7c3e', appearance: "text", class: "bq-dialog--close", size: "small" }, hAsync("bq-icon", { key: 'a84b88017a963519c7edbc6e94dd883d660b6d97', class: "cursor-pointer", name: "x", title: "Close" }))))), hAsync("div", { key: 'a46ea39ad6ef6c6f57c5a959dc7f32b41a7f96c8', class: {
|
|
6813
7048
|
'!hidden': !this.hasContent,
|
|
6814
7049
|
'overflow-y-auto p-i-[--bq-dialog--padding]': this.hasContent,
|
|
6815
7050
|
'!p-be-[--bq-dialog--padding]': !this.hasFooter,
|
|
6816
|
-
},
|
|
7051
|
+
}, part: "body", ref: (mainElem) => {
|
|
7052
|
+
this.contentElem = mainElem;
|
|
7053
|
+
} }, hAsync("slot", { key: '777e782e5a0f246f074c0bf8dbcd53e1720b0d4c', onSlotchange: this.handleSlotChange }))), hAsync("footer", { key: 'ef09f53ce83e582b37f4bc360e02b657479def3d', class: {
|
|
6817
7054
|
'!hidden': !this.hasFooter,
|
|
6818
7055
|
'bq-dialog--footer': this.hasFooter,
|
|
6819
|
-
'
|
|
6820
|
-
},
|
|
7056
|
+
'!p-b-s bg-ui-alt': this.footerAppearance === 'highlight',
|
|
7057
|
+
}, part: "footer", ref: (footerElem) => {
|
|
7058
|
+
this.footerElem = footerElem;
|
|
7059
|
+
} }, hAsync("slot", { key: 'eadf8c208213391e30c060602eb3b6c79b1b774c', name: "footer", onSlotchange: this.handleSlotChange }))));
|
|
6821
7060
|
}
|
|
6822
7061
|
static get watchers() { return {
|
|
6823
7062
|
"footerAppearance": ["checkPropValues"],
|
|
@@ -6826,7 +7065,7 @@ class BqDialog {
|
|
|
6826
7065
|
}; }
|
|
6827
7066
|
static get style() { return bqDialogCss; }
|
|
6828
7067
|
static get cmpMeta() { return {
|
|
6829
|
-
"$flags$":
|
|
7068
|
+
"$flags$": 777,
|
|
6830
7069
|
"$tagName$": "bq-dialog",
|
|
6831
7070
|
"$members$": {
|
|
6832
7071
|
"border": [513],
|
|
@@ -6991,18 +7230,20 @@ class BqDivider {
|
|
|
6991
7230
|
...(this.strokeThickness && { '--bq-divider--stroke-thickness': `${this.strokeThickness}px` }),
|
|
6992
7231
|
...(!isNil(this.strokeBasis) && { '--bq-divider--stroke-basis': `${this.strokeBasis}px` }),
|
|
6993
7232
|
};
|
|
6994
|
-
return (hAsync(Host, { key: '4103d484b5ccb459e9c6cbbb2bdfa2e2f6b4828c', style: styles }, hAsync("div", { key: '
|
|
7233
|
+
return (hAsync(Host, { key: '4103d484b5ccb459e9c6cbbb2bdfa2e2f6b4828c', style: styles }, hAsync("div", { key: '873d97ed59ed11212daf79e8fdadbf90efd1db58', class: {
|
|
6995
7234
|
'bq-divider': true,
|
|
6996
7235
|
[`bq-divider--${this.orientation}`]: true,
|
|
6997
7236
|
[`bq-divider--title__${this.titleAlignment}`]: true,
|
|
6998
7237
|
'gap-0': !this.hasTitle,
|
|
6999
|
-
}, part: "base", ref: (div) =>
|
|
7238
|
+
}, part: "base", ref: (div) => {
|
|
7239
|
+
this.titleElem = div;
|
|
7240
|
+
} }, hAsync("svg", { key: '993928654e09cef10c7c1e1ebb5c0cb8da67bc95', "aria-hidden": "true", class: {
|
|
7000
7241
|
'bq-divider--stroke start': true,
|
|
7001
7242
|
'!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',
|
|
7002
|
-
}, part: "dash-start" }, hAsync("line", { key: '
|
|
7243
|
+
}, part: "dash-start" }, hAsync("line", { key: '36ad986e0b9328e1fb903e7b844783c10a29d464', ...this.strokeAttributes, part: "dash-start-line" })), hAsync("slot", { key: 'e1cc1c809970e7694895a6d85338b43e697fd658', onSlotchange: this.handleSlotChange }), hAsync("svg", { key: '1cb61ca3051f40b19dc3003c3d24b882416961df', "aria-hidden": "true", class: {
|
|
7003
7244
|
'bq-divider--stroke end': true,
|
|
7004
7245
|
'!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),
|
|
7005
|
-
}, part: "dash-end" }, hAsync("line", { key: '
|
|
7246
|
+
}, part: "dash-end" }, hAsync("line", { key: '063e4c1eb33d0e7c55fa78cb2521ac89353bc050', ...this.strokeAttributes, part: "dash-end-line" })))));
|
|
7006
7247
|
}
|
|
7007
7248
|
static get watchers() { return {
|
|
7008
7249
|
"orientation": ["checkPropValues"],
|
|
@@ -7011,7 +7252,7 @@ class BqDivider {
|
|
|
7011
7252
|
}; }
|
|
7012
7253
|
static get style() { return bqDividerCss; }
|
|
7013
7254
|
static get cmpMeta() { return {
|
|
7014
|
-
"$flags$":
|
|
7255
|
+
"$flags$": 777,
|
|
7015
7256
|
"$tagName$": "bq-divider",
|
|
7016
7257
|
"$members$": {
|
|
7017
7258
|
"dashed": [4],
|
|
@@ -7276,16 +7517,20 @@ class BqDrawer {
|
|
|
7276
7517
|
'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300': true,
|
|
7277
7518
|
'pointer-events-none': !this.open,
|
|
7278
7519
|
'opacity-60': this.open,
|
|
7279
|
-
},
|
|
7520
|
+
}, part: "backdrop", tabIndex: -1 })), hAsync("div", { key: 'c86c49c074fd1e7d59de8d8df33fe43504fcb169', "aria-hidden": !this.open ? 'true' : 'false', "aria-labelledby": "bq-drawer__title", "aria-modal": "true", class: {
|
|
7280
7521
|
[`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,
|
|
7281
7522
|
'-start-[--bq-drawer--width]': this.isPositionStart,
|
|
7282
7523
|
'-end-[--bq-drawer--width]': this.isPositionEnd,
|
|
7283
7524
|
'start-0': this.open && this.isPositionStart,
|
|
7284
7525
|
'end-0': this.open && this.isPositionEnd,
|
|
7285
|
-
},
|
|
7526
|
+
}, hidden: !this.open, part: "panel", ref: (div) => {
|
|
7527
|
+
this.drawerElem = div;
|
|
7528
|
+
}, role: "dialog" }, hAsync("header", { key: '6cd1d9ce70d4cb30d6524af6dd366e989e676c62', class: "flex items-center", part: "header" }, hAsync("h2", { key: '3212557ad0649414eb332e187acd52c96efbd835', class: "flex-1 items-center justify-between font-bold text-primary text-xl leading-regular", id: "bq-drawer__title", part: "title" }, hAsync("slot", { key: '6aebb931e8cea3ede8dde98c66ebf9a275d1cb66', name: "title" })), hAsync("div", { key: 'd68cac1a5bc9d7e7d4b4c885003630baae96c46e', class: "flex", part: "button-close" }, hAsync("bq-button", { key: 'aba8327b549f2a2995af57205b0eb426d360762e', appearance: "text", class: "[&::part(button)]:bs-fit [&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex", exportparts: "button:button-close__btn,label:button-close__label", onBqClick: () => this.hide(), size: "small", slot: "button-close" }, hAsync("slot", { key: 'c2ecda8e35926aa1e30eb264825a3e8295068503', name: "button-close" }, hAsync("bq-icon", { key: 'a91f4115f6c682d1c7b671fe7246fb62a01acac9', name: "x-bold", title: "Close" }))))), hAsync("main", { key: '57722f33633d8008b2ce5d1af1de66e0cc8349a5', class: "block flex-auto overflow-auto", part: "body" }, hAsync("slot", { key: 'e40bad5748d468e8f9f93047b2a7b9f069554052' })), hAsync("footer", { key: 'c86396212d78e35a1c6a5a4fea804f355bc8ee1a', class: {
|
|
7286
7529
|
block: true,
|
|
7287
7530
|
'!hidden': !this.hasFooter,
|
|
7288
|
-
},
|
|
7531
|
+
}, part: "footer", ref: (footerElem) => {
|
|
7532
|
+
this.footerElem = footerElem;
|
|
7533
|
+
} }, hAsync("slot", { key: '19693333c7592b48539d0196c329070f5763d2a1', name: "footer-divider" }, hAsync("bq-divider", { key: '14243b9978ecfec0a3077f3ecd9931aa5313676e', class: "mb-m block", dashed: true })), hAsync("slot", { key: '5ffaff2ce64aa8c4424aaccf4fd4f568f62501a3', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
|
|
7289
7534
|
}
|
|
7290
7535
|
static get watchers() { return {
|
|
7291
7536
|
"open": ["handleOpenChange"],
|
|
@@ -7294,7 +7539,7 @@ class BqDrawer {
|
|
|
7294
7539
|
}; }
|
|
7295
7540
|
static get style() { return bqDrawerCss; }
|
|
7296
7541
|
static get cmpMeta() { return {
|
|
7297
|
-
"$flags$":
|
|
7542
|
+
"$flags$": 777,
|
|
7298
7543
|
"$tagName$": "bq-drawer",
|
|
7299
7544
|
"$members$": {
|
|
7300
7545
|
"enableBackdrop": [516, "enable-backdrop"],
|
|
@@ -7431,8 +7676,12 @@ class BqDropdown {
|
|
|
7431
7676
|
// =====================================
|
|
7432
7677
|
componentDidLoad() {
|
|
7433
7678
|
this.triggerElem = this.el.querySelector('[slot="trigger"]');
|
|
7679
|
+
this.triggerElem?.addEventListener('click', this.togglePanel);
|
|
7434
7680
|
this.handleDisabledChange();
|
|
7435
7681
|
}
|
|
7682
|
+
disconnectedCallback() {
|
|
7683
|
+
this.triggerElem?.removeEventListener('click', this.togglePanel);
|
|
7684
|
+
}
|
|
7436
7685
|
// Listeners
|
|
7437
7686
|
// ==============
|
|
7438
7687
|
onItemSelect() {
|
|
@@ -7477,8 +7726,8 @@ class BqDropdown {
|
|
|
7477
7726
|
// These methods cannot be called from the host element.
|
|
7478
7727
|
// =======================================================
|
|
7479
7728
|
togglePanel = () => {
|
|
7480
|
-
|
|
7481
|
-
if (
|
|
7729
|
+
const isDisabled = this.disabled || this.triggerElem?.hasAttribute('disabled');
|
|
7730
|
+
if (isDisabled)
|
|
7482
7731
|
return;
|
|
7483
7732
|
this.open = !this.open;
|
|
7484
7733
|
};
|
|
@@ -7489,7 +7738,7 @@ class BqDropdown {
|
|
|
7489
7738
|
const style = {
|
|
7490
7739
|
...(this.panelHeight && { '--bq-panel--height': this.panelHeight }),
|
|
7491
7740
|
};
|
|
7492
|
-
return (hAsync("div", { key: '
|
|
7741
|
+
return (hAsync("div", { key: 'ae583f26db0f5dd9ed8a9b1bad4700fa1f43d64d', class: "bq-dropdown", part: "base" }, hAsync("div", { key: '5ed63cafc2149a554cf19f448b84f74b7e90ad4e', "aria-controls": this.dropdownPanelId, "aria-haspopup": "true", class: "bq-dropdown__trigger block", part: "trigger" }, hAsync("slot", { key: '4a0c6d8df5b8ea1be06db2b95f30603348b6d86a', name: "trigger" })), hAsync("bq-panel", { key: '863be4b92b73f3769edcabee007c622270074cb1', class: "bq-dropdown__panel", disableScrollLock: this.disableScrollLock, distance: this.distance, exportparts: "panel", id: this.dropdownPanelId, open: this.open, part: "dropdown", placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, style: style }, hAsync("slot", { key: '94c1d32fbb1f0e19bce48851443e52c5471a09ed' }))));
|
|
7493
7742
|
}
|
|
7494
7743
|
static get watchers() { return {
|
|
7495
7744
|
"open": ["onOpenChange"],
|
|
@@ -7497,7 +7746,7 @@ class BqDropdown {
|
|
|
7497
7746
|
}; }
|
|
7498
7747
|
static get style() { return bqDropdownCss; }
|
|
7499
7748
|
static get cmpMeta() { return {
|
|
7500
|
-
"$flags$":
|
|
7749
|
+
"$flags$": 777,
|
|
7501
7750
|
"$tagName$": "bq-dropdown",
|
|
7502
7751
|
"$members$": {
|
|
7503
7752
|
"disableScrollLock": [516, "disable-scroll-lock"],
|
|
@@ -7614,15 +7863,15 @@ class BqEmptyState {
|
|
|
7614
7863
|
'm-be-m': this.size === 'small',
|
|
7615
7864
|
'm-be-xl': this.size === 'medium',
|
|
7616
7865
|
'm-be-xxl': this.size === 'large',
|
|
7617
|
-
}, part: "thumbnail" }, hAsync("slot", { key: '643c89912ebd98e4690c603d9dea6e158bf5b20d', name: "thumbnail" }, hAsync("bq-icon", { key: 'e60ce04ea42f7c5167c1c44bf0c496c1846f40b1',
|
|
7618
|
-
'font-bold leading-regular
|
|
7866
|
+
}, part: "thumbnail" }, hAsync("slot", { key: '643c89912ebd98e4690c603d9dea6e158bf5b20d', name: "thumbnail" }, hAsync("bq-icon", { key: 'e60ce04ea42f7c5167c1c44bf0c496c1846f40b1', exportparts: "base,svg", name: "database", part: "icon", size: this.iconSize }))), hAsync("div", { key: 'a939eee07a7076849ac0619c8198bbc55e60c2c8', class: {
|
|
7867
|
+
'font-bold text-primary leading-regular': true,
|
|
7619
7868
|
'text-m': this.size === 'small',
|
|
7620
7869
|
'text-l': this.size === 'medium',
|
|
7621
7870
|
'text-xxl2': this.size === 'large',
|
|
7622
7871
|
'm-be-xs': this.size === 'small' && this.hasBody,
|
|
7623
7872
|
'm-be-m': this.size === 'medium' && this.hasBody,
|
|
7624
7873
|
'm-be-l': this.size === 'large' && this.hasBody,
|
|
7625
|
-
}, part: "title" }, hAsync("slot", { key: '34f897969f846ae3fc962e45201f719551fab812' })), hAsync("div", { key: '
|
|
7874
|
+
}, part: "title" }, hAsync("slot", { key: '34f897969f846ae3fc962e45201f719551fab812' })), hAsync("div", { key: 'a20024b1c429b05e4d69afff8f86d00d67a330c4', class: {
|
|
7626
7875
|
'font-normal leading-regular': true,
|
|
7627
7876
|
'text-s': this.size === 'small',
|
|
7628
7877
|
'text-m': this.size === 'medium',
|
|
@@ -7630,14 +7879,18 @@ class BqEmptyState {
|
|
|
7630
7879
|
'm-be-m': this.size === 'small' && this.hasFooter,
|
|
7631
7880
|
'm-be-l': this.size === 'medium' && this.hasFooter,
|
|
7632
7881
|
'm-be-xl': this.size === 'large' && this.hasFooter,
|
|
7633
|
-
},
|
|
7882
|
+
}, part: "body", ref: (div) => {
|
|
7883
|
+
this.bodyElem = div;
|
|
7884
|
+
} }, hAsync("slot", { key: 'bce4e2e9ed40496b40352395ffa4c746ca3dc640', name: "body", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '782ad1f922b120301ba25cd5e303bdc8d01ca0a5', class: "flex items-start gap-xs", part: "footer", ref: (div) => {
|
|
7885
|
+
this.footerElem = div;
|
|
7886
|
+
} }, hAsync("slot", { key: '989ee75a06b199dc997f93f3828e0aa9699028a9', name: "footer", onSlotchange: this.handleSlotChange }))));
|
|
7634
7887
|
}
|
|
7635
7888
|
static get watchers() { return {
|
|
7636
7889
|
"size": ["checkPropValues"]
|
|
7637
7890
|
}; }
|
|
7638
7891
|
static get style() { return bqEmptyStateCss; }
|
|
7639
7892
|
static get cmpMeta() { return {
|
|
7640
|
-
"$flags$":
|
|
7893
|
+
"$flags$": 777,
|
|
7641
7894
|
"$tagName$": "bq-empty-state",
|
|
7642
7895
|
"$members$": {
|
|
7643
7896
|
"size": [1537],
|
|
@@ -7816,7 +8069,7 @@ class BqIcon {
|
|
|
7816
8069
|
// State() variables
|
|
7817
8070
|
// Inlined decorator, alphabetical order
|
|
7818
8071
|
// =======================================
|
|
7819
|
-
|
|
8072
|
+
svgContent;
|
|
7820
8073
|
// Public Property API
|
|
7821
8074
|
// ========================
|
|
7822
8075
|
/** Label for the icon, used for accessibility */
|
|
@@ -7907,8 +8160,8 @@ class BqIcon {
|
|
|
7907
8160
|
const content = await getSvgContent(url, true);
|
|
7908
8161
|
if (!content)
|
|
7909
8162
|
return;
|
|
7910
|
-
this.
|
|
7911
|
-
this.svgLoaded.emit(this.
|
|
8163
|
+
this.svgContent = content;
|
|
8164
|
+
this.svgLoaded.emit(this.svgContent);
|
|
7912
8165
|
}
|
|
7913
8166
|
catch (error) {
|
|
7914
8167
|
console.error('[BEEQ] Failed to load the icon SVG content', error);
|
|
@@ -7923,7 +8176,7 @@ class BqIcon {
|
|
|
7923
8176
|
...(color && { '--bq-icon--color': getColorCSSVariable(color) }),
|
|
7924
8177
|
...(size && { '--bq-icon--size': `${size}px` }),
|
|
7925
8178
|
};
|
|
7926
|
-
return (hAsync(Host, { key: '
|
|
8179
|
+
return (hAsync(Host, { key: '7d609e95807e9a4cd6be72e467b674ac9a0fef24', style: styles }, hAsync("div", { key: '95452929fe794238458d65447e2b57c39e67c4cf', "aria-label": label ?? `${name} icon`, class: "bs-[--bq-icon--size] is-[--bq-icon--size] flex text-[--bq-icon--color]", innerHTML: this.svgContent, part: "base", role: "img" })));
|
|
7927
8180
|
}
|
|
7928
8181
|
static get assetsDirs() { return ["svg"]; }
|
|
7929
8182
|
static get watchers() { return {
|
|
@@ -7934,7 +8187,7 @@ class BqIcon {
|
|
|
7934
8187
|
}; }
|
|
7935
8188
|
static get style() { return bqIconCss; }
|
|
7936
8189
|
static get cmpMeta() { return {
|
|
7937
|
-
"$flags$":
|
|
8190
|
+
"$flags$": 777,
|
|
7938
8191
|
"$tagName$": "bq-icon",
|
|
7939
8192
|
"$members$": {
|
|
7940
8193
|
"label": [513],
|
|
@@ -7943,7 +8196,7 @@ class BqIcon {
|
|
|
7943
8196
|
"size": [520],
|
|
7944
8197
|
"src": [513],
|
|
7945
8198
|
"weight": [513],
|
|
7946
|
-
"
|
|
8199
|
+
"svgContent": [32]
|
|
7947
8200
|
},
|
|
7948
8201
|
"$listeners$": undefined,
|
|
7949
8202
|
"$lazyBundleId$": "-",
|
|
@@ -7970,7 +8223,6 @@ const bqInputCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate
|
|
|
7970
8223
|
*
|
|
7971
8224
|
* @attr {string} autocapitalize - Controls whether or not the input field should be capitalized and how.
|
|
7972
8225
|
* @attr {string} autocomplete - Specifies whether or not the input field should have autocomplete enabled.
|
|
7973
|
-
* @attr {string} autocorrect - Controls whether or not the input field should have autocorrect enabled.
|
|
7974
8226
|
* @attr {boolean} autofocus - If true, the input will be focused on component render.
|
|
7975
8227
|
* @attr {string} clear-button-label - The clear button aria label.
|
|
7976
8228
|
* @attr {number} debounce-time - The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.
|
|
@@ -8076,21 +8328,18 @@ class BqInput {
|
|
|
8076
8328
|
/**
|
|
8077
8329
|
* Controls whether or not the input field should be capitalized and how.
|
|
8078
8330
|
* Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.
|
|
8079
|
-
*
|
|
8331
|
+
*
|
|
8332
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize
|
|
8080
8333
|
*/
|
|
8081
8334
|
autocapitalize = 'off';
|
|
8082
8335
|
/**
|
|
8083
8336
|
* Specifies whether or not the input field should have autocomplete enabled.
|
|
8084
|
-
*
|
|
8337
|
+
*
|
|
8338
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
|
|
8085
8339
|
*/
|
|
8086
8340
|
autocomplete = 'off';
|
|
8087
|
-
/**
|
|
8088
|
-
* Controls whether or not the input field should have autocorrect enabled.
|
|
8089
|
-
* Possible values are 'on' and 'off'.
|
|
8090
|
-
*/
|
|
8091
|
-
autocorrect = 'off';
|
|
8092
8341
|
/** If true, the input will be focused on component render */
|
|
8093
|
-
autofocus;
|
|
8342
|
+
autofocus = false;
|
|
8094
8343
|
/** The clear button aria label */
|
|
8095
8344
|
clearButtonLabel = 'Clear value';
|
|
8096
8345
|
/**
|
|
@@ -8133,7 +8382,8 @@ class BqInput {
|
|
|
8133
8382
|
name;
|
|
8134
8383
|
/**
|
|
8135
8384
|
* Specifies a regular expression the form control's value should match.
|
|
8136
|
-
*
|
|
8385
|
+
*
|
|
8386
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern
|
|
8137
8387
|
*/
|
|
8138
8388
|
pattern;
|
|
8139
8389
|
/** The input placeholder text value */
|
|
@@ -8145,13 +8395,15 @@ class BqInput {
|
|
|
8145
8395
|
/**
|
|
8146
8396
|
* A number that specifies the granularity that the value must adhere to.
|
|
8147
8397
|
* Valid for date, month, week, time, datetime-local, number, and range.
|
|
8148
|
-
*
|
|
8398
|
+
*
|
|
8399
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
|
|
8149
8400
|
*/
|
|
8150
8401
|
step;
|
|
8151
8402
|
/**
|
|
8152
8403
|
* The type attribute specifies the type of input field to display.
|
|
8153
8404
|
* Possible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.
|
|
8154
|
-
*
|
|
8405
|
+
*
|
|
8406
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
|
|
8155
8407
|
*/
|
|
8156
8408
|
type = 'text';
|
|
8157
8409
|
/**
|
|
@@ -8310,19 +8562,27 @@ class BqInput {
|
|
|
8310
8562
|
// Always the last one in the class.
|
|
8311
8563
|
// ===================================
|
|
8312
8564
|
render() {
|
|
8313
|
-
return (hAsync("div", { key: '
|
|
8565
|
+
return (hAsync("div", { key: 'f4f5b217cabb4cd9bac80293c39a3ea0c8e90cb9', class: "bq-input", part: "base" }, hAsync("label", { key: '9ff6667bcb5dc4a29b039a426c3b8a61660402ff', "aria-label": this.name || this.fallbackInputId, class: { 'bq-input--label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, part: "label", ref: (labelElem) => {
|
|
8566
|
+
this.labelElem = labelElem;
|
|
8567
|
+
} }, hAsync("slot", { key: 'de378fc3f0a6e8b9fd5c7ef410b2c20de1e2d3a4', name: "label", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '70fed44122c2a666f71d066a1f414bcb86f5a650', class: {
|
|
8314
8568
|
'bq-input--control': true,
|
|
8315
8569
|
[`validation-${this.validationStatus}`]: true,
|
|
8316
8570
|
disabled: this.disabled,
|
|
8317
|
-
}, part: "control" }, hAsync("span", { key: '
|
|
8318
|
-
|
|
8319
|
-
onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput
|
|
8571
|
+
}, part: "control" }, hAsync("span", { key: '0e8b29b9e13a874da3509477a52bc198ea30da73', class: { 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
|
|
8572
|
+
this.prefixElem = spanElem;
|
|
8573
|
+
} }, hAsync("slot", { key: '8499f9f20cc3e73f04e6de7311eab835e7b75d30', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("input", { key: '739101406af9113f0ab39ac331b70b3d048a58bd', "aria-disabled": this.disabled ? 'true' : 'false', autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, class: "bq-input--control__input", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, inputMode: this.inputmode, max: this.max, maxLength: this.maxlength, min: this.min, minLength: this.minlength, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, ref: (inputElem) => {
|
|
8574
|
+
this.inputElem = inputElem;
|
|
8575
|
+
}, required: this.required, step: this.step, type: this.type, value: this.value }), this.hasValue && !this.disabled && !this.disableClear && (
|
|
8320
8576
|
// The clear button will be visible as long as the input has a value
|
|
8321
8577
|
// and the parent group is hovered or has focus-within
|
|
8322
|
-
hAsync("bq-button", { key: '
|
|
8578
|
+
hAsync("bq-button", { key: 'a79774f1176927fc150fd6f3b05dfc3b647e5098', appearance: "text", "aria-label": this.clearButtonLabel, class: "bq-input--control__clear ms-[--bq-input--gap] hidden", exportparts: "button", onBqClick: this.handleClearClick, part: "clear-btn", size: "small" }, hAsync("slot", { key: '5601802175bb8457a8dfb73d9b984e11f0961903', name: "clear-icon" }, hAsync("bq-icon", { key: '5c8ea3b6e3e1bff67f7d5e26ffdcbddc9add3b02', class: "flex", name: "x-circle" })))), hAsync("span", { key: '6d1932f08588e145f56a135564a9c8df544f6cfa', class: { 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (spanElem) => {
|
|
8579
|
+
this.suffixElem = spanElem;
|
|
8580
|
+
} }, hAsync("slot", { key: '0aa431a16ca77c2cd4579793c7605b08b2f5d65d', name: "suffix", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: '488d424974aa1b0fcd127c803efbcba317b198ab', class: {
|
|
8323
8581
|
[`bq-input--helper-text validation-${this.validationStatus}`]: true,
|
|
8324
8582
|
'!hidden': !this.hasHelperText,
|
|
8325
|
-
},
|
|
8583
|
+
}, part: "helper-text", ref: (divElem) => {
|
|
8584
|
+
this.helperTextElem = divElem;
|
|
8585
|
+
} }, hAsync("slot", { key: '94a31328b870996e0438a6a1b7955e13e657ebb7', name: "helper-text", onSlotchange: this.handleSlotChange }))));
|
|
8326
8586
|
}
|
|
8327
8587
|
static get delegatesFocus() { return true; }
|
|
8328
8588
|
static get formAssociated() { return true; }
|
|
@@ -8331,12 +8591,11 @@ class BqInput {
|
|
|
8331
8591
|
}; }
|
|
8332
8592
|
static get style() { return bqInputCss; }
|
|
8333
8593
|
static get cmpMeta() { return {
|
|
8334
|
-
"$flags$":
|
|
8594
|
+
"$flags$": 857,
|
|
8335
8595
|
"$tagName$": "bq-input",
|
|
8336
8596
|
"$members$": {
|
|
8337
8597
|
"autocapitalize": [513],
|
|
8338
8598
|
"autocomplete": [513],
|
|
8339
|
-
"autocorrect": [513],
|
|
8340
8599
|
"autofocus": [516],
|
|
8341
8600
|
"clearButtonLabel": [513, "clear-button-label"],
|
|
8342
8601
|
"debounceTime": [1538, "debounce-time"],
|
|
@@ -8366,7 +8625,7 @@ class BqInput {
|
|
|
8366
8625
|
},
|
|
8367
8626
|
"$listeners$": undefined,
|
|
8368
8627
|
"$lazyBundleId$": "-",
|
|
8369
|
-
"$attrsToReflect$": [["autocapitalize", "autocapitalize"], ["autocomplete", "autocomplete"], ["
|
|
8628
|
+
"$attrsToReflect$": [["autocapitalize", "autocapitalize"], ["autocomplete", "autocomplete"], ["autofocus", "autofocus"], ["clearButtonLabel", "clear-button-label"], ["debounceTime", "debounce-time"], ["disableClear", "disable-clear"], ["form", "form"], ["max", "max"], ["maxlength", "maxlength"], ["min", "min"], ["minlength", "minlength"], ["name", "name"], ["pattern", "pattern"], ["placeholder", "placeholder"], ["readonly", "readonly"], ["required", "required"], ["step", "step"], ["type", "type"], ["validationStatus", "validation-status"], ["value", "value"]]
|
|
8370
8629
|
}; }
|
|
8371
8630
|
}
|
|
8372
8631
|
|
|
@@ -8630,11 +8889,17 @@ class BqNotification {
|
|
|
8630
8889
|
const style = {
|
|
8631
8890
|
...(this.border && { '--bq-notification--border-radius': `var(--bq-radius--${this.border})` }),
|
|
8632
8891
|
};
|
|
8633
|
-
return (hAsync(Host, { key: '
|
|
8892
|
+
return (hAsync(Host, { key: '50f8cdb42efa01007b01bcaee82c261a124cb917', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-hidden': !this.open }, hidden: !this.open ? 'true' : 'false', role: "alert", style: style }, hAsync("div", { key: '6147f1a1a832b02f0be4d799548f620bb975f67f', class: "bq-notification", "data-transition-enter": "transform transition ease-out duration-300", "data-transition-enter-end": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-enter-start": "translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-leave": "transform transition ease-in duration-100", "data-transition-leave-end": "-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-leave-start": "translate-y-0 opacity-100 sm:translate-x-0", part: "wrapper", ref: (div) => {
|
|
8893
|
+
this.notificationElem = div;
|
|
8894
|
+
} }, !this.disableClose && (hAsync("bq-button", { key: '4776e7631405f5583a3d26db3ff2c946b676ef59', appearance: "text", class: "notification--close absolute inset-ie-5 [&::part(label)]:inline-flex", onBqClick: () => this.hide(), part: "btn-close", size: "small" }, hAsync("slot", { key: '6b077e1e6041d61900c969adceaec035da242fcf', name: "btn-close" }, hAsync("bq-icon", { key: '7c4d9f4893017b39449ec21d4dfb5c66f2f9caa7', name: "x" })))), hAsync("div", { key: 'af372356b5e2102232b4f79f677e4e8510eb6c70', class: {
|
|
8634
8895
|
'!hidden': this.hideIcon,
|
|
8635
8896
|
[`color-${this.type}`]: true, // The icon color will be based on the type (info, success, warning, error)
|
|
8636
8897
|
'notification--icon me-xs flex text-left align-top': true,
|
|
8637
|
-
}, part: "icon-outline" }, hAsync("slot", { key: '
|
|
8898
|
+
}, part: "icon-outline" }, hAsync("slot", { key: '1bcb180244b540b841d9aeb8b1271f69fb34f5a5', name: "icon" }, hAsync("bq-icon", { key: '8475659692f6e4a53be22cbdc4260c25d8b7cc06', exportparts: "base,svg", name: this.iconName, part: "icon" }))), hAsync("div", { key: 'ef172b9610711c544b18448a9f9a68416caf4135', class: "flex flex-col items-start gap-[--bq-notification--content-footer-gap]", part: "main" }, hAsync("div", { key: '08bad7f60e9560acd98b04afbe705f5cf16c1017', class: "flex flex-col gap-[--bq-notification--title-body-gap]", part: "content" }, hAsync("div", { key: 'aa0d954b9d27689cd50adb93bb2646f04fb1e7e5', class: "title-font font-semibold leading-regular", part: "title" }, hAsync("slot", { key: 'b73fbb80f139bdd9bc8aa8098466cd5f72594811' })), hAsync("div", { key: '69c377d775468616d8068aea04b93836299a2746', class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, part: "body", ref: (div) => {
|
|
8899
|
+
this.bodyElem = div;
|
|
8900
|
+
} }, hAsync("slot", { key: '1c0c6391ea2493936a11a13714de3e569d543537', name: "body", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: 'fcf2a08198a02580c862059e4f1c819aa1a5f310', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, part: "footer", ref: (div) => {
|
|
8901
|
+
this.footerElem = div;
|
|
8902
|
+
} }, hAsync("slot", { key: 'eb6ef06365fb3fbf61d983976c832417940ce193', name: "footer", onSlotchange: this.handleSlotChange }))))));
|
|
8638
8903
|
}
|
|
8639
8904
|
static get watchers() { return {
|
|
8640
8905
|
"autoDismiss": ["handleTimeout"],
|
|
@@ -8644,7 +8909,7 @@ class BqNotification {
|
|
|
8644
8909
|
}; }
|
|
8645
8910
|
static get style() { return bqNotificationCss; }
|
|
8646
8911
|
static get cmpMeta() { return {
|
|
8647
|
-
"$flags$":
|
|
8912
|
+
"$flags$": 777,
|
|
8648
8913
|
"$tagName$": "bq-notification",
|
|
8649
8914
|
"$members$": {
|
|
8650
8915
|
"autoDismiss": [516, "auto-dismiss"],
|
|
@@ -8667,7 +8932,7 @@ class BqNotification {
|
|
|
8667
8932
|
}; }
|
|
8668
8933
|
}
|
|
8669
8934
|
|
|
8670
|
-
const bqOptionCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-option,.shadow-\\[shadow\\:--bq-option--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.flex-auto{flex:1 1 auto}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-\\[--bq-option--border-radius\\]{border-radius:var(--bq-option--border-radius)}.border-\\[length\\:--bq-option--border-width\\]{border-width:var(--bq-option--border-width)}.border-\\[color\\:--bq-option--border-color\\]{border-color:var(--bq-option--border-color)}.bg-\\[--bq-option--background\\]{background-color:var(--bq-option--background)}.pe-\\[--bq-option--padding-end\\]{padding-inline-end:var(--bq-option--padding-end)}.pe-\\[--bq-option-label--padding-end\\]{padding-inline-end:var(--bq-option-label--padding-end)}.ps-\\[--bq-option--padding-start\\]{padding-inline-start:var(--bq-option--padding-start)}.ps-\\[--bq-option-label--padding-start\\]{padding-inline-start:var(--bq-option-label--padding-start)}.text-\\[length\\:--bq-option--font-size\\]{font-size:var(--bq-option--font-size)}.text-primary{color:var(--bq-text--primary)}.shadow-\\[shadow\\:--bq-option--box-shadow\\]{--tw-shadow:var(--bq-option--box-shadow);--tw-shadow-colored:var(--bq-option--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.p-b-\\[--bq-option--paddingY\\]{padding-block:var(--bq-option--paddingY)}.p-i-\\[--bq-option--paddingY\\]{padding-inline:var(--bq-option--paddingY)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-option--background:var(--bq-ui--primary);--bq-option--font-size:var(--bq-font-size--m);--bq-option--border-color:transparent;--bq-option--border-style:none;--bq-option--border-width:0;--bq-option--border-radius:var(--bq-radius--s);--bq-option--box-shadow:none;--bq-option--gap-start:var(--bq-spacing-s);--bq-option--gap-end:var(--bq-spacing-s);--bq-option--paddingY:var(--bq-spacing-xs);--bq-option--padding-start:var(--bq-spacing-s);--bq-option--padding-end:var(--bq-spacing-s);display:block}:host([hidden]){display:none}.bq-option{--tw-shadow:var(--bq-option--box-shadow);--tw-shadow-colored:var(--bq-option--box-shadow);align-items:center;background-color:var(--bq-option--background);border-color:var(--bq-option--border-color);border-radius:var(--bq-option--border-radius);border-style:var(--bq-option--border-style);border-width:var(--bq-option--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--bq-text--primary);cursor:pointer;display:flex;font-size:var(--bq-option--font-size);inline-size:100%;padding-block:var(--bq-option--paddingY);padding-inline-end:var(--bq-option--padding-end);padding-inline-start:var(--bq-option--padding-start);padding-inline:var(--bq-option--paddingY);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-option:focus-visible:not(.disabled){outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-option:hover:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-option.active:not(.disabled){background-color:var(--bq-ui--brand-alt);color:var(--bq-text--brand)}.bq-option.disabled{cursor:not-allowed;opacity:.6}.bq-option__label{display:inline-block;flex:1 1 auto;overflow:hidden;padding-inline-end:var(--bq-option-label--padding-end);padding-inline-start:var(--bq-option-label--padding-start);text-overflow:ellipsis;white-space:nowrap}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:focus-visible\\:focus:focus-visible:not(.disabled){outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.\\[\\&\\.active\\:not\\(\\.disabled\\)\\]\\:bg-ui-brand-alt.active:not(.disabled){background-color:var(--bq-ui--brand-alt)}.\\[\\&\\.disabled\\]\\:cursor-not-allowed.disabled{cursor:not-allowed}.static{position:static}.me-\\[--bq-option--gap-start\\]{margin-inline-end:var(--bq-option--gap-start)}.ml-auto{margin-left:auto}.ms-\\[--bq-option--gap-end\\]{margin-inline-start:var(--bq-option--gap-end)}.\\!hidden{display:none!important}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}";
|
|
8935
|
+
const bqOptionCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-option,.shadow-\\[shadow\\:--bq-option--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.flex-auto{flex:1 1 auto}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-\\[--bq-option--border-radius\\]{border-radius:var(--bq-option--border-radius)}.border-\\[length\\:--bq-option--border-width\\]{border-width:var(--bq-option--border-width)}.border-\\[color\\:--bq-option--border-color\\]{border-color:var(--bq-option--border-color)}.bg-\\[--bq-option--background\\]{background-color:var(--bq-option--background)}.pe-\\[--bq-option-label--padding-end\\]{padding-inline-end:var(--bq-option-label--padding-end)}.ps-\\[--bq-option-label--padding-start\\]{padding-inline-start:var(--bq-option-label--padding-start)}.text-start{text-align:start}.text-\\[length\\:--bq-option--font-size\\]{font-size:var(--bq-option--font-size)}.text-primary{color:var(--bq-text--primary)}.shadow-\\[shadow\\:--bq-option--box-shadow\\]{--tw-shadow:var(--bq-option--box-shadow);--tw-shadow-colored:var(--bq-option--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.p-b-\\[--bq-option--paddingY\\]{padding-block:var(--bq-option--paddingY)}.p-i-\\[--bq-option--paddingY\\]{padding-inline:var(--bq-option--paddingY)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-option--background:var(--bq-ui--primary);--bq-option--font-size:var(--bq-font-size--m);--bq-option--border-color:transparent;--bq-option--border-style:none;--bq-option--border-width:0;--bq-option--border-radius:var(--bq-radius--s);--bq-option--box-shadow:none;--bq-option--gap-start:var(--bq-spacing-s);--bq-option--gap-end:var(--bq-spacing-s);--bq-option--paddingY:var(--bq-spacing-xs);--bq-option--padding-start:var(--bq-spacing-s);--bq-option--padding-end:var(--bq-spacing-s);display:block}:host([hidden]){display:none}.bq-option{--tw-shadow:var(--bq-option--box-shadow);--tw-shadow-colored:var(--bq-option--box-shadow);align-items:center;background-color:var(--bq-option--background);border-color:var(--bq-option--border-color);border-radius:var(--bq-option--border-radius);border-style:var(--bq-option--border-style);border-width:var(--bq-option--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--bq-text--primary);cursor:pointer;display:flex;font-size:var(--bq-option--font-size);inline-size:100%;padding-block:var(--bq-option--paddingY);padding-inline:var(--bq-option--paddingY);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-option:focus-visible:enabled{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-option:hover:enabled{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-option.active:enabled{background-color:var(--bq-ui--brand-alt);color:var(--bq-text--brand)}.bq-option:disabled{cursor:not-allowed;opacity:.6}.bq-option__label{display:inline-block;flex:1 1 auto;overflow:hidden;padding-inline-end:var(--bq-option-label--padding-end);padding-inline-start:var(--bq-option-label--padding-start);text-align:start;text-overflow:ellipsis;white-space:nowrap}.enabled\\:focus-visible\\:focus:focus-visible:enabled{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.enabled\\:\\[\\&\\.active\\]\\:bg-ui-brand-alt.active:enabled{background-color:var(--bq-ui--brand-alt)}.static{position:static}.me-\\[--bq-option--gap-start\\]{margin-inline-end:var(--bq-option--gap-start)}.ml-auto{margin-left:auto}.ms-\\[--bq-option--gap-end\\]{margin-inline-start:var(--bq-option--gap-end)}.\\!hidden{display:none!important}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}";
|
|
8671
8936
|
|
|
8672
8937
|
/**
|
|
8673
8938
|
* An option refers to a specific choice that appears in a list of selectable items that can be opened or closed by the user.
|
|
@@ -8739,10 +9004,12 @@ class BqOption {
|
|
|
8739
9004
|
hidden = false;
|
|
8740
9005
|
/** If true, the option is disabled. */
|
|
8741
9006
|
disabled = false;
|
|
8742
|
-
/**
|
|
8743
|
-
|
|
9007
|
+
/** The display value of the option. It can be used to override the default displayed value. */
|
|
9008
|
+
displayValue;
|
|
8744
9009
|
/** If true, the option is selected and active. */
|
|
8745
9010
|
selected = false;
|
|
9011
|
+
/** A string representing the value of the option. Can be used to identify the item */
|
|
9012
|
+
value;
|
|
8746
9013
|
// Prop lifecycle events
|
|
8747
9014
|
// =======================
|
|
8748
9015
|
// Events section
|
|
@@ -8767,6 +9034,8 @@ class BqOption {
|
|
|
8767
9034
|
onKeyDown(event) {
|
|
8768
9035
|
if (event.key !== 'Enter')
|
|
8769
9036
|
return;
|
|
9037
|
+
// Prevent the default behavior to avoid triggering a synthetic click event
|
|
9038
|
+
event.preventDefault();
|
|
8770
9039
|
this.bqEnter.emit(this.el);
|
|
8771
9040
|
}
|
|
8772
9041
|
// Public methods API
|
|
@@ -8814,33 +9083,37 @@ class BqOption {
|
|
|
8814
9083
|
// Always the last one in the class.
|
|
8815
9084
|
// ===================================
|
|
8816
9085
|
render() {
|
|
8817
|
-
return (hAsync(Host, { key: '
|
|
9086
|
+
return (hAsync(Host, { key: 'c7a4669b738bdd89621ce20af7371fc19ad44a0a', "aria-disabled": this.isDisabledOrHidden ? 'true' : 'false', "aria-hidden": this.hidden ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option" }, hAsync("button", { key: 'c1306b0f6c379c8cb538379c4d46dea8951d50e0', class: {
|
|
8818
9087
|
'bq-option': true,
|
|
8819
|
-
disabled: this.disabled,
|
|
8820
9088
|
active: !this.disabled && this.selected,
|
|
8821
|
-
},
|
|
9089
|
+
}, disabled: this.disabled, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, part: "base", tabindex: this.isDisabledOrHidden ? '-1' : '0', type: "button" }, hAsync("span", { key: 'f5f1e459b118f63df3ced8cf8d025420f9470c00', class: {
|
|
8822
9090
|
'bq-option__prefix me-[--bq-option--gap-start] flex items-center': true,
|
|
8823
9091
|
'!hidden': !this.hasPrefix,
|
|
8824
|
-
},
|
|
8825
|
-
|
|
9092
|
+
}, part: "prefix", ref: (elem) => {
|
|
9093
|
+
this.prefixElem = elem;
|
|
9094
|
+
} }, hAsync("slot", { key: '6f3e0d0a7696674f75ac001c44e3b235d6c4b344', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("span", { key: '8d34df347f28bf3e4eef600162d8be6737b4ad54', class: "bq-option__label", part: "label" }, hAsync("slot", { key: 'af8fcc14f08a710d020fadf21f49dcf548eb955e' })), hAsync("span", { key: '96e095c549e9d5fb05f01eca67c2dfd4bba5fc28', class: {
|
|
9095
|
+
'bq-option__suffix ms-[--bq-option--gap-end] ml-auto flex items-center': true,
|
|
8826
9096
|
'!hidden': !this.hasSuffix,
|
|
8827
|
-
},
|
|
9097
|
+
}, part: "suffix", ref: (elem) => {
|
|
9098
|
+
this.suffixElem = elem;
|
|
9099
|
+
} }, hAsync("slot", { key: 'bda265f82adbd5ebd87b85ba1eecc012ba687cc3', name: "suffix", onSlotchange: this.handleSlotChange })))));
|
|
8828
9100
|
}
|
|
8829
9101
|
static get style() { return bqOptionCss; }
|
|
8830
9102
|
static get cmpMeta() { return {
|
|
8831
|
-
"$flags$":
|
|
9103
|
+
"$flags$": 777,
|
|
8832
9104
|
"$tagName$": "bq-option",
|
|
8833
9105
|
"$members$": {
|
|
8834
9106
|
"hidden": [516],
|
|
8835
9107
|
"disabled": [516],
|
|
8836
|
-
"
|
|
9108
|
+
"displayValue": [513, "display-value"],
|
|
8837
9109
|
"selected": [516],
|
|
9110
|
+
"value": [513],
|
|
8838
9111
|
"hasPrefix": [32],
|
|
8839
9112
|
"hasSuffix": [32]
|
|
8840
9113
|
},
|
|
8841
9114
|
"$listeners$": [[0, "keydown", "onKeyDown"]],
|
|
8842
9115
|
"$lazyBundleId$": "-",
|
|
8843
|
-
"$attrsToReflect$": [["hidden", "hidden"], ["disabled", "disabled"], ["
|
|
9116
|
+
"$attrsToReflect$": [["hidden", "hidden"], ["disabled", "disabled"], ["displayValue", "display-value"], ["selected", "selected"], ["value", "value"]]
|
|
8844
9117
|
}; }
|
|
8845
9118
|
}
|
|
8846
9119
|
|
|
@@ -8918,7 +9191,7 @@ class BqOptionGroup {
|
|
|
8918
9191
|
// Always the last one in the class.
|
|
8919
9192
|
// ===================================
|
|
8920
9193
|
render() {
|
|
8921
|
-
return (hAsync("div", { key: '9d22c7277e0241abffbf980c45bc1ce799b91229', class: "bg-ui-primary" }, hAsync("legend", { key: 'ee461058a73f38ec92aab04dedbd08fb8c8d2ff0', class: "bq-option-group m-be-[--bq-option-group--gapY-list]", part: "label" }, hAsync("span", { key: '9a12125b0655be47a3463d103aa2920bd534ad6e', class: "option-group__prefix flex items-center", part: "prefix" }, hAsync("slot", { key: '405da21722c959a185f962ce2a747655336f0e5a', name: "header-prefix" })), hAsync("span", { key: 'c4d1cefe05b2af976f4a6fced9a96b42246f8c53', class: "bq-option-group__label inline-block overflow-hidden text-ellipsis whitespace-nowrap
|
|
9194
|
+
return (hAsync("div", { key: '9d22c7277e0241abffbf980c45bc1ce799b91229', class: "bg-ui-primary" }, hAsync("legend", { key: 'ee461058a73f38ec92aab04dedbd08fb8c8d2ff0', class: "bq-option-group m-be-[--bq-option-group--gapY-list]", part: "label" }, hAsync("span", { key: '9a12125b0655be47a3463d103aa2920bd534ad6e', class: "option-group__prefix flex items-center", part: "prefix" }, hAsync("slot", { key: '405da21722c959a185f962ce2a747655336f0e5a', name: "header-prefix" })), hAsync("span", { key: 'c4d1cefe05b2af976f4a6fced9a96b42246f8c53', class: "bq-option-group__label is-auto inline-block overflow-hidden text-ellipsis whitespace-nowrap", part: "label" }, hAsync("slot", { key: 'eebacd38b7a492ce156f40f405335b533204c62f', name: "header-label" })), hAsync("span", { key: '1fc6f0c822993f57966d4cff6f246db267a1627a', class: "bq-option-group__suffix", part: "suffix" }, hAsync("slot", { key: '1e2b96a4b83ce30f8408546b34c2e186e4e01e74', name: "header-suffix" }))), hAsync("div", { key: 'f6d2887b59eb7ec4e91424345733819a960a581c', "aria-label": "Options", class: "bq-option-group__container flex flex-col gap-[--bq-option-group--gapY-list]", part: "group", role: "group" }, hAsync("slot", { key: '054159cf1cad2e52afb24719643bfa4b1b078d28' }))));
|
|
8922
9195
|
}
|
|
8923
9196
|
static get style() { return bqOptionGroupCss; }
|
|
8924
9197
|
static get cmpMeta() { return {
|
|
@@ -9009,7 +9282,7 @@ class BqOptionList {
|
|
|
9009
9282
|
}
|
|
9010
9283
|
static get style() { return bqOptionListCss; }
|
|
9011
9284
|
static get cmpMeta() { return {
|
|
9012
|
-
"$flags$":
|
|
9285
|
+
"$flags$": 777,
|
|
9013
9286
|
"$tagName$": "bq-option-list",
|
|
9014
9287
|
"$members$": {
|
|
9015
9288
|
"ariaLabel": [513, "aria-label"]
|
|
@@ -9118,14 +9391,20 @@ class BqPageTitle {
|
|
|
9118
9391
|
// Always the last one in the class.
|
|
9119
9392
|
// ===================================
|
|
9120
9393
|
render() {
|
|
9121
|
-
return (hAsync("div", { key: '234aa6eeb328738441f3545b61257ec3a14c51cf', class: "flex gap-xs p-b-[--paddingY] [border-block-end:--subtitle-borderBlockEnd]", part: "base" }, hAsync("div", { key: '
|
|
9122
|
-
|
|
9394
|
+
return (hAsync("div", { key: '234aa6eeb328738441f3545b61257ec3a14c51cf', class: "flex gap-xs p-b-[--paddingY] [border-block-end:--subtitle-borderBlockEnd]", part: "base" }, hAsync("div", { key: '8a5c45612e292ab3d842cbe06957f65fc90d3133', class: { flex: true, '!hidden': !this.haveBackNavigation }, part: "back", ref: (divElem) => {
|
|
9395
|
+
this.backNavigationElem = divElem;
|
|
9396
|
+
} }, hAsync("slot", { key: '3626bff96632f10b00d4a00a45e7aee1ae302f47', name: "back", onSlotchange: this.handleSlotChange })), hAsync("div", { key: '39d235ad4405ae2ab258296b0dbc4cdeff85e7ae', class: "flex flex-grow flex-col gap-xs", part: "content" }, hAsync("div", { key: '2eeb23d83af799904500cc18e07b36aa365e971a', class: "flex items-center gap-xs", part: "title-suffix" }, hAsync("h1", { key: 'c4611b1349e6123c1330ba4fc5ced08c9796fa7d', class: "title-font font-[--title-fontWeight] text-[color:--title-textColor] text-[length:--title-textSize] leading-[--title-lineHeight]", part: "title" }, hAsync("slot", { key: '4d39a4e52887981b85592ba94f63f8f2d55a386e' })), hAsync("div", { key: '96716879e594a36cca068d563a1b0893cc83d6d6', class: { 'flex flex-grow gap-xs p-b-xs2 p-i-xs2': true, '!hidden': !this.hasSuffix }, part: "suffix", ref: (divElem) => {
|
|
9397
|
+
this.suffixElem = divElem;
|
|
9398
|
+
} }, hAsync("slot", { key: '9ff02a8dbfdf65a5df391e165bb85598e00ece39', name: "suffix", onSlotchange: this.handleSlotChange }))), hAsync("div", { key: '6bd37444d66feac3886682c4baad0df69f51211f', class: {
|
|
9399
|
+
'title-font font-[--subtitle-fontWeight] text-[color:--subtitle-textColor] text-[length:--subtitle-textSize] leading-[--title-lineHeight]': true,
|
|
9123
9400
|
hidden: !this.hasSubTitle,
|
|
9124
|
-
},
|
|
9401
|
+
}, part: "sub-title", ref: (divElem) => {
|
|
9402
|
+
this.subTitleElem = divElem;
|
|
9403
|
+
} }, hAsync("slot", { key: 'bef2eca7d7363b5a04ad151a02234c46d5ca8aae', name: "sub-title", onSlotchange: this.handleSlotChange })))));
|
|
9125
9404
|
}
|
|
9126
9405
|
static get style() { return bqPageTitleCss; }
|
|
9127
9406
|
static get cmpMeta() { return {
|
|
9128
|
-
"$flags$":
|
|
9407
|
+
"$flags$": 777,
|
|
9129
9408
|
"$tagName$": "bq-page-title",
|
|
9130
9409
|
"$members$": {
|
|
9131
9410
|
"haveBackNavigation": [32],
|
|
@@ -10961,31 +11240,9 @@ class FloatingUI {
|
|
|
10961
11240
|
hide(),
|
|
10962
11241
|
],
|
|
10963
11242
|
});
|
|
10964
|
-
|
|
10965
|
-
|
|
10966
|
-
|
|
10967
|
-
transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`,
|
|
10968
|
-
});
|
|
10969
|
-
if (this.options.arrow) {
|
|
10970
|
-
const { x: arrowX, y: arrowY } = middlewareData.arrow;
|
|
10971
|
-
const staticSide = {
|
|
10972
|
-
top: 'bottom',
|
|
10973
|
-
right: 'left',
|
|
10974
|
-
bottom: 'top',
|
|
10975
|
-
left: 'right',
|
|
10976
|
-
}[placement.split('-')[0]];
|
|
10977
|
-
Object.assign(this.options.arrow.style, {
|
|
10978
|
-
left: arrowX != null ? `${arrowX}px` : '',
|
|
10979
|
-
top: arrowY != null ? `${arrowY}px` : '',
|
|
10980
|
-
right: '',
|
|
10981
|
-
bottom: '',
|
|
10982
|
-
[staticSide]: '-4px',
|
|
10983
|
-
});
|
|
10984
|
-
}
|
|
10985
|
-
const { referenceHidden } = middlewareData.hide;
|
|
10986
|
-
Object.assign(this.panel.style, {
|
|
10987
|
-
visibility: referenceHidden ? 'hidden' : 'visible',
|
|
10988
|
-
});
|
|
11243
|
+
this.applyPanelPosition(x, y);
|
|
11244
|
+
this.applyArrowPosition(placement, middlewareData);
|
|
11245
|
+
this.applyVisibility(middlewareData);
|
|
10989
11246
|
})();
|
|
10990
11247
|
});
|
|
10991
11248
|
}
|
|
@@ -11005,6 +11262,37 @@ class FloatingUI {
|
|
|
11005
11262
|
},
|
|
11006
11263
|
};
|
|
11007
11264
|
}
|
|
11265
|
+
applyPanelPosition(x, y) {
|
|
11266
|
+
Object.assign(this.panel.style, {
|
|
11267
|
+
top: '0',
|
|
11268
|
+
left: '0',
|
|
11269
|
+
transform: `translate(${this.roundByDPR(x)}px,${this.roundByDPR(y)}px)`,
|
|
11270
|
+
});
|
|
11271
|
+
}
|
|
11272
|
+
applyArrowPosition(placement, middlewareData) {
|
|
11273
|
+
if (!this.options.arrow)
|
|
11274
|
+
return;
|
|
11275
|
+
const { x: arrowX, y: arrowY } = middlewareData.arrow;
|
|
11276
|
+
const staticSide = {
|
|
11277
|
+
top: 'bottom',
|
|
11278
|
+
right: 'left',
|
|
11279
|
+
bottom: 'top',
|
|
11280
|
+
left: 'right',
|
|
11281
|
+
}[placement.split('-')[0]];
|
|
11282
|
+
Object.assign(this.options.arrow.style, {
|
|
11283
|
+
left: arrowX != null ? `${arrowX}px` : '',
|
|
11284
|
+
top: arrowY != null ? `${arrowY}px` : '',
|
|
11285
|
+
right: '',
|
|
11286
|
+
bottom: '',
|
|
11287
|
+
[staticSide]: '-4px',
|
|
11288
|
+
});
|
|
11289
|
+
}
|
|
11290
|
+
applyVisibility(middlewareData) {
|
|
11291
|
+
const { referenceHidden } = middlewareData.hide;
|
|
11292
|
+
Object.assign(this.panel.style, {
|
|
11293
|
+
visibility: referenceHidden ? 'hidden' : 'visible',
|
|
11294
|
+
});
|
|
11295
|
+
}
|
|
11008
11296
|
roundByDPR(value) {
|
|
11009
11297
|
const dpr = window.devicePixelRatio || 1;
|
|
11010
11298
|
return Math.round(value * dpr) / dpr;
|
|
@@ -11160,7 +11448,9 @@ class BqPanel {
|
|
|
11160
11448
|
// Always the last one in the class.
|
|
11161
11449
|
// ===================================
|
|
11162
11450
|
render() {
|
|
11163
|
-
return (hAsync("div", { key: '
|
|
11451
|
+
return (hAsync("div", { key: '7682fbe1b1f2532ab3e067719c1f13de4963d929', "aria-hidden": !this.open ? 'true' : 'false', class: "bq-panel", hidden: !this.open, part: "panel", ref: (el) => {
|
|
11452
|
+
this.panel = el;
|
|
11453
|
+
} }, hAsync("slot", { key: '052cc8005930e58afa9d4c8e83e550a20cdc4f1b' })));
|
|
11164
11454
|
}
|
|
11165
11455
|
static get watchers() { return {
|
|
11166
11456
|
"open": ["handleOpenChange"],
|
|
@@ -11172,7 +11462,7 @@ class BqPanel {
|
|
|
11172
11462
|
}; }
|
|
11173
11463
|
static get style() { return bqPanelCss; }
|
|
11174
11464
|
static get cmpMeta() { return {
|
|
11175
|
-
"$flags$":
|
|
11465
|
+
"$flags$": 777,
|
|
11176
11466
|
"$tagName$": "bq-panel",
|
|
11177
11467
|
"$members$": {
|
|
11178
11468
|
"disableScrollLock": [516, "disable-scroll-lock"],
|
|
@@ -11301,18 +11591,18 @@ class BqProgress {
|
|
|
11301
11591
|
...(this.thickness === 'large' && { '--bq-progress-bar--height': 'var(--bq-spacing-xs)' }),
|
|
11302
11592
|
...(this.type === 'error' && { '--bq-progress-bar--indicatorColor': 'var(--bq-ui--danger)' }),
|
|
11303
11593
|
};
|
|
11304
|
-
return (hAsync(Host, { key: 'db2ef23caba8731b42a7c74fd7d19aa366a1ba30', style: style }, hAsync("div", { key: 'b657b368fa271571de30a925c2c7e8ab77380524', class: "flex items-center", part: "wrapper" }, hAsync("div", { key: '97cafbe2deceb4c979b2765dfdeb8be6296722cd', class: "relative flex items-center
|
|
11594
|
+
return (hAsync(Host, { key: 'db2ef23caba8731b42a7c74fd7d19aa366a1ba30', style: style }, hAsync("div", { key: 'b657b368fa271571de30a925c2c7e8ab77380524', class: "flex items-center", part: "wrapper" }, hAsync("div", { key: '97cafbe2deceb4c979b2765dfdeb8be6296722cd', class: "is-full relative flex items-center", part: "progress" }, hAsync("progress", { key: '5d9e1a576b18383ca67135e1fffe4cc71c57fcc4', class: {
|
|
11305
11595
|
[`progress-bar progress-bar__${this.type} ${this.thickness}`]: true,
|
|
11306
11596
|
'progress-bar__border-shape rounded-full': this.borderShape === 'rounded',
|
|
11307
|
-
}, value: this.indeterminate ? undefined : this.value
|
|
11308
|
-
'progress-bar__indeterminate
|
|
11597
|
+
}, max: "100", part: "progress-bar", value: this.indeterminate ? undefined : this.value }), this.enableTooltip && !this.indeterminate && (hAsync("bq-tooltip", { key: 'c903b6e6f689610b6285e484702ea8fca1c20bff', alwaysVisible: true, class: "absolute [&::part(panel)]:absolute", distance: 16, exportparts: "base,trigger,panel", style: { insetInlineStart: `${this.value}%`, fontVariant: 'tabular-nums' } }, hAsync("div", { key: '558222b0e2ab822fb4d59fe7665157fa8dd22dcf', class: "bs-1 is-1 absolute", slot: "trigger" }), this.value)), this.indeterminate && (hAsync("div", { key: 'e1a35b5e085b7853e8599bc9b7ff00417a15ee11', class: {
|
|
11598
|
+
'progress-bar__indeterminate bs-[--bq-progress-bar--height] is-[--bq-progress-bar--indeterminateWidth] absolute bg-[--bq-progress-bar--indicatorColor]': true,
|
|
11309
11599
|
'rounded-full': this.borderShape === 'rounded',
|
|
11310
11600
|
}, part: "indeterminate" }))), hAsync("div", { key: 'c3bf63045c31d9eb98f2b5c4033630b835ed076d', "aria-hidden": !this.label || this.indeterminate ? 'true' : 'false', class: {
|
|
11311
11601
|
'ms-xs font-medium leading-regular': true,
|
|
11312
11602
|
'text-primary': this.type !== 'error',
|
|
11313
11603
|
'text-danger': this.type === 'error',
|
|
11314
|
-
'invisible ms-0
|
|
11315
|
-
}, style: { fontVariant: 'tabular-nums' }
|
|
11604
|
+
'is-0 invisible ms-0': !this.label || this.indeterminate,
|
|
11605
|
+
}, part: "label", style: { fontVariant: 'tabular-nums' } }, hAsync("span", { key: '9e2413dcea94c034f7106203085c35ad27bcbdd7' }, this.value, "%")))));
|
|
11316
11606
|
}
|
|
11317
11607
|
static get watchers() { return {
|
|
11318
11608
|
"borderShape": ["handleTypePropChange"],
|
|
@@ -11322,7 +11612,7 @@ class BqProgress {
|
|
|
11322
11612
|
}; }
|
|
11323
11613
|
static get style() { return bqProgressCss; }
|
|
11324
11614
|
static get cmpMeta() { return {
|
|
11325
|
-
"$flags$":
|
|
11615
|
+
"$flags$": 777,
|
|
11326
11616
|
"$tagName$": "bq-progress",
|
|
11327
11617
|
"$members$": {
|
|
11328
11618
|
"borderShape": [513, "border-shape"],
|
|
@@ -11501,12 +11791,14 @@ class BqRadio {
|
|
|
11501
11791
|
'is-disabled': this.isDisabled,
|
|
11502
11792
|
'is-checked': this.checked,
|
|
11503
11793
|
'has-background': this.backgroundOnHover,
|
|
11504
|
-
}, part: "base" }, hAsync("div", { key: '438b1daf66ba3fab98ed6e5afaac925e4086c050', class: "bq-radio__control" }, hAsync("input", { key: '
|
|
11794
|
+
}, part: "base" }, hAsync("div", { key: '438b1daf66ba3fab98ed6e5afaac925e4086c050', class: "bq-radio__control" }, hAsync("input", { key: '6fe9c908da9f0dc81d368ecd9721e24e27520c95', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.isDisabled ? 'true' : 'false', "aria-labelledby": "bq-radio__label", checked: this.checked, class: "bq-radio__input", disabled: this.isDisabled, form: this.formId, name: this.name, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, part: "input", ref: (element) => {
|
|
11795
|
+
this.inputElement = element;
|
|
11796
|
+
}, required: this.required, type: "radio", value: this.value }), hAsync("div", { key: 'd3f23f57a905431a31dfb4eb426176c04a4295d4', class: "bq-radio__circle", part: "radio" }, hAsync("div", { key: '074045b752f2e1541d9fe2b51c8290b55dc23fb3', class: "bq-radio__checked" }))), hAsync("span", { key: 'd2849008f9e81df99ddfc9fefa38aab255bf22aa', class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label" }, hAsync("slot", { key: '97c17462f377502cad6a6f2e3588df84ee762ea3', id: "bq-radio__label" })))));
|
|
11505
11797
|
}
|
|
11506
11798
|
static get delegatesFocus() { return true; }
|
|
11507
11799
|
static get style() { return bqRadioCss; }
|
|
11508
11800
|
static get cmpMeta() { return {
|
|
11509
|
-
"$flags$":
|
|
11801
|
+
"$flags$": 793,
|
|
11510
11802
|
"$tagName$": "bq-radio",
|
|
11511
11803
|
"$members$": {
|
|
11512
11804
|
"backgroundOnHover": [516, "background-on-hover"],
|
|
@@ -11729,7 +12021,7 @@ class BqRadioGroup {
|
|
|
11729
12021
|
onBqBlur(event) {
|
|
11730
12022
|
if (!isEventTargetChildOfElement(event, this.el))
|
|
11731
12023
|
return;
|
|
11732
|
-
// NOTE: if focusedBqRadio is nil that means the event
|
|
12024
|
+
// NOTE: if focusedBqRadio is nil that means the event occurred from this component
|
|
11733
12025
|
if (isNil(this.focusedBqRadio))
|
|
11734
12026
|
return;
|
|
11735
12027
|
event.stopPropagation();
|
|
@@ -11756,7 +12048,9 @@ class BqRadioGroup {
|
|
|
11756
12048
|
*/
|
|
11757
12049
|
initializeRadioElements = () => {
|
|
11758
12050
|
this.radioElementsSet.clear();
|
|
11759
|
-
this.el.querySelectorAll('bq-radio').forEach((radio) =>
|
|
12051
|
+
this.el.querySelectorAll('bq-radio').forEach((radio) => {
|
|
12052
|
+
this.radioElementsSet.add(radio);
|
|
12053
|
+
});
|
|
11760
12054
|
// Caching the radio elements in an array for faster access and iteration
|
|
11761
12055
|
this.cachedRadioElements = Array.from(this.radioElementsSet);
|
|
11762
12056
|
// Set the tabIndex of the host element to -1 if there are no radio elements or the group is disabled, otherwise set it to 0
|
|
@@ -11773,7 +12067,9 @@ class BqRadioGroup {
|
|
|
11773
12067
|
return;
|
|
11774
12068
|
// If disabled, all radios get tabIndex -1
|
|
11775
12069
|
if (this.disabled) {
|
|
11776
|
-
this.cachedRadioElements.forEach((radio) =>
|
|
12070
|
+
this.cachedRadioElements.forEach((radio) => {
|
|
12071
|
+
radio.tabIndex = -1;
|
|
12072
|
+
});
|
|
11777
12073
|
return;
|
|
11778
12074
|
}
|
|
11779
12075
|
// Find which radio should be focusable
|
|
@@ -11876,7 +12172,9 @@ class BqRadioGroup {
|
|
|
11876
12172
|
states.add(this.orientation);
|
|
11877
12173
|
// Update states
|
|
11878
12174
|
this.internals?.states.clear();
|
|
11879
|
-
states.forEach((state) =>
|
|
12175
|
+
states.forEach((state) => {
|
|
12176
|
+
this.internals?.states.add(state);
|
|
12177
|
+
});
|
|
11880
12178
|
};
|
|
11881
12179
|
handleSlotChange = () => {
|
|
11882
12180
|
this.initializeRadioElements();
|
|
@@ -11886,7 +12184,7 @@ class BqRadioGroup {
|
|
|
11886
12184
|
// Always the last one in the class.
|
|
11887
12185
|
// ===================================
|
|
11888
12186
|
render() {
|
|
11889
|
-
return (hAsync(Host, { key: '
|
|
12187
|
+
return (hAsync(Host, { key: '324a831a19e6713db5b5f561d78571cb84e9b530', tabindex: this.tabIndex }, hAsync("fieldset", { key: '41474f54b518587ecd897bbbddd8a96ba1e7ebed', "aria-controls": "bq-radiogroup", "aria-disabled": this.disabled, "aria-labelledby": "bq-radio-group__label", class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, disabled: this.disabled, part: "base" }, hAsync("legend", { key: 'f5c8834333aa3174418298e7240f16d9d5e85c70', part: "label" }, hAsync("slot", { key: '8180b8c2a610af608092a5a37b3bb5b59ef32b76', id: "bq-radiogroup__label", name: "label" })), hAsync("div", { key: 'dbad104bf6d984de4f9057e2d588dc1899705116', class: `bq-radio-group--${this.orientation}`, part: "group" }, hAsync("slot", { key: '08ce09046a91f79a46e015bda8fc094291a66f4a', id: "bq-radiogroup", onSlotchange: this.handleSlotChange })))));
|
|
11890
12188
|
}
|
|
11891
12189
|
static get delegatesFocus() { return true; }
|
|
11892
12190
|
static get formAssociated() { return true; }
|
|
@@ -11901,7 +12199,7 @@ class BqRadioGroup {
|
|
|
11901
12199
|
}; }
|
|
11902
12200
|
static get style() { return bqRadioGroupCss; }
|
|
11903
12201
|
static get cmpMeta() { return {
|
|
11904
|
-
"$flags$":
|
|
12202
|
+
"$flags$": 857,
|
|
11905
12203
|
"$tagName$": "bq-radio-group",
|
|
11906
12204
|
"$members$": {
|
|
11907
12205
|
"backgroundOnHover": [516, "background-on-hover"],
|
|
@@ -11922,7 +12220,7 @@ class BqRadioGroup {
|
|
|
11922
12220
|
}; }
|
|
11923
12221
|
}
|
|
11924
12222
|
|
|
11925
|
-
const bqSelectCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.m-0{margin:0}.me-\\[--bq-select--gap\\]{margin-inline-end:var(--bq-select--gap)}.me-xs2{margin-inline-end:var(--bq-spacing-xs2)}.ms-\\[--bq-select--gap\\]{margin-inline-start:var(--bq-select--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.gap-xs2{gap:var(--bq-spacing-xs2)}.text-nowrap{text-wrap:nowrap}.rounded-\\[--bq-select--border-radius\\]{border-radius:var(--bq-select--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.border-\\[length\\:--bq-select--border-width\\]{border-width:var(--bq-select--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-select--border-color-focus\\]{border-color:var(--bq-select--border-color-focus)}.border-\\[color\\:--bq-select--border-color\\]{border-color:var(--bq-select--border-color)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-inherit{background-color:inherit}.p-0{padding:0}.pe-\\[--bq-select--padding-end\\]{padding-inline-end:var(--bq-select--padding-end)}.ps-\\[--bq-select--padding-start\\]{padding-inline-start:var(--bq-select--padding-start)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-select--helper-text-size\\]{font-size:var(--bq-select--helper-text-size)}.text-\\[length\\:--bq-select--label-text-size\\]{font-size:var(--bq-select--label-text-size)}.text-\\[length\\:--bq-select--text-size\\]{font-size:var(--bq-select--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.leading-small{line-height:var(--bq-font-line-height--small)}.text-\\[color\\:--bq-select--helper-text-color\\]{color:var(--bq-select--helper-text-color)}.text-\\[color\\:--bq-select--label-text-color\\]{color:var(--bq-select--label-text-color)}.text-\\[color\\:--bq-select--text-color\\],.text-\\[color\\:var\\(--bq-select--text-color\\)\\]{color:var(--bq-select--text-color)}.text-danger{color:var(--bq-text--danger)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bs-auto{block-size:auto}.min-bs-\\[var\\(--bq-select--icon-size\\)\\]{min-block-size:var(--bq-select--icon-size)}.min-is-0{min-inline-size:0}.p-b-\\[var\\(--bq-select--paddingY\\)\\]{padding-block:var(--bq-select--paddingY)}.m-be-\\[--bq-select--label-margin-bottom\\]{margin-block-end:var(--bq-select--label-margin-bottom)}.m-bs-\\[--bq-select--helper-margin-top\\]{margin-block-start:var(--bq-select--helper-margin-top)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-select--background-color:var(--bq-ui--primary);--bq-select--border-color:var(--bq-stroke--tertiary);--bq-select--border-color-focus:var(--bq-stroke--brand);--bq-select--border-radius:var(--bq-radius--s);--bq-select--border-width:var(--bq-stroke-s);--bq-select--border-style:solid;--bq-select--gap:var(--bq-spacing-xs);--bq-select--helper-margin-top:var(--bq-spacing-xs);--bq-select--helper-text-size:var(--bq-font-size--s);--bq-select--helper-text-color:var(--bq-text--primary);--bq-select--icon-size:24px;--bq-select--label-margin-bottom:var(--bq-spacing-xs);--bq-select--label-text-size:var(--bq-font-size--s);--bq-select--label-text-color:var(--bq-text--primary);--bq-select--padding-start:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--padding-end:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--paddingY:calc(var(--bq-spacing-s) - var(--bq-select--border-width));--bq-select--text-color:var(--bq-text--primary);--bq-select--text-size:var(--bq-font-size--m);--bq-select--text-placeholder-color:var(--bq-text--secondary);display:block;width:100%}.bq-select__label{align-items:center;color:var(--bq-select--label-text-color);display:flex;font-size:var(--bq-select--label-text-size);margin-block-end:var(--bq-select--label-margin-bottom)}.bq-select__helper-text{color:var(--bq-select--helper-text-color);font-size:var(--bq-select--helper-text-size);margin-block-start:var(--bq-select--helper-margin-top)}.bq-select__helper-text.validation-error{color:var(--bq-text--danger)}.bq-select__helper-text.validation-success{color:var(--bq-text--success)}.bq-select__helper-text.validation-warning{color:var(--bq-text--warning)}.bq-select__dropdown:has(:focus-within,:focus-visible) .bq-select__control{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-select--border-color-focus);border-color:var(--bq-select--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-select__control{align-items:center;border-color:var(--bq-select--border-color);border-radius:var(--bq-select--border-radius);border-style:var(--bq-select--border-style);border-width:var(--bq-select--border-width);color:var(--bq-select--text-color);display:flex;font-size:var(--bq-select--text-size);inline-size:100%;padding-block:var(--bq-select--paddingY);padding-inline-end:var(--bq-select--padding-end);padding-inline-start:var(--bq-select--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-select__control::placeholder{color:var(--bq-select--text-placeholder-color)}.bq-select__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-select__control:not(.disabled):focus-within .bq-select__control--clear,.bq-select__control:not(.disabled):hover .bq-select__control--clear{display:inline-block}.bq-select__control.disabled{cursor:not-allowed;opacity:.6}.bq-select__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-select__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-select__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-select__control.validation-success{border-color:var(--bq-stroke--success)}.bq-select__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-select__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-select__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-select__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-select__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-select__control--input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;min-block-size:var(--bq-select--icon-size);min-inline-size:0;padding:0;user-select:none}.bq-select__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-select__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-select__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial;block-size:auto;border-radius:var(--bq-radius--xs);border-style:none;padding:0}.bq-select__control--prefix,.bq-select__control--suffix{align-items:center;color:var(--bq-select--text-color);display:flex;pointer-events:none}.bq-select__control--prefix{margin-inline-end:var(--bq-select--gap)}.bq-select__control--suffix{margin-inline-start:var(--bq-select--gap);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-select__tags{display:flex;flex:1 1 0%;gap:var(--bq-spacing-xs2);margin-inline-end:var(--bq-spacing-xs2)}.bq-select__tags ::slotted(bq-tag),.bq-select__tags bq-tag{display:inline-flex}.bq-select__tags bq-tag::part(text){text-wrap:nowrap;line-height:var(--bq-font-line-height--small)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-select--icon-size)!important}.placeholder\\:text-\\[color\\:--bq-select--text-placeholder-color\\]::placeholder{color:var(--bq-select--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.rotate-0,.rotate-180{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\\!hidden{display:none!important}.hidden{display:none}.flex-grow{flex-grow:1}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.overflow-x-auto{overflow-x:auto}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.is-full{inline-size:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.flex-col{flex-direction:column}.gap-y-\\[--bq-option-group--gapY-list\\]{row-gap:var(--bq-option-group--gapY-list)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xs{font-size:var(--bq-font-size--xs)}.relative{position:relative}.inline{display:inline}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}";
|
|
12223
|
+
const bqSelectCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.m-0{margin:0}.me-\\[--bq-select--gap\\]{margin-inline-end:var(--bq-select--gap)}.me-xs2{margin-inline-end:var(--bq-spacing-xs2)}.ms-\\[--bq-select--gap\\]{margin-inline-start:var(--bq-select--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.gap-xs2{gap:var(--bq-spacing-xs2)}.text-nowrap{text-wrap:nowrap}.rounded-\\[--bq-select--border-radius\\]{border-radius:var(--bq-select--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.border-\\[length\\:--bq-select--border-width\\]{border-width:var(--bq-select--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-select--border-color-focus\\]{border-color:var(--bq-select--border-color-focus)}.border-\\[color\\:--bq-select--border-color\\]{border-color:var(--bq-select--border-color)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-inherit{background-color:inherit}.p-0{padding:0}.pe-\\[--bq-select--padding-end\\]{padding-inline-end:var(--bq-select--padding-end)}.ps-\\[--bq-select--padding-start\\]{padding-inline-start:var(--bq-select--padding-start)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-select--helper-text-size\\]{font-size:var(--bq-select--helper-text-size)}.text-\\[length\\:--bq-select--label-text-size\\]{font-size:var(--bq-select--label-text-size)}.text-\\[length\\:--bq-select--text-size\\]{font-size:var(--bq-select--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.leading-small{line-height:var(--bq-font-line-height--small)}.text-\\[color\\:--bq-select--helper-text-color\\]{color:var(--bq-select--helper-text-color)}.text-\\[color\\:--bq-select--label-text-color\\]{color:var(--bq-select--label-text-color)}.text-\\[color\\:--bq-select--text-color\\],.text-\\[color\\:var\\(--bq-select--text-color\\)\\]{color:var(--bq-select--text-color)}.text-danger{color:var(--bq-text--danger)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bs-auto{block-size:auto}.min-bs-\\[var\\(--bq-select--icon-size\\)\\]{min-block-size:var(--bq-select--icon-size)}.min-is-0{min-inline-size:0}.p-b-\\[var\\(--bq-select--paddingY\\)\\]{padding-block:var(--bq-select--paddingY)}.m-be-\\[--bq-select--label-margin-bottom\\]{margin-block-end:var(--bq-select--label-margin-bottom)}.m-bs-\\[--bq-select--helper-margin-top\\]{margin-block-start:var(--bq-select--helper-margin-top)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-select--background-color:var(--bq-ui--primary);--bq-select--border-color:var(--bq-stroke--tertiary);--bq-select--border-color-focus:var(--bq-stroke--brand);--bq-select--border-radius:var(--bq-radius--s);--bq-select--border-width:var(--bq-stroke-s);--bq-select--border-style:solid;--bq-select--gap:var(--bq-spacing-xs);--bq-select--helper-margin-top:var(--bq-spacing-xs);--bq-select--helper-text-size:var(--bq-font-size--s);--bq-select--helper-text-color:var(--bq-text--primary);--bq-select--icon-size:24px;--bq-select--label-margin-bottom:var(--bq-spacing-xs);--bq-select--label-text-size:var(--bq-font-size--s);--bq-select--label-text-color:var(--bq-text--primary);--bq-select--padding-start:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--padding-end:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--paddingY:calc(var(--bq-spacing-s) - var(--bq-select--border-width));--bq-select--text-color:var(--bq-text--primary);--bq-select--text-size:var(--bq-font-size--m);--bq-select--text-placeholder-color:var(--bq-text--secondary);display:block;width:100%}.bq-select__label{align-items:center;color:var(--bq-select--label-text-color);display:flex;font-size:var(--bq-select--label-text-size);margin-block-end:var(--bq-select--label-margin-bottom)}.bq-select__helper-text{color:var(--bq-select--helper-text-color);font-size:var(--bq-select--helper-text-size);margin-block-start:var(--bq-select--helper-margin-top)}.bq-select__helper-text.validation-error{color:var(--bq-text--danger)}.bq-select__helper-text.validation-success{color:var(--bq-text--success)}.bq-select__helper-text.validation-warning{color:var(--bq-text--warning)}.bq-select__dropdown:has(:focus-within,:focus-visible) .bq-select__control{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-select--border-color-focus);border-color:var(--bq-select--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-select__control{align-items:center;border-color:var(--bq-select--border-color);border-radius:var(--bq-select--border-radius);border-style:var(--bq-select--border-style);border-width:var(--bq-select--border-width);color:var(--bq-select--text-color);display:flex;font-size:var(--bq-select--text-size);inline-size:100%;padding-block:var(--bq-select--paddingY);padding-inline-end:var(--bq-select--padding-end);padding-inline-start:var(--bq-select--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-select__control::placeholder{color:var(--bq-select--text-placeholder-color)}.bq-select__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-select__control:not(.disabled):focus-within .bq-select__control--clear,.bq-select__control:not(.disabled):hover .bq-select__control--clear{display:inline-block}.bq-select__control.disabled{cursor:not-allowed;opacity:.6}.bq-select__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-select__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-select__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-select__control.validation-success{border-color:var(--bq-stroke--success)}.bq-select__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-select__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-select__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-select__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-select__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-select__control--input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;min-block-size:var(--bq-select--icon-size);min-inline-size:0;padding:0;user-select:none}.bq-select__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-select__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-select__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial;block-size:auto;border-radius:var(--bq-radius--xs);border-style:none;padding:0}.bq-select__control--prefix,.bq-select__control--suffix{align-items:center;color:var(--bq-select--text-color);display:flex;pointer-events:none}.bq-select__control--prefix{margin-inline-end:var(--bq-select--gap)}.bq-select__control--suffix{margin-inline-start:var(--bq-select--gap);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-select__tags{display:flex;flex:1 1 0%;gap:var(--bq-spacing-xs2);margin-inline-end:var(--bq-spacing-xs2)}.bq-select__tags ::slotted(bq-tag),.bq-select__tags bq-tag{display:inline-flex}.bq-select__tags bq-tag::part(text){text-wrap:nowrap;line-height:var(--bq-font-line-height--small)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-select--icon-size)!important}.placeholder\\:text-\\[color\\:--bq-select--text-placeholder-color\\]::placeholder{color:var(--bq-select--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.rotate-0,.rotate-180{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\\!hidden{display:none!important}.hidden{display:none}.flex-grow{flex-grow:1}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.overflow-x-auto{overflow-x:auto}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.is-full{inline-size:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xs{font-size:var(--bq-font-size--xs)}.flex-col{flex-direction:column}.gap-y-\\[--bq-option-group--gapY-list\\]{row-gap:var(--bq-option-group--gapY-list)}.relative{position:relative}.inline{display:inline}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}";
|
|
11926
12224
|
|
|
11927
12225
|
/**
|
|
11928
12226
|
* The select input component lets users choose from a predefined list, commonly used in forms for easy data selection.
|
|
@@ -12311,18 +12609,23 @@ class BqSelect {
|
|
|
12311
12609
|
if (this.disabled)
|
|
12312
12610
|
return;
|
|
12313
12611
|
this.debounceQuery?.cancel();
|
|
12314
|
-
|
|
12612
|
+
const trimmedValue = value?.trim();
|
|
12613
|
+
if (!isDefined(trimmedValue)) {
|
|
12315
12614
|
this.clear();
|
|
12615
|
+
return;
|
|
12316
12616
|
}
|
|
12317
|
-
|
|
12318
|
-
this.
|
|
12319
|
-
|
|
12320
|
-
|
|
12321
|
-
|
|
12322
|
-
|
|
12323
|
-
|
|
12324
|
-
|
|
12325
|
-
|
|
12617
|
+
this.debounceQuery = debounce(() => {
|
|
12618
|
+
this.options.forEach((item) => {
|
|
12619
|
+
// We want to get the entire inner text of the option element
|
|
12620
|
+
// to allow searching across the entire text, not just the first level
|
|
12621
|
+
const optionLabel = item.innerText?.trim().toLowerCase();
|
|
12622
|
+
const optionValue = item.value?.toLowerCase();
|
|
12623
|
+
// Show item if EITHER label OR value matches
|
|
12624
|
+
const matches = optionLabel.includes(trimmedValue.toLowerCase()) || optionValue.includes(trimmedValue.toLowerCase());
|
|
12625
|
+
item.hidden = !matches;
|
|
12626
|
+
});
|
|
12627
|
+
}, this.debounceTime);
|
|
12628
|
+
this.debounceQuery();
|
|
12326
12629
|
// The panel will close once a selection is made
|
|
12327
12630
|
// so we need to make sure it's open when the user is typing and the query is not empty
|
|
12328
12631
|
this.open = true;
|
|
@@ -12361,7 +12664,9 @@ class BqSelect {
|
|
|
12361
12664
|
this.hasHelperText = hasSlotContent(this.helperTextElem);
|
|
12362
12665
|
};
|
|
12363
12666
|
resetOptionsVisibility = () => {
|
|
12364
|
-
this.options.forEach((item) =>
|
|
12667
|
+
this.options.forEach((item) => {
|
|
12668
|
+
item.hidden = false;
|
|
12669
|
+
});
|
|
12365
12670
|
};
|
|
12366
12671
|
syncItemsFromValue = () => {
|
|
12367
12672
|
const { internals, options, value } = this;
|
|
@@ -12392,7 +12697,7 @@ class BqSelect {
|
|
|
12392
12697
|
option.selected = value.includes(option.value);
|
|
12393
12698
|
}
|
|
12394
12699
|
else {
|
|
12395
|
-
option.selected = option.value
|
|
12700
|
+
option.selected = option.value?.toLowerCase() === lowerCaseValue;
|
|
12396
12701
|
}
|
|
12397
12702
|
});
|
|
12398
12703
|
};
|
|
@@ -12414,7 +12719,37 @@ class BqSelect {
|
|
|
12414
12719
|
getOptionLabel = (item) => {
|
|
12415
12720
|
if (!item)
|
|
12416
12721
|
return '';
|
|
12417
|
-
|
|
12722
|
+
if (item.displayValue) {
|
|
12723
|
+
return item.displayValue.trim();
|
|
12724
|
+
}
|
|
12725
|
+
const defaultSlot = item.shadowRoot?.querySelector('slot:not([name])');
|
|
12726
|
+
if (!defaultSlot) {
|
|
12727
|
+
return item.innerText.trim();
|
|
12728
|
+
}
|
|
12729
|
+
const text = this.getItemTextContent(defaultSlot);
|
|
12730
|
+
if (text)
|
|
12731
|
+
return text;
|
|
12732
|
+
// Fallback to innerText
|
|
12733
|
+
return item.innerText.trim();
|
|
12734
|
+
};
|
|
12735
|
+
getItemTextContent = (slot) => {
|
|
12736
|
+
const nodes = slot.assignedNodes({ flatten: true });
|
|
12737
|
+
for (const node of nodes) {
|
|
12738
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
12739
|
+
const text = node.textContent?.trim();
|
|
12740
|
+
if (text)
|
|
12741
|
+
return text;
|
|
12742
|
+
}
|
|
12743
|
+
// Element node - get first child text
|
|
12744
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
12745
|
+
for (const child of Array.from(node.childNodes)) {
|
|
12746
|
+
const text = child.textContent?.trim();
|
|
12747
|
+
if (text)
|
|
12748
|
+
return text;
|
|
12749
|
+
}
|
|
12750
|
+
}
|
|
12751
|
+
}
|
|
12752
|
+
return '';
|
|
12418
12753
|
};
|
|
12419
12754
|
get options() {
|
|
12420
12755
|
return Array.from(this.el.querySelectorAll('bq-option'));
|
|
@@ -12426,16 +12761,16 @@ class BqSelect {
|
|
|
12426
12761
|
get displayTags() {
|
|
12427
12762
|
return this.selectedOptions.map((item, index) => {
|
|
12428
12763
|
if (index < this.maxTagsVisible || this.maxTagsVisible < 0) {
|
|
12429
|
-
return (hAsync("bq-tag", {
|
|
12764
|
+
return (hAsync("bq-tag", { exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", key: item.value,
|
|
12765
|
+
// Prevent the tag from closing the panel when clicked
|
|
12766
|
+
onBqClick: (ev) => ev.stopPropagation(), onBqClose: (event) => {
|
|
12430
12767
|
// NOTE: prevents triggering bqClose on parent
|
|
12431
12768
|
event.stopPropagation();
|
|
12432
12769
|
this.handleTagRemove(item);
|
|
12433
|
-
},
|
|
12434
|
-
// Prevent the tag from closing the panel when clicked
|
|
12435
|
-
onClick: (ev) => ev.stopPropagation(), exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", part: "tag" }, this.getOptionLabel(item)));
|
|
12770
|
+
}, part: "tag", removable: true, size: "xsmall", variant: "filled" }, this.getOptionLabel(item)));
|
|
12436
12771
|
}
|
|
12437
12772
|
else if (index === this.maxTagsVisible) {
|
|
12438
|
-
return (hAsync("bq-tag", {
|
|
12773
|
+
return (hAsync("bq-tag", { exportparts: "wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close", key: "more", part: "tag", size: "xsmall", variant: "filled" }, "+", this.selectedOptions.length - index));
|
|
12439
12774
|
}
|
|
12440
12775
|
return null;
|
|
12441
12776
|
});
|
|
@@ -12454,19 +12789,29 @@ class BqSelect {
|
|
|
12454
12789
|
// ===================================
|
|
12455
12790
|
render() {
|
|
12456
12791
|
const labelId = `bq-select__label-${this.name || this.fallbackInputId}`;
|
|
12457
|
-
return (hAsync("div", { key: '
|
|
12792
|
+
return (hAsync("div", { key: '919b73d9ce38b8cb69ef20aded428799f02cc895', class: "bq-select", part: "base" }, hAsync("label", { key: '3cc4a13f7ab0c8b7e76bf41be582bbfe332f86d7', "aria-label": this.name || this.fallbackInputId, class: { 'bq-select__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, id: labelId, part: "label", ref: (labelElem) => {
|
|
12793
|
+
this.labelElem = labelElem;
|
|
12794
|
+
} }, hAsync("slot", { key: '5399f161d7b41dc2b7b1279ea3462ac5d612b0cd', name: "label", onSlotchange: this.handleSlotChange })), hAsync("bq-dropdown", { key: '9cb8818c2a2171a03aecafa73c3e119c524cd463', class: "bq-select__dropdown w-full", disabled: this.disabled, disableScrollLock: this.disableScrollLock, distance: this.distance, exportparts: "panel", keepOpenOnSelect: this.keepOpenOnSelect, open: this.open, panelHeight: this.panelHeight, placement: this.placement, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy }, hAsync("div", { key: '8cab01796bd14de8e5422ffd0bdced61181f6229', class: {
|
|
12458
12795
|
'bq-select__control': true,
|
|
12459
12796
|
[`validation-${this.validationStatus}`]: true,
|
|
12460
12797
|
disabled: this.disabled,
|
|
12461
|
-
}, part: "control", slot: "trigger" }, hAsync("span", { key: '
|
|
12798
|
+
}, part: "control", slot: "trigger" }, hAsync("span", { key: 'b809f899ca4321ed45f353f2f6bec2cf505067ff', class: { 'bq-select__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
|
|
12799
|
+
this.prefixElem = spanElem;
|
|
12800
|
+
} }, hAsync("slot", { key: '17fa949788f26ba4e37823ba1cd4432ea74008b5', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: 'ee404bdf6eba46532bf5047824498eebcd3beb5e', class: "flex flex-1 overflow-x-auto", part: "input-outline" }, this.multiple && (hAsync("span", { key: 'ad689cf4d2fd15316212072b03c50ab20fb1faa4', class: "bq-select__tags", part: "tags" }, hAsync("slot", { key: '947826e42948103681c138b2e0d002fa3cf622a6', name: "tags" }, this.displayTags))), hAsync("input", { key: 'f7776379a2cbbdf726772e8a46367d1874ad7cd3', "aria-controls": `bq-options-${this.name}`, "aria-disabled": this.disabled ? 'true' : 'false', "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "listbox", autoCapitalize: "off", autoComplete: "off", class: "bq-select__control--input is-full flex-grow", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, name: this.name, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", placeholder: this.displayPlaceholder, readOnly: this.readonly, ref: (inputElem) => {
|
|
12801
|
+
this.inputElem = inputElem;
|
|
12802
|
+
}, required: this.required, role: "combobox",
|
|
12462
12803
|
// Events
|
|
12463
|
-
|
|
12804
|
+
spellcheck: false, type: "text", value: this.displayValue })), this.hasClearIcon && (
|
|
12464
12805
|
// The clear button will be visible as long as the input has a value
|
|
12465
12806
|
// and the parent group is hovered or has focus-within
|
|
12466
|
-
hAsync("bq-button", { key: '
|
|
12807
|
+
hAsync("bq-button", { key: 'bafaa9b345a0a9f38cc470e807439a4f866f7e68', appearance: "text", "aria-label": this.clearButtonLabel, class: "bq-select__control--clear ms-[--bq-select--gap]", exportparts: "button", onBqClick: this.handleClearClick, part: "clear-btn", size: "small", tabIndex: -1 }, hAsync("slot", { key: '349693ab10166f852d47290055e969335a6ac923', name: "clear-icon" }, hAsync("bq-icon", { key: 'c9a781865e27d19f11ee8b26ba0103eba75348b3', class: "flex", name: "x-circle" })))), hAsync("span", { key: '7c437ffcb350d373c89bff1a87b33d224d95feb6', class: { 'bq-select__control--suffix': true, 'rotate-180': this.open, 'rotate-0': !this.open }, part: "suffix", ref: (spanElem) => {
|
|
12808
|
+
this.suffixElem = spanElem;
|
|
12809
|
+
} }, hAsync("slot", { key: '1ab78063ebb3969d4a6ad79db69866bbfae2b51d', name: "suffix", onSlotchange: this.handleSlotChange }, hAsync("bq-icon", { key: '5acd19de14317eed2a0ecc2512e0426ab9d248f2', class: "flex", name: "caret-down" })))), hAsync("bq-option-list", { key: 'a0f940a8f8465eeb5148cde67eb9dc6d7404a4fb', "aria-expanded": this.open ? 'true' : 'false', exportparts: "base:option-list", id: `bq-options-${this.name}`, onBqSelect: this.handleSelect, role: "listbox" }, hAsync("slot", { key: '5f756255cd104806ebb0c3ee3982a828eac433f2' }))), hAsync("div", { key: '244934ab7fb22967b35923724eaf2276ad009897', class: {
|
|
12467
12810
|
[`bq-select__helper-text validation-${this.validationStatus}`]: true,
|
|
12468
12811
|
'!hidden': !this.hasHelperText,
|
|
12469
|
-
},
|
|
12812
|
+
}, part: "helper-text", ref: (divElem) => {
|
|
12813
|
+
this.helperTextElem = divElem;
|
|
12814
|
+
} }, hAsync("slot", { key: '37b58965763703b4460d467366a92c7871132bed', name: "helper-text", onSlotchange: this.handleSlotChange }))));
|
|
12470
12815
|
}
|
|
12471
12816
|
static get delegatesFocus() { return true; }
|
|
12472
12817
|
static get formAssociated() { return true; }
|
|
@@ -12475,7 +12820,7 @@ class BqSelect {
|
|
|
12475
12820
|
}; }
|
|
12476
12821
|
static get style() { return bqSelectCss; }
|
|
12477
12822
|
static get cmpMeta() { return {
|
|
12478
|
-
"$flags$":
|
|
12823
|
+
"$flags$": 857,
|
|
12479
12824
|
"$tagName$": "bq-select",
|
|
12480
12825
|
"$members$": {
|
|
12481
12826
|
"autofocus": [516],
|
|
@@ -12517,7 +12862,7 @@ class BqSelect {
|
|
|
12517
12862
|
}; }
|
|
12518
12863
|
}
|
|
12519
12864
|
|
|
12520
|
-
const bqSideMenuCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.z-\\[1\\]{z-index:1}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.h-dynamic-vh{height:100dvh}.grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.border-0{border-width:0}.border-e-s{border-inline-end-width:var(--bq-stroke-s)}.border-solid{border-style:solid}.border-\\[color\\:--bq-side-menu--border-color\\]{border-color:var(--bq-side-menu--border-color)}.bg-\\[--bq-side-menu--bg-color\\]{background-color:var(--bq-side-menu--bg-color)}.text-\\[color\\:--bq-side-menu--brand-color\\]{color:var(--bq-side-menu--brand-color)}.transition-\\[background-color\\2c width\\]{transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-\\[--bq-side-menu--width-collapse\\]{inline-size:var(--bq-side-menu--width-collapse)}.is-\\[--bq-side-menu--width\\]{inline-size:var(--bq-side-menu--width)}.inset-bs-0{inset-block-start:0}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-side-menu--bg-color:var(--bq-ui--primary);--bq-side-menu--brand-color:var(--bq-ui--brand);--bq-side-menu--border-color:var(--bq-stroke--primary);display:flex;overflow:hidden}.bq-side-menu{-ms-overflow-style:none;background-color:var(--bq-side-menu--bg-color);border-color:var(--bq-side-menu--border-color);border-width:0;border-inline-end-width:var(--bq-stroke-s);border-style:solid;display:flex;flex-direction:column;flex-grow:1;height:100dvh;inline-size:var(--bq-side-menu--width);inset-block-start:0;inset-inline-start:0;position:fixed;scrollbar-width:none;transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-side-menu::-webkit-scrollbar{display:none}.bq-side-menu.is-collapsed{inline-size:var(--bq-side-menu--width-collapse)}.bq-side-menu--logo{align-items:center;background-color:var(--bq-side-menu--bg-color);box-sizing:content-box;color:var(--bq-side-menu--brand-color);display:flex;padding:var(--bq-spacing-xs);position:sticky;top:0;z-index:1}:host([size=small]) ::slotted(bq-side-menu-item){--bq-side-menu-item--paddingY:var(--bq-spacing-s)}:host([appearance=brand]){--bq-focus:var(--bq-stroke--alt);--bq-side-menu--bg-color:var(--bq-ui--brand);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-stroke--brand)}:host([appearance=brand]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%);--bq-side-menu-item--text-default:var(--bq-text--alt);--bq-side-menu-item--text-hover:var(--bq-text--alt)}:host([appearance=brand]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-text--primary:var(--bq-text--inverse)}:host([appearance=inverse]){--bq-side-menu--bg-color:var(--bq-ui--inverse);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-ui--inverse)}:host([appearance=inverse]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--inverse),var(--bq-hover) 20%);--bq-side-menu-item--bg-active:color-mix(in srgb,var(--bq-ui--alt),var(--bq-active) 20%);--bq-side-menu-item--text-default:var(--bq-text--inverse);--bq-side-menu-item--text-hover:var(--bq-text--inverse);--bq-side-menu-item--text-active:var(--bq-text--primary)}:host([appearance=inverse]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-text--primary:var(--bq-text--inverse)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.collapse{visibility:collapse}.static{position:static}.justify-center{justify-content:center}.gap-y-xs{row-gap:var(--bq-spacing-xs)}.overflow-y-auto{overflow-y:auto}.bg-\\[var\\(--bq-side-menu--bg-color\\)\\]{background-color:var(--bq-side-menu--bg-color)}.p-xs{padding:var(--bq-spacing-xs)}.px-xs{padding-left:var(--bq-spacing-xs);padding-right:var(--bq-spacing-xs)}.pt-xs2{padding-top:var(--bq-spacing-xs2)}.inset-be-0{inset-block-end:0}.m-bs-\\[auto\\]{margin-block-start:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
|
|
12865
|
+
const bqSideMenuCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.z-\\[1\\]{z-index:1}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.h-dynamic-vh{height:100dvh}.grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.border-0{border-width:0}.border-e-s{border-inline-end-width:var(--bq-stroke-s)}.border-solid{border-style:solid}.border-\\[color\\:--bq-side-menu--border-color\\]{border-color:var(--bq-side-menu--border-color)}.bg-\\[--bq-side-menu--bg-color\\]{background-color:var(--bq-side-menu--bg-color)}.text-\\[color\\:--bq-side-menu--brand-color\\]{color:var(--bq-side-menu--brand-color)}.transition-\\[background-color\\2c width\\]{transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-\\[--bq-side-menu--width-collapse\\]{inline-size:var(--bq-side-menu--width-collapse)}.is-\\[--bq-side-menu--width\\]{inline-size:var(--bq-side-menu--width)}.inset-bs-0{inset-block-start:0}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-side-menu--bg-color:var(--bq-ui--primary);--bq-side-menu--brand-color:var(--bq-ui--brand);--bq-side-menu--border-color:var(--bq-stroke--primary);display:flex;overflow:hidden}.bq-side-menu{-ms-overflow-style:none;background-color:var(--bq-side-menu--bg-color);border-color:var(--bq-side-menu--border-color);border-width:0;border-inline-end-width:var(--bq-stroke-s);border-style:solid;display:flex;flex-direction:column;flex-grow:1;height:100dvh;inline-size:var(--bq-side-menu--width);inset-block-start:0;inset-inline-start:0;position:fixed;scrollbar-width:none;transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-side-menu::-webkit-scrollbar{display:none}.bq-side-menu.is-collapsed{inline-size:var(--bq-side-menu--width-collapse)}.bq-side-menu--logo{align-items:center;background-color:var(--bq-side-menu--bg-color);box-sizing:content-box;color:var(--bq-side-menu--brand-color);display:flex;padding:var(--bq-spacing-xs);position:sticky;top:0;z-index:1}:host([size=small]) ::slotted(bq-side-menu-item){--bq-side-menu-item--paddingY:var(--bq-spacing-s)}:host([appearance=brand]){--bq-focus:var(--bq-stroke--alt);--bq-side-menu--bg-color:var(--bq-ui--brand);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-stroke--brand)}:host([appearance=brand]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%);--bq-side-menu-item--text-default:var(--bq-text--alt);--bq-side-menu-item--text-hover:var(--bq-text--alt)}:host([appearance=brand]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-button--icon-color:var(--bq-text--alt);--bq-button-hover--icon-color:var(--bq-text--primary)}:host([appearance=inverse]){--bq-side-menu--bg-color:var(--bq-ui--inverse);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-ui--inverse)}:host([appearance=inverse]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--inverse),var(--bq-hover) 20%);--bq-side-menu-item--bg-active:color-mix(in srgb,var(--bq-ui--alt),var(--bq-active) 20%);--bq-side-menu-item--text-default:var(--bq-text--inverse);--bq-side-menu-item--text-hover:var(--bq-text--inverse);--bq-side-menu-item--text-active:var(--bq-text--primary)}:host([appearance=inverse]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-button--icon-color:var(--bq-text--inverse);--bq-button-hover--icon-color:var(--bq-text--primary)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.collapse{visibility:collapse}.static{position:static}.justify-center{justify-content:center}.gap-y-xs{row-gap:var(--bq-spacing-xs)}.overflow-y-auto{overflow-y:auto}.bg-\\[var\\(--bq-side-menu--bg-color\\)\\]{background-color:var(--bq-side-menu--bg-color)}.p-xs{padding:var(--bq-spacing-xs)}.px-xs{padding-left:var(--bq-spacing-xs);padding-right:var(--bq-spacing-xs)}.pt-xs2{padding-top:var(--bq-spacing-xs2)}.inset-be-0{inset-block-end:0}.m-bs-\\[auto\\]{margin-block-start:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
|
|
12521
12866
|
|
|
12522
12867
|
/**
|
|
12523
12868
|
*The default side menu serves as a versatile container for organizing and displaying navigation elements,
|
|
@@ -12629,7 +12974,9 @@ class BqSideMenu {
|
|
|
12629
12974
|
const { target: item } = event;
|
|
12630
12975
|
if (!isHTMLElement$1(item, 'bq-side-menu-item'))
|
|
12631
12976
|
return;
|
|
12632
|
-
this.menuItems.forEach((menuItem) =>
|
|
12977
|
+
this.menuItems.forEach((menuItem) => {
|
|
12978
|
+
menuItem.active = !menuItem.disabled && menuItem === item;
|
|
12979
|
+
});
|
|
12633
12980
|
this.bqSelect.emit(item);
|
|
12634
12981
|
}
|
|
12635
12982
|
// Public methods API
|
|
@@ -12655,7 +13002,9 @@ class BqSideMenu {
|
|
|
12655
13002
|
handleCollapse = () => {
|
|
12656
13003
|
if (!this.menuItems.length)
|
|
12657
13004
|
return;
|
|
12658
|
-
this.menuItems.forEach((menuItem) =>
|
|
13005
|
+
this.menuItems.forEach((menuItem) => {
|
|
13006
|
+
menuItem.collapse = this.collapse;
|
|
13007
|
+
});
|
|
12659
13008
|
if (this.collapse) {
|
|
12660
13009
|
this.collapseDocumentBody();
|
|
12661
13010
|
}
|
|
@@ -12682,16 +13031,16 @@ class BqSideMenu {
|
|
|
12682
13031
|
// Always the last one in the class.
|
|
12683
13032
|
// ===================================
|
|
12684
13033
|
render() {
|
|
12685
|
-
return (hAsync("aside", { key: '
|
|
12686
|
-
|
|
12687
|
-
|
|
13034
|
+
return (hAsync("aside", { key: '88b9e71de693a1c299b5ea29923ff099e20094ff', class: { 'bq-side-menu overflow-y-auto': true, 'is-collapsed': this.collapse }, part: "base" }, hAsync("div", { key: '4e168d1422648ce7bec6b41235a69a0a60a8d126', class: { 'bq-side-menu--logo': true, 'is-collapsed': this.collapse }, part: "logo" }, hAsync("slot", { key: 'c167aa13ecd26be964c23d792eb8b4d072f336cd', name: "logo" })), hAsync("nav", { key: '51f93fa369d831d4b37640f8504080def6705b79', class: "bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2", part: "nav", ref: (navElem) => {
|
|
13035
|
+
this.menuElem = navElem;
|
|
13036
|
+
} }, hAsync("slot", { key: 'f9b247934bde68008eb4374cdd56bee21162e4b7' })), hAsync("div", { key: 'bce10f4d001687d85da96944003310444ea61a7a', class: "bq-side-menu--footer sticky inset-be-0 m-bs-[auto] flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs", part: "footer" }, hAsync("slot", { key: 'b5052f3e97f90a114df7f82a58e35d809dbdad31', name: "footer" }))));
|
|
12688
13037
|
}
|
|
12689
13038
|
static get watchers() { return {
|
|
12690
13039
|
"collapse": ["onCollapsePropChange"]
|
|
12691
13040
|
}; }
|
|
12692
13041
|
static get style() { return bqSideMenuCss; }
|
|
12693
13042
|
static get cmpMeta() { return {
|
|
12694
|
-
"$flags$":
|
|
13043
|
+
"$flags$": 777,
|
|
12695
13044
|
"$tagName$": "bq-side-menu",
|
|
12696
13045
|
"$members$": {
|
|
12697
13046
|
"appearance": [513],
|
|
@@ -12834,18 +13183,20 @@ class BqSideMenuItem {
|
|
|
12834
13183
|
// render() function
|
|
12835
13184
|
// Always the last one in the class.
|
|
12836
13185
|
// ===================================
|
|
12837
|
-
menuItem = () => (hAsync("button", { class: {
|
|
13186
|
+
menuItem = () => (hAsync("button", { "aria-disabled": this.disabled ? 'true' : 'false', class: {
|
|
12838
13187
|
'bq-side-menu__item': true,
|
|
12839
13188
|
active: this.active,
|
|
12840
13189
|
disabled: this.disabled,
|
|
12841
13190
|
'is-collapsed': this.collapse,
|
|
12842
|
-
}, onBlur: this.handleBlur,
|
|
13191
|
+
}, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "base", role: "menuitem", slot: "trigger", tabindex: this.disabled ? -1 : 0, type: "button" }, hAsync("div", { class: "bq-side-menu__item--prefix flex items-center", part: "prefix" }, hAsync("slot", { name: "prefix" })), hAsync("div", { class: "bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap", ref: (labelElem) => {
|
|
13192
|
+
this.labelElem = labelElem;
|
|
13193
|
+
} }, hAsync("slot", { onSlotchange: this.handleSlotChange })), hAsync("div", { class: "bq-side-menu__item--suffix ml-auto flex items-center", part: "suffix" }, hAsync("slot", { name: "suffix" }))));
|
|
12843
13194
|
render() {
|
|
12844
|
-
return !this.collapse ? (this.menuItem()) : (hAsync("bq-tooltip", { class: "bq-side-menu__item--tooltip block",
|
|
13195
|
+
return !this.collapse ? (this.menuItem()) : (hAsync("bq-tooltip", { class: "bq-side-menu__item--tooltip block", exportparts: "trigger, panel", placement: "right" }, this.textContent, this.menuItem()));
|
|
12845
13196
|
}
|
|
12846
13197
|
static get style() { return bqSideMenuItemCss; }
|
|
12847
13198
|
static get cmpMeta() { return {
|
|
12848
|
-
"$flags$":
|
|
13199
|
+
"$flags$": 777,
|
|
12849
13200
|
"$tagName$": "bq-side-menu-item",
|
|
12850
13201
|
"$members$": {
|
|
12851
13202
|
"active": [4],
|
|
@@ -13155,7 +13506,7 @@ class BqSlider {
|
|
|
13155
13506
|
}
|
|
13156
13507
|
renderLabel = (value, position, css) => {
|
|
13157
13508
|
return (hAsync("span", { class: {
|
|
13158
|
-
[`${css} box-content block
|
|
13509
|
+
[`${css} is-fit min-is-8 box-content block font-medium text-primary text-s leading-regular [font-variant:tabular-nums]`]: true,
|
|
13159
13510
|
hidden: position === 'start' ? !this.enableValueIndicator : !this.enableValueIndicator || !this.isRangeType,
|
|
13160
13511
|
}, part: `label-${position}` }, value.toFixed(this.decimalCount)));
|
|
13161
13512
|
};
|
|
@@ -13169,23 +13520,36 @@ class BqSlider {
|
|
|
13169
13520
|
// If the value of both thumbs is the same as the min or max value, set the zIndex to -1
|
|
13170
13521
|
return zIndex[type] ? '-1' : '0';
|
|
13171
13522
|
};
|
|
13172
|
-
return (hAsync("input", {
|
|
13173
|
-
'
|
|
13523
|
+
return (hAsync("input", { class: {
|
|
13524
|
+
'-translate-y-1/2 is-full absolute inset-bs-[50%] start-0 cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed': true,
|
|
13174
13525
|
'pointer-events-none': this.isRangeType,
|
|
13175
|
-
},
|
|
13526
|
+
}, disabled: this.disabled, max: this.max, min: this.min, name: this.name, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: (ev) => this.handleInputChange(type, ev), onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, part: `input-${type}`, ref: refCallback, step: this.step, style: this.isRangeType ? { zIndex: zIndexValue(type) } : undefined, type: "range", value: value }));
|
|
13176
13527
|
};
|
|
13177
|
-
renderTooltip = (value, thumbPosition, refCallback) => (hAsync("bq-tooltip", { class: {
|
|
13528
|
+
renderTooltip = (value, thumbPosition, refCallback) => (hAsync("bq-tooltip", { alwaysVisible: true, class: {
|
|
13178
13529
|
'absolute [&::part(panel)]:absolute': true,
|
|
13179
13530
|
hidden: !this.isTooltipAlwaysVisible,
|
|
13180
|
-
}, exportparts: "base,trigger,panel",
|
|
13531
|
+
}, distance: this.enableValueIndicator ? 6 : 16, exportparts: "base,trigger,panel", ref: refCallback, style: { insetInlineStart: `${thumbPosition}px`, fontVariant: 'tabular-nums' } }, hAsync("div", { class: "bs-1 is-1 absolute", slot: "trigger" }), value.toFixed(this.decimalCount)));
|
|
13181
13532
|
// render() function
|
|
13182
13533
|
// Always the last one in the class.
|
|
13183
13534
|
// ===================================
|
|
13184
13535
|
render() {
|
|
13185
|
-
return (hAsync("div", { key: '
|
|
13186
|
-
|
|
13536
|
+
return (hAsync("div", { key: '78a8e93092bfd59d8e9c013b0f341d6dcb4e74d7', "aria-disabled": this.disabled ? 'true' : 'false', class: { 'is-full flex': true, 'cursor-not-allowed opacity-60': this.disabled }, part: "base" }, this.renderLabel(this.minValue, 'start', 'me-xs text-end'), hAsync("div", { key: '8b4919283cd710f277f0e97f80e1f07be277b0fd', class: "is-full relative", part: "container" }, hAsync("span", { key: '0f90f2078ace9e752165b89f0eff60fde0c4e5ed', class: "-translate-y-1/2 bs-1 is-full absolute inset-bs-[50%] start-0 rounded-xs bg-[--bq-slider--trackarea-color]", part: "track-area", ref: (elem) => {
|
|
13537
|
+
this.trackElem = elem;
|
|
13538
|
+
} }), hAsync("span", { key: '75610cdf03918cdfba898c53af76f4d7ec16fe15', class: "-translate-y-1/2 bs-1 is-[50%] absolute inset-bs-[50%] rounded-xs bg-[--bq-slider--progress-color]", part: "progress-area", ref: (elem) => {
|
|
13539
|
+
this.progressElem = elem;
|
|
13540
|
+
} }), this.enableTooltip &&
|
|
13541
|
+
this.renderTooltip(this.minValue, this.minThumbPosition, (elem) => {
|
|
13542
|
+
this.minTooltipElem = elem;
|
|
13543
|
+
}), this.renderInput('min', this.minValue, (input) => {
|
|
13544
|
+
this.inputMinElem = input;
|
|
13545
|
+
}), this.enableTooltip &&
|
|
13187
13546
|
this.isRangeType &&
|
|
13188
|
-
this.renderTooltip(this.maxValue, this.maxThumbPosition, (elem) =>
|
|
13547
|
+
this.renderTooltip(this.maxValue, this.maxThumbPosition, (elem) => {
|
|
13548
|
+
this.maxTooltipElem = elem;
|
|
13549
|
+
}), this.isRangeType &&
|
|
13550
|
+
this.renderInput('max', this.maxValue, (input) => {
|
|
13551
|
+
this.inputMaxElem = input;
|
|
13552
|
+
})), this.renderLabel(this.maxValue, 'end', 'ms-xs text-start')));
|
|
13189
13553
|
}
|
|
13190
13554
|
static get delegatesFocus() { return true; }
|
|
13191
13555
|
static get formAssociated() { return true; }
|
|
@@ -13196,7 +13560,7 @@ class BqSlider {
|
|
|
13196
13560
|
}; }
|
|
13197
13561
|
static get style() { return bqSliderCss; }
|
|
13198
13562
|
static get cmpMeta() { return {
|
|
13199
|
-
"$flags$":
|
|
13563
|
+
"$flags$": 857,
|
|
13200
13564
|
"$tagName$": "bq-slider",
|
|
13201
13565
|
"$members$": {
|
|
13202
13566
|
"debounceTime": [514, "debounce-time"],
|
|
@@ -13222,10 +13586,10 @@ class BqSlider {
|
|
|
13222
13586
|
}; }
|
|
13223
13587
|
}
|
|
13224
13588
|
|
|
13225
|
-
const SPINNER_TEXT_POSITION = ['none', 'left', 'right', 'above', '
|
|
13589
|
+
const SPINNER_TEXT_POSITION = ['none', 'left', 'right', 'above', 'below'];
|
|
13226
13590
|
const SPINNER_SIZE = ['small', 'medium', 'large'];
|
|
13227
13591
|
|
|
13228
|
-
const bqSpinnerCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.relative{position:relative}.order-1{order:1}.order-2{order:2}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-x-m{column-gap:var(--bq-spacing-m)}.gap-y-m{row-gap:var(--bq-spacing-m)}.text-left{text-align:left}.text-right{text-align:right}.bs-\\[--bq-spinner--size-large\\]{block-size:var(--bq-spinner--size-large)}.bs-\\[--bq-spinner--size-medium\\]{block-size:var(--bq-spinner--size-medium)}.bs-\\[--bq-spinner--size-small\\]{block-size:var(--bq-spinner--size-small)}.is-\\[--bq-spinner--size-large\\]{inline-size:var(--bq-spinner--size-large)}.is-\\[--bq-spinner--size-medium\\]{inline-size:var(--bq-spinner--size-medium)}.is-\\[--bq-spinner--size-small\\]{inline-size:var(--bq-spinner--size-small)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-spinner--color:var(--bq-ui--brand);--bq-spinner--size-large:56px;--bq-spinner--size-medium:48px;--bq-spinner--size-small:32px;--bq-spinner--large-text-fontSize:var(--bq-font-size--m);--bq-spinner--medium-text-fontSize:var(--bq-font-size--s);--bq-spinner--small-text-fontSize:var(--bq-font-size--xs);--bq-spinner--text-lineHeight:var(--bq-font-line-height--large);display:inline-block;position:relative}.bq-spinner{display:flex}.bq-spinner--loader.large{block-size:var(--bq-spinner--size-large);inline-size:var(--bq-spinner--size-large)}.bq-spinner--loader.medium{block-size:var(--bq-spinner--size-medium);inline-size:var(--bq-spinner--size-medium)}.bq-spinner--loader.small{block-size:var(--bq-spinner--size-small);inline-size:var(--bq-spinner--size-small)}.text-left,.text-right{align-items:center;flex-direction:row}.text-left.has-text,.text-right.has-text{column-gap:var(--bq-spacing-m)}.text-left .bq-spinner--icon,.text-left .bq-spinner--loader{order:2}.text-left .bq-spinner--text,.text-right .bq-spinner--icon,.text-right .bq-spinner--loader{order:1}.text-right .bq-spinner--text{order:2}.text-above,.text-bellow{align-items:center;flex-direction:column}.text-above.has-text,.text-bellow.has-text{row-gap:var(--bq-spacing-m)}.text-above .bq-spinner--icon,.text-above .bq-spinner--loader{order:2}.text-above .bq-spinner--text,.text-bellow .bq-spinner--icon,.text-bellow .bq-spinner--loader{order:1}.text-bellow .bq-spinner--text{order:2}.is-animated .bq-spinner--icon,.is-animated .bq-spinner--loader>svg{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.static{position:static}.\\!hidden{display:none!important}.font-medium{font-weight:var(--bq-font-weight--medium)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-\\[--bq-spinner--color\\]{color:var(--bq-spinner--color)}.text-primary{color:var(--bq-text--primary)}.bs-full{block-size:100%}.is-full{inline-size:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
|
|
13592
|
+
const bqSpinnerCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.relative{position:relative}.order-1{order:1}.order-2{order:2}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-x-m{column-gap:var(--bq-spacing-m)}.gap-y-m{row-gap:var(--bq-spacing-m)}.text-left{text-align:left}.text-right{text-align:right}.bs-\\[--bq-spinner--size-large\\]{block-size:var(--bq-spinner--size-large)}.bs-\\[--bq-spinner--size-medium\\]{block-size:var(--bq-spinner--size-medium)}.bs-\\[--bq-spinner--size-small\\]{block-size:var(--bq-spinner--size-small)}.is-\\[--bq-spinner--size-large\\]{inline-size:var(--bq-spinner--size-large)}.is-\\[--bq-spinner--size-medium\\]{inline-size:var(--bq-spinner--size-medium)}.is-\\[--bq-spinner--size-small\\]{inline-size:var(--bq-spinner--size-small)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-spinner--color:var(--bq-ui--brand);--bq-spinner--size-large:56px;--bq-spinner--size-medium:48px;--bq-spinner--size-small:32px;--bq-spinner--large-text-fontSize:var(--bq-font-size--m);--bq-spinner--medium-text-fontSize:var(--bq-font-size--s);--bq-spinner--small-text-fontSize:var(--bq-font-size--xs);--bq-spinner--text-lineHeight:var(--bq-font-line-height--large);display:inline-block;position:relative}.bq-spinner{display:flex}.bq-spinner--loader.large{block-size:var(--bq-spinner--size-large);inline-size:var(--bq-spinner--size-large)}.bq-spinner--loader.medium{block-size:var(--bq-spinner--size-medium);inline-size:var(--bq-spinner--size-medium)}.bq-spinner--loader.small{block-size:var(--bq-spinner--size-small);inline-size:var(--bq-spinner--size-small)}.text-left,.text-right{align-items:center;flex-direction:row}.text-left.has-text,.text-right.has-text{column-gap:var(--bq-spacing-m)}.text-left .bq-spinner--icon,.text-left .bq-spinner--loader{order:2}.text-left .bq-spinner--text,.text-right .bq-spinner--icon,.text-right .bq-spinner--loader{order:1}.text-right .bq-spinner--text{order:2}.text-above,.text-below{align-items:center;flex-direction:column}.text-above.has-text,.text-below.has-text{row-gap:var(--bq-spacing-m)}.text-above .bq-spinner--icon,.text-above .bq-spinner--loader{order:2}.text-above .bq-spinner--text,.text-below .bq-spinner--icon,.text-below .bq-spinner--loader{order:1}.text-below .bq-spinner--text{order:2}.is-animated .bq-spinner--icon,.is-animated .bq-spinner--loader>svg{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.static{position:static}.\\!hidden{display:none!important}.font-medium{font-weight:var(--bq-font-weight--medium)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-\\[--bq-spinner--color\\]{color:var(--bq-spinner--color)}.text-primary{color:var(--bq-text--primary)}.bs-full{block-size:100%}.is-full{inline-size:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
|
|
13229
13593
|
|
|
13230
13594
|
/**
|
|
13231
13595
|
* Spinners are designed for users to display data loading.
|
|
@@ -13361,7 +13725,7 @@ class BqSpinner {
|
|
|
13361
13725
|
setIconSize() {
|
|
13362
13726
|
if (!this.hasIconSlot || !this.bqIcon)
|
|
13363
13727
|
return;
|
|
13364
|
-
this.bqIcon.size = parseInt(getCSSVariableValue(`bq-spinner--size-${this.size}`, this.el)).toString();
|
|
13728
|
+
this.bqIcon.size = parseInt(getCSSVariableValue(`bq-spinner--size-${this.size}`, this.el), 10).toString();
|
|
13365
13729
|
}
|
|
13366
13730
|
get bqIcon() {
|
|
13367
13731
|
if (!this.hasIconSlot)
|
|
@@ -13373,18 +13737,18 @@ class BqSpinner {
|
|
|
13373
13737
|
// Always the last one in the class.
|
|
13374
13738
|
// ===================================
|
|
13375
13739
|
render() {
|
|
13376
|
-
return (hAsync("div", { key: '
|
|
13740
|
+
return (hAsync("div", { key: 'bad97311f868df4b27dcbfad46a06cc6f519d191', class: {
|
|
13377
13741
|
[`bq-spinner ${this.size} text-${this.textPosition}`]: true,
|
|
13378
13742
|
'is-animated': this.animation,
|
|
13379
13743
|
'has-text': !!this.slotContentLength,
|
|
13380
|
-
}, part: "base" }, !this.hasIconSlot && (hAsync("div", { key: '
|
|
13381
|
-
|
|
13382
|
-
|
|
13383
|
-
'
|
|
13384
|
-
}, ref: (spanElem) => (this.iconSlotElem = spanElem), part: "custom-icon" }, hAsync("slot", { key: '56cf06f9a513caca55839254aab6fd2073f7a0e3', name: "icon", onSlotchange: this.handleIconSlotChange })), hAsync("span", { key: 'acab33045d770e326b768b7f36ab1904dd11434e', class: {
|
|
13385
|
-
'bq-spinner--text font-medium leading-regular text-primary': true,
|
|
13744
|
+
}, part: "base" }, !this.hasIconSlot && (hAsync("div", { key: 'ab58066f256b6a9ba67e302ec649273debdb0871', "aria-label": "Loading...", class: `bq-spinner--loader ${this.size} relative text-[--bq-spinner--color]`, role: "status" }, hAsync("svg", { key: 'afa2cd06bcd978db7a00bacabe1b94a0a5a99740', "aria-hidden": "true", class: "bs-full is-full", fill: "currentColor", viewBox: "0 0 48 48" }, hAsync("path", { key: '9370741ab1da2d8f1729931084ca57a0f5c4d370', d: "M10.27 7.637c-.937-1.117-.798-2.796.415-3.605a24 24 0 0 1 37.09 23.249c-.2 1.444-1.65 2.301-3.064 1.944-1.414-.356-2.25-1.793-2.096-3.242A18.72 18.72 0 0 0 14.102 8.11c-1.237.77-2.895.643-3.832-.474Z", fill: "currentColor" }), hAsync("path", { key: '69b9db761f754bb9b92d3915b1850d6593e9de62', d: "M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24ZM5.28 24c0 10.339 8.381 18.72 18.72 18.72 10.339 0 18.72-8.381 18.72-18.72 0-10.339-8.381-18.72-18.72-18.72C13.661 5.28 5.28 13.661 5.28 24Z", fill: "currentColor", opacity: ".1" })))), hAsync("span", { key: 'f1caed460b50afe214930d343d48a6be0e2a5703', class: { 'bq-spinner--icon': true, flex: this.hasIconSlot, '!hidden': !this.hasIconSlot }, part: "custom-icon", ref: (spanElem) => {
|
|
13745
|
+
this.iconSlotElem = spanElem;
|
|
13746
|
+
} }, hAsync("slot", { key: 'e515e5dff249595b4429ae5419caf2f86662e7eb', name: "icon", onSlotchange: this.handleIconSlotChange })), hAsync("span", { key: '02a048bbb0ef44f136ece2c7b0c109e0c3ddb04c', class: {
|
|
13747
|
+
'bq-spinner--text font-medium text-primary leading-regular': true,
|
|
13386
13748
|
'!hidden': !this.isTextDisplayed,
|
|
13387
|
-
}, part: "text", ref: (spanElem) =>
|
|
13749
|
+
}, part: "text", ref: (spanElem) => {
|
|
13750
|
+
this.slotElem = spanElem;
|
|
13751
|
+
} }, hAsync("slot", { key: '99a763598c872851d5a4d52bee9e012e7f79b96d', onSlotchange: this.handleSlotChange }))));
|
|
13388
13752
|
}
|
|
13389
13753
|
static get watchers() { return {
|
|
13390
13754
|
"textPosition": ["handleTextPositionProp"],
|
|
@@ -13393,7 +13757,7 @@ class BqSpinner {
|
|
|
13393
13757
|
}; }
|
|
13394
13758
|
static get style() { return bqSpinnerCss; }
|
|
13395
13759
|
static get cmpMeta() { return {
|
|
13396
|
-
"$flags$":
|
|
13760
|
+
"$flags$": 777,
|
|
13397
13761
|
"$tagName$": "bq-spinner",
|
|
13398
13762
|
"$members$": {
|
|
13399
13763
|
"animation": [516],
|
|
@@ -13478,14 +13842,14 @@ class BqStatus {
|
|
|
13478
13842
|
// Always the last one in the class.
|
|
13479
13843
|
// ===================================
|
|
13480
13844
|
render() {
|
|
13481
|
-
return (hAsync("div", { key: '7c753178fd5088e6eb8295e1cc7dbc1907cc6ce7', class: "bq-status inline-flex items-center gap-xs", part: "base", role: "status" }, hAsync("bq-badge", { key: '
|
|
13845
|
+
return (hAsync("div", { key: '7c753178fd5088e6eb8295e1cc7dbc1907cc6ce7', class: "bq-status inline-flex items-center gap-xs", part: "base", role: "status" }, hAsync("bq-badge", { key: '82b3f5c1bba8c423d7db010148ecd9458ed264eb', class: `bq-status__circle rounded-full ${this.type}`, part: "circle", size: "medium" }), hAsync("div", { key: 'bea8f3946f7d8240930559cec0caca904dd78cbd', class: "bq-status__text max-bs-[20px] m-b-0 m-i-0 p-b-0 p-i-0 font-medium text-primary text-s leading-regular", part: "text" }, hAsync("slot", { key: '9609871a282a618e3ad73f1a76f7c3bf1208edbd' }))));
|
|
13482
13846
|
}
|
|
13483
13847
|
static get watchers() { return {
|
|
13484
13848
|
"type": ["checkPropValues"]
|
|
13485
13849
|
}; }
|
|
13486
13850
|
static get style() { return bqStatusCss; }
|
|
13487
13851
|
static get cmpMeta() { return {
|
|
13488
|
-
"$flags$":
|
|
13852
|
+
"$flags$": 777,
|
|
13489
13853
|
"$tagName$": "bq-status",
|
|
13490
13854
|
"$members$": {
|
|
13491
13855
|
"type": [513]
|
|
@@ -13496,11 +13860,11 @@ class BqStatus {
|
|
|
13496
13860
|
}; }
|
|
13497
13861
|
}
|
|
13498
13862
|
|
|
13499
|
-
const STEP_ITEM_STATUS = ['default', 'current', 'completed', 'error', 'disabled'];
|
|
13500
|
-
|
|
13501
13863
|
const STEPS_TYPE = ['numeric', 'icon', 'dot'];
|
|
13502
13864
|
const STEPS_SIZE = ['medium', 'small'];
|
|
13503
13865
|
|
|
13866
|
+
const STEP_ITEM_STATUS = ['default', 'current', 'completed', 'error', 'disabled'];
|
|
13867
|
+
|
|
13504
13868
|
const bqStepItemCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-s{gap:var(--bq-spacing-s)}.rounded-m{border-radius:var(--bq-radius--m)}.border-none{border-style:none}.bg-\\[--bq-step-item--prefix-num-bg-color\\]{background-color:var(--bq-step-item--prefix-num-bg-color)}.bg-\\[var\\(--bq-step-item--prefix-color-current\\)\\]{background-color:var(--bq-step-item--prefix-color-current)}.bg-primary{background-color:var(--bq-background--primary)}.bg-transparent{background-color:transparent}.bg-ui-danger-alt{background-color:var(--bq-ui--danger-alt)}.bg-ui-success-alt{background-color:var(--bq-ui--success-alt)}.pe-\\[--bq-steps--gap\\]{padding-inline-end:var(--bq-steps--gap)}.ps-0{padding-inline-start:0}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-alt{color:var(--bq-text--alt)}.text-danger{color:var(--bq-text--danger)}.text-primary{color:var(--bq-text--primary)}.text-success{color:var(--bq-text--success)}.opacity-60{opacity:.6}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.bs-\\[--bq-step-item--prefix-num-size\\]{block-size:var(--bq-step-item--prefix-num-size)}.is-\\[--bq-step-item--prefix-num-size\\]{inline-size:var(--bq-step-item--prefix-num-size)}.p-b-xs2{padding-block:var(--bq-spacing-xs2)}.\\[--bq-step-item--prefix-num-size\\:--bq-spacing-l\\]{--bq-step-item--prefix-num-size:var(--bq-spacing-l)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-step-item--prefix-color:var(--bq-icon--secondary);--bq-step-item--prefix-color-current:var(--bq-icon--brand);--bq-step-item--prefix-color-completed:var(--bq-icon--success);--bq-step-item--prefix-color-error:var(--bq-icon--danger);--bq-step-item--prefix-num-size:var(--bq-spacing-xl);--bq-step-item--prefix-num-bg-color:var(--bq-ui--secondary);--bq-icon--color:var(--bq-icon--primary);background-color:var(--bq-background--primary)}.bq-step-item{background-color:transparent;border-radius:var(--bq-radius--m);border-style:none;display:flex;gap:var(--bq-spacing-s);padding-block:var(--bq-spacing-xs2);padding-inline-end:var(--bq-steps--gap);padding-inline-start:0;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-step-item:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-step-item:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-step-item__prefix.dot ::slotted(bq-icon),.bq-step-item__prefix.icon ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color)}.bq-step-item__prefix.dot.current ::slotted(bq-icon),.bq-step-item__prefix.icon.current ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-current)}.bq-step-item__prefix.dot.completed ::slotted(bq-icon),.bq-step-item__prefix.icon.completed ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-completed)}.bq-step-item__prefix.dot.error ::slotted(bq-icon),.bq-step-item__prefix.icon.error ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-error)}.bq-step-item__prefix.dot.disabled ::slotted(bq-icon),.bq-step-item__prefix.icon.disabled ::slotted(bq-icon){opacity:.6}.bq-step-item__prefix.numeric{align-items:center;background-color:var(--bq-step-item--prefix-num-bg-color);block-size:var(--bq-step-item--prefix-num-size);border-radius:var(--bq-radius--full);color:var(--bq-text--primary);display:flex;font-size:var(--bq-font-size--m);font-weight:var(--bq-font-weight--semibold);inline-size:var(--bq-step-item--prefix-num-size);justify-content:center;line-height:var(--bq-font-line-height--regular)}.bq-step-item__prefix.numeric.small{--bq-step-item--prefix-num-size:var(--bq-spacing-l);font-size:var(--bq-font-size--s)}.bq-step-item__prefix.numeric.current{background-color:var(--bq-step-item--prefix-color-current);color:var(--bq-text--alt)}.bq-step-item__prefix.numeric.completed{background-color:var(--bq-ui--success-alt);color:var(--bq-text--success)}.bq-step-item__prefix.numeric.error{background-color:var(--bq-ui--danger-alt);color:var(--bq-text--danger)}.bq-step-item__prefix.numeric.disabled{opacity:.6}.bq-step-item__content--description::slotted(*){font-size:var(--bq-font-size--s);line-height:var(--bq-font-line-height--regular);opacity:.6}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.pointer-events-none{pointer-events:none}.static{position:static}.relative{position:relative}.items-start{align-items:flex-start}.pe-xs3{padding-inline-end:var(--bq-spacing-xs3)}.text-start{text-align:start}.text-brand{color:var(--bq-text--brand)}.text-secondary{color:var(--bq-text--secondary)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.absolute{position:absolute}.-z-10{z-index:-10}.w-full{width:100%}.justify-between{justify-content:space-between}.p-bs-5{padding-block-start:1.25rem}.p-bs-m{padding-block-start:var(--bq-spacing-m)}.p-i-s{padding-inline:var(--bq-spacing-s)}.inset-ie-0{inset-inline-end:0}.inset-is-0{inset-inline-start:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
|
|
13505
13869
|
|
|
13506
13870
|
/**
|
|
@@ -13632,18 +13996,18 @@ class BqStepItem {
|
|
|
13632
13996
|
// Always the last one in the class.
|
|
13633
13997
|
// ===================================
|
|
13634
13998
|
render() {
|
|
13635
|
-
return (hAsync("button", { key: '
|
|
13999
|
+
return (hAsync("button", { key: '5b29f6f707aefcb961190a7e3f943b51ad227069', class: {
|
|
13636
14000
|
'bq-step-item': true,
|
|
13637
14001
|
[`bq-step-item--${this.status}`]: true,
|
|
13638
14002
|
'pointer-events-none opacity-60': this.isDisabled,
|
|
13639
|
-
}, disabled: this.isDisabled,
|
|
13640
|
-
'bq-step-item__content--title pe-xs3 text-m leading-regular
|
|
14003
|
+
}, disabled: this.isDisabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "base", type: "button" }, hAsync("div", { key: '50fe5c2c7060e5dba6fd0adf3448536cff85d167', class: `bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}` }, hAsync("slot", { key: '0fb684ecd8efaa374afb78e6967eb82812ce9ce0', name: "prefix", onSlotchange: this.handleIconPrefix })), hAsync("div", { key: '49c974a389f1999bc5b47089218bcd96da344fb3', class: "bq-step-item__content items-start text-start" }, hAsync("div", { key: '0c5acfad9394d1aaaed5bcfc12363314d0099635', class: {
|
|
14004
|
+
'bq-step-item__content--title pe-xs3 text-m text-primary leading-regular': true,
|
|
13641
14005
|
'pointer-events-none': this.isDisabled,
|
|
13642
14006
|
'text-brand': this.isCurrent,
|
|
13643
|
-
}, part: "title" }, hAsync("slot", { key: '
|
|
13644
|
-
'bq-step-item__content--description text-s leading-regular
|
|
14007
|
+
}, part: "title" }, hAsync("slot", { key: 'f8d7b6db6ccf77088220bc63fabefda56e142d28' })), hAsync("div", { key: 'ec01aeba07a47fecda3af81ecb4db2717d40ae42', class: {
|
|
14008
|
+
'bq-step-item__content--description text-s text-secondary leading-regular': true,
|
|
13645
14009
|
'opacity-60': this.isDisabled,
|
|
13646
|
-
}, part: "description" }, hAsync("slot", { key: '
|
|
14010
|
+
}, part: "description" }, hAsync("slot", { key: 'd1fd3fbd5e09c862520cfb58e627f32fe9c27bf7', name: "description" })))));
|
|
13647
14011
|
}
|
|
13648
14012
|
static get delegatesFocus() { return true; }
|
|
13649
14013
|
static get watchers() { return {
|
|
@@ -13652,7 +14016,7 @@ class BqStepItem {
|
|
|
13652
14016
|
}; }
|
|
13653
14017
|
static get style() { return bqStepItemCss; }
|
|
13654
14018
|
static get cmpMeta() { return {
|
|
13655
|
-
"$flags$":
|
|
14019
|
+
"$flags$": 793,
|
|
13656
14020
|
"$tagName$": "bq-step-item",
|
|
13657
14021
|
"$members$": {
|
|
13658
14022
|
"size": [513],
|
|
@@ -13778,7 +14142,9 @@ class BqSteps {
|
|
|
13778
14142
|
render() {
|
|
13779
14143
|
// !Note: We use a custom padding value for the medium size to avoid misalignment between the steps and the divider.
|
|
13780
14144
|
const dividerPaddingTop = this.size === 'small' ? 'p-bs-m' : 'p-bs-5';
|
|
13781
|
-
return (hAsync("div", { key: '
|
|
14145
|
+
return (hAsync("div", { key: '95131554f54e803b6547cc42cf4d22c5e0bdd6c3', class: "relative flex w-full items-start justify-between", part: "container", ref: (div) => {
|
|
14146
|
+
this.stepElem = div;
|
|
14147
|
+
} }, hAsync("slot", { key: '8cdf5389ff0bc20e2816dbc4377da747bfc2d899' }), hAsync("bq-divider", { key: 'ce072c13df4480431b38f498d6a20790db938156', class: `-z-10 absolute inset-ie-0 inset-is-0 p-i-s ${dividerPaddingTop}`, exportparts: "base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end", strokeColor: this.dividerColor, strokeThickness: 2 })));
|
|
13782
14148
|
}
|
|
13783
14149
|
static get watchers() { return {
|
|
13784
14150
|
"type": ["checkPropValues"],
|
|
@@ -13786,7 +14152,7 @@ class BqSteps {
|
|
|
13786
14152
|
}; }
|
|
13787
14153
|
static get style() { return bqStepsCss; }
|
|
13788
14154
|
static get cmpMeta() { return {
|
|
13789
|
-
"$flags$":
|
|
14155
|
+
"$flags$": 777,
|
|
13790
14156
|
"$tagName$": "bq-steps",
|
|
13791
14157
|
"$members$": {
|
|
13792
14158
|
"dividerColor": [513, "divider-color"],
|
|
@@ -14032,11 +14398,15 @@ class BqSwitch {
|
|
|
14032
14398
|
'is-disabled': this.disabled,
|
|
14033
14399
|
'flex-row-reverse': this.reverseOrder,
|
|
14034
14400
|
};
|
|
14035
|
-
return (hAsync(Host, { key: '76d56097667e4691b47928d4c3108b7dfc3f8097', class: { 'full-width': this.fullWidth }, style: hostStyle }, hAsync("label", { key: 'e1d1fe910b6d0e955f52cc5c6a6d7d44f426a0e1', class: { 'bq-switch group': true, ...labelCssClasses }, part: "base" }, hAsync("input", { key: '
|
|
14036
|
-
|
|
14401
|
+
return (hAsync(Host, { key: '76d56097667e4691b47928d4c3108b7dfc3f8097', class: { 'full-width': this.fullWidth }, style: hostStyle }, hAsync("label", { key: 'e1d1fe910b6d0e955f52cc5c6a6d7d44f426a0e1', class: { 'bq-switch group': true, ...labelCssClasses }, part: "base" }, hAsync("input", { key: '05974b051de79fb7f77b4f2d150c57c904eb3a89', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.name, checked: this.checked, class: "bq-switch--input peer !bs-[--bq-switch--dot-size] !is-[--bq-switch--width] sr-only peer-checked:invisible", disabled: this.disabled, name: !isNil(this.name) ? this.name : undefined, onBlur: this.handleOnBlur, onChange: this.handleChange, onFocus: this.handleOnFocus, ref: (input) => {
|
|
14402
|
+
this.inputElem = input;
|
|
14403
|
+
}, required: this.required, role: "switch", type: "checkbox", value: this.value }), hAsync("div", { key: 'a44b7535d3a62e9f0ade9d727eeb236cc6c553bc', class: "bq-switch--control bs-[--bq-switch--height] is-[--bq-switch--width] relative box-border flex justify-between rounded-full bg-ui-tertiary p-b-xs2 p-i-xs2 transition duration-300 group-[&.is-checked]:bg-ui-brand", part: "control" }, this.innerLabel === 'icon' && (hAsync("bq-icon", { key: 'ad31a8b6a3da40950c31163cfacfe6d767c5ad41', class: "bq-switch--control__icon on", color: "icon--alt", name: "check", part: "icon-on", title: "On" })), this.innerLabel === 'icon' && (hAsync("bq-icon", { key: '9abf53dd57103e67833d9346b63ecf29ae112220', class: "bq-switch--control__icon off", color: "icon--inverse", name: "x", part: "icon-off", title: "Off" })), hAsync("div", { key: '4f146fd587161b051cc4046320f522377f645154', class: "bq-switch--control__dot", part: "dot" })), hAsync("span", { key: '52d9e9c181c88c9b6c897576e6a5a96cff26bc62', class: {
|
|
14404
|
+
'bq-switch--label font-medium text-m text-primary leading-regular transition-colors duration-300': true,
|
|
14037
14405
|
'ms-s': this.hasLabel && !this.reverseOrder,
|
|
14038
14406
|
'me-s': this.hasLabel && this.reverseOrder,
|
|
14039
|
-
},
|
|
14407
|
+
}, part: "label", ref: (span) => {
|
|
14408
|
+
this.labelElem = span;
|
|
14409
|
+
} }, hAsync("slot", { key: '30b17cbefca70153b36a03a32cc426fc476db3d0', onSlotchange: this.handleSlotChange })))));
|
|
14040
14410
|
}
|
|
14041
14411
|
static get delegatesFocus() { return true; }
|
|
14042
14412
|
static get formAssociated() { return true; }
|
|
@@ -14045,7 +14415,7 @@ class BqSwitch {
|
|
|
14045
14415
|
}; }
|
|
14046
14416
|
static get style() { return bqSwitchCss; }
|
|
14047
14417
|
static get cmpMeta() { return {
|
|
14048
|
-
"$flags$":
|
|
14418
|
+
"$flags$": 857,
|
|
14049
14419
|
"$tagName$": "bq-switch",
|
|
14050
14420
|
"$members$": {
|
|
14051
14421
|
"backgroundOnHover": [516, "background-on-hover"],
|
|
@@ -14250,11 +14620,15 @@ class BqTab {
|
|
|
14250
14620
|
// Always the last one in the class.
|
|
14251
14621
|
// ===================================
|
|
14252
14622
|
render() {
|
|
14253
|
-
return (hAsync("button", { key: '
|
|
14623
|
+
return (hAsync("button", { key: 'f2944591898e18ec72fb79c2961dd6d6f66f793b', "aria-controls": this.controls, "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: {
|
|
14254
14624
|
[`bq-tab bq-tab--${this.size} bq-tab--${this.orientation}-${this.placement}`]: true,
|
|
14255
14625
|
'text-brand': this.active,
|
|
14256
14626
|
'text-primary': !this.active,
|
|
14257
|
-
}, id: this.tabId, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown,
|
|
14627
|
+
}, disabled: this.disabled, id: this.tabId, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, part: "base", ref: (el) => {
|
|
14628
|
+
this.buttonElement = el;
|
|
14629
|
+
}, role: "tab", tabindex: this.tabindex, type: "button" }, hAsync("div", { key: 'cd55f2bc8ffa11970e7b5ec02e16f6ec4bbc6a75', class: "flex items-center justify-center", part: "content" }, hAsync("div", { key: '073b6a2108119aab6bab0f11c0b326fa748d5c24', class: "flex", part: "icon", ref: (span) => {
|
|
14630
|
+
this.iconElement = span;
|
|
14631
|
+
} }, hAsync("slot", { key: '119b624e1649e13760cdd7b4dce5ad7977b030e6', name: "icon", onSlotchange: this.handleIconSlotChange })), hAsync("div", { key: '36b5c32a9fd9080f0d12243ae1abd443f94a07a1', class: { 'line-clamp-1': true, 'ms-[--bq-tab--label-icon-gap]': this.hasIcon }, part: "text" }, hAsync("slot", { key: '37f4c20762c8b428253bd325cb21cd00c23459fb' })))));
|
|
14258
14632
|
}
|
|
14259
14633
|
static get watchers() { return {
|
|
14260
14634
|
"size": ["checkPropValues"],
|
|
@@ -14263,7 +14637,7 @@ class BqTab {
|
|
|
14263
14637
|
}; }
|
|
14264
14638
|
static get style() { return bqTabCss; }
|
|
14265
14639
|
static get cmpMeta() { return {
|
|
14266
|
-
"$flags$":
|
|
14640
|
+
"$flags$": 777,
|
|
14267
14641
|
"$tagName$": "bq-tab",
|
|
14268
14642
|
"$members$": {
|
|
14269
14643
|
"active": [1540],
|
|
@@ -14393,7 +14767,9 @@ class BqTabGroup {
|
|
|
14393
14767
|
}
|
|
14394
14768
|
onBqClick(event) {
|
|
14395
14769
|
const { detail: target } = event;
|
|
14396
|
-
this.bqTabElements.forEach((bqTabElement) =>
|
|
14770
|
+
this.bqTabElements.forEach((bqTabElement) => {
|
|
14771
|
+
bqTabElement.active = bqTabElement === target;
|
|
14772
|
+
});
|
|
14397
14773
|
this.debouncedBqChange({ value: target.tabId, target });
|
|
14398
14774
|
this.selectTab(target);
|
|
14399
14775
|
}
|
|
@@ -14477,13 +14853,13 @@ class BqTabGroup {
|
|
|
14477
14853
|
// Always the last one in the class.
|
|
14478
14854
|
// ===================================
|
|
14479
14855
|
render() {
|
|
14480
|
-
return (hAsync(Host, { key: '
|
|
14481
|
-
[`bq-tab-group bq-tab-group--${this.orientation}-${this.placement}
|
|
14856
|
+
return (hAsync(Host, { key: '6139c8dfb78a7128d5f294c8fd62204cb6a70ddb', class: { 'inline-block': this.orientation === 'vertical' } }, hAsync("div", { key: 'cc590d4c2ab4897f995046198c06d485eb1a5123', class: {
|
|
14857
|
+
[`bq-tab-group bq-tab-group--${this.orientation}-${this.placement} is-full flex`]: true,
|
|
14482
14858
|
'no-divider': this.disableDivider,
|
|
14483
|
-
}, part: "base" }, hAsync("div", { key: '
|
|
14859
|
+
}, part: "base" }, hAsync("div", { key: '9af930823903202531e6597f8323400de792408c', class: {
|
|
14484
14860
|
'bq-tab-group--container flex overflow-x-auto': true,
|
|
14485
14861
|
'flex-col': this.orientation !== 'horizontal',
|
|
14486
|
-
},
|
|
14862
|
+
}, part: "tabs", role: "tablist" }, hAsync("slot", { key: '00fac7b6caebd496d7c448ed2f00a593f81243cc' })))));
|
|
14487
14863
|
}
|
|
14488
14864
|
static get watchers() { return {
|
|
14489
14865
|
"debounceTime": ["checkDebounceChange"],
|
|
@@ -14494,7 +14870,7 @@ class BqTabGroup {
|
|
|
14494
14870
|
}; }
|
|
14495
14871
|
static get style() { return bqTabGroupCss; }
|
|
14496
14872
|
static get cmpMeta() { return {
|
|
14497
|
-
"$flags$":
|
|
14873
|
+
"$flags$": 777,
|
|
14498
14874
|
"$tagName$": "bq-tab-group",
|
|
14499
14875
|
"$members$": {
|
|
14500
14876
|
"debounceTime": [1538, "debounce-time"],
|
|
@@ -14774,7 +15150,7 @@ class BqTag {
|
|
|
14774
15150
|
...(this.color && { '--bq-tag--background-color': getColorCSSVariable(this.color) ?? this.color }),
|
|
14775
15151
|
...(this.hasCustomColor && { '--bq-text--primary': `var(--bq-text--alt)` }),
|
|
14776
15152
|
};
|
|
14777
|
-
return (hAsync(Host, { key: 'b972287264c52db928df5d0e7f76196244a24f49',
|
|
15153
|
+
return (hAsync(Host, { key: 'b972287264c52db928df5d0e7f76196244a24f49', "aria-hidden": this.isHidden ? 'true' : 'false', hidden: this.isHidden ? 'true' : 'false', style: style }, hAsync("button", { key: 'f617d5139c4e70e9a70964c7872c8a6f16857067', class: {
|
|
14778
15154
|
[`bq-tag bq-tag__${this.size}`]: true,
|
|
14779
15155
|
[`bq-tag__${this.color || 'default'} bq-tag__${this.variant}`]: !this.hasCustomColor,
|
|
14780
15156
|
'is-clickable': this.isClickable,
|
|
@@ -14783,11 +15159,13 @@ class BqTag {
|
|
|
14783
15159
|
active: this.isClickable && this.selected,
|
|
14784
15160
|
// Fixed border radius
|
|
14785
15161
|
'has-border': !!this.border,
|
|
14786
|
-
}, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, tabindex: this.isClickable ? 0 : -1,
|
|
15162
|
+
}, disabled: this.disabled, onBlur: this.handleBlur, onClick: this.handleClick, onFocus: this.handleFocus, part: "wrapper", tabindex: this.isClickable ? 0 : -1, type: "button" }, hAsync("span", { key: '2183679515bcb915c2b17eb1efbf68a541e04648', class: { 'bq-tag__prefix inline-flex': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
|
|
15163
|
+
this.prefixElem = spanElem;
|
|
15164
|
+
} }, hAsync("slot", { key: 'aa716a7908515dd98e9dc1efaa05bc47a21c9bf4', name: "prefix", onSlotchange: this.handleSlotChange })), hAsync("div", { key: 'd611b9f8ae510dbcd812e10cfa4e854edf788cbb', class: {
|
|
14787
15165
|
'text-xs': this.size === 'xsmall',
|
|
14788
15166
|
'text-s': this.size === 'small',
|
|
14789
15167
|
'text-m': this.size === 'medium',
|
|
14790
|
-
}, part: "text" }, hAsync("slot", { key: '
|
|
15168
|
+
}, part: "text" }, hAsync("slot", { key: '32b3a41d7db2489e298474d1a4b684c834284127' })), this.isRemovable && !this.disabled && (hAsync("bq-button", { key: '67c30cd28518ad42812e76848675a9fc519cda92', appearance: "text", class: "bq-tag__close", onBqClick: this.handleHide, part: "btn-close", size: "small" }, hAsync("bq-icon", { key: '176795a4852fae170c688336a5beccb52bf692ef', color: this.color && !this.hasCustomColor ? textColor(this.color)[this.variant] : 'text--primary', name: "x-circle", size: iconSize(this.size) }))))));
|
|
14791
15169
|
}
|
|
14792
15170
|
static get delegatesFocus() { return true; }
|
|
14793
15171
|
static get watchers() { return {
|
|
@@ -14796,7 +15174,7 @@ class BqTag {
|
|
|
14796
15174
|
}; }
|
|
14797
15175
|
static get style() { return bqTagCss; }
|
|
14798
15176
|
static get cmpMeta() { return {
|
|
14799
|
-
"$flags$":
|
|
15177
|
+
"$flags$": 793,
|
|
14800
15178
|
"$tagName$": "bq-tag",
|
|
14801
15179
|
"$members$": {
|
|
14802
15180
|
"border": [513],
|
|
@@ -14839,7 +15217,6 @@ const bqTextareaCss = ".transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rot
|
|
|
14839
15217
|
*
|
|
14840
15218
|
* @attr {string} autocapitalize - Controls whether or not the textarea field should be capitalized and how.
|
|
14841
15219
|
* @attr {string} autocomplete - Specifies whether or not the textarea field should have autocomplete enabled.
|
|
14842
|
-
* @attr {string} autocorrect - Controls whether or not the textarea field should have autocorrect enabled.
|
|
14843
15220
|
* @attr {boolean} autofocus - If `true`, the textarea will be focused on component render.
|
|
14844
15221
|
* @attr {boolean} auto-grow - If `true`, the textarea will automatically grow and shrink to fit its contents.
|
|
14845
15222
|
* @attr {number} debounce-time - The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the textarea value changes.
|
|
@@ -14930,21 +15307,18 @@ class BqTextarea {
|
|
|
14930
15307
|
/**
|
|
14931
15308
|
* Controls whether or not the textarea field should be capitalized and how.
|
|
14932
15309
|
* Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.
|
|
14933
|
-
*
|
|
15310
|
+
*
|
|
15311
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize
|
|
14934
15312
|
*/
|
|
14935
15313
|
autocapitalize = 'off';
|
|
14936
15314
|
/**
|
|
14937
15315
|
* Specifies whether or not the textarea field should have autocomplete enabled.
|
|
14938
|
-
*
|
|
15316
|
+
*
|
|
15317
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
|
|
14939
15318
|
*/
|
|
14940
15319
|
autocomplete = 'off';
|
|
14941
|
-
/**
|
|
14942
|
-
* Controls whether or not the textarea field should have autocorrect enabled.
|
|
14943
|
-
* Possible values are 'on' and 'off'.
|
|
14944
|
-
*/
|
|
14945
|
-
autocorrect = 'off';
|
|
14946
15320
|
/** If true, the textarea will be focused on component render */
|
|
14947
|
-
autofocus;
|
|
15321
|
+
autofocus = false;
|
|
14948
15322
|
/**
|
|
14949
15323
|
* If `true`, the textarea will automatically grow and shrink to fit its contents.
|
|
14950
15324
|
* If `false`, the textarea will have a fixed height specified by the `rows` property.
|
|
@@ -15133,15 +15507,21 @@ class BqTextarea {
|
|
|
15133
15507
|
// Always the last one in the class.
|
|
15134
15508
|
// ===================================
|
|
15135
15509
|
render() {
|
|
15136
|
-
return (hAsync("div", { key: '
|
|
15510
|
+
return (hAsync("div", { key: '08f91c7162165a69009f1ddae128f14dea838e56', class: "bq-textarea flex flex-auto flex-col", part: "base" }, hAsync("label", { key: 'e8e5251c4bff2ec62653d8a74c505cfa6aae78f0', "aria-label": this.name ?? this.fallbackId, class: { 'bq-textarea__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name ?? this.fallbackId, part: "label", ref: (label) => {
|
|
15511
|
+
this.labelElem = label;
|
|
15512
|
+
} }, hAsync("slot", { key: '632be4e284fac424d6af1c0c139946424f15798c', name: "label", onSlotchange: this.handleSlotChange })), hAsync("textarea", { key: '513631a5b9d8a5c0cf08334bddf611c07bb56802', autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, class: {
|
|
15137
15513
|
'bq-textarea__input': true,
|
|
15138
15514
|
'resize-none': this.disableResize,
|
|
15139
15515
|
[`validation-${this.validationStatus}`]: true,
|
|
15140
|
-
},
|
|
15516
|
+
}, disabled: this.disabled, form: this.form, id: this.name ?? this.fallbackId, maxLength: this.maxlength > 0 ? this.maxlength : undefined, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input", placeholder: this.placeholder, readOnly: this.readonly, ref: (elem) => {
|
|
15517
|
+
this.textarea = elem;
|
|
15518
|
+
}, required: this.required, rows: this.rows, spellcheck: this.spellcheck, wrap: this.wrap }, this.value), hAsync("div", { key: 'ecd0d692315c51e3d0549ceec4fc6ac8a1789921', class: {
|
|
15141
15519
|
'bq-textarea__helper flex items-center justify-between': true,
|
|
15142
15520
|
[`validation-${this.validationStatus}`]: true,
|
|
15143
15521
|
'!hidden': !this.hasHelperText && !this.maxlength,
|
|
15144
|
-
}, part: "helper-info" }, hAsync("span", { key: '
|
|
15522
|
+
}, part: "helper-info" }, hAsync("span", { key: '870e48d957b808b88f3ab36125124a5c9477d2a1', class: "bq-textarea__helper--text", part: "helper-text", ref: (span) => {
|
|
15523
|
+
this.helperTextElem = span;
|
|
15524
|
+
} }, hAsync("slot", { key: 'ad788b96097944aba0f0b2a15290f004f112accf', name: "helper-text", onSlotchange: this.handleSlotChange })), hAsync("span", { key: '75f1122f3032c801094a614cf9936942668cf46d', class: { 'bq-textarea__helper--counter [fontVariant:tabular-nums]': true, '!hidden': !this.maxlength }, part: "helper-counter" }, this.numberOfCharacters ?? 0, "/", this.maxlength))));
|
|
15145
15525
|
}
|
|
15146
15526
|
static get delegatesFocus() { return true; }
|
|
15147
15527
|
static get formAssociated() { return true; }
|
|
@@ -15151,12 +15531,11 @@ class BqTextarea {
|
|
|
15151
15531
|
}; }
|
|
15152
15532
|
static get style() { return bqTextareaCss; }
|
|
15153
15533
|
static get cmpMeta() { return {
|
|
15154
|
-
"$flags$":
|
|
15534
|
+
"$flags$": 857,
|
|
15155
15535
|
"$tagName$": "bq-textarea",
|
|
15156
15536
|
"$members$": {
|
|
15157
15537
|
"autocapitalize": [513],
|
|
15158
15538
|
"autocomplete": [513],
|
|
15159
|
-
"autocorrect": [513],
|
|
15160
15539
|
"autofocus": [516],
|
|
15161
15540
|
"autoGrow": [516, "auto-grow"],
|
|
15162
15541
|
"debounceTime": [1538, "debounce-time"],
|
|
@@ -15179,7 +15558,7 @@ class BqTextarea {
|
|
|
15179
15558
|
},
|
|
15180
15559
|
"$listeners$": undefined,
|
|
15181
15560
|
"$lazyBundleId$": "-",
|
|
15182
|
-
"$attrsToReflect$": [["autocapitalize", "autocapitalize"], ["autocomplete", "autocomplete"], ["
|
|
15561
|
+
"$attrsToReflect$": [["autocapitalize", "autocapitalize"], ["autocomplete", "autocomplete"], ["autofocus", "autofocus"], ["autoGrow", "auto-grow"], ["debounceTime", "debounce-time"], ["disabled", "disabled"], ["disableResize", "disable-resize"], ["form", "form"], ["maxlength", "maxlength"], ["name", "name"], ["placeholder", "placeholder"], ["readonly", "readonly"], ["required", "required"], ["rows", "rows"], ["spellcheck", "spellcheck"], ["validationStatus", "validation-status"], ["wrap", "wrap"]]
|
|
15183
15562
|
}; }
|
|
15184
15563
|
}
|
|
15185
15564
|
|
|
@@ -15313,8 +15692,7 @@ class BqToast {
|
|
|
15313
15692
|
connectedCallback() {
|
|
15314
15693
|
if (!isClient())
|
|
15315
15694
|
return;
|
|
15316
|
-
|
|
15317
|
-
if (!toastPortal) {
|
|
15695
|
+
if (this.toastPortal) {
|
|
15318
15696
|
this.toastPortal = Object.assign(document.createElement('div'), { className: TOAST_PORTAL_SELECTOR });
|
|
15319
15697
|
}
|
|
15320
15698
|
}
|
|
@@ -15407,7 +15785,7 @@ class BqToast {
|
|
|
15407
15785
|
const style = {
|
|
15408
15786
|
...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),
|
|
15409
15787
|
};
|
|
15410
|
-
return (hAsync(Host, { key: '
|
|
15788
|
+
return (hAsync(Host, { key: '2dedc3494670a62d131bd689a137e84c2110eb4e', "aria-hidden": !this.open ? 'true' : 'false', class: { 'is-hidden': !this.open }, hidden: !this.open ? 'true' : 'false', role: "status", style: style }, hAsync("output", { key: '17e33684b0e20aa57a6b5d0e8890a6e117d3950c', class: "bq-toast", part: "wrapper" }, hAsync("div", { key: '7695dccb0424d241b483a063ca965fe346dc537e', class: { [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }, part: "icon" }, hAsync("slot", { key: '89dc1bb30f9fbadc8bb10253908f67db3f72cd5d', name: "icon" }, hAsync("bq-icon", { key: '690e9cf6c5782c6a7b2370acfe9ac69f5b7883aa', exportparts: "base,svg", name: this.iconName, size: "24", slot: "icon" }))), hAsync("slot", { key: 'a4dcc0501318127632bf54421eabff7b9e659018' }))));
|
|
15411
15789
|
}
|
|
15412
15790
|
static get watchers() { return {
|
|
15413
15791
|
"type": ["checkPropValues"],
|
|
@@ -15417,7 +15795,7 @@ class BqToast {
|
|
|
15417
15795
|
}; }
|
|
15418
15796
|
static get style() { return bqToastCss; }
|
|
15419
15797
|
static get cmpMeta() { return {
|
|
15420
|
-
"$flags$":
|
|
15798
|
+
"$flags$": 777,
|
|
15421
15799
|
"$tagName$": "bq-toast",
|
|
15422
15800
|
"$members$": {
|
|
15423
15801
|
"border": [513],
|
|
@@ -15674,7 +16052,13 @@ class BqTooltip {
|
|
|
15674
16052
|
// Always the last one in the class.
|
|
15675
16053
|
// ===================================
|
|
15676
16054
|
render() {
|
|
15677
|
-
return (hAsync("div", { key: '1217780af2f9f51dc783a6689f9f51ef3697d71e', class: "bq-tooltip relative", part: "base" }, hAsync("div", { key: '
|
|
16055
|
+
return (hAsync("div", { key: '1217780af2f9f51dc783a6689f9f51ef3697d71e', class: "bq-tooltip relative", part: "base" }, hAsync("div", { key: '726894d640977f330480b2ad62dd4fa62c2593e4', class: "bq-tooltip--trigger", onClick: this.handleTriggerOnClick, onFocusin: this.handleTriggerFocusin, onFocusout: this.handleTriggerFocusout, onMouseEnter: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, part: "trigger", ref: (el) => {
|
|
16056
|
+
this.trigger = el;
|
|
16057
|
+
} }, hAsync("slot", { key: '29c389f6db391c8d98053eb450981a1a4f879a22', name: "trigger" })), hAsync("div", { key: 'c3865c8fc67d52ede13e22d4ff102e8b677e447f', "aria-hidden": this.isHidden, class: "bq-tooltip--panel", hidden: this.isHidden, part: "panel", ref: (el) => {
|
|
16058
|
+
this.panel = el;
|
|
16059
|
+
}, role: "tooltip" }, !this.hideArrow && (hAsync("div", { key: '6403b216302d73bed5e18ed03452d96c33bf535e', class: "bq-tooltip--arrow", ref: (el) => {
|
|
16060
|
+
this.arrow = el;
|
|
16061
|
+
} })), hAsync("slot", { key: '609883cad248c0ddc851914137bd818c562bc503' }))));
|
|
15678
16062
|
}
|
|
15679
16063
|
static get watchers() { return {
|
|
15680
16064
|
"visible": ["handleVisibleChange"],
|
|
@@ -15685,7 +16069,7 @@ class BqTooltip {
|
|
|
15685
16069
|
}; }
|
|
15686
16070
|
static get style() { return bqTooltipCss; }
|
|
15687
16071
|
static get cmpMeta() { return {
|
|
15688
|
-
"$flags$":
|
|
16072
|
+
"$flags$": 777,
|
|
15689
16073
|
"$tagName$": "bq-tooltip",
|
|
15690
16074
|
"$members$": {
|
|
15691
16075
|
"alwaysVisible": [4, "always-visible"],
|
|
@@ -15798,7 +16182,7 @@ var BUILD = {
|
|
|
15798
16182
|
vdomRender: true,
|
|
15799
16183
|
vdomStyle: true,
|
|
15800
16184
|
vdomText: true,
|
|
15801
|
-
|
|
16185
|
+
propChangeCallback: true,
|
|
15802
16186
|
taskQueue: true,
|
|
15803
16187
|
hotModuleReplacement: false,
|
|
15804
16188
|
isDebug: false,
|
|
@@ -15846,7 +16230,7 @@ var NAMESPACE = (
|
|
|
15846
16230
|
);
|
|
15847
16231
|
|
|
15848
16232
|
/*
|
|
15849
|
-
Stencil Hydrate Runner v4.
|
|
16233
|
+
Stencil Hydrate Runner v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
15850
16234
|
*/
|
|
15851
16235
|
var __defProp = Object.defineProperty;
|
|
15852
16236
|
var __export = (target, all) => {
|
|
@@ -16007,82 +16391,6 @@ var MockAttr = class {
|
|
|
16007
16391
|
}
|
|
16008
16392
|
};
|
|
16009
16393
|
|
|
16010
|
-
// src/mock-doc/class-list.ts
|
|
16011
|
-
var MockClassList = class {
|
|
16012
|
-
constructor(elm) {
|
|
16013
|
-
this.elm = elm;
|
|
16014
|
-
}
|
|
16015
|
-
add(...classNames) {
|
|
16016
|
-
const clsNames = getItems(this.elm);
|
|
16017
|
-
let updated = false;
|
|
16018
|
-
classNames.forEach((className) => {
|
|
16019
|
-
className = String(className);
|
|
16020
|
-
validateClass(className);
|
|
16021
|
-
if (clsNames.includes(className) === false) {
|
|
16022
|
-
clsNames.push(className);
|
|
16023
|
-
updated = true;
|
|
16024
|
-
}
|
|
16025
|
-
});
|
|
16026
|
-
if (updated) {
|
|
16027
|
-
this.elm.setAttributeNS(null, "class", clsNames.join(" "));
|
|
16028
|
-
}
|
|
16029
|
-
}
|
|
16030
|
-
remove(...classNames) {
|
|
16031
|
-
const clsNames = getItems(this.elm);
|
|
16032
|
-
let updated = false;
|
|
16033
|
-
classNames.forEach((className) => {
|
|
16034
|
-
className = String(className);
|
|
16035
|
-
validateClass(className);
|
|
16036
|
-
const index = clsNames.indexOf(className);
|
|
16037
|
-
if (index > -1) {
|
|
16038
|
-
clsNames.splice(index, 1);
|
|
16039
|
-
updated = true;
|
|
16040
|
-
}
|
|
16041
|
-
});
|
|
16042
|
-
if (updated) {
|
|
16043
|
-
this.elm.setAttributeNS(null, "class", clsNames.filter((c) => c.length > 0).join(" "));
|
|
16044
|
-
}
|
|
16045
|
-
}
|
|
16046
|
-
contains(className) {
|
|
16047
|
-
className = String(className);
|
|
16048
|
-
return getItems(this.elm).includes(className);
|
|
16049
|
-
}
|
|
16050
|
-
toggle(className) {
|
|
16051
|
-
className = String(className);
|
|
16052
|
-
if (this.contains(className) === true) {
|
|
16053
|
-
this.remove(className);
|
|
16054
|
-
} else {
|
|
16055
|
-
this.add(className);
|
|
16056
|
-
}
|
|
16057
|
-
}
|
|
16058
|
-
get length() {
|
|
16059
|
-
return getItems(this.elm).length;
|
|
16060
|
-
}
|
|
16061
|
-
item(index) {
|
|
16062
|
-
return getItems(this.elm)[index];
|
|
16063
|
-
}
|
|
16064
|
-
toString() {
|
|
16065
|
-
return getItems(this.elm).join(" ");
|
|
16066
|
-
}
|
|
16067
|
-
};
|
|
16068
|
-
function validateClass(className) {
|
|
16069
|
-
if (className === "") {
|
|
16070
|
-
throw new Error("The token provided must not be empty.");
|
|
16071
|
-
}
|
|
16072
|
-
if (/\s/.test(className)) {
|
|
16073
|
-
throw new Error(
|
|
16074
|
-
`The token provided ('${className}') contains HTML space characters, which are not valid in tokens.`
|
|
16075
|
-
);
|
|
16076
|
-
}
|
|
16077
|
-
}
|
|
16078
|
-
function getItems(elm) {
|
|
16079
|
-
const className = elm.getAttribute("class");
|
|
16080
|
-
if (typeof className === "string" && className.length > 0) {
|
|
16081
|
-
return className.trim().split(" ").filter((c) => c.length > 0);
|
|
16082
|
-
}
|
|
16083
|
-
return [];
|
|
16084
|
-
}
|
|
16085
|
-
|
|
16086
16394
|
// src/mock-doc/css-style-declaration.ts
|
|
16087
16395
|
var MockCSSStyleDeclaration = class {
|
|
16088
16396
|
constructor() {
|
|
@@ -26598,6 +26906,81 @@ var STRUCTURE_ELEMENTS = /* @__PURE__ */ new Set([
|
|
|
26598
26906
|
"style"
|
|
26599
26907
|
]);
|
|
26600
26908
|
|
|
26909
|
+
// src/mock-doc/token-list.ts
|
|
26910
|
+
var MockTokenList = class {
|
|
26911
|
+
constructor(elm, attr) {
|
|
26912
|
+
this.elm = elm;
|
|
26913
|
+
this.attr = attr;
|
|
26914
|
+
}
|
|
26915
|
+
add(...tokens) {
|
|
26916
|
+
const items = getItems(this.elm, this.attr);
|
|
26917
|
+
let updated = false;
|
|
26918
|
+
tokens.forEach((token) => {
|
|
26919
|
+
token = String(token);
|
|
26920
|
+
validateToken(token);
|
|
26921
|
+
if (items.includes(token) === false) {
|
|
26922
|
+
items.push(token);
|
|
26923
|
+
updated = true;
|
|
26924
|
+
}
|
|
26925
|
+
});
|
|
26926
|
+
if (updated) {
|
|
26927
|
+
this.elm.setAttributeNS(null, this.attr, items.join(" "));
|
|
26928
|
+
}
|
|
26929
|
+
}
|
|
26930
|
+
remove(...tokens) {
|
|
26931
|
+
const items = getItems(this.elm, this.attr);
|
|
26932
|
+
let updated = false;
|
|
26933
|
+
tokens.forEach((token) => {
|
|
26934
|
+
token = String(token);
|
|
26935
|
+
validateToken(token);
|
|
26936
|
+
const index = items.indexOf(token);
|
|
26937
|
+
if (index > -1) {
|
|
26938
|
+
items.splice(index, 1);
|
|
26939
|
+
updated = true;
|
|
26940
|
+
}
|
|
26941
|
+
});
|
|
26942
|
+
if (updated) {
|
|
26943
|
+
this.elm.setAttributeNS(null, this.attr, items.filter((c) => c.length > 0).join(" "));
|
|
26944
|
+
}
|
|
26945
|
+
}
|
|
26946
|
+
contains(token) {
|
|
26947
|
+
token = String(token);
|
|
26948
|
+
return getItems(this.elm, this.attr).includes(token);
|
|
26949
|
+
}
|
|
26950
|
+
toggle(token) {
|
|
26951
|
+
token = String(token);
|
|
26952
|
+
if (this.contains(token) === true) {
|
|
26953
|
+
this.remove(token);
|
|
26954
|
+
} else {
|
|
26955
|
+
this.add(token);
|
|
26956
|
+
}
|
|
26957
|
+
}
|
|
26958
|
+
get length() {
|
|
26959
|
+
return getItems(this.elm, this.attr).length;
|
|
26960
|
+
}
|
|
26961
|
+
item(index) {
|
|
26962
|
+
return getItems(this.elm, this.attr)[index];
|
|
26963
|
+
}
|
|
26964
|
+
toString() {
|
|
26965
|
+
return getItems(this.elm, this.attr).join(" ");
|
|
26966
|
+
}
|
|
26967
|
+
};
|
|
26968
|
+
function validateToken(token) {
|
|
26969
|
+
if (token === "") {
|
|
26970
|
+
throw new Error("The token provided must not be empty.");
|
|
26971
|
+
}
|
|
26972
|
+
if (/\s/.test(token)) {
|
|
26973
|
+
throw new Error(`The token provided ('${token}') contains HTML space characters, which are not valid in tokens.`);
|
|
26974
|
+
}
|
|
26975
|
+
}
|
|
26976
|
+
function getItems(elm, attr) {
|
|
26977
|
+
const value = elm.getAttribute(attr);
|
|
26978
|
+
if (typeof value === "string" && value.length > 0) {
|
|
26979
|
+
return value.trim().split(" ").filter((c) => c.length > 0);
|
|
26980
|
+
}
|
|
26981
|
+
return [];
|
|
26982
|
+
}
|
|
26983
|
+
|
|
26601
26984
|
// src/mock-doc/node.ts
|
|
26602
26985
|
var MockNode2 = class {
|
|
26603
26986
|
constructor(ownerDocument, nodeType, nodeName, nodeValue) {
|
|
@@ -26865,7 +27248,10 @@ var MockElement = class extends MockNode2 {
|
|
|
26865
27248
|
this.setAttributeNS(null, "class", value);
|
|
26866
27249
|
}
|
|
26867
27250
|
get classList() {
|
|
26868
|
-
return new
|
|
27251
|
+
return new MockTokenList(this, "class");
|
|
27252
|
+
}
|
|
27253
|
+
get part() {
|
|
27254
|
+
return new MockTokenList(this, "part");
|
|
26869
27255
|
}
|
|
26870
27256
|
click() {
|
|
26871
27257
|
dispatchEvent(this, new MockEvent("click", { bubbles: true, cancelable: true, composed: true }));
|
|
@@ -29748,7 +30134,7 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
|
|
|
29748
30134
|
}
|
|
29749
30135
|
set location(val) {
|
|
29750
30136
|
if (this.defaultView != null) {
|
|
29751
|
-
this.defaultView.location = val;
|
|
30137
|
+
this.defaultView.location.href = val;
|
|
29752
30138
|
}
|
|
29753
30139
|
}
|
|
29754
30140
|
get baseURI() {
|