-
-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* begin enqueue logic * queue feature complete * rename some store methods, move them to different store slices * rename some internal property keys * remove fixed increment constant, refactor timeout handling * update demo, tests * add NotivueSwipe * remove neodrag, emoji examples, edit demo * move queue inside items store * finalized queue, add config side effects, rename some methods * finalize NotivueSwipe.vue * delete useFocusEvents, begin useKeyboardNavigation * finalize NotivueSwipe * add NotivueKeyboard * refactor useMouseEvents, useTouchEvents and useVisibilityChange to interop with NotivueSwipe and NotivueKeyboard * disable tabbing on built-in notifications and add new props to Notivue * rename some NotivueSwipe and NotivueKeboard functions and props * add skipQueue and ariaLiveOnly to push options * rename data-notivue-top to data-notivue-align * add containersTabIndex to NotivueKeyboard slot props * remove built-in aria-live node * add clearProxy * update accessibility tests * externalize props, edit demo * migrate demo to nuxt, add proper watch scripts * add ariaLiveOnly push option and listAriaLabel Notivue prop * demo migration to nuxt complete * drop support for cjs output * add renderMessage prop to NotivueKeyboard * move notivue tests to project root * cleanup notivue config, add optional prop to NotivueKeyboard * add tooltip to queue demo * moved any test to root tests folder * add different mount commands per test category, rename some test utils * add NotivueSwipe tests * add push-specific options tests * add config-enqueue tests * edit included notifications accessibility test * finalize Notivue / NotivueSwipe tests, remove aria-atomic=true from AriaLive * drop terser support, remove some useless methods and styles * add missing cy.wait to slot tests, remove unnecessary NotivueSwipe style test * try to update node ver in github actions * edit workflow to skip bugged hanging test on ci * rename some core types and add prev versions type aliases * rework NotivueKeyboard * rename NotivueSlot type to NotivueItem * cleanup and update deps * edit dark theme * edit demo * edit vite.config.ts, add composables type export * edit NotivueKeyboard comments, fix NotivueSwipe missing fn call * improve cy.mount commands, add notivue-keyboard commands * add NotivueKeyboard tests * revert deps, edit readme, release 1.2.0 * add verify-tarball postbuild script * edit build demo script * migrate demo to cloudflare pages
- Loading branch information
Showing
135 changed files
with
12,811 additions
and
3,574 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| # Nuxt dev/build outputs | ||
| .output | ||
| .data | ||
| .nuxt | ||
| .nitro | ||
| .cache | ||
| dist | ||
|
|
||
| node_modules | ||
| .DS_Store |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| shamefully-hoist=true | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| <script setup lang="ts"> | ||
| import { | ||
| Notifications, | ||
| Notivue, | ||
| NotivueSwipe, | ||
| NotivueKeyboard, | ||
| lightTheme, | ||
| pastelTheme, | ||
| materialTheme, | ||
| darkTheme, | ||
| slateTheme, | ||
| outlinedIcons, | ||
| type NotivueItem, | ||
| } from 'notivue' | ||
| import Nav from '@/components/nav/Nav.vue' | ||
| import Background from '@/components/shared/Background.vue' | ||
| import CustomStatic from '@/components/custom-notifications/CustomStatic.vue' | ||
| import CustomPromise from '@/components/custom-notifications/CustomPromise.vue' | ||
| import type { CustomPromiseProps, CustomProps } from '@/components/nav/NavPushCustom.vue' | ||
| const { state } = useStore() | ||
| !isSSR && | ||
| watchEffect(() => document.documentElement.style.setProperty('--nv-root-width', state.maxWidth)) | ||
| const themes = { lightTheme, pastelTheme, materialTheme, darkTheme, slateTheme } as const | ||
| </script> | ||
|
|
||
| <template> | ||
| <ClientOnly> | ||
| <NotivueKeyboard v-slot="{ containersTabIndex }"> | ||
| <Notivue | ||
| :class="{ CenterOnMobile: state.centerOnMobile }" | ||
| :containersTabIndex="containersTabIndex" | ||
| v-slot="item" | ||
| > | ||
| <NotivueSwipe | ||
| :item="item" | ||
| :disabled="!state.enableSwipe" | ||
| v-if="(item.props as CustomProps).isCustom" | ||
| > | ||
| <CustomStatic :item="item as NotivueItem<CustomProps>" /> | ||
| </NotivueSwipe> | ||
|
|
||
| <NotivueSwipe | ||
| :item="item" | ||
| :disabled="!state.enableSwipe" | ||
| v-else-if="(item.props as CustomPromiseProps).isFileUpload" | ||
| > | ||
| <CustomPromise :item="item as NotivueItem<CustomPromiseProps>" /> | ||
| </NotivueSwipe> | ||
|
|
||
| <NotivueSwipe :item="item" :disabled="!state.enableSwipe" v-else> | ||
| <Notifications | ||
| :item="item" | ||
| :theme="themes[state.theme]" | ||
| :icons="state.outlinedIcons ? outlinedIcons : undefined" | ||
| /> | ||
| </NotivueSwipe> | ||
| </Notivue> | ||
| </NotivueKeyboard> | ||
| </ClientOnly> | ||
|
|
||
| <Background /> | ||
|
|
||
| <Nav /> | ||
| </template> | ||
|
|
||
| <style> | ||
| @media (max-width: 768px) { | ||
| .CenterOnMobile { | ||
| --nv-root-x-align: center; | ||
| } | ||
| } | ||
| :root { | ||
| --nv-root-bottom: 260px; | ||
| } | ||
| [data-notivue-align='bottom'] { | ||
| --nv-root-top: 0px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.