@@ -482,15 +639,16 @@ templ PageInfoDropdown(data ToolbarData) {
// positionButton renders a position selector button
templ positionButton(pageID uuid.UUID, pos string, currentPos string, label string) {
+ {{ active := pos == currentPos || (currentPos == "" && pos == "tr") }}
}
diff --git a/templates/bn/toolbar_templ.go b/templates/bn/toolbar_templ.go
index 2f7cfd7..b589a97 100644
--- a/templates/bn/toolbar_templ.go
+++ b/templates/bn/toolbar_templ.go
@@ -1,6 +1,6 @@
// Code generated by templ - DO NOT EDIT.
-// templ: version: v0.3.1001
+// templ: version: v0.3.1020
package bn
//lint:file-ignore SA4006 This context is only used if a nested component is present.
@@ -25,6 +25,8 @@ type ToolbarData struct {
Status string // "published", "draft", "scheduled"
HasUnpublishedChanges bool
PreviewMode string // "published" or "draft"
+ HidePreviewToggle bool
+ Animate bool // true only on initial full-page render (entrance animation); false on HTMX re-renders
Position string // "tl", "tc", "tr", "bl", "bc", "br" (default: "tr")
ScheduledAt *time.Time
TemplateName string
@@ -143,6 +145,20 @@ func (t ToolbarData) DropdownAlign() string {
return "right"
}
+// EnterAnimationClass returns the entrance-animation classes for the initial
+// full-page render. It slides the pill in from the edge it rests against (up for
+// bottom positions, down for top) then gives a brief pulse. Empty on HTMX
+// re-renders (Animate=false) so publish/discard/reposition swaps appear instantly.
+func (t ToolbarData) EnterAnimationClass() string {
+ if !t.Animate {
+ return ""
+ }
+ if t.IsBottomPosition() {
+ return "bn-toolbar-enter bn-toolbar-enter-up"
+ }
+ return "bn-toolbar-enter bn-toolbar-enter-down"
+}
+
// PositionClasses returns the positioning classes for the floating pill
func (t ToolbarData) PositionClasses() string {
switch t.Position {
@@ -214,7 +230,7 @@ func AdminEditorToolbar(data ToolbarData) templ.Component {
}
ctx = templ.ClearChildren(ctx)
if data.Enabled {
- var templ_7745c5c3_Var2 = []any{"bn-toolbar fixed z-[9999] flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-full backdrop-blur-md transition-all duration-300", data.PositionClasses()}
+ var templ_7745c5c3_Var2 = []any{"bn-toolbar fixed z-[9999] flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-full backdrop-blur-md transition-all duration-300", data.PositionClasses(), data.EnterAnimationClass()}
templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var2...)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
@@ -224,22 +240,22 @@ func AdminEditorToolbar(data ToolbarData) templ.Component {
return templ_7745c5c3_Err
}
var templ_7745c5c3_Var3 string
- templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(templ.CSSClasses(templ_7745c5c3_Var2).String())
+ templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.ResolveAttributeValue(templ.CSSClasses(templ_7745c5c3_Var2).String())
if templ_7745c5c3_Err != nil {
- return templ.Error{Err: templ_7745c5c3_Err, FileName: `toolbar.templ`, Line: 1, Col: 0}
+ return templ.Error{Err: templ_7745c5c3_Err, FileName: `templates/bn/toolbar.templ`, Line: 1, Col: 0}
}
- _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+ _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var3)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
- templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "\">