From b8f703cda4a57e1c491cf3b47bda7e43e746b2c8 Mon Sep 17 00:00:00 2001
From: Angel Beltran <beltranbeaverdam@gmail.com>
Date: Sun, 15 Feb 2026 13:39:31 -0700
Subject: [PATCH] accordion: make smooth animation toggleable

---
 templates/components/accordion.html.tmpl               | 10 ++++++++++
 .../accounts/{acctID.int64}/inventory/mock.html.tmpl   |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/templates/components/accordion.html.tmpl b/templates/components/accordion.html.tmpl
index 04c7e03..f1c63ba 100644
--- a/templates/components/accordion.html.tmpl
+++ b/templates/components/accordion.html.tmpl
@@ -5,7 +5,9 @@
 {{/* Props: */}}
 {{/*
 	Open: bool
+	Name: <details/> name attribute
 	GroupName: for doing 'open' css state styles
+	Smooth: bool, for 'smooth' opening animation, true by default
 
 	Class, Style,
 	SummaryClass, SummaryStyle
@@ -18,9 +20,11 @@
 {{- if .GroupName }}
 	{{- $groupSuffix = printf "/%s" .GroupName }}
 {{- end }}
+{{- $smooth := ne .Smooth false }}
 
 
 <details
+	{{if .Name}}name="{{.Name}}"{{end}}
 	class="
 		group{{$groupSuffix}}
 
@@ -38,13 +42,19 @@
 
 		open:details-content:p-[1em]
 
+	{{if $smooth}}
 		details-content:opacity-[0]
+	{{end}}
 		open:details-content:opacity-[1]
 
+	{{if $smooth}}
 		details-content:transform-[translate(0px,-2em)]
+	{{end}}
 		open:details-content:transform-[translate(0px,0px)]
 
+	{{if $smooth}}
 		details-content:transition-[opacity_transform]
+	{{end}}
 
 		{{.Class}}
 	"
diff --git a/templates/pages/accounts/{acctID.int64}/inventory/mock.html.tmpl b/templates/pages/accounts/{acctID.int64}/inventory/mock.html.tmpl
index 5833f1f..a081688 100644
--- a/templates/pages/accounts/{acctID.int64}/inventory/mock.html.tmpl
+++ b/templates/pages/accounts/{acctID.int64}/inventory/mock.html.tmpl
@@ -102,6 +102,7 @@
 	"
 >
 	{{ component "accordion"
+		"Name" "sync-group-page"
 		"Open" true
 		"Class"	`
 			mx-[1em]
@@ -128,8 +129,10 @@
 			"
 		>
 			{{ component "accordion"
+				"Name" "sync-group-page"
 				"GroupName"			"sync-group"
 				"Group"				$grp
+				"Smooth"			false
 				"#accordion-header"	"sync-group-accordion-header"
 				"#accordion-body"	"sync-group-accordion-body"
 			}}