Added animation check to "Image Transform" button

Author: subhadeepdev

addons/website/static/src/builder/plugins/image/image_tool_option.js

@@ -3,6 +3,7 @@ import { ImageShapeOption } from "./image_shape_option";
 import { ImageFilterOption } from "./image_filter_option";
 import { ImageFormatOption } from "./image_format_option";
 import { ImageTransformButton } from "./image_transform_button";
+import { useDomState } from "@html_builder/core/utils";
 
 export class ImageToolOption extends BaseOptionComponent {
     static template = "html_builder.ImageToolOption";
@@ -13,4 +14,10 @@ export class ImageToolOption extends BaseOptionComponent {
         ImageTransformButton,
     };
     static props = {};
+    setup() {
+        super.setup();
+        this.state = useDomState((editingElement) => {
+            return {isImageAnimated: editingElement.classList.contains("o_animate")};
+        });
+    }
 }

addons/website/static/src/builder/plugins/image_tool_option_animate_option.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+<t t-name="html_builder.ImageToolOptionAnimateOption" t-inherit="html_builder.ImageToolOption" t-inherit-mode="extension">
+    <xpath expr="//ImageTransformButton[@id=&quot;'transformImage'&quot;]" position="attributes">
+        <attribute name="t-if">!this.state.isImageAnimated</attribute>
+    </xpath>
+</t>
+
+</templates>