juancwu/budgit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update templ and templui

Browse source
This commit is contained in:
juancwu 2026-04-12 16:07:06 +00:00
commit 61eaa268ab
89 changed files with 25776 additions and 8231 deletions
Download patch file Download diff file Expand all files Collapse all files

63
internal/ui/components/popover/popover.templ
View file

@ -1,4 +1,4 @@
// templui component popover - version: v1.2.0 installed by templui v1.2.0
// templui component popover - version: v1.9.5 installed by templui v1.9.5
// 📚 Documentation: https://templui.io/docs/components/popover
package popover
@ -27,15 +27,21 @@ const (
type TriggerType string
const (
TriggerTypeHover TriggerType = "hover"
TriggerTypeClick TriggerType = "click"
TriggerTypeHover TriggerType = "hover"
TriggerTypeClick TriggerType = "click"
TriggerTypeManual TriggerType = "manual"
)
type RootProps struct {
ID string
Class string
Attributes templ.Attributes
}
type TriggerProps struct {
ID string
Class string
Attributes templ.Attributes
For string
TriggerType TriggerType
}
@ -50,10 +56,26 @@ type ContentProps struct {
ShowArrow bool
HoverDelay int
HoverOutDelay int
MatchWidth bool
Exclusive bool
}
templ Root(props ...RootProps) {
{{ var p RootProps }}
if len(props) > 0 {
{{ p = props[0] }}
}
<div
if p.ID != "" {
id={ p.ID }
}
data-tui-popover-root
class={ utils.TwMerge("contents", p.Class) }
{ p.Attributes... }
>
{ children... }
</div>
}
templ Trigger(props ...TriggerProps) {
{{ var p TriggerProps }}
if len(props) > 0 {
@ -66,11 +88,8 @@ templ Trigger(props ...TriggerProps) {
if p.ID != "" {
id={ p.ID }
}
class={ utils.TwMerge("group cursor-pointer", p.Class) }
if p.For != "" {
data-tui-popover-trigger={ p.For }
}
data-tui-popover-open="false"
class={ utils.TwMerge("contents", p.Class) }
data-tui-popover-trigger
data-tui-popover-type={ string(p.TriggerType) }
{ p.Attributes... }
>
@ -94,8 +113,11 @@ templ Content(props ...ContentProps) {
}
}
<div
id={ p.ID }
data-tui-popover-id={ p.ID }
if p.ID != "" {
id={ p.ID }
}
popover="manual"
data-tui-popover-content
data-tui-popover-open="false"
data-tui-popover-placement={ string(p.Placement) }
data-tui-popover-offset={ strconv.Itoa(p.Offset) }
@ -105,11 +127,8 @@ templ Content(props ...ContentProps) {
data-tui-popover-hover-delay={ strconv.Itoa(p.HoverDelay) }
data-tui-popover-hover-out-delay={ strconv.Itoa(p.HoverOutDelay) }
data-tui-popover-exclusive={ strconv.FormatBool(p.Exclusive) }
if p.MatchWidth {
data-tui-popover-match-width="true"
}
class={ utils.TwMerge(
"bg-popover rounded-lg border text-popover-foreground text-sm shadow-lg pointer-events-auto absolute z-[9999] hidden top-0 left-0",
"bg-popover rounded-lg border text-popover-foreground text-sm shadow-lg pointer-events-auto fixed inset-auto top-0 left-0 m-0 max-w-[min(24rem,calc(100vw-2rem))] overflow-visible outline-none transition-opacity duration-150 ease-out data-[tui-popover-open=false]:opacity-0 data-[tui-popover-open=true]:opacity-100 motion-reduce:transition-none",
p.Class,
) }
{ p.Attributes... }
@ -120,16 +139,16 @@ templ Content(props ...ContentProps) {
if p.ShowArrow {
<div
data-tui-popover-arrow
class="absolute h-2.5 w-2.5 rotate-45 bg-popover border border-border
data-[tui-popover-placement^=top]:-bottom-[5px] data-[tui-popover-placement^=top]:border-t-transparent data-[tui-popover-placement^=top]:border-l-transparent
data-[tui-popover-placement^=bottom]:-top-[5px] data-[tui-popover-placement^=bottom]:border-b-transparent data-[tui-popover-placement^=bottom]:border-r-transparent
data-[tui-popover-placement^=left]:-right-[5px] data-[tui-popover-placement^=left]:border-l-transparent data-[tui-popover-placement^=left]:border-b-transparent
data-[tui-popover-placement^=right]:-left-[5px] data-[tui-popover-placement^=right]:border-r-transparent data-[tui-popover-placement^=right]:border-t-transparent"
class="absolute h-2.5 w-2.5 rotate-45 bg-popover border border-border"
></div>
}
</div>
}
var scriptOnce = templ.NewOnceHandle()
templ Script() {
<script defer nonce={ templ.GetNonce(ctx) } src={ utils.ScriptURL("/assets/js/popover.min.js") }></script>
@scriptOnce.Once() {
@utils.ComponentScript("popover")
}
}