fix chart animations (#51)

Author: dalenewman

CHANGELOG.md

@@ -1,3 +1,11 @@
+# 0.17.6 <small>2026-04-05</small>
+
+## 🚀 Features
+- Add report title and record count to chart view
+
+## 🐞 Bug Fixes
+- Fix chart animations
+
 # 0.17.5 <small>2026-04-04</small>
 
 ## 🚀 Features

docker.sh

@@ -2,7 +2,7 @@
 
 # docker buildx create --driver=docker-container --name=container
 
-version="0.17.0"
+version="1.17.6"
 build="mcr.microsoft.com/dotnet/sdk:8.0"
 base="mcr.microsoft.com/dotnet/aspnet:8.0"
 name="transformalize.orchard"

src/OrchardCore.BootswatchTheme.Settings/OrchardCore.BootswatchTheme.Settings.csproj

@@ -5,9 +5,9 @@
       <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
       <Nullable>enable</Nullable>
       <ImplicitUsings>enable</ImplicitUsings>
-      <Version>1.17.5</Version>
-      <FileVersion>1.17.5</FileVersion>
-      <AssemblyVersion>1.17.5</AssemblyVersion>
+      <Version>1.17.6</Version>
+      <FileVersion>1.17.6</FileVersion>
+      <AssemblyVersion>1.17.6</AssemblyVersion>
    </PropertyGroup>
 
    <ItemGroup>

src/OrchardCore.BootswatchTheme/OrchardCore.BootswatchTheme.csproj

@@ -5,10 +5,10 @@
       <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
       <Nullable>enable</Nullable>
       <ImplicitUsings>enable</ImplicitUsings>
-      <Version>1.17.5</Version>
+      <Version>1.17.6</Version>
       <AssemblyName>BootswatchTheme</AssemblyName>
-      <FileVersion>1.17.5</FileVersion>
-      <AssemblyVersion>1.17.5</AssemblyVersion>
+      <FileVersion>1.17.6</FileVersion>
+      <AssemblyVersion>1.17.6</AssemblyVersion>
    </PropertyGroup>
 
    <ItemGroup>

src/OrchardCore.Proxy/OrchardCore.Proxy.csproj

@@ -4,9 +4,9 @@
       <TargetFramework>net8.0</TargetFramework>
       <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
       <RootNamespace>ProxyModule</RootNamespace>
-      <Version>1.17.5</Version>
-      <FileVersion>1.17.5</FileVersion>
-      <AssemblyVersion>1.17.5</AssemblyVersion>
+      <Version>1.17.6</Version>
+      <FileVersion>1.17.6</FileVersion>
+      <AssemblyVersion>1.17.6</AssemblyVersion>
       <GeneratePackageOnBuild>true</GeneratePackageOnBuild>
       <Authors>Dale Newman</Authors>
       <Copyright>Copyright © 2023-2026</Copyright>

src/OrchardCore.Transformalize/OrchardCore.Transformalize.csproj

@@ -3,9 +3,9 @@
       <TargetFramework>net8.0</TargetFramework>
       <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
       <RootNamespace>TransformalizeModule</RootNamespace>
-      <Version>1.17.5</Version>
-      <FileVersion>1.17.5</FileVersion>
-      <AssemblyVersion>1.17.5</AssemblyVersion>
+      <Version>1.17.6</Version>
+      <FileVersion>1.17.6</FileVersion>
+      <AssemblyVersion>1.17.6</AssemblyVersion>
       <GeneratePackageOnBuild>true</GeneratePackageOnBuild>
       <Authors>Dale Newman</Authors>
       <Copyright>Copyright © 2013-2026</Copyright>

src/OrchardCore.Transformalize/ResourceManifest.cs

@@ -395,7 +395,7 @@ static ResourceManagementOptionsConfiguration() {
          _manifest
             .DefineScript("charts-loader")
             .SetUrl($"~/{Common.ModuleName}/Scripts/chart/charts-loader.js")
-            .SetVersion("1.0.0")
+            .SetVersion("1.0.3")
             .SetDependencies("chart-js");
 
          _manifest

src/OrchardCore.Transformalize/Views/Shared/Controls.cshtml

@@ -134,6 +134,12 @@
       };
       var currentLabel = chartTypeLabels.GetValueOrDefault(chartType, "Doughnut");
       <div class="d-flex justify-content-center gap-2 align-items-center flex-wrap">
+         <small class="text-muted fw-semibold" style="white-space:nowrap;">
+            @Model.Title
+            @if (entity.Hits > 0) {
+               <span class="fw-normal">&middot; @entity.Hits.ToString("#,##0")</span>
+            }
+         </small>
          <div class="btn-group btn-group-sm" role="group">
             <button class="btn btn-sm btn-outline-secondary" disabled style="min-width:80px;">@currentLabel</button>
             <button class="btn dropdown-toggle btn-sm btn-outline-secondary" data-bs-toggle="dropdown" aria-expanded="false" title="chart style">

src/OrchardCore.Transformalize/wwwroot/Scripts/chart/charts-loader.js

@@ -41,6 +41,7 @@ function toggleChartPct() {
         const options = {
             responsive: true,
             maintainAspectRatio: false,
+            animation: false,
             onClick: (event, elements) => {
                 if (!isFilterable || !elements.length) return;
                 const clickedLabel = labels[elements[0].index];
@@ -163,6 +164,15 @@ function toggleChartPct() {
         });
 
         chart.config._originalData = [...chart.data.datasets[0].data];
+
+        // Let the ResizeObserver settle, then trigger the entry animation
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+                chart.options.animation = { duration: 800, easing: 'easeInOutQuart' };
+                chart.reset();
+                chart.update();
+            });
+        });
     };
 
     charts.forEach(chart => createChart(chart));

src/Site/Site.csproj

@@ -7,9 +7,9 @@
       <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
       <DockerfileContext>..\..</DockerfileContext>
       <DockerfileTag>transformalize.orchard</DockerfileTag>
-      <Version>1.17.5</Version>
-      <FileVersion>1.17.5</FileVersion>
-      <AssemblyVersion>1.17.5</AssemblyVersion>
+      <Version>1.17.6</Version>
+      <FileVersion>1.17.6</FileVersion>
+      <AssemblyVersion>1.17.6</AssemblyVersion>
       <ReleaseVersion>0.17.0</ReleaseVersion>      
       <RazorRuntimeCompilation>true</RazorRuntimeCompilation>
       <CopyRefAssembliesToPublishDirectory>true</CopyRefAssembliesToPublishDirectory>