@aerogel/core 0.0.0-next.c2e6acc000e97a1020c2e232678563c53884dd0e → 0.0.0-next.c33ad773d3eb977461630ff22012d99eeedf46cb
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aerogel-core.d.ts +1025 -429
- package/dist/aerogel-core.js +1601 -1440
- package/dist/aerogel-core.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AppModals.vue +1 -1
- package/src/components/AppOverlays.vue +2 -7
- package/src/components/AppToasts.vue +16 -0
- package/src/components/contracts/Button.ts +1 -0
- package/src/components/contracts/DropdownMenu.ts +11 -0
- package/src/components/contracts/Input.ts +4 -4
- package/src/components/contracts/Modal.ts +4 -0
- package/src/components/contracts/Select.ts +33 -0
- package/src/components/contracts/Toast.ts +13 -0
- package/src/components/contracts/index.ts +2 -0
- package/src/components/headless/HeadlessButton.vue +7 -2
- package/src/components/headless/HeadlessInputDescription.vue +1 -1
- package/src/components/headless/HeadlessInputInput.vue +3 -3
- package/src/components/headless/HeadlessInputTextArea.vue +2 -2
- package/src/components/headless/HeadlessModal.vue +4 -2
- package/src/components/headless/HeadlessModalOverlay.vue +2 -2
- package/src/components/headless/HeadlessModalTitle.vue +2 -2
- package/src/components/headless/HeadlessSelect.vue +92 -0
- package/src/components/headless/{forms/AGHeadlessSelectError.vue → HeadlessSelectError.vue} +3 -4
- package/src/components/headless/HeadlessSelectLabel.vue +25 -0
- package/src/components/headless/HeadlessSelectOption.vue +34 -0
- package/src/components/headless/HeadlessSelectOptions.vue +30 -0
- package/src/components/headless/HeadlessSelectTrigger.vue +22 -0
- package/src/components/headless/HeadlessSelectValue.vue +15 -0
- package/src/components/headless/HeadlessToast.vue +18 -0
- package/src/components/headless/HeadlessToastAction.vue +13 -0
- package/src/components/headless/index.ts +7 -3
- package/src/components/index.ts +2 -8
- package/src/components/ui/AdvancedOptions.vue +18 -0
- package/src/components/ui/AlertModal.vue +1 -1
- package/src/components/ui/Button.vue +54 -14
- package/src/components/ui/Checkbox.vue +17 -10
- package/src/components/ui/ConfirmModal.vue +3 -3
- package/src/components/ui/DropdownMenu.vue +33 -0
- package/src/components/ui/EditableContent.vue +82 -0
- package/src/components/{lib/AGErrorMessage.vue → ui/ErrorMessage.vue} +2 -3
- package/src/components/ui/ErrorReportModal.vue +1 -1
- package/src/components/ui/ErrorReportModalButtons.vue +6 -8
- package/src/components/ui/ErrorReportModalTitle.vue +1 -1
- package/src/components/ui/Input.vue +8 -4
- package/src/components/ui/Link.vue +2 -2
- package/src/components/ui/LoadingModal.vue +3 -3
- package/src/components/ui/Markdown.vue +10 -3
- package/src/components/ui/Modal.vue +23 -8
- package/src/components/ui/PromptModal.vue +4 -4
- package/src/components/ui/Select.vue +53 -0
- package/src/components/ui/Toast.vue +42 -0
- package/src/components/ui/index.ts +7 -0
- package/src/components/utils.ts +4 -4
- package/src/errors/Errors.ts +4 -5
- package/src/index.css +33 -0
- package/src/ui/UI.state.ts +2 -2
- package/src/ui/UI.ts +12 -20
- package/src/ui/index.ts +4 -4
- package/src/utils/vue.ts +0 -4
- package/src/components/AppSnackbars.vue +0 -13
- package/src/components/constants.ts +0 -8
- package/src/components/forms/AGSelect.story.vue +0 -46
- package/src/components/forms/AGSelect.vue +0 -54
- package/src/components/forms/index.ts +0 -1
- package/src/components/headless/forms/AGHeadlessSelect.ts +0 -42
- package/src/components/headless/forms/AGHeadlessSelect.vue +0 -77
- package/src/components/headless/forms/AGHeadlessSelectOption.ts +0 -4
- package/src/components/headless/forms/AGHeadlessSelectOption.vue +0 -31
- package/src/components/headless/forms/AGHeadlessSelectOptions.vue +0 -19
- package/src/components/headless/forms/AGHeadlessSelectTrigger.vue +0 -25
- package/src/components/headless/forms/composition.ts +0 -10
- package/src/components/headless/forms/index.ts +0 -8
- package/src/components/headless/snackbars/AGHeadlessSnackbar.vue +0 -10
- package/src/components/headless/snackbars/index.ts +0 -40
- package/src/components/lib/AGMeasured.vue +0 -16
- package/src/components/lib/index.ts +0 -3
- package/src/components/snackbars/AGSnackbar.vue +0 -38
- package/src/components/snackbars/index.ts +0 -3
- /package/src/components/{lib/AGStartupCrash.vue → ui/StartupCrash.vue} +0 -0
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<AGHeadlessSnackbar class="flex flex-row items-center justify-center gap-3 p-4" :class="styleClasses">
|
|
3
|
-
<Markdown :text="message" inline />
|
|
4
|
-
<Button
|
|
5
|
-
v-for="(action, i) of actions"
|
|
6
|
-
:key="i"
|
|
7
|
-
:variant="colorVariant"
|
|
8
|
-
@click="activate(action)"
|
|
9
|
-
>
|
|
10
|
-
{{ action.text }}
|
|
11
|
-
</Button>
|
|
12
|
-
</AGHeadlessSnackbar>
|
|
13
|
-
</template>
|
|
14
|
-
|
|
15
|
-
<script setup lang="ts">
|
|
16
|
-
import { computed } from 'vue';
|
|
17
|
-
|
|
18
|
-
import { Colors } from '@aerogel/core/components/constants';
|
|
19
|
-
import { useSnackbar, useSnackbarProps } from '@aerogel/core/components/headless/snackbars';
|
|
20
|
-
import type { ButtonVariant } from '@aerogel/core/components/contracts/Button';
|
|
21
|
-
|
|
22
|
-
import Button from '../ui/Button.vue';
|
|
23
|
-
import AGHeadlessSnackbar from '../headless/snackbars/AGHeadlessSnackbar.vue';
|
|
24
|
-
import Markdown from '../ui/Markdown.vue';
|
|
25
|
-
|
|
26
|
-
const props = defineProps(useSnackbarProps());
|
|
27
|
-
const { activate } = useSnackbar(props);
|
|
28
|
-
const styleClasses = computed(() => {
|
|
29
|
-
switch (props.color) {
|
|
30
|
-
case Colors.Danger:
|
|
31
|
-
return 'bg-red-200 text-red-900';
|
|
32
|
-
default:
|
|
33
|
-
case Colors.Secondary:
|
|
34
|
-
return 'bg-gray-900 text-white';
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
const colorVariant = computed(() => props.color as ButtonVariant);
|
|
38
|
-
</script>
|
|
File without changes
|