import{_ as e,c as t,o,N as a}from"./chunks/framework.0799945b.js";const b=JSON.parse('{"title":"Module: game/notifications","description":"","frontmatter":{"editLink":false},"headers":[],"relativePath":"api/modules/game/notifications.md","lastUpdated":null}'),i={name:"api/modules/game/notifications.md"},d=a('
▸ createDismissableNotify(element
, shouldNotify
): Ref
<boolean
>
Create a boolean ref that will automatically be set based on the given condition, but also dismissed when hovering over a given element, typically the element where acting upon the notification would take place.
Name | Type | Description |
---|---|---|
element | VueFeature | The element that will dismiss the notification on hover. |
shouldNotify | Ref <boolean > | () => boolean | A function or ref that determines if the notif should be active currently or not. |
Ref
<boolean
>
profectus/src/game/notifications.ts:36
• createDismissableNotify: (element
: VueFeature
, shouldNotify
: Ref
<boolean
> | () => boolean
) => Ref
<boolean
>
profectus/src/game/notifications.ts:36
▸ getHighNotifyStyle(): Object
Utility function to call getNotifyStyle with "high importance" parameters.
Object
Name | Type |
---|---|
borderColor | string |
boxShadow | string |
transform | string |
zIndex | number |
profectus/src/game/notifications.ts:27
• getHighNotifyStyle: () => { borderColor
: string
= "rgba(0, 0, 0, 0.125)"; boxShadow
: string
; transform
: string
= "scale(1.05, 1.05)"; zIndex
: number
= 1 }
profectus/src/game/notifications.ts:27
▸ getNotifyStyle(color?
, strength?
): Object
Gives a CSSProperties object that makes an object glow, to bring focus to it. Default values are for a "soft" white notif effect.
Name | Type | Default value | Description |
---|---|---|---|
color | string | "white" | The color of the glow effect. |
strength | string | "8px" | The strength of the glow effect - affects its spread. |
Object
Name | Type |
---|---|
borderColor | string |
boxShadow | string |
transform | string |
zIndex | number |
profectus/src/game/notifications.ts:17
• getNotifyStyle: (color
: string
, strength
: string
) => { borderColor
: string
= "rgba(0, 0, 0, 0.125)"; boxShadow
: string
; transform
: string
= "scale(1.05, 1.05)"; zIndex
: number
= 1 }