@beeq/core 1.8.0-beta.10 → 1.8.0-beta.11
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-0f32aa9d.entry.js +6 -0
- package/dist/beeq/p-0f32aa9d.entry.js.map +1 -0
- package/dist/beeq/p-1075f955.entry.js +6 -0
- package/dist/beeq/{p-aacaaa35.entry.js.map → p-1075f955.entry.js.map} +1 -1
- package/dist/beeq/p-115ed5b2.js +1 -25
- package/dist/beeq/p-115ed5b2.js.map +1 -1
- package/dist/beeq/p-12582165.entry.js +6 -0
- package/dist/beeq/p-12582165.entry.js.map +1 -0
- package/dist/beeq/p-16340dba.js +7 -0
- package/dist/beeq/p-16340dba.js.map +1 -0
- package/dist/beeq/p-1c75d84d.entry.js +6 -0
- package/dist/beeq/{p-cfb8829b.entry.js.map → p-1c75d84d.entry.js.map} +1 -1
- package/dist/beeq/p-1c8b6eb4.js +1 -12
- package/dist/beeq/p-1c8b6eb4.js.map +1 -1
- 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-2189fea5.entry.js +6 -0
- package/dist/beeq/p-2189fea5.entry.js.map +1 -0
- package/dist/beeq/p-27c3db16.entry.js +6 -0
- package/dist/beeq/{p-0a981080.entry.js.map → p-27c3db16.entry.js.map} +1 -1
- package/dist/beeq/p-28203a0f.entry.js +6 -0
- package/dist/beeq/{p-f1d6a960.entry.js.map → p-28203a0f.entry.js.map} +1 -1
- package/dist/beeq/{p-cb917e68.entry.js → p-327cc47e.entry.js} +2 -173
- package/dist/beeq/{p-2fe5f338.entry.js.map → p-327cc47e.entry.js.map} +1 -1
- package/dist/beeq/p-335bb9bd.entry.js +6 -0
- package/dist/beeq/p-335bb9bd.entry.js.map +1 -0
- package/dist/beeq/p-3431c29f.entry.js +6 -0
- package/dist/beeq/{p-f11a3beb.entry.js.map → p-3431c29f.entry.js.map} +1 -1
- package/dist/beeq/p-3b23e4cb.entry.js +6 -0
- package/dist/beeq/{p-d7067dae.entry.js.map → p-3b23e4cb.entry.js.map} +1 -1
- package/dist/beeq/p-3fd0d92d.js +1 -1228
- package/dist/beeq/p-3fd0d92d.js.map +1 -1
- package/dist/beeq/p-42fd96c3.entry.js +6 -0
- package/dist/beeq/p-42fd96c3.entry.js.map +1 -0
- package/dist/beeq/p-4620b9c9.entry.js +6 -0
- package/dist/beeq/{p-cb917e68.entry.js.map → p-4620b9c9.entry.js.map} +1 -1
- package/dist/beeq/p-57621be1.js +1 -9
- package/dist/beeq/p-57621be1.js.map +1 -1
- package/dist/beeq/p-6148b8ae.entry.js +6 -0
- package/dist/beeq/p-6148b8ae.entry.js.map +1 -0
- package/dist/beeq/p-6285254c.entry.js +6 -0
- package/dist/beeq/p-6285254c.entry.js.map +1 -0
- package/dist/beeq/p-63619085.entry.js +6 -0
- package/dist/beeq/p-63619085.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-6cd0f30d.entry.js +6 -0
- package/dist/beeq/{p-3043c826.entry.js.map → p-6cd0f30d.entry.js.map} +1 -1
- package/dist/beeq/p-73ccb90d.entry.js +6 -0
- package/dist/beeq/p-73ccb90d.entry.js.map +1 -0
- package/dist/beeq/p-75f42cfa.entry.js +6 -0
- package/dist/beeq/{p-0ce76c54.entry.js.map → p-75f42cfa.entry.js.map} +1 -1
- package/dist/beeq/p-7bc123c9.entry.js +6 -0
- package/dist/beeq/p-7bc123c9.entry.js.map +1 -0
- package/dist/beeq/p-7ea20358.entry.js +6 -0
- package/dist/beeq/p-7ea20358.entry.js.map +1 -0
- package/dist/beeq/p-806b189f.entry.js +6 -0
- package/dist/beeq/{p-41ac1d84.entry.js.map → p-806b189f.entry.js.map} +1 -1
- package/dist/beeq/p-82fe8d58.entry.js +6 -0
- package/dist/beeq/{p-68ff188d.entry.js.map → p-82fe8d58.entry.js.map} +1 -1
- package/dist/beeq/p-899502c0.entry.js +6 -0
- package/dist/beeq/{p-5ff6621d.entry.js.map → p-899502c0.entry.js.map} +1 -1
- package/dist/beeq/p-90077071.entry.js +6 -0
- package/dist/beeq/p-90077071.entry.js.map +1 -0
- package/dist/beeq/p-906cc99d.js +6 -0
- package/dist/beeq/{p-b48788b5.js.map → p-906cc99d.js.map} +1 -1
- package/dist/beeq/p-99829fc7.js +1 -8
- package/dist/beeq/p-99829fc7.js.map +1 -1
- package/dist/beeq/p-9c4a9790.entry.js +6 -0
- package/dist/beeq/{p-60cbc966.entry.js.map → p-9c4a9790.entry.js.map} +1 -1
- package/dist/beeq/p-9cab220d.entry.js +6 -0
- package/dist/beeq/p-9cab220d.entry.js.map +1 -0
- package/dist/beeq/p-9dbbf366.entry.js +6 -0
- package/dist/beeq/p-9dbbf366.entry.js.map +1 -0
- package/dist/beeq/p-9f7a1527.entry.js +6 -0
- package/dist/beeq/{p-f979d79a.entry.js.map → p-9f7a1527.entry.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-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-b71d2d9a.entry.js +6 -0
- package/dist/beeq/p-b71d2d9a.entry.js.map +1 -0
- package/dist/beeq/{p-faa3be41.entry.js → p-b8416ead.entry.js} +2 -155
- package/dist/beeq/{p-9cab14ee.entry.js.map → p-b8416ead.entry.js.map} +1 -1
- package/dist/beeq/p-bb21df71.entry.js +6 -0
- package/dist/beeq/p-bb21df71.entry.js.map +1 -0
- package/dist/beeq/p-bdbc5548.entry.js +6 -0
- package/dist/beeq/p-bdbc5548.entry.js.map +1 -0
- package/dist/beeq/p-c62189e6.entry.js +6 -0
- package/dist/beeq/p-c62189e6.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-d4397119.entry.js +6 -0
- package/dist/beeq/{p-b2df1479.entry.js.map → p-d4397119.entry.js.map} +1 -1
- package/dist/beeq/p-d7ce7165.js +1 -86
- package/dist/beeq/p-d7ce7165.js.map +1 -1
- package/dist/beeq/{p-fb809932.entry.js → p-dc5086d8.entry.js} +2 -268
- package/dist/beeq/p-dc5086d8.entry.js.map +1 -0
- package/dist/beeq/p-e8410587.entry.js +6 -0
- package/dist/beeq/{p-a44ae8fe.entry.js.map → p-e8410587.entry.js.map} +1 -1
- package/dist/beeq/p-ecd27cf2.js +1 -11
- package/dist/beeq/p-ecd27cf2.js.map +1 -1
- package/dist/beeq/p-edfd9767.js +1 -26
- package/dist/beeq/p-edfd9767.js.map +1 -1
- package/dist/beeq/p-f09cd30c.entry.js +6 -0
- package/dist/beeq/p-f09cd30c.entry.js.map +1 -0
- package/dist/beeq/p-f2ede993.entry.js +6 -0
- package/dist/beeq/{p-69c766a3.entry.js.map → p-f2ede993.entry.js.map} +1 -1
- package/dist/beeq/p-fe8d5dea.js +6 -0
- package/dist/beeq/{p-c6cbb8e2.js.map → p-fe8d5dea.js.map} +1 -1
- package/dist/cjs/{assetsPath-2885c838.js → assetsPath-56bdb114.js} +2 -2
- package/dist/cjs/{assetsPath-2885c838.js.map → assetsPath-56bdb114.js.map} +1 -1
- package/dist/cjs/beeq.cjs.js +1 -1
- package/dist/cjs/bq-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/bq-accordion.cjs.entry.js +4 -4
- package/dist/cjs/bq-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-alert.cjs.entry.js +5 -5
- package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bq-badge.cjs.entry.js +1 -1
- package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/bq-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bq-button_2.cjs.entry.js +4 -4
- package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-card.cjs.entry.js +1 -1
- package/dist/cjs/bq-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/bq-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-date-picker.cjs.entry.js +4 -4
- package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-dialog.cjs.entry.js +2 -2
- package/dist/cjs/bq-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-divider.cjs.entry.js +2 -2
- package/dist/cjs/bq-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-drawer.cjs.entry.js +4 -4
- package/dist/cjs/bq-drawer.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/bq-empty-state.cjs.entry.js +6 -6
- package/dist/cjs/bq-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-input.cjs.entry.js +3 -3
- package/dist/cjs/bq-input.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-notification.cjs.entry.js +1 -1
- package/dist/cjs/bq-option-group.cjs.entry.js +1 -1
- package/dist/cjs/bq-option-list_2.cjs.entry.js +2 -2
- package/dist/cjs/bq-option-list_2.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-option.cjs.entry.js +1 -1
- package/dist/cjs/bq-option.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-page-title.cjs.entry.js +1 -1
- package/dist/cjs/bq-progress.cjs.entry.js +7 -6
- package/dist/cjs/bq-progress.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/bq-radio.cjs.entry.js +2 -2
- package/dist/cjs/bq-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-select.cjs.entry.js +3 -3
- package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-side-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/bq-side-menu.cjs.entry.js +2 -2
- package/dist/cjs/bq-side-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-slider.cjs.entry.js +4 -4
- package/dist/cjs/bq-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-spinner.cjs.entry.js +5 -5
- 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 +7 -7
- package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-steps.cjs.entry.js +1 -1
- package/dist/cjs/bq-switch.cjs.entry.js +5 -5
- package/dist/cjs/bq-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/bq-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-tab.cjs.entry.js +6 -6
- package/dist/cjs/bq-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-textarea.cjs.entry.js +2 -2
- package/dist/cjs/bq-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/bq-toast.cjs.entry.js +1 -1
- package/dist/cjs/bq-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/{index-34edf639.js → index-a38a0b5b.js} +2 -20
- package/dist/cjs/index-a38a0b5b.js.map +1 -0
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{isDefined-869f6a26.js → isDefined-30812dd7.js} +2 -2
- package/dist/cjs/{isDefined-869f6a26.js.map → isDefined-30812dd7.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/accordion/bq-accordion.js +2 -2
- 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/alert/bq-alert.js +3 -3
- 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/breadcrumb-item/scss/bq-breadcrumb-item.css +1 -1
- package/dist/collection/components/button/scss/bq-button.css +1 -1
- package/dist/collection/components/checkbox/bq-checkbox.js +1 -1
- 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 +1 -1
- 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/scss/bq-dialog.css +1 -1
- package/dist/collection/components/divider/scss/bq-divider.css +1 -1
- package/dist/collection/components/drawer/bq-drawer.js +2 -2
- 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/empty-state/bq-empty-state.js +4 -4
- 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/input/scss/bq-input.css +1 -1
- package/dist/collection/components/progress/bq-progress.js +5 -4
- 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/scss/bq-radio.css +1 -1
- package/dist/collection/components/select/scss/bq-select.css +1 -1
- package/dist/collection/components/side-menu/scss/bq-side-menu.css +1 -1
- package/dist/collection/components/slider/bq-slider.js +2 -2
- 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 +3 -3
- 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 +1 -1
- 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 +5 -5
- 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/switch/bq-switch.js +3 -3
- 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 +4 -4
- 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/scss/bq-tab-group.css +1 -1
- package/dist/collection/components/tag/scss/bq-tag.css +1 -1
- package/dist/collection/components/textarea/scss/bq-textarea.css +1 -1
- package/dist/collection/global/scripts/global.js.map +1 -1
- package/dist/components/bq-accordion.js +3 -3
- package/dist/components/bq-accordion.js.map +1 -1
- package/dist/components/bq-alert.js +4 -4
- package/dist/components/bq-alert.js.map +1 -1
- package/dist/components/bq-breadcrumb-item.js +1 -1
- package/dist/components/bq-breadcrumb-item.js.map +1 -1
- package/dist/components/bq-button2.js +1 -1
- package/dist/components/bq-button2.js.map +1 -1
- package/dist/components/bq-checkbox.js +2 -2
- package/dist/components/bq-checkbox.js.map +1 -1
- package/dist/components/bq-date-picker.js +2 -2
- package/dist/components/bq-date-picker.js.map +1 -1
- package/dist/components/bq-dialog.js +1 -1
- package/dist/components/bq-dialog.js.map +1 -1
- package/dist/components/bq-divider2.js +1 -1
- package/dist/components/bq-divider2.js.map +1 -1
- package/dist/components/bq-drawer.js +3 -3
- package/dist/components/bq-drawer.js.map +1 -1
- package/dist/components/bq-empty-state.js +5 -5
- package/dist/components/bq-empty-state.js.map +1 -1
- package/dist/components/bq-input.js +1 -1
- package/dist/components/bq-input.js.map +1 -1
- package/dist/components/bq-option.js.map +1 -1
- package/dist/components/bq-progress.js +6 -5
- package/dist/components/bq-progress.js.map +1 -1
- package/dist/components/bq-radio.js +1 -1
- package/dist/components/bq-radio.js.map +1 -1
- package/dist/components/bq-select.js +1 -1
- package/dist/components/bq-select.js.map +1 -1
- package/dist/components/bq-side-menu.js +1 -1
- package/dist/components/bq-side-menu.js.map +1 -1
- package/dist/components/bq-slider.js +3 -3
- package/dist/components/bq-slider.js.map +1 -1
- package/dist/components/bq-spinner.js +4 -4
- package/dist/components/bq-spinner.js.map +1 -1
- package/dist/components/bq-status.js +2 -2
- package/dist/components/bq-status.js.map +1 -1
- package/dist/components/bq-step-item.js +6 -6
- package/dist/components/bq-step-item.js.map +1 -1
- package/dist/components/bq-switch.js +4 -4
- package/dist/components/bq-switch.js.map +1 -1
- package/dist/components/bq-tab-group.js +1 -1
- package/dist/components/bq-tab-group.js.map +1 -1
- package/dist/components/bq-tab.js +5 -5
- package/dist/components/bq-tab.js.map +1 -1
- package/dist/components/bq-tag2.js +1 -1
- package/dist/components/bq-tag2.js.map +1 -1
- package/dist/components/bq-textarea.js +1 -1
- package/dist/components/bq-textarea.js.map +1 -1
- package/dist/esm/{assetsPath-630898a9.js → assetsPath-653f7ee2.js} +2 -2
- package/dist/esm/{assetsPath-630898a9.js.map → assetsPath-653f7ee2.js.map} +1 -1
- package/dist/esm/beeq.js +2 -2
- package/dist/esm/bq-accordion-group.entry.js +1 -1
- package/dist/esm/bq-accordion.entry.js +4 -4
- package/dist/esm/bq-accordion.entry.js.map +1 -1
- package/dist/esm/bq-alert.entry.js +5 -5
- package/dist/esm/bq-alert.entry.js.map +1 -1
- package/dist/esm/bq-avatar.entry.js +1 -1
- package/dist/esm/bq-badge.entry.js +1 -1
- package/dist/esm/bq-breadcrumb-item.entry.js +3 -3
- package/dist/esm/bq-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/bq-breadcrumb.entry.js +1 -1
- package/dist/esm/bq-button_2.entry.js +4 -4
- package/dist/esm/bq-button_2.entry.js.map +1 -1
- package/dist/esm/bq-card.entry.js +1 -1
- package/dist/esm/bq-checkbox.entry.js +3 -3
- package/dist/esm/bq-checkbox.entry.js.map +1 -1
- package/dist/esm/bq-date-picker.entry.js +4 -4
- package/dist/esm/bq-date-picker.entry.js.map +1 -1
- package/dist/esm/bq-dialog.entry.js +2 -2
- package/dist/esm/bq-dialog.entry.js.map +1 -1
- package/dist/esm/bq-divider.entry.js +2 -2
- package/dist/esm/bq-divider.entry.js.map +1 -1
- package/dist/esm/bq-drawer.entry.js +4 -4
- package/dist/esm/bq-drawer.entry.js.map +1 -1
- package/dist/esm/bq-dropdown_2.entry.js +1 -1
- package/dist/esm/bq-empty-state.entry.js +6 -6
- package/dist/esm/bq-empty-state.entry.js.map +1 -1
- package/dist/esm/bq-input.entry.js +3 -3
- package/dist/esm/bq-input.entry.js.map +1 -1
- package/dist/esm/bq-notification.entry.js +1 -1
- package/dist/esm/bq-option-group.entry.js +1 -1
- package/dist/esm/bq-option-list_2.entry.js +2 -2
- package/dist/esm/bq-option-list_2.entry.js.map +1 -1
- package/dist/esm/bq-option.entry.js +1 -1
- package/dist/esm/bq-option.entry.js.map +1 -1
- package/dist/esm/bq-page-title.entry.js +1 -1
- package/dist/esm/bq-progress.entry.js +7 -6
- package/dist/esm/bq-progress.entry.js.map +1 -1
- package/dist/esm/bq-radio-group.entry.js +1 -1
- package/dist/esm/bq-radio.entry.js +2 -2
- package/dist/esm/bq-radio.entry.js.map +1 -1
- package/dist/esm/bq-select.entry.js +3 -3
- package/dist/esm/bq-select.entry.js.map +1 -1
- package/dist/esm/bq-side-menu-item.entry.js +1 -1
- package/dist/esm/bq-side-menu.entry.js +2 -2
- package/dist/esm/bq-side-menu.entry.js.map +1 -1
- package/dist/esm/bq-slider.entry.js +4 -4
- package/dist/esm/bq-slider.entry.js.map +1 -1
- package/dist/esm/bq-spinner.entry.js +5 -5
- package/dist/esm/bq-spinner.entry.js.map +1 -1
- package/dist/esm/bq-status.entry.js +3 -3
- package/dist/esm/bq-status.entry.js.map +1 -1
- package/dist/esm/bq-step-item.entry.js +7 -7
- package/dist/esm/bq-step-item.entry.js.map +1 -1
- package/dist/esm/bq-steps.entry.js +1 -1
- package/dist/esm/bq-switch.entry.js +5 -5
- package/dist/esm/bq-switch.entry.js.map +1 -1
- package/dist/esm/bq-tab-group.entry.js +2 -2
- package/dist/esm/bq-tab-group.entry.js.map +1 -1
- package/dist/esm/bq-tab.entry.js +6 -6
- package/dist/esm/bq-tab.entry.js.map +1 -1
- package/dist/esm/bq-textarea.entry.js +2 -2
- package/dist/esm/bq-textarea.entry.js.map +1 -1
- package/dist/esm/bq-toast.entry.js +1 -1
- package/dist/esm/bq-tooltip.entry.js +1 -1
- package/dist/esm/{index-033f1efb.js → index-9dfdd050.js} +2 -20
- package/dist/esm/index-9dfdd050.js.map +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/{isDefined-f356f816.js → isDefined-e92041ac.js} +2 -2
- package/dist/esm/{isDefined-f356f816.js.map → isDefined-e92041ac.js.map} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/hydrate/index.js +60 -59
- package/dist/hydrate/index.mjs +60 -59
- package/dist/stencil.config.js +1 -0
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System/packages/beeq/.stencil/tailwind.config.d.ts +104 -78
- package/dist/types/global/scripts/global.d.ts +4 -0
- package/package.json +1 -1
- 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-0a981080.entry.js +0 -154
- package/dist/beeq/p-0ce76c54.entry.js +0 -103
- package/dist/beeq/p-0f786b44.entry.js +0 -458
- package/dist/beeq/p-0f786b44.entry.js.map +0 -1
- package/dist/beeq/p-16c6ece5.entry.js +0 -112
- package/dist/beeq/p-16c6ece5.entry.js.map +0 -1
- package/dist/beeq/p-2fe5f338.entry.js +0 -292
- package/dist/beeq/p-3043c826.entry.js +0 -133
- 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-41ac1d84.entry.js +0 -195
- 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-60cbc966.entry.js +0 -85
- package/dist/beeq/p-68ff188d.entry.js +0 -144
- package/dist/beeq/p-69c766a3.entry.js +0 -213
- package/dist/beeq/p-76486949.entry.js +0 -347
- package/dist/beeq/p-76486949.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-a23b23c4.entry.js +0 -213
- package/dist/beeq/p-a23b23c4.entry.js.map +0 -1
- package/dist/beeq/p-a44ae8fe.entry.js +0 -267
- package/dist/beeq/p-a697c8de.entry.js +0 -528
- package/dist/beeq/p-a697c8de.entry.js.map +0 -1
- package/dist/beeq/p-aacaaa35.entry.js +0 -209
- package/dist/beeq/p-b2df1479.entry.js +0 -270
- package/dist/beeq/p-b48788b5.js +0 -72
- 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-cfb8829b.entry.js +0 -100
- package/dist/beeq/p-d7067dae.entry.js +0 -151
- package/dist/beeq/p-d7dc7086.entry.js +0 -267
- package/dist/beeq/p-d7dc7086.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-f11a3beb.entry.js +0 -90
- package/dist/beeq/p-f1d6a960.entry.js +0 -271
- 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-faa3be41.entry.js.map +0 -1
- package/dist/beeq/p-fb809932.entry.js.map +0 -1
- package/dist/cjs/index-34edf639.js.map +0 -1
- package/dist/esm/index-033f1efb.js.map +0 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by Endavans
|
|
3
|
+
* © https://beeq.design - Apache 2 License.
|
|
4
|
+
*/
|
|
5
|
+
import{r,c as a,g as e,h as b,a as t}from"./p-16340dba.js";import{d as n}from"./p-1defeea3.js";import{v as i}from"./p-687da041.js";import{b as q}from"./p-d7ce7165.js";import{l as o,e as s}from"./p-a5dc1c94.js";import"./p-99829fc7.js";const d=["info","success","warning","error","default"];const l='.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}.relative{position:relative}.inset-0{inset:0}.z-\\[var\\(--bq-alert--z-index\\)\\]{z-index:var(--bq-alert--z-index)}.block{display:block}.flex{display:flex}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[var\\(--bq-alert--border-radius\\)\\]{border-radius:var(--bq-alert--border-radius)}.rounded-none{border-radius:var(--bq-radius--none)}.rounded-s{border-radius:var(--bq-radius--s)}.border-0{border-width:0}.border-\\[length\\:--bq-alert--border-width\\]{border-width:var(--bq-alert--border-width)}.border-\\[color\\:--bq-alert--border-default\\]{border-color:var(--bq-alert--border-default)}.border-\\[color\\:--bq-alert--border-error\\]{border-color:var(--bq-alert--border-error)}.border-\\[color\\:--bq-alert--border-info\\]{border-color:var(--bq-alert--border-info)}.border-\\[color\\:--bq-alert--border-success\\]{border-color:var(--bq-alert--border-success)}.border-\\[color\\:--bq-alert--border-warning\\]{border-color:var(--bq-alert--border-warning)}.bg-\\[color\\:--bq-alert--background-default\\]{background-color:var(--bq-alert--background-default)}.bg-\\[color\\:--bq-alert--background-error\\]{background-color:var(--bq-alert--background-error)}.bg-\\[color\\:--bq-alert--background-info\\]{background-color:var(--bq-alert--background-info)}.bg-\\[color\\:--bq-alert--background-success\\]{background-color:var(--bq-alert--background-success)}.bg-\\[color\\:--bq-alert--background-warning\\]{background-color:var(--bq-alert--background-warning)}.text-\\[color\\:--bq-alert--icon-color-default\\]{color:var(--bq-alert--icon-color-default)}.text-\\[color\\:--bq-alert--icon-color-error\\]{color:var(--bq-alert--icon-color-error)}.text-\\[color\\:--bq-alert--icon-color-info\\]{color:var(--bq-alert--icon-color-info)}.text-\\[color\\:--bq-alert--icon-color-success\\]{color:var(--bq-alert--icon-color-success)}.text-\\[color\\:--bq-alert--icon-color-warning\\]{color:var(--bq-alert--icon-color-warning)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bs-fit{block-size:fit-content}.is-full{inline-size:100%}.min-is-\\[--bq-alert--min-width\\]{min-inline-size:var(--bq-alert--min-width)}.p-b-0{padding-block:0}.p-b-\\[--bq-alert--padding\\]{padding-block:var(--bq-alert--padding)}.p-i-0{padding-inline:0}.p-i-\\[--bq-alert--padding\\]{padding-inline:var(--bq-alert--padding)}.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-alert--background:var(--bq-ui--secondary);--bq-alert--border-radius:var(--bq-radius--s);--bq-alert--content-footer-gap:var(--bq-spacing-s);--bq-alert--title-body-gap:var(--bq-spacing-s);--bq-alert--background-info:var(--bq-ui--brand-alt);--bq-alert--background-success:var(--bq-ui--success-alt);--bq-alert--background-warning:var(--bq-ui--warning-alt);--bq-alert--background-error:var(--bq-ui--danger-alt);--bq-alert--background-default:var(--bq-ui--primary);--bq-alert--border-info:var(--bq-stroke--brand);--bq-alert--border-success:var(--bq-stroke--success);--bq-alert--border-warning:var(--bq-stroke--warning);--bq-alert--border-error:var(--bq-stroke--danger);--bq-alert--border-default:var(--bq-stroke--secondary);--bq-alert--border-width:var(--bq-stroke-s);--bq-alert--border-style:solid;--bq-alert--icon-color-info:var(--bq-icon--brand);--bq-alert--icon-color-success:var(--bq-icon--success);--bq-alert--icon-color-warning:var(--bq-icon--warning);--bq-alert--icon-color-error:var(--bq-icon--danger);--bq-alert--icon-color-default:var(--bq-icon--primary);--bq-alert--padding:var(--bq-spacing-s);--bq-alert--min-width:320px;display:block}:host(.is-hidden){display:none}:host(.is-sticky){inline-size:100%;inset:0;inset-block-start:0;position:fixed;z-index:var(--bq-alert--z-index)}:host(.is-sticky) .bq-alert{align-items:center;border-radius:var(--bq-radius--none);justify-content:center}.bq-alert{border-radius:var(--bq-alert--border-radius);border-style:var(--bq-alert--border-style);border-width:var(--bq-alert--border-width);display:flex;min-inline-size:var(--bq-alert--min-width);padding-block:var(--bq-alert--padding);padding-inline:var(--bq-alert--padding);position:relative;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-alert__default{background-color:var(--bq-alert--background-default);border-color:var(--bq-alert--border-default)}.bq-alert__error{background-color:var(--bq-alert--background-error);border-color:var(--bq-alert--border-error)}.bq-alert__info{background-color:var(--bq-alert--background-info);border-color:var(--bq-alert--border-info)}.bq-alert__success{background-color:var(--bq-alert--background-success);border-color:var(--bq-alert--border-success)}.bq-alert__warning{background-color:var(--bq-alert--background-warning);border-color:var(--bq-alert--border-warning)}.bq-alert__icon--default{color:var(--bq-alert--icon-color-default)}.bq-alert__icon--error{color:var(--bq-alert--icon-color-error)}.bq-alert__icon--info{color:var(--bq-alert--icon-color-info)}.bq-alert__icon--success{color:var(--bq-alert--icon-color-success)}.bq-alert__icon--warning{color:var(--bq-alert--icon-color-warning)}.bq-alert__close::part(button){block-size:fit-content;border-radius:var(--bq-radius--s);border-width:0;padding-block:0;padding-inline:0}.static{position:static}.absolute{position:absolute}.sticky{position:sticky}.end-5{inset-inline-end:1.25rem}.me-s{margin-inline-end:var(--bq-spacing-s)}.\\!hidden{display:none!important}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-\\[--bq-alert--content-footer-gap\\]{gap:var(--bq-alert--content-footer-gap)}.gap-\\[--bq-alert--title-body-gap\\]{gap:var(--bq-alert--title-body-gap)}.gap-xs{gap:var(--bq-spacing-xs)}.text-left{text-align:left}.align-top{vertical-align:top}.text-s{font-size:var(--bq-font-size--s)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-primary{color:var(--bq-text--primary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.\\[\\&\\:\\:part\\(label\\)\\]\\:inline-flex::part(label){display:inline-flex}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[color\\:--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}';const c=l;const v=class{constructor(e){r(this,e);this.bqHide=a(this,"bqHide",7);this.bqShow=a(this,"bqShow",7);this.bqAfterShow=a(this,"bqAfterShow",7);this.bqAfterHide=a(this,"bqAfterHide",7);this.hasContent=false;this.hasFooter=false;this.autoDismiss=undefined;this.border="s";this.disableClose=undefined;this.hideIcon=undefined;this.open=undefined;this.time=3e3;this.type="default";this.sticky=undefined}autoDismissDebounce;bodyElem;footerElem;alertElement;get el(){return e(this)}handleTimeout(){this.autoDismissDebounce?.cancel();if(!this.autoDismiss)return;this.autoDismissDebounce=n((()=>{this.hide()}),this.time);if(this.open)this.autoDismissDebounce()}handleOpenChange(){this.autoDismissDebounce?.cancel();if(!this.open){this.handleHide();return}this.handleShow();if(this.autoDismiss){this.autoDismissDebounce()}}checkPropValues(){i(d,"info",this.el,"type")}bqHide;bqShow;bqAfterShow;bqAfterHide;componentWillLoad(){this.checkPropValues();this.handleTimeout()}componentDidLoad(){if(!this.open){this.el.classList.add("is-hidden")}}async hide(){this.open=false}async show(){this.open=true}handleHide=async()=>{const r=this.bqHide.emit(this.el);if(!r.defaultPrevented){await o(this.alertElement);this.el.classList.add("is-hidden");this.handleTransitionEnd()}};handleShow=async()=>{const r=this.bqShow.emit(this.el);if(!r.defaultPrevented){this.el.classList.remove("is-hidden");await s(this.alertElement);this.handleTransitionEnd()}};handleTransitionEnd=()=>{if(this.open){this.bqAfterShow.emit();return}this.bqAfterHide.emit()};handleContentSlotChange=()=>{this.hasContent=q(this.bodyElem,"body")};handleFooterSlotChange=()=>{this.hasFooter=q(this.footerElem,"footer")};get iconName(){const r={error:"x-circle",success:"check-circle",warning:"warning-circle"};return r[this.type]||"info"}render(){const r={...this.border&&{"--bq-alert--border-radius":`var(--bq-radius--${this.border})`}};return b(t,{key:"d0aaf1724a7bc98f20cac45608efbad4faab41bf",style:r,class:{"is-sticky":this.sticky},"aria-hidden":!this.open?"true":"false",hidden:!this.open?"true":"false",role:"alert"},b("div",{key:"3dec047f581d2c7d4761547671a6c7a791332e08",class:{[`bq-alert bq-alert__${this.type}`]:true,"is-sticky":this.sticky},"data-transition-enter":"transition ease-out duration-300","data-transition-enter-start":"opacity-0","data-transition-enter-end":"opacity-100","data-transition-leave":"transition ease-in duration-200","data-transition-leave-start":"opacity-100","data-transition-leave-end":"opacity-0",ref:r=>this.alertElement=r,part:"wrapper"},!this.disableClose&&b("bq-button",{key:"7ff5ff0978848246b383e4e032ff6820ca6c09f9",class:"bq-alert__close absolute end-5 focus-visible:focus [&::part(label)]:inline-flex",appearance:"text",size:"small",onClick:this.hide.bind(this),part:"btn-close"},b("slot",{key:"fc52646af2009cfa0812d6e672332630e2492cbc",name:"btn-close"},b("bq-icon",{key:"147eb1171cafd627c55bf0a9bec2745d96e1a981",name:"x"}))),b("div",{key:"5299c527a3ecc79266d7a79bd491da4e87ec87a8",class:{[`bq-alert__icon--${this.type} me-s flex text-left align-top`]:true,"!hidden":this.hideIcon},part:"icon-outline"},b("slot",{key:"d088027e8b49bedb46b2aa0b4dd4153a058ffe86",name:"icon"},this.type!=="default"&&b("bq-icon",{key:"883fd7e849fc409e92892db1b40dccf6d32f5735",name:this.iconName,part:"icon",exportparts:"base,svg"}))),b("div",{key:"bf251fe887758145624beba044453975d8412ec5",class:"flex flex-col items-start gap-[--bq-alert--content-footer-gap]",part:"main"},b("div",{key:"58dde82c09741a7ae2d255c632ac48ff26f9ea8f",class:"flex flex-col gap-[--bq-alert--title-body-gap]",part:"content"},b("div",{key:"6f6d714c464975c0986463f7765c3c340a2b73e7",class:{"title-font font-semibold leading-regular text-primary":true,"flex items-center":this.sticky},part:"title"},b("slot",{key:"8b9cdcbef9d48f2f4c5c09d15d8b59df85654c6a"})),b("div",{key:"d383879077f4d10d9ef04e550060af32f3d648e1",class:{"text-s leading-regular":true,"!hidden":!this.hasContent},ref:r=>this.bodyElem=r,part:"body"},b("slot",{key:"137ed94e67e3defde2ca976c81f45be5f5ef7551",name:"body",onSlotchange:this.handleContentSlotChange}))),b("div",{key:"ebb9e8bea68e140a4914f25d091174d54776d96b",class:{"flex items-start gap-xs":true,"!hidden":!this.hasFooter},ref:r=>this.footerElem=r,part:"footer"},b("slot",{key:"1790a109919d257d08ad6150627f0da63910c349",name:"footer",onSlotchange:this.handleFooterSlotChange})))))}static get watchers(){return{autoDismiss:["handleTimeout"],time:["handleTimeout"],open:["handleOpenChange"],type:["checkPropValues"]}}};v.style=c;export{v as bq_alert};
|
|
6
|
+
//# sourceMappingURL=p-d4397119.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ALERT_TYPE","bqAlertCss","BqAlertStyle0","BqAlert","autoDismissDebounce","bodyElem","footerElem","alertElement","handleTimeout","this","cancel","autoDismiss","debounce","hide","time","open","handleOpenChange","handleHide","handleShow","checkPropValues","validatePropValue","el","bqHide","bqShow","bqAfterShow","bqAfterHide","componentWillLoad","componentDidLoad","classList","add","show","async","ev","emit","defaultPrevented","leave","handleTransitionEnd","remove","enter","handleContentSlotChange","hasContent","hasSlotContent","handleFooterSlotChange","hasFooter","iconName","error","success","warning","type","render","style","border","h","Host","key","class","sticky","hidden","role","ref","div","part","disableClose","appearance","size","onClick","bind","name","hideIcon","exportparts","onSlotchange"],"sources":["../../packages/beeq/src/components/alert/bq-alert.types.ts","../../packages/beeq/src/components/alert/scss/bq-alert.scss?tag=bq-alert&encapsulation=shadow","../../packages/beeq/src/components/alert/bq-alert.tsx"],"sourcesContent":["export const ALERT_TYPE = ['info', 'success', 'warning', 'error', 'default'] as const;\nexport type TAlertType = (typeof ALERT_TYPE)[number];\n\nexport const ALERT_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TAlertBorderRadius = (typeof ALERT_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Alert styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-alert.variables';\n\n:host {\n @apply block;\n}\n\n:host(.is-hidden) {\n @apply hidden;\n}\n\n:host(.is-sticky) {\n @apply fixed inset-0 z-[var(--bq-alert--z-index)] is-full inset-bs-0;\n\n .bq-alert {\n @apply items-center justify-center rounded-none;\n }\n}\n\n.bq-alert {\n @apply relative flex transition-all min-is-[--bq-alert--min-width] p-b-[--bq-alert--padding] p-i-[--bq-alert--padding];\n @apply rounded-[var(--bq-alert--border-radius)] border-[length:--bq-alert--border-width];\n\n border-style: var(--bq-alert--border-style);\n}\n\n/**\n * Set the alert background and border color based on the type value selected\n */\n\n.bq-alert__default {\n @apply border-[color:--bq-alert--border-default] bg-[color:--bq-alert--background-default];\n}\n\n.bq-alert__error {\n @apply border-[color:--bq-alert--border-error] bg-[color:--bq-alert--background-error];\n}\n\n.bq-alert__info {\n @apply border-[color:--bq-alert--border-info] bg-[color:--bq-alert--background-info];\n}\n\n.bq-alert__success {\n @apply border-[color:--bq-alert--border-success] bg-[color:--bq-alert--background-success];\n}\n\n.bq-alert__warning {\n @apply border-[color:--bq-alert--border-warning] bg-[color:--bq-alert--background-warning];\n}\n\n/**\n * Set the alert icon color based on the type value selected\n */\n.bq-alert__icon {\n &--default {\n @apply text-[color:--bq-alert--icon-color-default];\n }\n\n &--error {\n @apply text-[color:--bq-alert--icon-color-error];\n }\n\n &--info {\n @apply text-[color:--bq-alert--icon-color-info];\n }\n\n &--success {\n @apply text-[color:--bq-alert--icon-color-success];\n }\n\n &--warning {\n @apply text-[color:--bq-alert--icon-color-warning];\n }\n}\n\n/**\n * Tweak the close bq-button styles so it remain small without extra padding\n */\n.bq-alert__close::part(button) {\n @apply rounded-s border-0 bs-fit p-b-0 p-i-0;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { ALERT_TYPE, TAlertBorderRadius, TAlertType } from './bq-alert.types';\nimport { debounce, enter, hasSlotContent, leave, TDebounce, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The `<div>` container of the predefined bq-icon component\n * @part body - The container `<div>` that wraps the alert description content\n * @part btn-close - The `bq-button` used to close the alert\n * @part content - The container `<div>` that wraps all the alert content (title, description, footer)\n * @part footer - The container `<div>` that wraps the alert footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon based on the alert type (info, success, warning, error, default)\n * @part icon-outline - The container `<div>` that wraps the icon element\n * @part main - The container `<div>` that wraps the alert main content (title, description)\n * @part svg - The `<svg>` element of the predefined bq-icon component\n * @part title - The container `<div>` that wraps the alert title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n *\n * @slot - The alert title content (no slot name required)\n * @slot body - The alert description content\n * @slot footer - The alert footer content\n * @slot icon - The predefined icon based on the alert type (info, success, warning, error, default)\n * @slot btn-close - The close button of the alert\n */\n\n@Component({\n tag: 'bq-alert',\n styleUrl: './scss/bq-alert.scss',\n shadow: true,\n})\nexport class BqAlert {\n // Own Properties\n // ====================\n\n private autoDismissDebounce: TDebounce<void>;\n private bodyElem: HTMLDivElement;\n private footerElem: HTMLDivElement;\n private alertElement: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqAlertElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasContent = false;\n @State() private hasFooter = false;\n\n // Public Property API\n // ========================\n\n /** If true, the alert will automatically hide after the specified amount of time */\n @Prop({ reflect: true }) autoDismiss: boolean;\n\n /** The corner radius of the alert component */\n @Prop({ reflect: true }) border: TAlertBorderRadius = 's';\n\n /** If true, the close button at the top right of the alert won't be shown */\n @Prop({ reflect: true }) disableClose: boolean;\n\n /** If true, the alert icon won't be shown */\n @Prop({ reflect: true }) hideIcon: boolean;\n\n /** If true, the alert will be shown */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** The length of time, in milliseconds, after which the alert will close itself. Only valid if `autoDismiss=\"true\"` */\n @Prop({ reflect: true }) time: number = 3000;\n\n /** Type of Alert */\n @Prop({ reflect: true }) type: TAlertType = 'default';\n\n /** If true, the alert component will remain fixed at the top of the page, occupying the full viewport */\n @Prop({ reflect: true }) sticky: boolean;\n\n // Prop lifecycle events\n // =======================\n @Watch('autoDismiss')\n @Watch('time')\n handleTimeout() {\n this.autoDismissDebounce?.cancel();\n if (!this.autoDismiss) return;\n\n this.autoDismissDebounce = debounce(() => {\n this.hide();\n }, this.time);\n // Make sure to autodismiss the notification if the `auto-dismiss` value changed while open\n if (this.open) this.autoDismissDebounce();\n }\n\n @Watch('open')\n handleOpenChange() {\n this.autoDismissDebounce?.cancel();\n\n if (!this.open) {\n this.handleHide();\n return;\n }\n\n this.handleShow();\n\n if (this.autoDismiss) {\n this.autoDismissDebounce();\n }\n }\n\n @Watch('type')\n checkPropValues() {\n validatePropValue(ALERT_TYPE, 'info', this.el, 'type');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the alert is hidden */\n @Event() bqHide!: EventEmitter;\n\n /** Callback handler to be called when the alert is shown */\n @Event() bqShow!: EventEmitter;\n\n /** Callback handler to be called after the alert has been shown */\n @Event() bqAfterShow!: EventEmitter;\n\n /** Callback handler to be called after the alert has been hidden */\n @Event() bqAfterHide!: EventEmitter;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleTimeout();\n }\n\n componentDidLoad() {\n if (!this.open) {\n this.el.classList.add('is-hidden');\n }\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 /** Method to be called to hide the alert component */\n @Method()\n async hide(): Promise<void> {\n this.open = false;\n }\n\n /** Method to be called to show the alert component */\n @Method()\n async show(): Promise<void> {\n this.open = true;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleHide = async () => {\n const ev = this.bqHide.emit(this.el);\n if (!ev.defaultPrevented) {\n await leave(this.alertElement);\n this.el.classList.add('is-hidden');\n this.handleTransitionEnd();\n }\n };\n\n private handleShow = async () => {\n const ev = this.bqShow.emit(this.el);\n if (!ev.defaultPrevented) {\n this.el.classList.remove('is-hidden');\n await enter(this.alertElement);\n this.handleTransitionEnd();\n }\n };\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.bqAfterShow.emit();\n return;\n }\n\n this.bqAfterHide.emit();\n };\n\n private handleContentSlotChange = () => {\n this.hasContent = hasSlotContent(this.bodyElem, 'body');\n };\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private get iconName(): string {\n const iconName = {\n error: 'x-circle',\n success: 'check-circle',\n warning: 'warning-circle',\n };\n\n return iconName[this.type] || 'info';\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const style = {\n ...(this.border && { '--bq-alert--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host\n style={style}\n class={{ 'is-sticky': this.sticky }}\n aria-hidden={!this.open ? 'true' : 'false'}\n hidden={!this.open ? 'true' : 'false'}\n role=\"alert\"\n >\n <div\n class={{\n [`bq-alert bq-alert__${this.type}`]: true,\n 'is-sticky': this.sticky,\n }}\n data-transition-enter=\"transition ease-out duration-300\"\n data-transition-enter-start=\"opacity-0\"\n data-transition-enter-end=\"opacity-100\"\n data-transition-leave=\"transition ease-in duration-200\"\n data-transition-leave-start=\"opacity-100\"\n data-transition-leave-end=\"opacity-0\"\n ref={(div) => (this.alertElement = div)}\n part=\"wrapper\"\n >\n {/* CLOSE BUTTON */}\n {!this.disableClose && (\n <bq-button\n class=\"bq-alert__close absolute end-5 focus-visible:focus [&::part(label)]:inline-flex\"\n appearance=\"text\"\n size=\"small\"\n onClick={this.hide.bind(this)}\n part=\"btn-close\"\n >\n <slot name=\"btn-close\">\n <bq-icon name=\"x\" />\n </slot>\n </bq-button>\n )}\n {/* ICON */}\n <div\n class={{\n [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,\n '!hidden': this.hideIcon,\n }}\n part=\"icon-outline\"\n >\n <slot name=\"icon\">\n {this.type !== 'default' && <bq-icon name={this.iconName} part=\"icon\" exportparts=\"base,svg\" />}\n </slot>\n </div>\n {/* MAIN */}\n <div class=\"flex flex-col items-start gap-[--bq-alert--content-footer-gap]\" part=\"main\">\n <div class=\"flex flex-col gap-[--bq-alert--title-body-gap]\" part=\"content\">\n {/* TITLE */}\n <div\n class={{\n 'title-font font-semibold leading-regular text-text-primary': true,\n 'flex items-center': this.sticky,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n {/* BODY */}\n <div\n class={{ 'text-s leading-regular': true, '!hidden': !this.hasContent }}\n ref={(div) => (this.bodyElem = div)}\n part=\"body\"\n >\n <slot name=\"body\" onSlotchange={this.handleContentSlotChange} />\n </div>\n </div>\n {/* FOOTER */}\n <div\n class={{ 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }}\n ref={(div) => (this.footerElem = div)}\n part=\"footer\"\n >\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAO,MAAMA,IAAa,EAAC,QAAQ,WAAW,WAAW,SAAS;;ACAlE,MAAMC,IAAa;;AACnB,MAAAC,IAAeD;;MC6BFE,IAAO;;;;;;;sBAkBY;qBACD;;kBASyB;;;;gBAYd;gBAGI;;;;;EAvCpCC;EACAC;EACAC;EACAC;;;;;;EA6CR,aAAAC;IACEC,KAAKL,qBAAqBM;IAC1B,KAAKD,KAAKE,aAAa;IAEvBF,KAAKL,sBAAsBQ,GAAS;MAClCH,KAAKI;AAAM,QACVJ,KAAKK;;QAER,IAAIL,KAAKM,MAAMN,KAAKL;;EAItB,gBAAAY;IACEP,KAAKL,qBAAqBM;IAE1B,KAAKD,KAAKM,MAAM;MACdN,KAAKQ;MACL;;IAGFR,KAAKS;IAEL,IAAIT,KAAKE,aAAa;MACpBF,KAAKL;;;EAKT,eAAAe;IACEC,EAAkBpB,GAAY,QAAQS,KAAKY,IAAI;;;;;;EAQxCC;;EAGAC;;EAGAC;;EAGAC;;;;EAMT,iBAAAC;IACEjB,KAAKU;IACLV,KAAKD;;EAGP,gBAAAmB;IACE,KAAKlB,KAAKM,MAAM;MACdN,KAAKY,GAAGO,UAAUC,IAAI;;;;;;;;;;;;EAgB1B,UAAMhB;IACJJ,KAAKM,OAAO;;0DAKd,UAAMe;IACJrB,KAAKM,OAAO;;;;;;EAQNE,WAAac;IACnB,MAAMC,IAAKvB,KAAKa,OAAOW,KAAKxB,KAAKY;IACjC,KAAKW,EAAGE,kBAAkB;YAClBC,EAAM1B,KAAKF;MACjBE,KAAKY,GAAGO,UAAUC,IAAI;MACtBpB,KAAK2B;;;EAIDlB,WAAaa;IACnB,MAAMC,IAAKvB,KAAKc,OAAOU,KAAKxB,KAAKY;IACjC,KAAKW,EAAGE,kBAAkB;MACxBzB,KAAKY,GAAGO,UAAUS,OAAO;YACnBC,EAAM7B,KAAKF;MACjBE,KAAK2B;;;EAIDA,oBAAsB;IAC5B,IAAI3B,KAAKM,MAAM;MACbN,KAAKe,YAAYS;MACjB;;IAGFxB,KAAKgB,YAAYQ;AAAM;EAGjBM,wBAA0B;IAChC9B,KAAK+B,aAAaC,EAAehC,KAAKJ,UAAU;AAAO;EAGjDqC,uBAAyB;IAC/BjC,KAAKkC,YAAYF,EAAehC,KAAKH,YAAY;AAAS;EAG5D,YAAYsC;IACV,MAAMA,IAAW;MACfC,OAAO;MACPC,SAAS;MACTC,SAAS;;IAGX,OAAOH,EAASnC,KAAKuC,SAAS;;;;;EAOhC,MAAAC;IACE,MAAMC,IAAQ;SACRzC,KAAK0C,UAAU;QAAE,6BAA6B,oBAAoB1C,KAAK0C;;;IAG7E,OACEC,EAACC,GAAI;MAAAC,KAAA;MACHJ,OAAOA;MACPK,OAAO;QAAE,aAAa9C,KAAK+C;;MAAQ,gBACrB/C,KAAKM,OAAO,SAAS;MACnC0C,SAAShD,KAAKM,OAAO,SAAS;MAC9B2C,MAAK;OAELN,EAAA;MAAAE,KAAA;MACEC,OAAO;QACL,CAAC,sBAAsB9C,KAAKuC,SAAS;QACrC,aAAavC,KAAK+C;;MACnB,yBACqB;MAAkC,+BAC5B;MAAW,6BACb;MAAa,yBACjB;MAAiC,+BAC3B;MAAa,6BACf;MAC1BG,KAAMC,KAASnD,KAAKF,eAAeqD;MACnCC,MAAK;QAGHpD,KAAKqD,gBACLV,EAAA;MAAAE,KAAA;MACEC,OAAM;MACNQ,YAAW;MACXC,MAAK;MACLC,SAASxD,KAAKI,KAAKqD,KAAKzD;MACxBoD,MAAK;OAELT,EAAA;MAAAE,KAAA;MAAMa,MAAK;OACTf,EAAA;MAAAE,KAAA;MAASa,MAAK;UAKpBf,EAAA;MAAAE,KAAA;MACEC,OAAO;QACL,CAAC,mBAAmB9C,KAAKuC,uCAAuC;QAChE,WAAWvC,KAAK2D;;MAElBP,MAAK;OAELT,EAAA;MAAAE,KAAA;MAAMa,MAAK;OACR1D,KAAKuC,SAAS,aAAaI,EAAA;MAAAE,KAAA;MAASa,MAAM1D,KAAKmC;MAAUiB,MAAK;MAAOQ,aAAY;UAItFjB,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAiEM,MAAK;OAC/ET,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAiDM,MAAK;OAE/DT,EAAA;MAAAE,KAAA;MACEC,OAAO;QACL,8DAA8D;QAC9D,qBAAqB9C,KAAK+C;;MAE5BK,MAAK;OAELT,EAAA;MAAAE,KAAA;SAGFF,EAAA;MAAAE,KAAA;MACEC,OAAO;QAAE,0BAA0B;QAAM,YAAY9C,KAAK+B;;MAC1DmB,KAAMC,KAASnD,KAAKJ,WAAWuD;MAC/BC,MAAK;OAELT,EAAA;MAAAE,KAAA;MAAMa,MAAK;MAAOG,cAAc7D,KAAK8B;UAIzCa,EAAA;MAAAE,KAAA;MACEC,OAAO;QAAE,2BAA2B;QAAM,YAAY9C,KAAKkC;;MAC3DgB,KAAMC,KAASnD,KAAKH,aAAasD;MACjCC,MAAK;OAELT,EAAA;MAAAE,KAAA;MAAMa,MAAK;MAASG,cAAc7D,KAAKiC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["ALERT_TYPE","bqAlertCss","BqAlertStyle0","BqAlert","autoDismissDebounce","bodyElem","footerElem","alertElement","handleTimeout","this","cancel","autoDismiss","debounce","hide","time","open","handleOpenChange","handleHide","handleShow","checkPropValues","validatePropValue","el","bqHide","bqShow","bqAfterShow","bqAfterHide","componentWillLoad","componentDidLoad","classList","add","show","async","ev","emit","defaultPrevented","leave","handleTransitionEnd","remove","enter","handleContentSlotChange","hasContent","hasSlotContent","handleFooterSlotChange","hasFooter","iconName","error","success","warning","type","render","style","border","h","Host","key","class","sticky","hidden","role","ref","div","part","disableClose","appearance","size","onClick","bind","name","hideIcon","exportparts","onSlotchange"],"sources":["../../packages/beeq/src/components/alert/bq-alert.types.ts","../../packages/beeq/src/components/alert/scss/bq-alert.scss?tag=bq-alert&encapsulation=shadow","../../packages/beeq/src/components/alert/bq-alert.tsx"],"sourcesContent":["export const ALERT_TYPE = ['info', 'success', 'warning', 'error', 'default'] as const;\nexport type TAlertType = (typeof ALERT_TYPE)[number];\n\nexport const ALERT_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TAlertBorderRadius = (typeof ALERT_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Alert styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-alert.variables';\n\n:host {\n @apply block;\n}\n\n:host(.is-hidden) {\n @apply hidden;\n}\n\n:host(.is-sticky) {\n @apply fixed inset-0 z-[var(--bq-alert--z-index)] is-full inset-bs-0;\n\n .bq-alert {\n @apply items-center justify-center rounded-none;\n }\n}\n\n.bq-alert {\n @apply relative flex transition-all min-is-[--bq-alert--min-width] p-b-[--bq-alert--padding] p-i-[--bq-alert--padding];\n @apply rounded-[var(--bq-alert--border-radius)] border-[length:--bq-alert--border-width];\n\n border-style: var(--bq-alert--border-style);\n}\n\n/**\n * Set the alert background and border color based on the type value selected\n */\n\n.bq-alert__default {\n @apply border-[color:--bq-alert--border-default] bg-[color:--bq-alert--background-default];\n}\n\n.bq-alert__error {\n @apply border-[color:--bq-alert--border-error] bg-[color:--bq-alert--background-error];\n}\n\n.bq-alert__info {\n @apply border-[color:--bq-alert--border-info] bg-[color:--bq-alert--background-info];\n}\n\n.bq-alert__success {\n @apply border-[color:--bq-alert--border-success] bg-[color:--bq-alert--background-success];\n}\n\n.bq-alert__warning {\n @apply border-[color:--bq-alert--border-warning] bg-[color:--bq-alert--background-warning];\n}\n\n/**\n * Set the alert icon color based on the type value selected\n */\n.bq-alert__icon {\n &--default {\n @apply text-[color:--bq-alert--icon-color-default];\n }\n\n &--error {\n @apply text-[color:--bq-alert--icon-color-error];\n }\n\n &--info {\n @apply text-[color:--bq-alert--icon-color-info];\n }\n\n &--success {\n @apply text-[color:--bq-alert--icon-color-success];\n }\n\n &--warning {\n @apply text-[color:--bq-alert--icon-color-warning];\n }\n}\n\n/**\n * Tweak the close bq-button styles so it remain small without extra padding\n */\n.bq-alert__close::part(button) {\n @apply rounded-s border-0 bs-fit p-b-0 p-i-0;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { ALERT_TYPE, TAlertBorderRadius, TAlertType } from './bq-alert.types';\nimport { debounce, enter, hasSlotContent, leave, TDebounce, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The `<div>` container of the predefined bq-icon component\n * @part body - The container `<div>` that wraps the alert description content\n * @part btn-close - The `bq-button` used to close the alert\n * @part content - The container `<div>` that wraps all the alert content (title, description, footer)\n * @part footer - The container `<div>` that wraps the alert footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon based on the alert type (info, success, warning, error, default)\n * @part icon-outline - The container `<div>` that wraps the icon element\n * @part main - The container `<div>` that wraps the alert main content (title, description)\n * @part svg - The `<svg>` element of the predefined bq-icon component\n * @part title - The container `<div>` that wraps the alert title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n *\n * @slot - The alert title content (no slot name required)\n * @slot body - The alert description content\n * @slot footer - The alert footer content\n * @slot icon - The predefined icon based on the alert type (info, success, warning, error, default)\n * @slot btn-close - The close button of the alert\n */\n\n@Component({\n tag: 'bq-alert',\n styleUrl: './scss/bq-alert.scss',\n shadow: true,\n})\nexport class BqAlert {\n // Own Properties\n // ====================\n\n private autoDismissDebounce: TDebounce<void>;\n private bodyElem: HTMLDivElement;\n private footerElem: HTMLDivElement;\n private alertElement: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqAlertElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasContent = false;\n @State() private hasFooter = false;\n\n // Public Property API\n // ========================\n\n /** If true, the alert will automatically hide after the specified amount of time */\n @Prop({ reflect: true }) autoDismiss: boolean;\n\n /** The corner radius of the alert component */\n @Prop({ reflect: true }) border: TAlertBorderRadius = 's';\n\n /** If true, the close button at the top right of the alert won't be shown */\n @Prop({ reflect: true }) disableClose: boolean;\n\n /** If true, the alert icon won't be shown */\n @Prop({ reflect: true }) hideIcon: boolean;\n\n /** If true, the alert will be shown */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** The length of time, in milliseconds, after which the alert will close itself. Only valid if `autoDismiss=\"true\"` */\n @Prop({ reflect: true }) time: number = 3000;\n\n /** Type of Alert */\n @Prop({ reflect: true }) type: TAlertType = 'default';\n\n /** If true, the alert component will remain fixed at the top of the page, occupying the full viewport */\n @Prop({ reflect: true }) sticky: boolean;\n\n // Prop lifecycle events\n // =======================\n @Watch('autoDismiss')\n @Watch('time')\n handleTimeout() {\n this.autoDismissDebounce?.cancel();\n if (!this.autoDismiss) return;\n\n this.autoDismissDebounce = debounce(() => {\n this.hide();\n }, this.time);\n // Make sure to autodismiss the notification if the `auto-dismiss` value changed while open\n if (this.open) this.autoDismissDebounce();\n }\n\n @Watch('open')\n handleOpenChange() {\n this.autoDismissDebounce?.cancel();\n\n if (!this.open) {\n this.handleHide();\n return;\n }\n\n this.handleShow();\n\n if (this.autoDismiss) {\n this.autoDismissDebounce();\n }\n }\n\n @Watch('type')\n checkPropValues() {\n validatePropValue(ALERT_TYPE, 'info', this.el, 'type');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the alert is hidden */\n @Event() bqHide!: EventEmitter;\n\n /** Callback handler to be called when the alert is shown */\n @Event() bqShow!: EventEmitter;\n\n /** Callback handler to be called after the alert has been shown */\n @Event() bqAfterShow!: EventEmitter;\n\n /** Callback handler to be called after the alert has been hidden */\n @Event() bqAfterHide!: EventEmitter;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleTimeout();\n }\n\n componentDidLoad() {\n if (!this.open) {\n this.el.classList.add('is-hidden');\n }\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 /** Method to be called to hide the alert component */\n @Method()\n async hide(): Promise<void> {\n this.open = false;\n }\n\n /** Method to be called to show the alert component */\n @Method()\n async show(): Promise<void> {\n this.open = true;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleHide = async () => {\n const ev = this.bqHide.emit(this.el);\n if (!ev.defaultPrevented) {\n await leave(this.alertElement);\n this.el.classList.add('is-hidden');\n this.handleTransitionEnd();\n }\n };\n\n private handleShow = async () => {\n const ev = this.bqShow.emit(this.el);\n if (!ev.defaultPrevented) {\n this.el.classList.remove('is-hidden');\n await enter(this.alertElement);\n this.handleTransitionEnd();\n }\n };\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.bqAfterShow.emit();\n return;\n }\n\n this.bqAfterHide.emit();\n };\n\n private handleContentSlotChange = () => {\n this.hasContent = hasSlotContent(this.bodyElem, 'body');\n };\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private get iconName(): string {\n const iconName = {\n error: 'x-circle',\n success: 'check-circle',\n warning: 'warning-circle',\n };\n\n return iconName[this.type] || 'info';\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const style = {\n ...(this.border && { '--bq-alert--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host\n style={style}\n class={{ 'is-sticky': this.sticky }}\n aria-hidden={!this.open ? 'true' : 'false'}\n hidden={!this.open ? 'true' : 'false'}\n role=\"alert\"\n >\n <div\n class={{\n [`bq-alert bq-alert__${this.type}`]: true,\n 'is-sticky': this.sticky,\n }}\n data-transition-enter=\"transition ease-out duration-300\"\n data-transition-enter-start=\"opacity-0\"\n data-transition-enter-end=\"opacity-100\"\n data-transition-leave=\"transition ease-in duration-200\"\n data-transition-leave-start=\"opacity-100\"\n data-transition-leave-end=\"opacity-0\"\n ref={(div) => (this.alertElement = div)}\n part=\"wrapper\"\n >\n {/* CLOSE BUTTON */}\n {!this.disableClose && (\n <bq-button\n class=\"bq-alert__close absolute end-5 focus-visible:focus [&::part(label)]:inline-flex\"\n appearance=\"text\"\n size=\"small\"\n onClick={this.hide.bind(this)}\n part=\"btn-close\"\n >\n <slot name=\"btn-close\">\n <bq-icon name=\"x\" />\n </slot>\n </bq-button>\n )}\n {/* ICON */}\n <div\n class={{\n [`bq-alert__icon--${this.type} me-s flex text-left align-top`]: true,\n '!hidden': this.hideIcon,\n }}\n part=\"icon-outline\"\n >\n <slot name=\"icon\">\n {this.type !== 'default' && <bq-icon name={this.iconName} part=\"icon\" exportparts=\"base,svg\" />}\n </slot>\n </div>\n {/* MAIN */}\n <div class=\"flex flex-col items-start gap-[--bq-alert--content-footer-gap]\" part=\"main\">\n <div class=\"flex flex-col gap-[--bq-alert--title-body-gap]\" part=\"content\">\n {/* TITLE */}\n <div\n class={{\n 'title-font font-semibold leading-regular text-primary': true,\n 'flex items-center': this.sticky,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n {/* BODY */}\n <div\n class={{ 'text-s leading-regular': true, '!hidden': !this.hasContent }}\n ref={(div) => (this.bodyElem = div)}\n part=\"body\"\n >\n <slot name=\"body\" onSlotchange={this.handleContentSlotChange} />\n </div>\n </div>\n {/* FOOTER */}\n <div\n class={{ 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }}\n ref={(div) => (this.footerElem = div)}\n part=\"footer\"\n >\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
package/dist/beeq/p-d7ce7165.js
CHANGED
|
@@ -2,90 +2,5 @@
|
|
|
2
2
|
* Built by Endavans
|
|
3
3
|
* © https://beeq.design - Apache 2 License.
|
|
4
4
|
*/
|
|
5
|
-
|
|
6
|
-
= Credit: =
|
|
7
|
-
= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts =
|
|
8
|
-
=========================================================================================*/
|
|
9
|
-
function isElementNode(t) {
|
|
10
|
-
return t.nodeType === Node.ELEMENT_NODE;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
function isTextNode(t) {
|
|
14
|
-
return t.nodeType === Node.TEXT_NODE;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function getText(t, e = 1, n = Infinity) {
|
|
18
|
-
let o = "";
|
|
19
|
-
if (e <= n) {
|
|
20
|
-
if (isTextNode(t)) {
|
|
21
|
-
o += t.textContent;
|
|
22
|
-
} else if (isElementNode(t) && t.hasChildNodes()) {
|
|
23
|
-
const r = e + 1;
|
|
24
|
-
t.childNodes.forEach((t => {
|
|
25
|
-
o += getText(t, r, n);
|
|
26
|
-
}));
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
return o;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.
|
|
34
|
-
*
|
|
35
|
-
* @param {HTMLSlotElement} slot - Slot HTML element
|
|
36
|
-
* @return {string} The concatenated HTML as a string
|
|
37
|
-
*/ function getInnerHTML(t) {
|
|
38
|
-
const e = t.assignedNodes({
|
|
39
|
-
flatten: true
|
|
40
|
-
});
|
|
41
|
-
let n = "";
|
|
42
|
-
[ ...e ].forEach((t => {
|
|
43
|
-
if (isElementNode(t)) {
|
|
44
|
-
n += t.outerHTML;
|
|
45
|
-
}
|
|
46
|
-
if (isTextNode(t)) {
|
|
47
|
-
n += t.textContent;
|
|
48
|
-
}
|
|
49
|
-
}));
|
|
50
|
-
return n;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
function getTextContent(t, e) {
|
|
54
|
-
const n = t.assignedNodes({
|
|
55
|
-
flatten: true
|
|
56
|
-
});
|
|
57
|
-
const {recurse: o = false, maxLevel: r} = e ?? {};
|
|
58
|
-
let s = "";
|
|
59
|
-
[ ...n ].forEach((t => {
|
|
60
|
-
s += getText(t, 1, o ? r : 1);
|
|
61
|
-
}));
|
|
62
|
-
return s.trim();
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Determines whether a slot with the given name exists in an element.
|
|
67
|
-
*
|
|
68
|
-
* @param {HTMLElement} el - The HTMl element to check
|
|
69
|
-
* @param {string} name - Name of the slot to check inside the HTML element
|
|
70
|
-
* @return {boolean} True or false if the given HTML element has slot
|
|
71
|
-
*/ function hasSlot(t, e) {
|
|
72
|
-
return Array.from(t.querySelectorAll("[slot]")).filter((t => t.slot === e)).length > 0;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* Will return whether if a given slot have HTML children elements or not.
|
|
77
|
-
*
|
|
78
|
-
* @param {HTMLElement} el - The HTML element that holds the slot
|
|
79
|
-
* @param {string} [name] - Optional slot name
|
|
80
|
-
* @return {boolean} True or false if the slot have HTML children elements
|
|
81
|
-
*/ function hasSlotContent(t, e) {
|
|
82
|
-
const n = e ? `[name='${e}']` : "";
|
|
83
|
-
const o = t.querySelector(`slot${n}`)?.assignedElements({
|
|
84
|
-
flatten: true
|
|
85
|
-
});
|
|
86
|
-
if (!o || !Array.isArray(o)) return false;
|
|
87
|
-
return !!o.length;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
export { getTextContent as a, hasSlotContent as b, getInnerHTML as g, hasSlot as h };
|
|
5
|
+
function t(t){return t.nodeType===Node.ELEMENT_NODE}function n(t){return t.nodeType===Node.TEXT_NODE}function e(r,f=1,u=Infinity){let o="";if(f<=u){if(n(r)){o+=r.textContent}else if(t(r)&&r.hasChildNodes()){const t=f+1;r.childNodes.forEach((n=>{o+=e(n,t,u)}))}}return o}function r(e){const r=e.assignedNodes({flatten:true});let f="";[...r].forEach((e=>{if(t(e)){f+=e.outerHTML}if(n(e)){f+=e.textContent}}));return f}function f(t,n){const r=t.assignedNodes({flatten:true});const{recurse:f=false,maxLevel:u}=n??{};let o="";[...r].forEach((t=>{o+=e(t,1,f?u:1)}));return o.trim()}function u(t,n){return Array.from(t.querySelectorAll("[slot]")).filter((t=>t.slot===n)).length>0}function o(t,n){const e=n?`[name='${n}']`:"";const r=t.querySelector(`slot${e}`)?.assignedElements({flatten:true});if(!r||!Array.isArray(r))return false;return!!r.length}export{f as a,o as b,r as g,u as h};
|
|
91
6
|
//# sourceMappingURL=p-d7ce7165.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isElementNode","node","nodeType","Node","ELEMENT_NODE","isTextNode","TEXT_NODE","getText","currentLevel","maxLevel","Infinity","text","textContent","hasChildNodes","nextLevel","childNodes","forEach","getInnerHTML","slot","nodes","assignedNodes","flatten","html","outerHTML","getTextContent","options","recurse","trim","hasSlot","el","name","Array","from","querySelectorAll","filter","slottedEl","length","hasSlotContent","slotSelector","slotContent","querySelector","assignedElements","isArray"],"sources":["../../packages/beeq/src/shared/utils/slot.ts"],"sourcesContent":["/*=========================================================================================\n= Credit: =\n= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts =\n=========================================================================================*/\n\nfunction isElementNode(node: Node): node is HTMLElement {\n return node.nodeType === Node.ELEMENT_NODE;\n}\n\nfunction isTextNode(node: Node): node is Text {\n return node.nodeType === Node.TEXT_NODE;\n}\n\nfunction getText(node: Node, currentLevel = 1, maxLevel = Infinity): string {\n let text = '';\n if (currentLevel <= maxLevel) {\n if (isTextNode(node)) {\n text += node.textContent;\n } else if (isElementNode(node) && node.hasChildNodes()) {\n const nextLevel = currentLevel + 1;\n node.childNodes.forEach((node) => {\n text += getText(node, nextLevel, maxLevel);\n });\n }\n }\n\n return text;\n}\n\nexport interface IOptions {\n recurse: boolean;\n maxLevel?: number;\n}\n\n/**\n * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated HTML as a string\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n const nodes = slot.assignedNodes({ flatten: true });\n let html = '';\n\n [...nodes].forEach((node) => {\n if (isElementNode(node)) {\n html += node.outerHTML;\n }\n\n if (isTextNode(node)) {\n html += node.textContent;\n }\n });\n\n return html;\n}\n\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement): string;\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @param {IOptions} options - Options to retrieve text\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement, options: IOptions): string;\nexport function getTextContent(slot: HTMLSlotElement, options?: IOptions): string {\n const nodes = slot.assignedNodes({ flatten: true });\n const { recurse = false, maxLevel } = options ?? {};\n let text = '';\n\n [...nodes].forEach((node) => {\n text += getText(node, 1, recurse ? maxLevel : 1);\n });\n\n return text.trim();\n}\n\n/**\n * Determines whether a slot with the given name exists in an element.\n *\n * @param {HTMLElement} el - The HTMl element to check\n * @param {string} name - Name of the slot to check inside the HTML element\n * @return {boolean} True or false if the given HTML element has slot\n */\nexport function hasSlot(el: HTMLElement, name: string): boolean {\n return (\n Array.from(el.querySelectorAll('[slot]')).filter((slottedEl: HTMLSlotElement) => slottedEl.slot === name).length > 0\n );\n}\n\n/**\n * Will return whether if a given slot have HTML children elements or not.\n *\n * @param {HTMLElement} el - The HTML element that holds the slot\n * @param {string} [name] - Optional slot name\n * @return {boolean} True or false if the slot have HTML children elements\n */\nexport function hasSlotContent(el: HTMLElement, name?: string): boolean {\n const slotSelector = name ? `[name='${name}']` : '';\n const slotContent = el.querySelector<HTMLSlotElement>(`slot${slotSelector}`)?.assignedElements({ flatten: true });\n if (!slotContent || !Array.isArray(slotContent)) return false;\n\n return !!slotContent.length;\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["isElementNode","node","nodeType","Node","ELEMENT_NODE","isTextNode","TEXT_NODE","getText","currentLevel","maxLevel","Infinity","text","textContent","hasChildNodes","nextLevel","childNodes","forEach","getInnerHTML","slot","nodes","assignedNodes","flatten","html","outerHTML","getTextContent","options","recurse","trim","hasSlot","el","name","Array","from","querySelectorAll","filter","slottedEl","length","hasSlotContent","slotSelector","slotContent","querySelector","assignedElements","isArray"],"sources":["../../packages/beeq/src/shared/utils/slot.ts"],"sourcesContent":["/*=========================================================================================\n= Credit: =\n= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts =\n=========================================================================================*/\n\nfunction isElementNode(node: Node): node is HTMLElement {\n return node.nodeType === Node.ELEMENT_NODE;\n}\n\nfunction isTextNode(node: Node): node is Text {\n return node.nodeType === Node.TEXT_NODE;\n}\n\nfunction getText(node: Node, currentLevel = 1, maxLevel = Infinity): string {\n let text = '';\n if (currentLevel <= maxLevel) {\n if (isTextNode(node)) {\n text += node.textContent;\n } else if (isElementNode(node) && node.hasChildNodes()) {\n const nextLevel = currentLevel + 1;\n node.childNodes.forEach((node) => {\n text += getText(node, nextLevel, maxLevel);\n });\n }\n }\n\n return text;\n}\n\nexport interface IOptions {\n recurse: boolean;\n maxLevel?: number;\n}\n\n/**\n * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated HTML as a string\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n const nodes = slot.assignedNodes({ flatten: true });\n let html = '';\n\n [...nodes].forEach((node) => {\n if (isElementNode(node)) {\n html += node.outerHTML;\n }\n\n if (isTextNode(node)) {\n html += node.textContent;\n }\n });\n\n return html;\n}\n\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement): string;\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @param {IOptions} options - Options to retrieve text\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement, options: IOptions): string;\nexport function getTextContent(slot: HTMLSlotElement, options?: IOptions): string {\n const nodes = slot.assignedNodes({ flatten: true });\n const { recurse = false, maxLevel } = options ?? {};\n let text = '';\n\n [...nodes].forEach((node) => {\n text += getText(node, 1, recurse ? maxLevel : 1);\n });\n\n return text.trim();\n}\n\n/**\n * Determines whether a slot with the given name exists in an element.\n *\n * @param {HTMLElement} el - The HTMl element to check\n * @param {string} name - Name of the slot to check inside the HTML element\n * @return {boolean} True or false if the given HTML element has slot\n */\nexport function hasSlot(el: HTMLElement, name: string): boolean {\n return (\n Array.from(el.querySelectorAll('[slot]')).filter((slottedEl: HTMLSlotElement) => slottedEl.slot === name).length > 0\n );\n}\n\n/**\n * Will return whether if a given slot have HTML children elements or not.\n *\n * @param {HTMLElement} el - The HTML element that holds the slot\n * @param {string} [name] - Optional slot name\n * @return {boolean} True or false if the slot have HTML children elements\n */\nexport function hasSlotContent(el: HTMLElement, name?: string): boolean {\n const slotSelector = name ? `[name='${name}']` : '';\n const slotContent = el.querySelector<HTMLSlotElement>(`slot${slotSelector}`)?.assignedElements({ flatten: true });\n if (!slotContent || !Array.isArray(slotContent)) return false;\n\n return !!slotContent.length;\n}\n"],"mappings":";;;;AAKA,SAASA,EAAcC,GACrB,OAAOA,EAAKC,WAAaC,KAAKC,YAChC,CAEA,SAASC,EAAWJ,GAClB,OAAOA,EAAKC,WAAaC,KAAKG,SAChC,CAEA,SAASC,EAAQN,EAAYO,EAAe,EAAGC,EAAWC,UACxD,IAAIC,EAAO,GACX,GAAIH,GAAgBC,EAAU,CAC5B,GAAIJ,EAAWJ,GAAO,CACpBU,GAAQV,EAAKW,W,MACR,GAAIZ,EAAcC,IAASA,EAAKY,gBAAiB,CACtD,MAAMC,EAAYN,EAAe,EACjCP,EAAKc,WAAWC,SAASf,IACvBU,GAAQJ,EAAQN,EAAMa,EAAWL,EAAS,G,EAKhD,OAAOE,CACT,C,SAagBM,EAAaC,GAC3B,MAAMC,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,IAAIC,EAAO,GAEX,IAAIH,GAAOH,SAASf,IAClB,GAAID,EAAcC,GAAO,CACvBqB,GAAQrB,EAAKsB,S,CAGf,GAAIlB,EAAWJ,GAAO,CACpBqB,GAAQrB,EAAKW,W,KAIjB,OAAOU,CACT,C,SAiBgBE,EAAeN,EAAuBO,GACpD,MAAMN,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,MAAMK,QAAEA,EAAU,MAAKjB,SAAEA,GAAagB,GAAW,GACjD,IAAId,EAAO,GAEX,IAAIQ,GAAOH,SAASf,IAClBU,GAAQJ,EAAQN,EAAM,EAAGyB,EAAUjB,EAAW,EAAE,IAGlD,OAAOE,EAAKgB,MACd,C,SASgBC,EAAQC,EAAiBC,GACvC,OACEC,MAAMC,KAAKH,EAAGI,iBAAiB,WAAWC,QAAQC,GAA+BA,EAAUjB,OAASY,IAAMM,OAAS,CAEvH,C,SASgBC,EAAeR,EAAiBC,GAC9C,MAAMQ,EAAeR,EAAO,UAAUA,MAAW,GACjD,MAAMS,EAAcV,EAAGW,cAA+B,OAAOF,MAAiBG,iBAAiB,CAAEpB,QAAS,OAC1G,IAAKkB,IAAgBR,MAAMW,QAAQH,GAAc,OAAO,MAExD,QAASA,EAAYH,MACvB,Q","ignoreList":[]}
|