@beeq/core 1.8.0-beta.9 → 1.8.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/README.md +5 -3
- package/dist/beeq/beeq.css +1 -1
- package/dist/beeq/beeq.esm.js +1 -43
- package/dist/beeq/beeq.esm.js.map +1 -1
- package/dist/beeq/index.esm.js +1 -66
- package/dist/beeq/index.esm.js.map +1 -1
- package/dist/beeq/p-00702295.entry.js +6 -0
- package/dist/beeq/p-00702295.entry.js.map +1 -0
- package/dist/beeq/p-01de6133.js +6 -0
- package/dist/beeq/p-01de6133.js.map +1 -0
- package/dist/beeq/p-026fad0d.entry.js +6 -0
- package/dist/beeq/p-026fad0d.entry.js.map +1 -0
- package/dist/beeq/p-07b82e50.js +6 -0
- package/dist/beeq/p-07b82e50.js.map +1 -0
- package/dist/beeq/{p-cfb8829b.entry.js → p-0c0bd129.entry.js} +2 -96
- package/dist/beeq/p-0c0bd129.entry.js.map +1 -0
- package/dist/beeq/p-0c12aa01.entry.js +6 -0
- package/dist/beeq/p-0c12aa01.entry.js.map +1 -0
- package/dist/beeq/p-0cab9a82.entry.js +6 -0
- package/dist/beeq/p-0cab9a82.entry.js.map +1 -0
- package/dist/beeq/p-0f72dbb6.entry.js +6 -0
- package/dist/beeq/p-0f72dbb6.entry.js.map +1 -0
- package/dist/beeq/p-115ed5b2.js +1 -25
- package/dist/beeq/p-115ed5b2.js.map +1 -1
- package/dist/beeq/p-19b7bbe0.entry.js +6 -0
- package/dist/beeq/p-19b7bbe0.entry.js.map +1 -0
- package/dist/beeq/p-19c94c6d.entry.js +6 -0
- package/dist/beeq/p-19c94c6d.entry.js.map +1 -0
- package/dist/beeq/p-1b0cfcd6.entry.js +6 -0
- package/dist/beeq/p-1b0cfcd6.entry.js.map +1 -0
- package/dist/beeq/p-1c8b6eb4.js +1 -12
- package/dist/beeq/p-1c8b6eb4.js.map +1 -1
- package/dist/beeq/p-1cdea079.entry.js +6 -0
- package/dist/beeq/p-1cdea079.entry.js.map +1 -0
- package/dist/beeq/p-1defeea3.js +1 -64
- package/dist/beeq/p-1defeea3.js.map +1 -1
- package/dist/beeq/p-1f3a4359.js +1 -11
- package/dist/beeq/p-1f3a4359.js.map +1 -1
- package/dist/beeq/p-20d91acf.entry.js +6 -0
- package/dist/beeq/p-20d91acf.entry.js.map +1 -0
- package/dist/beeq/p-29d9487c.entry.js +6 -0
- package/dist/beeq/p-29d9487c.entry.js.map +1 -0
- package/dist/beeq/p-2c566eb0.entry.js +6 -0
- package/dist/beeq/p-2c566eb0.entry.js.map +1 -0
- package/dist/beeq/p-2e0e325b.entry.js +6 -0
- package/dist/beeq/p-2e0e325b.entry.js.map +1 -0
- package/dist/beeq/p-2eab5223.entry.js +6 -0
- package/dist/beeq/p-2eab5223.entry.js.map +1 -0
- package/dist/beeq/p-2ef4ed54.entry.js +6 -0
- package/dist/beeq/p-2ef4ed54.entry.js.map +1 -0
- package/dist/beeq/p-36b653f6.entry.js +6 -0
- package/dist/beeq/p-36b653f6.entry.js.map +1 -0
- package/dist/beeq/p-3c472097.js +6 -0
- package/dist/beeq/{p-c6cbb8e2.js.map → p-3c472097.js.map} +1 -1
- package/dist/beeq/p-43dc9906.entry.js +6 -0
- package/dist/beeq/p-43dc9906.entry.js.map +1 -0
- package/dist/{collection/global/scripts/global.js → beeq/p-45800965.js} +2 -2
- package/dist/beeq/p-45800965.js.map +1 -0
- package/dist/beeq/p-4c1f6afc.entry.js +6 -0
- package/dist/beeq/p-4c1f6afc.entry.js.map +1 -0
- package/dist/beeq/p-4c66663c.entry.js +6 -0
- package/dist/beeq/p-4c66663c.entry.js.map +1 -0
- package/dist/beeq/p-4d6a9646.entry.js +6 -0
- package/dist/beeq/p-4d6a9646.entry.js.map +1 -0
- package/dist/beeq/p-55b0aea8.js +6 -0
- package/dist/beeq/p-55b0aea8.js.map +1 -0
- package/dist/beeq/p-57621be1.js +1 -9
- package/dist/beeq/p-57621be1.js.map +1 -1
- package/dist/beeq/p-5c7a719c.entry.js +6 -0
- package/dist/beeq/p-5c7a719c.entry.js.map +1 -0
- package/dist/beeq/p-60094726.js +7 -0
- package/dist/beeq/p-60094726.js.map +1 -0
- package/dist/beeq/p-6079f9b2.entry.js +6 -0
- package/dist/beeq/p-6079f9b2.entry.js.map +1 -0
- package/dist/beeq/p-687da041.js +1 -20
- package/dist/beeq/p-687da041.js.map +1 -1
- package/dist/beeq/p-75cc6789.entry.js +6 -0
- package/dist/beeq/p-75cc6789.entry.js.map +1 -0
- package/dist/beeq/p-7636aff3.entry.js +6 -0
- package/dist/beeq/p-7636aff3.entry.js.map +1 -0
- package/dist/beeq/p-7f124d61.entry.js +6 -0
- package/dist/beeq/p-7f124d61.entry.js.map +1 -0
- package/dist/beeq/p-921fa1ea.entry.js +6 -0
- package/dist/beeq/p-921fa1ea.entry.js.map +1 -0
- package/dist/beeq/p-99829fc7.js +1 -8
- package/dist/beeq/p-99829fc7.js.map +1 -1
- package/dist/beeq/p-a5dc1c94.js +1 -118
- package/dist/beeq/p-a5dc1c94.js.map +1 -1
- package/dist/beeq/p-a7fb6ffd.entry.js +6 -0
- package/dist/beeq/p-a7fb6ffd.entry.js.map +1 -0
- package/dist/beeq/p-a8cad5ab.js +1 -5
- package/dist/beeq/p-a8cad5ab.js.map +1 -1
- package/dist/beeq/p-af062402.js +1 -7
- package/dist/beeq/p-af062402.js.map +1 -1
- package/dist/beeq/p-b83f174c.entry.js +6 -0
- package/dist/beeq/p-b83f174c.entry.js.map +1 -0
- package/dist/beeq/p-c09dac58.entry.js +6 -0
- package/dist/beeq/p-c09dac58.entry.js.map +1 -0
- package/dist/beeq/p-c3a0bd23.js +6 -0
- package/dist/beeq/p-c3a0bd23.js.map +1 -0
- package/dist/beeq/p-c70c6b00.entry.js +6 -0
- package/dist/beeq/p-c70c6b00.entry.js.map +1 -0
- package/dist/beeq/p-c78ae3c2.js +1 -1978
- package/dist/beeq/p-c78ae3c2.js.map +1 -1
- package/dist/beeq/p-cb3b24e6.entry.js +6 -0
- package/dist/beeq/p-cb3b24e6.entry.js.map +1 -0
- package/dist/beeq/{p-16c6ece5.entry.js → p-cf523684.entry.js} +2 -108
- package/dist/beeq/p-cf523684.entry.js.map +1 -0
- package/dist/beeq/p-d7ce7165.js +1 -86
- package/dist/beeq/p-d7ce7165.js.map +1 -1
- package/dist/beeq/p-d8221b88.entry.js +6 -0
- package/dist/beeq/p-d8221b88.entry.js.map +1 -0
- package/dist/beeq/p-d8a257b7.entry.js +6 -0
- package/dist/beeq/p-d8a257b7.entry.js.map +1 -0
- package/dist/beeq/{p-3043c826.entry.js → p-dc544089.entry.js} +2 -129
- package/dist/beeq/p-dc544089.entry.js.map +1 -0
- package/dist/beeq/p-e056c02a.entry.js +6 -0
- package/dist/beeq/p-e056c02a.entry.js.map +1 -0
- package/dist/beeq/p-eb662058.entry.js +6 -0
- package/dist/beeq/p-eb662058.entry.js.map +1 -0
- package/dist/beeq/p-ecd27cf2.js +1 -11
- package/dist/beeq/p-ecd27cf2.js.map +1 -1
- package/dist/beeq/p-f84ae6a1.entry.js +6 -0
- package/dist/beeq/p-f84ae6a1.entry.js.map +1 -0
- package/dist/beeq.html-custom-data.json +2034 -0
- package/dist/cjs/app-globals-42eaedec.js +11 -0
- package/dist/cjs/app-globals-42eaedec.js.map +1 -0
- package/dist/cjs/{assetsPath-2885c838.js → assetsPath-5e03c40e.js} +6 -5
- package/dist/cjs/assetsPath-5e03c40e.js.map +1 -0
- package/dist/cjs/beeq.cjs.js +4 -4
- package/dist/cjs/beeq.cjs.js.map +1 -1
- package/dist/cjs/bq-accordion-group.cjs.entry.js +3 -3
- package/dist/cjs/bq-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-accordion.cjs.entry.js +6 -6
- package/dist/cjs/bq-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-alert.cjs.entry.js +7 -7
- package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-avatar.cjs.entry.js +5 -5
- package/dist/cjs/bq-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-badge.cjs.entry.js +5 -4
- package/dist/cjs/bq-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +4 -11
- package/dist/cjs/bq-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-breadcrumb.cjs.entry.js +20 -38
- package/dist/cjs/bq-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-button_2.cjs.entry.js +10 -9
- package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-card.cjs.entry.js +4 -4
- package/dist/cjs/bq-card.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-checkbox.cjs.entry.js +9 -11
- package/dist/cjs/bq-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-date-picker.cjs.entry.js +59 -15
- package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-dialog.cjs.entry.js +6 -6
- package/dist/cjs/bq-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-divider.cjs.entry.js +8 -7
- package/dist/cjs/bq-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-drawer.cjs.entry.js +6 -6
- package/dist/cjs/bq-drawer.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-dropdown_2.cjs.entry.js +5 -5
- package/dist/cjs/bq-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-empty-state.cjs.entry.js +7 -7
- package/dist/cjs/bq-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-input.cjs.entry.js +42 -17
- package/dist/cjs/bq-input.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-notification.cjs.entry.js +11 -6
- package/dist/cjs/bq-notification.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-option-group.cjs.entry.js +2 -2
- package/dist/cjs/bq-option-group.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-option-list_2.cjs.entry.js +9 -8
- package/dist/cjs/bq-option-list_2.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-option.cjs.entry.js +5 -5
- package/dist/cjs/bq-option.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-page-title.cjs.entry.js +3 -3
- package/dist/cjs/bq-page-title.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-progress.cjs.entry.js +13 -12
- package/dist/cjs/bq-progress.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-radio-group.cjs.entry.js +68 -25
- package/dist/cjs/bq-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-radio.cjs.entry.js +10 -4
- package/dist/cjs/bq-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-select.cjs.entry.js +7 -7
- package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-side-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/bq-side-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-side-menu.cjs.entry.js +7 -4
- package/dist/cjs/bq-side-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-slider.cjs.entry.js +23 -9
- package/dist/cjs/bq-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-spinner.cjs.entry.js +9 -8
- package/dist/cjs/bq-spinner.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-status.cjs.entry.js +3 -3
- package/dist/cjs/bq-status.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-step-item.cjs.entry.js +8 -8
- package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-steps.cjs.entry.js +2 -2
- package/dist/cjs/bq-steps.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-switch.cjs.entry.js +57 -5
- package/dist/cjs/bq-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-tab-group.cjs.entry.js +9 -9
- package/dist/cjs/bq-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-tab.cjs.entry.js +9 -9
- package/dist/cjs/bq-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-textarea.cjs.entry.js +62 -13
- package/dist/cjs/bq-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-toast.cjs.entry.js +9 -4
- package/dist/cjs/bq-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/bq-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/{app-globals-b11284b9.js → cally-9297cdd8.js} +5 -6
- package/dist/cjs/cally-9297cdd8.js.map +1 -0
- package/dist/cjs/{cssVariables-dd190bc2.js → cssVariables-55ad4942.js} +4 -2
- package/dist/cjs/cssVariables-55ad4942.js.map +1 -0
- package/dist/cjs/{index-34edf639.js → index-c4edfa07.js} +787 -565
- package/dist/cjs/index-c4edfa07.js.map +1 -0
- package/dist/cjs/index.cjs.js +6 -4
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/isClient-c22372aa.js +17 -0
- package/dist/cjs/isClient-c22372aa.js.map +1 -0
- package/dist/cjs/{isDefined-869f6a26.js → isDefined-e538d669.js} +2 -2
- package/dist/cjs/{isDefined-869f6a26.js.map → isDefined-e538d669.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +2 -3
- package/dist/collection/components/accordion/bq-accordion.js +117 -18
- package/dist/collection/components/accordion/bq-accordion.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 +36 -1
- package/dist/collection/components/accordion-group/bq-accordion-group.js.map +1 -1
- package/dist/collection/components/accordion-group/scss/bq-accordion-group.css +1 -1
- package/dist/collection/components/alert/bq-alert.js +92 -10
- package/dist/collection/components/alert/bq-alert.js.map +1 -1
- package/dist/collection/components/alert/scss/bq-alert.css +1 -1
- package/dist/collection/components/avatar/bq-avatar.js +66 -4
- package/dist/collection/components/avatar/bq-avatar.js.map +1 -1
- package/dist/collection/components/avatar/scss/bq-avatar.css +1 -1
- package/dist/collection/components/badge/bq-badge.js +36 -2
- package/dist/collection/components/badge/bq-badge.js.map +1 -1
- package/dist/collection/components/breadcrumb/bq-breadcrumb.js +43 -119
- package/dist/collection/components/breadcrumb/bq-breadcrumb.js.map +1 -1
- package/dist/collection/components/breadcrumb/scss/bq-breadcrumb.css +1 -1
- package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js +50 -46
- package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js.map +1 -1
- package/dist/collection/components/breadcrumb-item/scss/bq-breadcrumb-item.css +1 -1
- package/dist/collection/components/button/bq-button.js +79 -4
- 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 +37 -3
- package/dist/collection/components/card/bq-card.js.map +1 -1
- package/dist/collection/components/card/scss/bq-card.css +1 -1
- package/dist/collection/components/checkbox/bq-checkbox.js +62 -9
- package/dist/collection/components/checkbox/bq-checkbox.js.map +1 -1
- package/dist/collection/components/checkbox/scss/bq-checkbox.css +1 -1
- package/dist/collection/components/date-picker/bq-date-picker.js +233 -42
- package/dist/collection/components/date-picker/bq-date-picker.js.map +1 -1
- package/dist/collection/components/date-picker/scss/bq-date-picker.css +1 -1
- package/dist/collection/components/dialog/bq-dialog.js +96 -12
- package/dist/collection/components/dialog/bq-dialog.js.map +1 -1
- package/dist/collection/components/dialog/scss/bq-dialog.css +1 -1
- package/dist/collection/components/divider/bq-divider.js +53 -8
- package/dist/collection/components/divider/bq-divider.js.map +1 -1
- package/dist/collection/components/divider/scss/bq-divider.css +1 -1
- package/dist/collection/components/drawer/bq-drawer.js +75 -13
- package/dist/collection/components/drawer/bq-drawer.js.map +1 -1
- package/dist/collection/components/drawer/scss/bq-drawer.css +1 -1
- package/dist/collection/components/dropdown/bq-dropdown.js +70 -4
- package/dist/collection/components/dropdown/bq-dropdown.js.map +1 -1
- package/dist/collection/components/dropdown/scss/bq-dropdown.css +1 -1
- package/dist/collection/components/empty-state/bq-empty-state.js +25 -5
- package/dist/collection/components/empty-state/bq-empty-state.js.map +1 -1
- package/dist/collection/components/empty-state/scss/bq-empty-state.css +1 -1
- package/dist/collection/components/icon/bq-icon.js +34 -2
- package/dist/collection/components/icon/bq-icon.js.map +1 -1
- package/dist/collection/components/input/bq-input.js +176 -14
- package/dist/collection/components/input/bq-input.js.map +1 -1
- package/dist/collection/components/input/scss/bq-input.css +1 -1
- package/dist/collection/components/notification/bq-notification.js +80 -10
- package/dist/collection/components/notification/bq-notification.js.map +1 -1
- package/dist/collection/components/notification/scss/bq-notification.css +1 -1
- package/dist/collection/components/option/bq-option.js +52 -4
- package/dist/collection/components/option/bq-option.js.map +1 -1
- package/dist/collection/components/option-group/bq-option-group.js +32 -1
- package/dist/collection/components/option-group/bq-option-group.js.map +1 -1
- package/dist/collection/components/option-list/bq-option-list.js +24 -1
- package/dist/collection/components/option-list/bq-option-list.js.map +1 -1
- package/dist/collection/components/option-list/scss/bq-option-list.css +1 -1
- package/dist/collection/components/page-title/bq-page-title.js +39 -2
- package/dist/collection/components/page-title/bq-page-title.js.map +1 -1
- package/dist/collection/components/panel/bq-panel.js +44 -1
- package/dist/collection/components/panel/bq-panel.js.map +1 -1
- package/dist/collection/components/panel/scss/bq-panel.css +1 -1
- package/dist/collection/components/progress/bq-progress.js +108 -69
- package/dist/collection/components/progress/bq-progress.js.map +1 -1
- package/dist/collection/components/progress/scss/bq-progress.css +1 -1
- package/dist/collection/components/radio/bq-radio.js +76 -2
- package/dist/collection/components/radio/bq-radio.js.map +1 -1
- package/dist/collection/components/radio/scss/bq-radio.css +1 -1
- package/dist/collection/components/radio-group/bq-radio-group.js +187 -57
- package/dist/collection/components/radio-group/bq-radio-group.js.map +1 -1
- package/dist/collection/components/radio-group/scss/bq-radio-group.css +1 -1
- package/dist/collection/components/select/bq-select.js +134 -5
- 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 +56 -3
- 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 +43 -0
- package/dist/collection/components/side-menu-item/bq-side-menu-item.js.map +1 -1
- package/dist/collection/components/side-menu-item/scss/bq-side-menu-item.css +1 -1
- package/dist/collection/components/slider/bq-slider.js +89 -7
- package/dist/collection/components/slider/bq-slider.js.map +1 -1
- package/dist/collection/components/slider/scss/bq-slider.css +1 -1
- package/dist/collection/components/spinner/bq-spinner.js +37 -5
- package/dist/collection/components/spinner/bq-spinner.js.map +1 -1
- package/dist/collection/components/spinner/scss/bq-spinner.css +1 -1
- package/dist/collection/components/status/bq-status.js +24 -4
- package/dist/collection/components/status/bq-status.js.map +1 -1
- package/dist/collection/components/status/scss/bq-status.css +1 -1
- package/dist/collection/components/step-item/bq-step-item.js +44 -6
- package/dist/collection/components/step-item/bq-step-item.js.map +1 -1
- package/dist/collection/components/step-item/scss/bq-step-item.css +1 -1
- package/dist/collection/components/steps/bq-steps.js +34 -1
- package/dist/collection/components/steps/bq-steps.js.map +1 -1
- package/dist/collection/components/switch/bq-switch.js +125 -4
- package/dist/collection/components/switch/bq-switch.js.map +1 -1
- package/dist/collection/components/switch/scss/bq-switch.css +1 -1
- package/dist/collection/components/tab/bq-tab.js +102 -43
- package/dist/collection/components/tab/bq-tab.js.map +1 -1
- package/dist/collection/components/tab/scss/bq-tab.css +1 -1
- package/dist/collection/components/tab-group/bq-tab-group.js +84 -46
- package/dist/collection/components/tab-group/bq-tab-group.js.map +1 -1
- package/dist/collection/components/tab-group/scss/bq-tab-group.css +1 -1
- package/dist/collection/components/tag/bq-tag.js +70 -3
- package/dist/collection/components/tag/bq-tag.js.map +1 -1
- package/dist/collection/components/tag/scss/bq-tag.css +1 -1
- package/dist/collection/components/textarea/bq-textarea.js +176 -11
- package/dist/collection/components/textarea/bq-textarea.js.map +1 -1
- package/dist/collection/components/textarea/scss/bq-textarea.css +1 -1
- package/dist/collection/components/toast/bq-toast.js +67 -6
- package/dist/collection/components/toast/bq-toast.js.map +1 -1
- package/dist/collection/components/tooltip/bq-tooltip.js +55 -1
- package/dist/collection/components/tooltip/bq-tooltip.js.map +1 -1
- package/dist/collection/shared/utils/assetsPath.js +4 -3
- package/dist/collection/shared/utils/assetsPath.js.map +1 -1
- package/dist/collection/shared/utils/cssVariables.js +2 -1
- package/dist/collection/shared/utils/cssVariables.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/isClient.js +12 -0
- package/dist/collection/shared/utils/isClient.js.map +1 -0
- package/dist/collection/tools/generate-custom-elements-json.js +8 -7
- package/dist/collection/tools/generate-custom-elements-json.js.map +1 -1
- package/dist/components/bq-accordion-group.js +1 -114
- package/dist/components/bq-accordion-group.js.map +1 -1
- package/dist/components/bq-accordion.js +1 -311
- package/dist/components/bq-accordion.js.map +1 -1
- package/dist/components/bq-alert.js +1 -220
- package/dist/components/bq-alert.js.map +1 -1
- package/dist/components/bq-avatar.js +1 -139
- package/dist/components/bq-avatar.js.map +1 -1
- package/dist/components/bq-badge.js +1 -7
- package/dist/components/bq-badge.js.map +1 -1
- package/dist/components/bq-breadcrumb-item.js +1 -96
- package/dist/components/bq-breadcrumb-item.js.map +1 -1
- package/dist/components/bq-breadcrumb.js +1 -112
- package/dist/components/bq-breadcrumb.js.map +1 -1
- package/dist/components/bq-button.js +1 -7
- package/dist/components/bq-button.js.map +1 -1
- package/dist/components/bq-card.js +1 -86
- package/dist/components/bq-card.js.map +1 -1
- package/dist/components/bq-checkbox.js +1 -207
- package/dist/components/bq-checkbox.js.map +1 -1
- package/dist/components/bq-date-picker.js +1 -390
- package/dist/components/bq-date-picker.js.map +1 -1
- package/dist/components/bq-dialog.js +1 -252
- package/dist/components/bq-dialog.js.map +1 -1
- package/dist/components/bq-divider.js +1 -7
- package/dist/components/bq-divider.js.map +1 -1
- package/dist/components/bq-drawer.js +1 -249
- package/dist/components/bq-drawer.js.map +1 -1
- package/dist/components/bq-dropdown.js +1 -7
- package/dist/components/bq-dropdown.js.map +1 -1
- package/dist/components/bq-empty-state.js +1 -125
- package/dist/components/bq-empty-state.js.map +1 -1
- package/dist/components/bq-icon.js +1 -7
- package/dist/components/bq-icon.js.map +1 -1
- package/dist/components/bq-input.js +1 -266
- package/dist/components/bq-input.js.map +1 -1
- package/dist/components/bq-notification.js +1 -245
- package/dist/components/bq-notification.js.map +1 -1
- package/dist/components/bq-option-group.js +1 -64
- package/dist/components/bq-option-group.js.map +1 -1
- package/dist/components/bq-option-list.js +1 -7
- package/dist/components/bq-option-list.js.map +1 -1
- package/dist/components/bq-option.js +1 -137
- package/dist/components/bq-option.js.map +1 -1
- package/dist/components/bq-page-title.js +1 -82
- package/dist/components/bq-page-title.js.map +1 -1
- package/dist/components/bq-panel.js +1 -7
- package/dist/components/bq-panel.js.map +1 -1
- package/dist/components/bq-progress.js +1 -129
- package/dist/components/bq-progress.js.map +1 -1
- package/dist/components/bq-radio-group.js +1 -207
- package/dist/components/bq-radio-group.js.map +1 -1
- package/dist/components/bq-radio.js +1 -136
- package/dist/components/bq-radio.js.map +1 -1
- package/dist/components/bq-select.js +1 -452
- package/dist/components/bq-select.js.map +1 -1
- package/dist/components/bq-side-menu-item.js +1 -125
- package/dist/components/bq-side-menu-item.js.map +1 -1
- package/dist/components/bq-side-menu.js +1 -144
- package/dist/components/bq-side-menu.js.map +1 -1
- package/dist/components/bq-slider.js +1 -307
- package/dist/components/bq-slider.js.map +1 -1
- package/dist/components/bq-spinner.js +1 -167
- package/dist/components/bq-spinner.js.map +1 -1
- package/dist/components/bq-status.js +1 -82
- package/dist/components/bq-status.js.map +1 -1
- package/dist/components/bq-step-item.js +1 -119
- package/dist/components/bq-step-item.js.map +1 -1
- package/dist/components/bq-steps.js +1 -108
- package/dist/components/bq-steps.js.map +1 -1
- package/dist/components/bq-switch.js +1 -175
- package/dist/components/bq-switch.js.map +1 -1
- package/dist/components/bq-tab-group.js +1 -232
- package/dist/components/bq-tab-group.js.map +1 -1
- package/dist/components/bq-tab.js +1 -170
- package/dist/components/bq-tab.js.map +1 -1
- package/dist/components/bq-tag.js +1 -7
- package/dist/components/bq-tag.js.map +1 -1
- package/dist/components/bq-textarea.js +1 -210
- package/dist/components/bq-textarea.js.map +1 -1
- package/dist/components/bq-toast.js +1 -213
- package/dist/components/bq-toast.js.map +1 -1
- package/dist/components/bq-tooltip.js +1 -7
- package/dist/components/bq-tooltip.js.map +1 -1
- package/dist/components/index.js +1 -1246
- package/dist/components/index.js.map +1 -1
- package/dist/components/p-07b82e50.js +6 -0
- package/dist/components/p-07b82e50.js.map +1 -0
- package/dist/components/p-1566efe3.js +6 -0
- package/dist/components/p-1566efe3.js.map +1 -0
- package/dist/components/p-1c8b6eb4.js +6 -0
- package/dist/components/p-1c8b6eb4.js.map +1 -0
- package/dist/components/p-1defeea3.js +6 -0
- package/dist/components/p-1defeea3.js.map +1 -0
- package/dist/components/p-27c1b08e.js +6 -0
- package/dist/components/p-27c1b08e.js.map +1 -0
- package/dist/components/p-28da2321.js +6 -0
- package/dist/components/p-28da2321.js.map +1 -0
- package/dist/components/p-33371480.js +6 -0
- package/dist/components/p-33371480.js.map +1 -0
- package/dist/components/p-55b0aea8.js +6 -0
- package/dist/components/p-55b0aea8.js.map +1 -0
- package/dist/components/p-57621be1.js +6 -0
- package/dist/components/p-57621be1.js.map +1 -0
- package/dist/components/p-5940b410.js +7 -0
- package/dist/components/p-5940b410.js.map +1 -0
- package/dist/components/p-603c898d.js +6 -0
- package/dist/components/p-603c898d.js.map +1 -0
- package/dist/components/p-687da041.js +6 -0
- package/dist/components/p-687da041.js.map +1 -0
- package/dist/components/p-78d23ddc.js +6 -0
- package/dist/components/p-78d23ddc.js.map +1 -0
- package/dist/components/p-7d7f1f7e.js +6 -0
- package/dist/components/p-7d7f1f7e.js.map +1 -0
- package/dist/components/p-93c16753.js +6 -0
- package/dist/components/p-93c16753.js.map +1 -0
- package/dist/components/p-99829fc7.js +6 -0
- package/dist/components/p-99829fc7.js.map +1 -0
- package/dist/components/p-a5dc1c94.js +6 -0
- package/dist/components/p-a5dc1c94.js.map +1 -0
- package/dist/components/p-a8cad5ab.js +6 -0
- package/dist/components/p-a8cad5ab.js.map +1 -0
- package/dist/components/p-af062402.js +6 -0
- package/dist/components/p-af062402.js.map +1 -0
- package/dist/components/p-c2d43340.js +6 -0
- package/dist/components/p-c2d43340.js.map +1 -0
- package/dist/components/p-c3a0bd23.js +6 -0
- package/dist/components/p-c3a0bd23.js.map +1 -0
- package/dist/components/p-c78ae3c2.js +6 -0
- package/dist/components/p-c78ae3c2.js.map +1 -0
- package/dist/components/p-cf496927.js +6 -0
- package/dist/components/p-cf496927.js.map +1 -0
- package/dist/components/p-d62fdbae.js +6 -0
- package/dist/components/p-d62fdbae.js.map +1 -0
- package/dist/components/p-d7ce7165.js +6 -0
- package/dist/components/p-d7ce7165.js.map +1 -0
- package/dist/components/p-ecd27cf2.js +6 -0
- package/dist/components/p-ecd27cf2.js.map +1 -0
- package/dist/custom-elements.json +17559 -0
- package/dist/esm/app-globals-7655df21.js +9 -0
- package/dist/esm/app-globals-7655df21.js.map +1 -0
- package/dist/esm/{assetsPath-630898a9.js → assetsPath-eed21007.js} +6 -5
- package/dist/esm/assetsPath-eed21007.js.map +1 -0
- package/dist/esm/beeq.js +5 -5
- package/dist/esm/beeq.js.map +1 -1
- package/dist/esm/bq-accordion-group.entry.js +3 -3
- package/dist/esm/bq-accordion-group.entry.js.map +1 -1
- package/dist/esm/bq-accordion.entry.js +6 -6
- package/dist/esm/bq-accordion.entry.js.map +1 -1
- package/dist/esm/bq-alert.entry.js +7 -7
- package/dist/esm/bq-alert.entry.js.map +1 -1
- package/dist/esm/bq-avatar.entry.js +5 -5
- package/dist/esm/bq-avatar.entry.js.map +1 -1
- package/dist/esm/bq-badge.entry.js +5 -4
- package/dist/esm/bq-badge.entry.js.map +1 -1
- package/dist/esm/bq-breadcrumb-item.entry.js +4 -11
- package/dist/esm/bq-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/bq-breadcrumb.entry.js +20 -38
- package/dist/esm/bq-breadcrumb.entry.js.map +1 -1
- package/dist/esm/bq-button_2.entry.js +10 -9
- package/dist/esm/bq-button_2.entry.js.map +1 -1
- package/dist/esm/bq-card.entry.js +4 -4
- package/dist/esm/bq-card.entry.js.map +1 -1
- package/dist/esm/bq-checkbox.entry.js +9 -11
- package/dist/esm/bq-checkbox.entry.js.map +1 -1
- package/dist/esm/bq-date-picker.entry.js +59 -15
- package/dist/esm/bq-date-picker.entry.js.map +1 -1
- package/dist/esm/bq-dialog.entry.js +6 -6
- package/dist/esm/bq-dialog.entry.js.map +1 -1
- package/dist/esm/bq-divider.entry.js +8 -7
- package/dist/esm/bq-divider.entry.js.map +1 -1
- package/dist/esm/bq-drawer.entry.js +6 -6
- package/dist/esm/bq-drawer.entry.js.map +1 -1
- package/dist/esm/bq-dropdown_2.entry.js +5 -5
- package/dist/esm/bq-dropdown_2.entry.js.map +1 -1
- package/dist/esm/bq-empty-state.entry.js +7 -7
- package/dist/esm/bq-empty-state.entry.js.map +1 -1
- package/dist/esm/bq-input.entry.js +42 -17
- package/dist/esm/bq-input.entry.js.map +1 -1
- package/dist/esm/bq-notification.entry.js +11 -6
- package/dist/esm/bq-notification.entry.js.map +1 -1
- package/dist/esm/bq-option-group.entry.js +2 -2
- package/dist/esm/bq-option-group.entry.js.map +1 -1
- package/dist/esm/bq-option-list_2.entry.js +9 -8
- package/dist/esm/bq-option-list_2.entry.js.map +1 -1
- package/dist/esm/bq-option.entry.js +5 -5
- package/dist/esm/bq-option.entry.js.map +1 -1
- package/dist/esm/bq-page-title.entry.js +3 -3
- package/dist/esm/bq-page-title.entry.js.map +1 -1
- package/dist/esm/bq-progress.entry.js +13 -12
- package/dist/esm/bq-progress.entry.js.map +1 -1
- package/dist/esm/bq-radio-group.entry.js +68 -25
- package/dist/esm/bq-radio-group.entry.js.map +1 -1
- package/dist/esm/bq-radio.entry.js +10 -4
- package/dist/esm/bq-radio.entry.js.map +1 -1
- package/dist/esm/bq-select.entry.js +7 -7
- package/dist/esm/bq-select.entry.js.map +1 -1
- package/dist/esm/bq-side-menu-item.entry.js +2 -2
- package/dist/esm/bq-side-menu-item.entry.js.map +1 -1
- package/dist/esm/bq-side-menu.entry.js +7 -4
- package/dist/esm/bq-side-menu.entry.js.map +1 -1
- package/dist/esm/bq-slider.entry.js +23 -9
- package/dist/esm/bq-slider.entry.js.map +1 -1
- package/dist/esm/bq-spinner.entry.js +9 -8
- 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 +8 -8
- package/dist/esm/bq-step-item.entry.js.map +1 -1
- package/dist/esm/bq-steps.entry.js +2 -2
- package/dist/esm/bq-steps.entry.js.map +1 -1
- package/dist/esm/bq-switch.entry.js +57 -5
- package/dist/esm/bq-switch.entry.js.map +1 -1
- package/dist/esm/bq-tab-group.entry.js +9 -9
- package/dist/esm/bq-tab-group.entry.js.map +1 -1
- package/dist/esm/bq-tab.entry.js +9 -9
- package/dist/esm/bq-tab.entry.js.map +1 -1
- package/dist/esm/bq-textarea.entry.js +62 -13
- package/dist/esm/bq-textarea.entry.js.map +1 -1
- package/dist/esm/bq-toast.entry.js +9 -4
- package/dist/esm/bq-toast.entry.js.map +1 -1
- package/dist/esm/bq-tooltip.entry.js +2 -2
- package/dist/esm/bq-tooltip.entry.js.map +1 -1
- package/dist/esm/{app-globals-de5a646b.js → cally-1a3258d6.js} +2 -6
- package/dist/esm/cally-1a3258d6.js.map +1 -0
- package/dist/esm/{cssVariables-000c23ad.js → cssVariables-3665b51c.js} +4 -2
- package/dist/esm/cssVariables-3665b51c.js.map +1 -0
- package/dist/esm/{index-033f1efb.js → index-c7d02072.js} +787 -565
- package/dist/esm/index-c7d02072.js.map +1 -0
- package/dist/esm/index.js +6 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/isClient-c6eae7ba.js +15 -0
- package/dist/esm/isClient-c6eae7ba.js.map +1 -0
- package/dist/esm/{isDefined-f356f816.js → isDefined-48de6db5.js} +2 -2
- package/dist/esm/{isDefined-f356f816.js.map → isDefined-48de6db5.js.map} +1 -1
- package/dist/esm/loader.js +4 -4
- package/dist/hydrate/index.js +12770 -10546
- package/dist/hydrate/index.mjs +12770 -10546
- package/dist/stencil.config.js +17 -4
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/accordion/bq-accordion.d.ts +100 -10
- package/dist/types/components/accordion-group/bq-accordion-group.d.ts +25 -0
- package/dist/types/components/alert/bq-alert.d.ts +71 -5
- package/dist/types/components/avatar/bq-avatar.d.ts +51 -1
- package/dist/types/components/badge/bq-badge.d.ts +28 -0
- package/dist/types/components/breadcrumb/bq-breadcrumb.d.ts +25 -17
- package/dist/types/components/breadcrumb-item/bq-breadcrumb-item.d.ts +43 -10
- package/dist/types/components/button/bq-button.d.ts +51 -0
- package/dist/types/components/card/bq-card.d.ts +31 -1
- package/dist/types/components/checkbox/bq-checkbox.d.ts +37 -1
- package/dist/types/components/date-picker/bq-date-picker.d.ts +118 -28
- package/dist/types/components/dialog/bq-dialog.d.ts +76 -8
- package/dist/types/components/divider/bq-divider.d.ts +31 -4
- package/dist/types/components/drawer/bq-drawer.d.ts +59 -9
- package/dist/types/components/dropdown/bq-dropdown.d.ts +51 -3
- package/dist/types/components/empty-state/bq-empty-state.d.ts +18 -0
- package/dist/types/components/icon/bq-icon.d.ts +21 -1
- package/dist/types/components/input/bq-input.d.ts +77 -0
- package/dist/types/components/notification/bq-notification.d.ts +57 -5
- package/dist/types/components/option/bq-option.d.ts +40 -0
- package/dist/types/components/option-group/bq-option-group.d.ts +31 -0
- package/dist/types/components/option-list/bq-option-list.d.ts +21 -0
- package/dist/types/components/page-title/bq-page-title.d.ts +37 -0
- package/dist/types/components/panel/bq-panel.d.ts +31 -0
- package/dist/types/components/progress/bq-progress.d.ts +33 -9
- package/dist/types/components/radio/bq-radio.d.ts +37 -0
- package/dist/types/components/radio-group/bq-radio-group.d.ts +53 -10
- package/dist/types/components/select/bq-select.d.ts +85 -0
- package/dist/types/components/side-menu/bq-side-menu.d.ts +45 -0
- package/dist/types/components/side-menu-item/bq-side-menu-item.d.ts +37 -0
- package/dist/types/components/slider/bq-slider.d.ts +39 -1
- package/dist/types/components/spinner/bq-spinner.d.ts +26 -0
- package/dist/types/components/status/bq-status.d.ts +21 -3
- package/dist/types/components/step-item/bq-step-item.d.ts +32 -0
- package/dist/types/components/steps/bq-steps.d.ts +27 -0
- package/dist/types/components/switch/bq-switch.d.ts +43 -0
- package/dist/types/components/tab/bq-tab.d.ts +47 -5
- package/dist/types/components/tab-group/bq-tab-group.d.ts +34 -8
- package/dist/types/components/tag/bq-tag.d.ts +49 -0
- package/dist/types/components/textarea/bq-textarea.d.ts +74 -0
- package/dist/types/components/toast/bq-toast.d.ts +47 -2
- package/dist/types/components/tooltip/bq-tooltip.d.ts +40 -0
- package/dist/types/components.d.ts +5795 -71
- package/dist/types/global.d.ts +26 -0
- package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/packages/beeq/.stencil/tailwind.config.d.ts +104 -78
- package/dist/types/shared/utils/index.d.ts +1 -0
- package/dist/types/shared/utils/isClient.d.ts +5 -0
- package/dist/types/stencil-public-runtime.d.ts +2 -0
- package/dist/types/tools/generate-custom-elements-json.d.ts +1 -1
- package/package.json +24 -24
- package/dist/beeq/p-01df4baa.js +0 -1826
- package/dist/beeq/p-01df4baa.js.map +0 -1
- package/dist/beeq/p-01fe8efb.entry.js +0 -182
- package/dist/beeq/p-01fe8efb.entry.js.map +0 -1
- package/dist/beeq/p-03373320.entry.js +0 -318
- package/dist/beeq/p-03373320.entry.js.map +0 -1
- package/dist/beeq/p-03c586df.entry.js +0 -292
- package/dist/beeq/p-03c586df.entry.js.map +0 -1
- package/dist/beeq/p-0a981080.entry.js +0 -154
- package/dist/beeq/p-0a981080.entry.js.map +0 -1
- package/dist/beeq/p-0ce76c54.entry.js +0 -103
- package/dist/beeq/p-0ce76c54.entry.js.map +0 -1
- package/dist/beeq/p-119526cc.entry.js +0 -272
- package/dist/beeq/p-119526cc.entry.js.map +0 -1
- package/dist/beeq/p-16c6ece5.entry.js.map +0 -1
- package/dist/beeq/p-3043c826.entry.js.map +0 -1
- package/dist/beeq/p-38e70f78.entry.js +0 -133
- package/dist/beeq/p-38e70f78.entry.js.map +0 -1
- package/dist/beeq/p-398bfb48.entry.js +0 -242
- package/dist/beeq/p-398bfb48.entry.js.map +0 -1
- package/dist/beeq/p-3fd0d92d.js +0 -1233
- package/dist/beeq/p-3fd0d92d.js.map +0 -1
- package/dist/beeq/p-41ac1d84.entry.js +0 -195
- package/dist/beeq/p-41ac1d84.entry.js.map +0 -1
- package/dist/beeq/p-4eabcd51.entry.js +0 -82
- package/dist/beeq/p-4eabcd51.entry.js.map +0 -1
- package/dist/beeq/p-5ff6621d.entry.js +0 -134
- package/dist/beeq/p-5ff6621d.entry.js.map +0 -1
- package/dist/beeq/p-60cbc966.entry.js +0 -85
- package/dist/beeq/p-60cbc966.entry.js.map +0 -1
- package/dist/beeq/p-67a7b85a.entry.js +0 -528
- package/dist/beeq/p-67a7b85a.entry.js.map +0 -1
- package/dist/beeq/p-68ff188d.entry.js +0 -144
- package/dist/beeq/p-68ff188d.entry.js.map +0 -1
- package/dist/beeq/p-69c766a3.entry.js +0 -213
- package/dist/beeq/p-69c766a3.entry.js.map +0 -1
- package/dist/beeq/p-7d789231.entry.js +0 -347
- package/dist/beeq/p-7d789231.entry.js.map +0 -1
- package/dist/beeq/p-8512b8ee.entry.js +0 -455
- package/dist/beeq/p-8512b8ee.entry.js.map +0 -1
- package/dist/beeq/p-8b16f130.entry.js +0 -210
- package/dist/beeq/p-8b16f130.entry.js.map +0 -1
- package/dist/beeq/p-9cab14ee.entry.js +0 -119
- package/dist/beeq/p-9cab14ee.entry.js.map +0 -1
- package/dist/beeq/p-a23b23c4.entry.js +0 -213
- package/dist/beeq/p-a23b23c4.entry.js.map +0 -1
- package/dist/beeq/p-aacaaa35.entry.js +0 -209
- package/dist/beeq/p-aacaaa35.entry.js.map +0 -1
- package/dist/beeq/p-b2df1479.entry.js +0 -270
- package/dist/beeq/p-b2df1479.entry.js.map +0 -1
- package/dist/beeq/p-b48788b5.js +0 -72
- package/dist/beeq/p-b48788b5.js.map +0 -1
- package/dist/beeq/p-b77b52f2.entry.js +0 -188
- package/dist/beeq/p-b77b52f2.entry.js.map +0 -1
- package/dist/beeq/p-c6cbb8e2.js +0 -16
- package/dist/beeq/p-c83bc7fd.entry.js +0 -157
- package/dist/beeq/p-c83bc7fd.entry.js.map +0 -1
- package/dist/beeq/p-cb2b0014.entry.js +0 -363
- package/dist/beeq/p-cb2b0014.entry.js.map +0 -1
- package/dist/beeq/p-cb917e68.entry.js +0 -177
- package/dist/beeq/p-cb917e68.entry.js.map +0 -1
- package/dist/beeq/p-cfb8829b.entry.js.map +0 -1
- package/dist/beeq/p-d7067dae.entry.js +0 -151
- package/dist/beeq/p-d7067dae.entry.js.map +0 -1
- package/dist/beeq/p-d7dc7086.entry.js +0 -267
- package/dist/beeq/p-d7dc7086.entry.js.map +0 -1
- package/dist/beeq/p-e707bd79.entry.js +0 -458
- package/dist/beeq/p-e707bd79.entry.js.map +0 -1
- package/dist/beeq/p-e76e346b.entry.js +0 -334
- package/dist/beeq/p-e76e346b.entry.js.map +0 -1
- package/dist/beeq/p-edfd9767.js +0 -31
- package/dist/beeq/p-edfd9767.js.map +0 -1
- package/dist/beeq/p-f11a3beb.entry.js +0 -90
- package/dist/beeq/p-f11a3beb.entry.js.map +0 -1
- package/dist/beeq/p-f1d6a960.entry.js +0 -271
- package/dist/beeq/p-f1d6a960.entry.js.map +0 -1
- package/dist/beeq/p-f350516b.entry.js +0 -154
- package/dist/beeq/p-f350516b.entry.js.map +0 -1
- package/dist/beeq/p-f979d79a.entry.js +0 -120
- package/dist/beeq/p-f979d79a.entry.js.map +0 -1
- package/dist/beeq/p-faa3be41.entry.js +0 -159
- package/dist/beeq/p-faa3be41.entry.js.map +0 -1
- package/dist/beeq/p-fe278ecc.entry.js +0 -267
- package/dist/beeq/p-fe278ecc.entry.js.map +0 -1
- package/dist/cjs/app-globals-b11284b9.js.map +0 -1
- package/dist/cjs/assetsPath-2885c838.js.map +0 -1
- package/dist/cjs/cssVariables-dd190bc2.js.map +0 -1
- package/dist/cjs/index-34edf639.js.map +0 -1
- package/dist/collection/global/scripts/global.js.map +0 -1
- package/dist/components/bq-badge2.js +0 -125
- package/dist/components/bq-badge2.js.map +0 -1
- package/dist/components/bq-button2.js +0 -208
- package/dist/components/bq-button2.js.map +0 -1
- package/dist/components/bq-divider2.js +0 -159
- package/dist/components/bq-divider2.js.map +0 -1
- package/dist/components/bq-dropdown2.js +0 -155
- package/dist/components/bq-dropdown2.js.map +0 -1
- package/dist/components/bq-icon2.js +0 -315
- package/dist/components/bq-icon2.js.map +0 -1
- package/dist/components/bq-option-list2.js +0 -76
- package/dist/components/bq-option-list2.js.map +0 -1
- package/dist/components/bq-panel2.js +0 -135
- package/dist/components/bq-panel2.js.map +0 -1
- package/dist/components/bq-steps.types.js +0 -10
- package/dist/components/bq-steps.types.js.map +0 -1
- package/dist/components/bq-tab.types.js +0 -11
- package/dist/components/bq-tab.types.js.map +0 -1
- package/dist/components/bq-tag2.js +0 -271
- package/dist/components/bq-tag2.js.map +0 -1
- package/dist/components/bq-tooltip2.js +0 -178
- package/dist/components/bq-tooltip2.js.map +0 -1
- package/dist/components/cssVariables.js +0 -34
- package/dist/components/cssVariables.js.map +0 -1
- package/dist/components/debounce.js +0 -73
- package/dist/components/debounce.js.map +0 -1
- package/dist/components/event.js +0 -18
- package/dist/components/event.js.map +0 -1
- package/dist/components/index2.js +0 -2138
- package/dist/components/index2.js.map +0 -1
- package/dist/components/isDefined.js +0 -19
- package/dist/components/isDefined.js.map +0 -1
- package/dist/components/isHTMLElement.js +0 -17
- package/dist/components/isHTMLElement.js.map +0 -1
- package/dist/components/isNil.js +0 -16
- package/dist/components/isNil.js.map +0 -1
- package/dist/components/isString.js +0 -21
- package/dist/components/isString.js.map +0 -1
- package/dist/components/props.js +0 -27
- package/dist/components/props.js.map +0 -1
- package/dist/components/slot.js +0 -85
- package/dist/components/slot.js.map +0 -1
- package/dist/components/transition.js +0 -131
- package/dist/components/transition.js.map +0 -1
- package/dist/esm/app-globals-de5a646b.js.map +0 -1
- package/dist/esm/assetsPath-630898a9.js.map +0 -1
- package/dist/esm/cssVariables-000c23ad.js.map +0 -1
- package/dist/esm/index-033f1efb.js.map +0 -1
- package/dist/types/global/scripts/global.d.ts +0 -18
- /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/packages/beeq/.stencil/packages/beeq/stencil.config.d.ts +0 -0
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by Endavans
|
|
3
|
-
* © https://beeq.design - Apache 2 License.
|
|
4
|
-
*/
|
|
5
|
-
import { r as a, g as r, h as e, a as b } from "./p-01df4baa.js";
|
|
6
|
-
|
|
7
|
-
import { g as q } from "./p-edfd9767.js";
|
|
8
|
-
|
|
9
|
-
import { i as t } from "./p-99829fc7.js";
|
|
10
|
-
|
|
11
|
-
import { v as n } from "./p-687da041.js";
|
|
12
|
-
|
|
13
|
-
import { b as i, a as s } from "./p-d7ce7165.js";
|
|
14
|
-
|
|
15
|
-
const d = [ "horizontal", "vertical" ];
|
|
16
|
-
|
|
17
|
-
const o = {
|
|
18
|
-
HORIZONTAL: "horizontal",
|
|
19
|
-
VERTICAL: "vertical"
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const l = [ "start", "middle", "end" ];
|
|
23
|
-
|
|
24
|
-
const v = [ "square", "round", "butt" ];
|
|
25
|
-
|
|
26
|
-
const c = '.end,.rotate-180,.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}::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.flex{display:flex}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.basis-\\[var\\(--bq-divider--stroke-basis\\)\\]{flex-basis:var(--bq-divider--stroke-basis)}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{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))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\\[var\\(--bq-divider--title-marginX\\)\\]{gap:var(--bq-divider--title-marginX)}.stroke-\\[color\\:var\\(--bq-divider--stroke-color\\)\\]{stroke:var(--bq-divider--stroke-color)}.bs-\\[var\\(--bq-divider--stroke-thickness\\)\\]{block-size:var(--bq-divider--stroke-thickness)}.bs-full{block-size:100%}.is-\\[var\\(--bq-divider--stroke-thickness\\)\\]{inline-size:var(--bq-divider--stroke-thickness)}.is-full{inline-size:100%}@-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-divider--color:var(--bq-stroke--primary);--bq-divider--title-marginX:var(--bq-spacing-m);display:block;inline-size:100%}:host([orientation=vertical]){block-size:100%;display:flex}.bq-divider{align-items:center;display:flex;gap:var(--bq-divider--title-marginX)}.bq-divider--stroke{stroke:var(--bq-divider--stroke-color);block-size:var(--bq-divider--stroke-thickness);flex-grow:1;inline-size:100%}.bq-divider--stroke.end{--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))}.bq-divider--title__end .bq-divider--stroke.end,.bq-divider--title__start .bq-divider--stroke.start{flex-basis:var(--bq-divider--stroke-basis);flex-grow:0}.bq-divider--vertical{align-items:center;flex-direction:column;gap:var(--bq-divider--title-marginX);inline-size:100%}.bq-divider--vertical .bq-divider--stroke{block-size:100%;inline-size:var(--bq-divider--stroke-thickness)}.static{position:static}.\\!hidden{display:none!important}.gap-0{gap:0}';
|
|
27
|
-
|
|
28
|
-
const g = c;
|
|
29
|
-
|
|
30
|
-
const u = class {
|
|
31
|
-
constructor(r) {
|
|
32
|
-
a(this, r);
|
|
33
|
-
this.hasTitle = undefined;
|
|
34
|
-
this.dashed = false;
|
|
35
|
-
this.orientation = "horizontal";
|
|
36
|
-
this.strokeColor = "stroke--primary";
|
|
37
|
-
this.titleAlignment = "middle";
|
|
38
|
-
this.strokeDashWidth = 12;
|
|
39
|
-
this.strokeDashGap = 7;
|
|
40
|
-
this.strokeThickness = 1;
|
|
41
|
-
this.strokeBasis = 0;
|
|
42
|
-
this.strokeLinecap = "butt";
|
|
43
|
-
}
|
|
44
|
-
// Own Properties
|
|
45
|
-
// ====================
|
|
46
|
-
titleElem;
|
|
47
|
-
get el() {
|
|
48
|
-
return r(this);
|
|
49
|
-
}
|
|
50
|
-
// Prop lifecycle events
|
|
51
|
-
// =======================
|
|
52
|
-
checkPropValues() {
|
|
53
|
-
n(d, "horizontal", this.el, "orientation");
|
|
54
|
-
n(l, "middle", this.el, "titleAlignment");
|
|
55
|
-
n(v, "butt", this.el, "strokeLinecap");
|
|
56
|
-
}
|
|
57
|
-
// Events section
|
|
58
|
-
// Requires JSDocs for public API documentation
|
|
59
|
-
// ==============================================
|
|
60
|
-
// Component lifecycle events
|
|
61
|
-
// Ordered by their natural call order
|
|
62
|
-
// =====================================
|
|
63
|
-
connectedCallback() {
|
|
64
|
-
this.checkPropValues();
|
|
65
|
-
}
|
|
66
|
-
componentWillLoad() {
|
|
67
|
-
this.checkPropValues();
|
|
68
|
-
}
|
|
69
|
-
componentDidLoad() {
|
|
70
|
-
this.handleSlotChange();
|
|
71
|
-
}
|
|
72
|
-
// Listeners
|
|
73
|
-
// ==============
|
|
74
|
-
// Public methods API
|
|
75
|
-
// These methods are exposed on the host element.
|
|
76
|
-
// Always use two lines.
|
|
77
|
-
// Public Methods must be async.
|
|
78
|
-
// Requires JSDocs for public API documentation.
|
|
79
|
-
// ===============================================
|
|
80
|
-
// Local methods
|
|
81
|
-
// Internal business logic.
|
|
82
|
-
// These methods cannot be called from the host element.
|
|
83
|
-
// =======================================================
|
|
84
|
-
handleSlotChange=() => {
|
|
85
|
-
this.hasTitle = i(this.titleElem) || !!s(this.titleElem.querySelector("slot"));
|
|
86
|
-
};
|
|
87
|
-
get strokeAttributes() {
|
|
88
|
-
return {
|
|
89
|
-
...this.strokeDrawPositions,
|
|
90
|
-
...this.dashed && {
|
|
91
|
-
"stroke-dasharray": this.strokeDasharray
|
|
92
|
-
},
|
|
93
|
-
"stroke-linecap": this.strokeLinecap,
|
|
94
|
-
"stroke-width": this.strokeThickness
|
|
95
|
-
};
|
|
96
|
-
}
|
|
97
|
-
get strokeDrawPositions() {
|
|
98
|
-
const a = this.strokeThickness / 2;
|
|
99
|
-
const r = {
|
|
100
|
-
[o.HORIZONTAL]: {
|
|
101
|
-
x1: a,
|
|
102
|
-
x2: "100%",
|
|
103
|
-
y1: a,
|
|
104
|
-
y2: a
|
|
105
|
-
},
|
|
106
|
-
[o.VERTICAL]: {
|
|
107
|
-
x1: a,
|
|
108
|
-
x2: a,
|
|
109
|
-
y1: a,
|
|
110
|
-
y2: "100%"
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
|
-
const e = new Map(Object.entries(r));
|
|
114
|
-
return e.get(this.orientation);
|
|
115
|
-
}
|
|
116
|
-
get strokeDasharray() {
|
|
117
|
-
return `${this.strokeDashWidth}, ${this.strokeDashGap}`;
|
|
118
|
-
}
|
|
119
|
-
// render() function
|
|
120
|
-
// Always the last one in the class.
|
|
121
|
-
// ===================================
|
|
122
|
-
render() {
|
|
123
|
-
const a = {
|
|
124
|
-
...this.strokeColor && {
|
|
125
|
-
"--bq-divider--stroke-color": q(this.strokeColor)
|
|
126
|
-
},
|
|
127
|
-
...this.strokeThickness && {
|
|
128
|
-
"--bq-divider--stroke-thickness": `${this.strokeThickness}px`
|
|
129
|
-
},
|
|
130
|
-
...!t(this.strokeBasis) && {
|
|
131
|
-
"--bq-divider--stroke-basis": `${this.strokeBasis}px`
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
return e(b, {
|
|
135
|
-
key: "6c0665021b2aa68aa5e36bd7b316d29c06a757b8",
|
|
136
|
-
style: a
|
|
137
|
-
}, e("div", {
|
|
138
|
-
key: "5f9db24e2ec04379d9870c472a6fa5eb6adca124",
|
|
139
|
-
class: {
|
|
140
|
-
"bq-divider": true,
|
|
141
|
-
[`bq-divider--${this.orientation}`]: true,
|
|
142
|
-
[`bq-divider--title__${this.titleAlignment}`]: true,
|
|
143
|
-
"gap-0": !this.hasTitle
|
|
144
|
-
},
|
|
145
|
-
part: "base",
|
|
146
|
-
ref: a => this.titleElem = a,
|
|
147
|
-
role: "separator",
|
|
148
|
-
"aria-orientation": this.orientation
|
|
149
|
-
}, e("svg", {
|
|
150
|
-
key: "43d5f3de13d96f380db563ff3b5cc24415ca9e94",
|
|
151
|
-
class: {
|
|
152
|
-
"bq-divider--stroke start": true,
|
|
153
|
-
"!hidden": this.strokeBasis === 0 && this.titleAlignment === "start"
|
|
154
|
-
},
|
|
155
|
-
part: "dash-start"
|
|
156
|
-
}, e("line", {
|
|
157
|
-
key: "83db2577aa297162d0e4d6f2da1bbc9f8d2c99e0",
|
|
158
|
-
...this.strokeAttributes,
|
|
159
|
-
part: "dash-start-line"
|
|
160
|
-
})), e("slot", {
|
|
161
|
-
key: "b254e7a311652203e0ba493879482a41bf8670b0",
|
|
162
|
-
onSlotchange: this.handleSlotChange
|
|
163
|
-
}), e("svg", {
|
|
164
|
-
key: "67b6c6ab371b23ed828d0bb0bb4293967b768497",
|
|
165
|
-
class: {
|
|
166
|
-
"bq-divider--stroke end": true,
|
|
167
|
-
"!hidden": !this.hasTitle || this.strokeBasis === 0 && this.titleAlignment === "end"
|
|
168
|
-
},
|
|
169
|
-
part: "dash-end"
|
|
170
|
-
}, e("line", {
|
|
171
|
-
key: "0edcfdb8ce39dece8589d1e583c04cd7e86d210a",
|
|
172
|
-
...this.strokeAttributes,
|
|
173
|
-
part: "dash-end-line"
|
|
174
|
-
}))));
|
|
175
|
-
}
|
|
176
|
-
static get watchers() {
|
|
177
|
-
return {
|
|
178
|
-
orientation: [ "checkPropValues" ],
|
|
179
|
-
titleAlignment: [ "checkPropValues" ],
|
|
180
|
-
strokeLinecap: [ "checkPropValues" ]
|
|
181
|
-
};
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
u.style = g;
|
|
186
|
-
|
|
187
|
-
export { u as bq_divider };
|
|
188
|
-
//# sourceMappingURL=p-b77b52f2.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["DIVIDER_ORIENTATION","DIVIDER_ORIENTATION_ENUM","HORIZONTAL","VERTICAL","DIVIDER_TITLE_ALIGNMENT","DIVIDER_STROKE_LINECAP","bqDividerCss","BqDividerStyle0","BqDivider","titleElem","checkPropValues","validatePropValue","this","el","connectedCallback","componentWillLoad","componentDidLoad","handleSlotChange","hasTitle","hasSlotContent","getTextContent","querySelector","strokeAttributes","strokeDrawPositions","dashed","strokeDasharray","strokeLinecap","strokeThickness","drawOffset","x1","x2","y1","y2","orientationMap","Map","Object","entries","get","orientation","strokeDashWidth","strokeDashGap","render","styles","strokeColor","getColorCSSVariable","isNil","strokeBasis","h","Host","key","style","class","titleAlignment","part","ref","div","role","onSlotchange"],"sources":["../../packages/beeq/src/components/divider/bq-divider.types.ts","../../packages/beeq/src/components/divider/scss/bq-divider.scss?tag=bq-divider&encapsulation=shadow","../../packages/beeq/src/components/divider/bq-divider.tsx"],"sourcesContent":["export const DIVIDER_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TDividerOrientation = (typeof DIVIDER_ORIENTATION)[number];\n\nexport const DIVIDER_ORIENTATION_ENUM = {\n HORIZONTAL: 'horizontal',\n VERTICAL: 'vertical',\n} as const;\n\nexport const DIVIDER_TITLE_ALIGNMENT = ['start', 'middle', 'end'] as const;\nexport type TDividerTitleAlignment = (typeof DIVIDER_TITLE_ALIGNMENT)[number];\n\nexport const DIVIDER_STROKE_LINECAP = ['square', 'round', 'butt'] as const;\nexport type TDividerStrokeLinecap = (typeof DIVIDER_STROKE_LINECAP)[number];\n","/* -------------------------------------------------------------------------- */\n/* Button styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-divider.variables';\n\n:host {\n @apply block is-full;\n}\n\n:host([orientation='vertical']) {\n @apply flex bs-full;\n}\n\n.bq-divider {\n @apply flex items-center gap-[var(--bq-divider--title-marginX)];\n}\n\n.bq-divider--stroke {\n @apply flex-grow stroke-[color:var(--bq-divider--stroke-color)] bs-[var(--bq-divider--stroke-thickness)] is-full;\n\n &.end {\n @apply rotate-180;\n }\n}\n\n.bq-divider--title__start .bq-divider--stroke.start,\n.bq-divider--title__end .bq-divider--stroke.end {\n @apply flex-grow-0 basis-[var(--bq-divider--stroke-basis)];\n}\n\n.bq-divider--vertical {\n @apply flex-col items-center gap-[var(--bq-divider--title-marginX)] is-full;\n\n .bq-divider--stroke {\n @apply bs-full is-[var(--bq-divider--stroke-thickness)];\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport {\n DIVIDER_ORIENTATION,\n DIVIDER_ORIENTATION_ENUM,\n DIVIDER_STROKE_LINECAP,\n DIVIDER_TITLE_ALIGNMENT,\n TDividerOrientation,\n TDividerStrokeLinecap,\n TDividerTitleAlignment,\n} from './bq-divider.types';\nimport { getColorCSSVariable, getTextContent, hasSlotContent, isNil, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper.\n * @part dash-start - The component's internal svg wrapper for the start line of the divider's stroke\n * @part dash-end - The component's internal svg wrapper for the end line of the divider's stroke\n * @part dash-start-line - The component's internal line component of the divider's stroke\n * @part dash-end-line - The component's internal line component of the divider's stroke\n */\n@Component({\n tag: 'bq-divider',\n styleUrl: './scss/bq-divider.scss',\n shadow: true,\n})\nexport class BqDivider {\n // Own Properties\n // ====================\n\n private titleElem: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqDividerElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasTitle: boolean;\n\n // Public Property API\n // ========================\n\n /** If true, the divider has a dashed pattern */\n @Prop() dashed = false;\n\n /** The default orientation of the divider */\n @Prop({ reflect: true }) orientation: TDividerOrientation = 'horizontal';\n\n /** Set the stroke color of the divider. The value should be a valid value of the palette color */\n @Prop({ reflect: true }) strokeColor?: string = 'stroke--primary';\n\n /** Set the alignment of the title on the main axis of the divider (horizontal / vertical) */\n @Prop({ reflect: true }) titleAlignment?: TDividerTitleAlignment = 'middle';\n\n /** Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed */\n @Prop({ reflect: true }) strokeDashWidth?: number = 12;\n\n /** Set the gap of the divider's stroke. This is applicable when the stroke is dashed */\n @Prop({ reflect: true }) strokeDashGap?: number = 7;\n\n /** Set the thickness of the divider's stroke. Value expressed in px*/\n @Prop({ reflect: true }) strokeThickness?: number = 1;\n\n /** Set the min width of the divider's stroke when text is not centered. Value expressed in px */\n @Prop({ reflect: true }) strokeBasis?: number = 0;\n\n /** Set the line of the divider's stroke. This is applicable when the stroke is dashed */\n @Prop({ reflect: true }) strokeLinecap?: TDividerStrokeLinecap = 'butt';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('orientation')\n @Watch('titleAlignment')\n @Watch('strokeLinecap')\n checkPropValues() {\n validatePropValue(DIVIDER_ORIENTATION, 'horizontal', this.el, 'orientation');\n validatePropValue(DIVIDER_TITLE_ALIGNMENT, 'middle', this.el, 'titleAlignment');\n validatePropValue(DIVIDER_STROKE_LINECAP, 'butt', this.el, 'strokeLinecap');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n connectedCallback() {\n this.checkPropValues();\n }\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleSlotChange = () => {\n this.hasTitle = hasSlotContent(this.titleElem) || !!getTextContent(this.titleElem.querySelector('slot'));\n };\n\n private get strokeAttributes() {\n return {\n ...this.strokeDrawPositions,\n ...(this.dashed && { 'stroke-dasharray': this.strokeDasharray }),\n 'stroke-linecap': this.strokeLinecap,\n 'stroke-width': this.strokeThickness,\n };\n }\n\n private get strokeDrawPositions() {\n const drawOffset = this.strokeThickness / 2;\n const strokeDrawPositions = {\n [DIVIDER_ORIENTATION_ENUM.HORIZONTAL]: { x1: drawOffset, x2: '100%', y1: drawOffset, y2: drawOffset },\n [DIVIDER_ORIENTATION_ENUM.VERTICAL]: { x1: drawOffset, x2: drawOffset, y1: drawOffset, y2: '100%' },\n };\n const orientationMap = new Map(Object.entries(strokeDrawPositions));\n\n return orientationMap.get(this.orientation);\n }\n\n private get strokeDasharray() {\n return `${this.strokeDashWidth}, ${this.strokeDashGap}`;\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const styles = {\n ...(this.strokeColor && { '--bq-divider--stroke-color': getColorCSSVariable(this.strokeColor) }),\n ...(this.strokeThickness && { '--bq-divider--stroke-thickness': `${this.strokeThickness}px` }),\n ...(!isNil(this.strokeBasis) && { '--bq-divider--stroke-basis': `${this.strokeBasis}px` }),\n };\n\n return (\n <Host style={styles}>\n <div\n class={{\n 'bq-divider': true,\n [`bq-divider--${this.orientation}`]: true,\n [`bq-divider--title__${this.titleAlignment}`]: true,\n 'gap-0': !this.hasTitle,\n }}\n part=\"base\"\n ref={(div) => (this.titleElem = div)}\n role=\"separator\"\n aria-orientation={this.orientation}\n >\n <svg\n class={{\n 'bq-divider--stroke start': true,\n '!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',\n }}\n part=\"dash-start\"\n >\n <line {...this.strokeAttributes} part=\"dash-start-line\" />\n </svg>\n <slot onSlotchange={this.handleSlotChange} />\n <svg\n class={{\n 'bq-divider--stroke end': true,\n '!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),\n }}\n part=\"dash-end\"\n >\n <line {...this.strokeAttributes} part=\"dash-end-line\" />\n </svg>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAO,MAAMA,IAAsB,EAAC,cAAc;;AAG3C,MAAMC,IAA2B;EACtCC,YAAY;EACZC,UAAU;;;AAGL,MAAMC,IAA0B,EAAC,SAAS,UAAU;;AAGpD,MAAMC,IAAyB,EAAC,UAAU,SAAS;;ACX1D,MAAMC,IAAe;;AACrB,MAAAC,IAAeD;;MCwBFE,IAAS;;;;kBAqBH;uBAG2C;uBAGZ;0BAGmB;2BAGf;yBAGF;2BAGE;uBAGJ;yBAGiB;;;;EAzCzDC;;;;;;EAiDR,eAAAC;IACEC,EAAkBX,GAAqB,cAAcY,KAAKC,IAAI;IAC9DF,EAAkBP,GAAyB,UAAUQ,KAAKC,IAAI;IAC9DF,EAAkBN,GAAwB,QAAQO,KAAKC,IAAI;;;;;;;;EAW7D,iBAAAC;IACEF,KAAKF;;EAGP,iBAAAK;IACEH,KAAKF;;EAGP,gBAAAM;IACEJ,KAAKK;;;;;;;;;;;;;;EAkBCA,iBAAmB;IACzBL,KAAKM,WAAWC,EAAeP,KAAKH,gBAAgBW,EAAeR,KAAKH,UAAUY,cAAc;AAAQ;EAG1G,oBAAYC;IACV,OAAO;SACFV,KAAKW;SACJX,KAAKY,UAAU;QAAE,oBAAoBZ,KAAKa;;MAC9C,kBAAkBb,KAAKc;MACvB,gBAAgBd,KAAKe;;;EAIzB,uBAAYJ;IACV,MAAMK,IAAahB,KAAKe,kBAAkB;IAC1C,MAAMJ,IAAsB;MAC1B,CAACtB,EAAyBC,aAAa;QAAE2B,IAAID;QAAYE,IAAI;QAAQC,IAAIH;QAAYI,IAAIJ;;MACzF,CAAC3B,EAAyBE,WAAW;QAAE0B,IAAID;QAAYE,IAAIF;QAAYG,IAAIH;QAAYI,IAAI;;;IAE7F,MAAMC,IAAiB,IAAIC,IAAIC,OAAOC,QAAQb;IAE9C,OAAOU,EAAeI,IAAIzB,KAAK0B;;EAGjC,mBAAYb;IACV,OAAO,GAAGb,KAAK2B,oBAAoB3B,KAAK4B;;;;;EAO1C,MAAAC;IACE,MAAMC,IAAS;SACT9B,KAAK+B,eAAe;QAAE,8BAA8BC,EAAoBhC,KAAK+B;;SAC7E/B,KAAKe,mBAAmB;QAAE,kCAAkC,GAAGf,KAAKe;;UACnEkB,EAAMjC,KAAKkC,gBAAgB;QAAE,8BAA8B,GAAGlC,KAAKkC;;;IAG1E,OACEC,EAACC,GAAI;MAAAC,KAAA;MAACC,OAAOR;OACXK,EAAA;MAAAE,KAAA;MACEE,OAAO;QACL,cAAc;QACd,CAAC,eAAevC,KAAK0B,gBAAgB;QACrC,CAAC,sBAAsB1B,KAAKwC,mBAAmB;QAC/C,UAAUxC,KAAKM;;MAEjBmC,MAAK;MACLC,KAAMC,KAAS3C,KAAKH,YAAY8C;MAChCC,MAAK;MAAW,oBACE5C,KAAK0B;OAEvBS,EAAA;MAAAE,KAAA;MACEE,OAAO;QACL,4BAA4B;QAC5B,WAAWvC,KAAKkC,gBAAgB,KAAKlC,KAAKwC,mBAAmB;;MAE/DC,MAAK;OAELN,EAAA;MAAAE,KAAA;SAAUrC,KAAKU;MAAkB+B,MAAK;SAExCN,EAAA;MAAAE,KAAA;MAAMQ,cAAc7C,KAAKK;QACzB8B,EAAA;MAAAE,KAAA;MACEE,OAAO;QACL,0BAA0B;QAC1B,YAAYvC,KAAKM,YAAaN,KAAKkC,gBAAgB,KAAKlC,KAAKwC,mBAAmB;;MAElFC,MAAK;OAELN,EAAA;MAAAE,KAAA;SAAUrC,KAAKU;MAAkB+B,MAAK","ignoreList":[]}
|
package/dist/beeq/p-c6cbb8e2.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by Endavans
|
|
3
|
-
* © https://beeq.design - Apache 2 License.
|
|
4
|
-
*/
|
|
5
|
-
import "./p-01df4baa.js";
|
|
6
|
-
|
|
7
|
-
import { i as o } from "./p-ecd27cf2.js";
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Check is a value is not falsy
|
|
11
|
-
* @param value the value to be checked
|
|
12
|
-
* @returns {boolean} the value is not falsy
|
|
13
|
-
*/ const isDefined = a => o(a) ? a.length !== 0 : Boolean(a);
|
|
14
|
-
|
|
15
|
-
export { isDefined as i };
|
|
16
|
-
//# sourceMappingURL=p-c6cbb8e2.js.map
|
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by Endavans
|
|
3
|
-
* © https://beeq.design - Apache 2 License.
|
|
4
|
-
*/
|
|
5
|
-
import { r as a, c as r, h as e } from "./p-01df4baa.js";
|
|
6
|
-
|
|
7
|
-
import { i as b } from "./p-57621be1.js";
|
|
8
|
-
|
|
9
|
-
const n = '.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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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-neutral-100);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-ui--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}}';
|
|
10
|
-
|
|
11
|
-
const q = n;
|
|
12
|
-
|
|
13
|
-
const t = class {
|
|
14
|
-
constructor(e) {
|
|
15
|
-
a(this, e);
|
|
16
|
-
this.bqCollapse = r(this, "bqCollapse", 7);
|
|
17
|
-
this.bqSelect = r(this, "bqSelect", 7);
|
|
18
|
-
this.documentBody = undefined;
|
|
19
|
-
this.appearance = "default";
|
|
20
|
-
this.collapse = false;
|
|
21
|
-
this.size = "medium";
|
|
22
|
-
}
|
|
23
|
-
// Own Properties
|
|
24
|
-
// ====================
|
|
25
|
-
menuItemCssSelector="bq-side-menu-item";
|
|
26
|
-
bodyCss="bq-body--side-menu";
|
|
27
|
-
bodyCssExpand="bq-body--side-menu__expand";
|
|
28
|
-
bodyCssCollapse="bq-body--side-menu__collapse";
|
|
29
|
-
menuElem;
|
|
30
|
-
// Prop lifecycle events
|
|
31
|
-
// =======================
|
|
32
|
-
onCollapsePropChange() {
|
|
33
|
-
this.handleCollapse();
|
|
34
|
-
this.bqCollapse.emit({
|
|
35
|
-
collapse: this.collapse
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
// Events section
|
|
39
|
-
// Requires JSDocs for public API documentation
|
|
40
|
-
// ==============================================
|
|
41
|
-
/** Callback handler to be called when the Side menu changes its width from expanded to collapse and vice versa */
|
|
42
|
-
bqCollapse;
|
|
43
|
-
/** Callback handler to be called when the active/selected menu item changes */
|
|
44
|
-
bqSelect;
|
|
45
|
-
// Component lifecycle events
|
|
46
|
-
// Ordered by their natural call order
|
|
47
|
-
// =====================================
|
|
48
|
-
componentDidLoad() {
|
|
49
|
-
this.documentBody = document.querySelector("body");
|
|
50
|
-
this.documentBody.classList.add(this.bodyCss);
|
|
51
|
-
this.handleCollapse();
|
|
52
|
-
}
|
|
53
|
-
disconnectedCallback() {
|
|
54
|
-
this.cleanDocumentBodyClass();
|
|
55
|
-
}
|
|
56
|
-
// Listeners
|
|
57
|
-
// ==============
|
|
58
|
-
onMenuItemClick(a) {
|
|
59
|
-
const {target: r} = a;
|
|
60
|
-
if (!b(r, "bq-side-menu-item")) return;
|
|
61
|
-
this.menuItems.forEach((a => a.active = !a.disabled && a === r));
|
|
62
|
-
this.bqSelect.emit(r);
|
|
63
|
-
}
|
|
64
|
-
// Public methods API
|
|
65
|
-
// These methods are exposed on the host element.
|
|
66
|
-
// Always use two lines.
|
|
67
|
-
// Public Methods must be async.
|
|
68
|
-
// Requires JSDocs for public API documentation.
|
|
69
|
-
// ===============================================
|
|
70
|
-
/** Toggle the collapse state of the side menu */
|
|
71
|
-
async toggleCollapse() {
|
|
72
|
-
this.collapse = !this.collapse;
|
|
73
|
-
}
|
|
74
|
-
// Local methods
|
|
75
|
-
// Internal business logic.
|
|
76
|
-
// These methods cannot be called from the host element.
|
|
77
|
-
// =======================================================
|
|
78
|
-
get menuItems() {
|
|
79
|
-
if (!this.menuElem) return [];
|
|
80
|
-
const a = this.menuElem.querySelector("slot");
|
|
81
|
-
return [ ...a.assignedElements({
|
|
82
|
-
flatten: true
|
|
83
|
-
}) ].filter((a => a.tagName.toLowerCase() === this.menuItemCssSelector));
|
|
84
|
-
}
|
|
85
|
-
handleCollapse=() => {
|
|
86
|
-
if (!this.menuItems.length) return;
|
|
87
|
-
this.menuItems.forEach((a => a.collapse = this.collapse));
|
|
88
|
-
if (this.collapse) {
|
|
89
|
-
this.collapseDocumentBody();
|
|
90
|
-
} else {
|
|
91
|
-
this.expandDocumentBody();
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
collapseDocumentBody=() => {
|
|
95
|
-
if (!this.collapse) return;
|
|
96
|
-
this.documentBody.classList.remove(this.bodyCssExpand);
|
|
97
|
-
this.documentBody.classList.add(this.bodyCssCollapse);
|
|
98
|
-
};
|
|
99
|
-
expandDocumentBody=() => {
|
|
100
|
-
if (this.collapse) return;
|
|
101
|
-
this.documentBody.classList.remove(this.bodyCssCollapse);
|
|
102
|
-
this.documentBody.classList.add(this.bodyCssExpand);
|
|
103
|
-
};
|
|
104
|
-
cleanDocumentBodyClass=() => {
|
|
105
|
-
this.documentBody.classList.remove(this.bodyCss, this.bodyCssCollapse, this.bodyCssExpand);
|
|
106
|
-
};
|
|
107
|
-
// render() function
|
|
108
|
-
// Always the last one in the class.
|
|
109
|
-
// ===================================
|
|
110
|
-
render() {
|
|
111
|
-
return e("aside", {
|
|
112
|
-
key: "6b9b70d549a2fd19b32ef2f0ab367e61b818b112",
|
|
113
|
-
class: {
|
|
114
|
-
"bq-side-menu overflow-y-auto": true,
|
|
115
|
-
"is-collapsed": this.collapse
|
|
116
|
-
},
|
|
117
|
-
part: "base"
|
|
118
|
-
}, e("div", {
|
|
119
|
-
key: "48cc468552ac2e9b1fe05c8e12164894ac21c70b",
|
|
120
|
-
class: {
|
|
121
|
-
"bq-side-menu--logo": true,
|
|
122
|
-
"is-collapsed": this.collapse
|
|
123
|
-
},
|
|
124
|
-
part: "logo"
|
|
125
|
-
}, e("slot", {
|
|
126
|
-
key: "76915db8b5e43de19b98eb1455596da1552c1abd",
|
|
127
|
-
name: "logo"
|
|
128
|
-
})), e("nav", {
|
|
129
|
-
key: "12f920b6403642d0cc7b12e93f655c7b76ed8db8",
|
|
130
|
-
class: "bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2",
|
|
131
|
-
ref: a => this.menuElem = a
|
|
132
|
-
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
|
|
133
|
-
,
|
|
134
|
-
role: "menu",
|
|
135
|
-
part: "nav"
|
|
136
|
-
}, e("slot", {
|
|
137
|
-
key: "1c3c3a54716f2682cede96fc951c488ae99e259f"
|
|
138
|
-
})), e("div", {
|
|
139
|
-
key: "ec11a043441529487b46c9d79c2fe921914b17a1",
|
|
140
|
-
class: "bq-side-menu--footer sticky flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs inset-be-0 m-bs-[auto]",
|
|
141
|
-
part: "footer"
|
|
142
|
-
}, e("slot", {
|
|
143
|
-
key: "767399bb44187023a853e52e926207b3622f685f",
|
|
144
|
-
name: "footer"
|
|
145
|
-
})));
|
|
146
|
-
}
|
|
147
|
-
static get watchers() {
|
|
148
|
-
return {
|
|
149
|
-
collapse: [ "onCollapsePropChange" ]
|
|
150
|
-
};
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
t.style = q;
|
|
155
|
-
|
|
156
|
-
export { t as bq_side_menu };
|
|
157
|
-
//# sourceMappingURL=p-c83bc7fd.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["bqSideMenuCss","BqSideMenuStyle0","BqSideMenu","menuItemCssSelector","bodyCss","bodyCssExpand","bodyCssCollapse","menuElem","onCollapsePropChange","this","handleCollapse","bqCollapse","emit","collapse","bqSelect","componentDidLoad","documentBody","document","querySelector","classList","add","disconnectedCallback","cleanDocumentBodyClass","onMenuItemClick","event","target","item","isHTMLElement","menuItems","forEach","menuItem","active","disabled","toggleCollapse","slot","assignedElements","flatten","filter","el","tagName","toLowerCase","length","collapseDocumentBody","expandDocumentBody","remove","render","h","key","class","part","name","ref","navElem","role"],"sources":["../../packages/beeq/src/components/side-menu/scss/bq-side-menu.scss?tag=bq-side-menu&encapsulation=shadow","../../packages/beeq/src/components/side-menu/bq-side-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Side menu styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu.variables';\n\n:host {\n @apply flex overflow-hidden;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Aside container */\n/* -------------------------------------------------------------------------- */\n\n.bq-side-menu {\n @apply fixed flex h-dynamic-vh grow flex-col bg-[--bq-side-menu--bg-color] is-[--bq-side-menu--width] inset-bs-0 inset-is-0;\n @apply border-0 border-e-s border-solid border-[color:--bq-side-menu--border-color];\n @apply transition-[background-color,width] duration-150;\n @include hide-scrollbar;\n}\n\n.bq-side-menu.is-collapsed {\n @apply is-[--bq-side-menu--width-collapse];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Logo container */\n/* -------------------------------------------------------------------------- */\n\n.bq-side-menu--logo {\n @apply sticky top-0 z-[1] p-xs;\n @apply box-content flex items-center bg-[--bq-side-menu--bg-color] text-[color:--bq-side-menu--brand-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/* APPEARANCE */\n/* -------------------------------------------------------------------------- */\n\n/**\n * The following change the default values of some CSS custom properties\n * to make it complain with the side menu appearance selected\n */\n\n:host([size='small']) {\n ::slotted(bq-side-menu-item) {\n --bq-side-menu-item--paddingY: theme(space.s);\n }\n}\n\n:host([appearance='brand']) {\n --bq-focus: theme(colors.stroke.alt);\n --bq-side-menu--bg-color: theme(colors.ui.brand);\n --bq-side-menu--brand-color: theme(colors.stroke.inverse);\n --bq-side-menu--border-color: theme(colors.ui.brand);\n\n ::slotted(bq-side-menu-item) {\n --bq-side-menu-item--bg-hover: color-mix(in srgb, var(--bq-ui--brand), var(--bq-hover) 20%);\n\n --bq-side-menu-item--text-default: theme(textColor.text.alt);\n --bq-side-menu-item--text-hover: theme(textColor.text.alt);\n }\n\n .bq-side-menu--footer ::slotted([slot='footer']) {\n --bq-ui--secondary: theme(colors.transparent);\n --bq-text--primary: theme(textColor.text.inverse);\n }\n}\n\n:host([appearance='inverse']) {\n --bq-side-menu--bg-color: theme(colors.ui.inverse);\n --bq-side-menu--brand-color: theme(colors.stroke.inverse);\n --bq-side-menu--border-color: theme(colors.ui.inverse);\n\n ::slotted(bq-side-menu-item) {\n --bq-side-menu-item--bg-hover: color-mix(in srgb, var(--bq-ui--inverse), var(--bq-hover) 20%);\n --bq-side-menu-item--bg-active: color-mix(in srgb, var(--bq-ui--alt), var(--bq-active) 20%);\n\n --bq-side-menu-item--text-default: theme(textColor.text.inverse);\n --bq-side-menu-item--text-hover: theme(textColor.text.inverse);\n --bq-side-menu-item--text-active: theme(textColor.text.primary);\n }\n\n .bq-side-menu--footer ::slotted([slot='footer']) {\n --bq-ui--secondary: theme(colors.transparent);\n --bq-text--primary: theme(textColor.text.inverse);\n }\n}\n","import { Component, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { TSideMenuAppearance, TSideMenuSize } from './bq-side-menu.types';\nimport { isHTMLElement } from '../../shared/utils';\n\n/**\n * @part base - HTML `<aside>` root container\n * @part footer - HTML `<div>` element that holds the footer\n * @part logo - HTML `<div>` element that holds the logo\n * @part nav - HTML `<nav>` element that holds the navigation items\n */\n@Component({\n tag: 'bq-side-menu',\n styleUrl: './scss/bq-side-menu.scss',\n shadow: true,\n})\nexport class BqSideMenu {\n // Own Properties\n // ====================\n\n private menuItemCssSelector = 'bq-side-menu-item';\n\n private bodyCss = 'bq-body--side-menu';\n private bodyCssExpand = 'bq-body--side-menu__expand';\n private bodyCssCollapse = 'bq-body--side-menu__collapse';\n\n private menuElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private documentBody: HTMLBodyElement;\n\n // Public Property API\n // ========================\n\n /** It sets a predefined appearance of the side menu */\n @Prop({ reflect: true }) appearance: TSideMenuAppearance = 'default';\n\n /** If true, the container will reduce its width */\n @Prop({ reflect: true }) collapse: boolean = false;\n\n /** It sets the size of the navigation menu items */\n @Prop({ reflect: true }) size: TSideMenuSize = 'medium';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('collapse')\n onCollapsePropChange() {\n this.handleCollapse();\n this.bqCollapse.emit({ collapse: this.collapse });\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the Side menu changes its width from expanded to collapse and vice versa */\n @Event() bqCollapse: EventEmitter<{ collapse: boolean }>;\n\n /** Callback handler to be called when the active/selected menu item changes */\n @Event() bqSelect: EventEmitter<HTMLBqSideMenuItemElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentDidLoad() {\n this.documentBody = document.querySelector('body');\n this.documentBody.classList.add(this.bodyCss);\n this.handleCollapse();\n }\n\n disconnectedCallback() {\n this.cleanDocumentBodyClass();\n }\n\n // Listeners\n // ==============\n\n @Listen('bqClick', { passive: true })\n onMenuItemClick(event: Event) {\n const { target: item } = event;\n if (!isHTMLElement(item, 'bq-side-menu-item')) return;\n\n this.menuItems.forEach(\n (menuItem: HTMLBqSideMenuItemElement) => (menuItem.active = !menuItem.disabled && menuItem === item),\n );\n this.bqSelect.emit(item);\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /** Toggle the collapse state of the side menu */\n @Method()\n async toggleCollapse() {\n this.collapse = !this.collapse;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private get menuItems() {\n if (!this.menuElem) return [];\n\n const slot = this.menuElem.querySelector('slot');\n return [...slot.assignedElements({ flatten: true })].filter(\n (el: HTMLBqSideMenuItemElement) => el.tagName.toLowerCase() === this.menuItemCssSelector,\n ) as [HTMLBqSideMenuItemElement];\n }\n\n private handleCollapse = () => {\n if (!this.menuItems.length) return;\n\n this.menuItems.forEach((menuItem: HTMLBqSideMenuItemElement) => (menuItem.collapse = this.collapse));\n if (this.collapse) {\n this.collapseDocumentBody();\n } else {\n this.expandDocumentBody();\n }\n };\n\n private collapseDocumentBody = () => {\n if (!this.collapse) return;\n\n this.documentBody.classList.remove(this.bodyCssExpand);\n this.documentBody.classList.add(this.bodyCssCollapse);\n };\n\n private expandDocumentBody = () => {\n if (this.collapse) return;\n\n this.documentBody.classList.remove(this.bodyCssCollapse);\n this.documentBody.classList.add(this.bodyCssExpand);\n };\n\n private cleanDocumentBodyClass = () => {\n this.documentBody.classList.remove(this.bodyCss, this.bodyCssCollapse, this.bodyCssExpand);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <aside class={{ 'bq-side-menu overflow-y-auto': true, 'is-collapsed': this.collapse }} part=\"base\">\n {/* Company logo and name */}\n <div class={{ 'bq-side-menu--logo': true, 'is-collapsed': this.collapse }} part=\"logo\">\n <slot name=\"logo\" />\n </div>\n {/* Navigation content */}\n <nav\n class=\"bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2\"\n ref={(navElem) => (this.menuElem = navElem)}\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n role=\"menu\"\n part=\"nav\"\n >\n <slot />\n </nav>\n {/* Footer */}\n <div\n class=\"bq-side-menu--footer sticky flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs inset-be-0 m-bs-[auto]\"\n part=\"footer\"\n >\n <slot name=\"footer\"></slot>\n </div>\n </aside>\n );\n }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAgB;;AACtB,MAAAC,IAAeD;;MCeFE,IAAU;;;;;;sBAyBsC;oBAGd;gBAGE;;;;EA3BvCC,oBAAsB;EAEtBC,QAAU;EACVC,cAAgB;EAChBC,gBAAkB;EAElBC;;;EA2BR,oBAAAC;IACEC,KAAKC;IACLD,KAAKE,WAAWC,KAAK;MAAEC,UAAUJ,KAAKI;;;;;;;EAQ/BF;;EAGAG;;;;EAMT,gBAAAC;IACEN,KAAKO,eAAeC,SAASC,cAAc;IAC3CT,KAAKO,aAAaG,UAAUC,IAAIX,KAAKL;IACrCK,KAAKC;;EAGP,oBAAAW;IACEZ,KAAKa;;;;EAOP,eAAAC,CAAgBC;IACd,OAAQC,QAAQC,KAASF;IACzB,KAAKG,EAAcD,GAAM,sBAAsB;IAE/CjB,KAAKmB,UAAUC,SACZC,KAAyCA,EAASC,UAAUD,EAASE,YAAYF,MAAaJ;IAEjGjB,KAAKK,SAASF,KAAKc;;;;;;;;;EAYrB,oBAAMO;IACJxB,KAAKI,YAAYJ,KAAKI;;;;;;EAQxB,aAAYe;IACV,KAAKnB,KAAKF,UAAU,OAAO;IAE3B,MAAM2B,IAAOzB,KAAKF,SAASW,cAAc;IACzC,OAAO,KAAIgB,EAAKC,iBAAiB;MAAEC,SAAS;SAASC,QAClDC,KAAkCA,EAAGC,QAAQC,kBAAkB/B,KAAKN;;EAIjEO,eAAiB;IACvB,KAAKD,KAAKmB,UAAUa,QAAQ;IAE5BhC,KAAKmB,UAAUC,SAASC,KAAyCA,EAASjB,WAAWJ,KAAKI;IAC1F,IAAIJ,KAAKI,UAAU;MACjBJ,KAAKiC;WACA;MACLjC,KAAKkC;;;EAIDD,qBAAuB;IAC7B,KAAKjC,KAAKI,UAAU;IAEpBJ,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKJ;IACxCI,KAAKO,aAAaG,UAAUC,IAAIX,KAAKH;AAAgB;EAG/CqC,mBAAqB;IAC3B,IAAIlC,KAAKI,UAAU;IAEnBJ,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKH;IACxCG,KAAKO,aAAaG,UAAUC,IAAIX,KAAKJ;AAAc;EAG7CiB,uBAAyB;IAC/Bb,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKL,SAASK,KAAKH,iBAAiBG,KAAKJ;AAAc;;;;EAO5F,MAAAwC;IACE,OACEC,EAAA;MAAAC,KAAA;MAAOC,OAAO;QAAE,gCAAgC;QAAM,gBAAgBvC,KAAKI;;MAAYoC,MAAK;OAE1FH,EAAA;MAAAC,KAAA;MAAKC,OAAO;QAAE,sBAAsB;QAAM,gBAAgBvC,KAAKI;;MAAYoC,MAAK;OAC9EH,EAAA;MAAAC,KAAA;MAAMG,MAAK;SAGbJ,EAAA;MAAAC,KAAA;MACEC,OAAM;MACNG,KAAMC,KAAa3C,KAAKF,WAAW6C;;;MAEnCC,MAAK;MACLJ,MAAK;OAELH,EAAA;MAAAC,KAAA;SAGFD,EAAA;MAAAC,KAAA;MACEC,OAAM;MACNC,MAAK;OAELH,EAAA;MAAAC,KAAA;MAAMG,MAAK","ignoreList":[]}
|