[Animations] Move AnimationModel to sdk/

For adding the swatch, Elements panel will need to use
AnimationModel too. For this, to not have a dependency from
animations panel, we need to move AnimationModel to a common place.

Bug: 349566091
Change-Id: I78f59bbf7c7183da34e8b1d09e9409b81c62a281
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5961996
Reviewed-by: Danil Somsikov <[email protected]>
Commit-Queue: Ergün Erdoğmuş <[email protected]>

Author: ergunsh

config/gni/devtools_grd_files.gni

@@ -802,6 +802,7 @@ grd_files_debug_sources = [
   "front_end/core/protocol_client/NodeURL.js",
   "front_end/core/root/Runtime.js",
   "front_end/core/sdk/AccessibilityModel.js",
+  "front_end/core/sdk/AnimationModel.js",
   "front_end/core/sdk/AutofillModel.js",
   "front_end/core/sdk/CPUProfileDataModel.js",
   "front_end/core/sdk/CPUProfilerModel.js",
@@ -1129,9 +1130,7 @@ grd_files_debug_sources = [
   "front_end/panels/accessibility/accessibilityNode.css.js",
   "front_end/panels/accessibility/accessibilityProperties.css.js",
   "front_end/panels/accessibility/axBreadcrumbs.css.js",
-  "front_end/panels/animation/AnimationDOMNode.js",
   "front_end/panels/animation/AnimationGroupPreviewUI.js",
-  "front_end/panels/animation/AnimationModel.js",
   "front_end/panels/animation/AnimationScreenshotPopover.js",
   "front_end/panels/animation/AnimationTimeline.js",
   "front_end/panels/animation/AnimationUI.js",

front_end/panels/animation/AnimationModel.test.ts renamed to front_end/core/sdk/AnimationModel.test.ts

@@ -10,7 +10,7 @@ import {
   setMockConnectionResponseHandler,
 } from '../../testing/MockConnection.js';
 
-import * as Animation from './animation.js';
+import * as SDK from './sdk.js';
 
 describeWithMockConnection('AnimationModel', () => {
   afterEach(() => {
@@ -20,16 +20,16 @@ describeWithMockConnection('AnimationModel', () => {
   it('can be instantiated', () => {
     assert.doesNotThrow(() => {
       const target = createTarget();
-      new Animation.AnimationModel.AnimationModel(target);
+      new SDK.AnimationModel.AnimationModel(target);
     });
   });
 
   describe('AnimationImpl', () => {
     it('setPayload should update values returned from the relevant value functions for time based animations',
        async () => {
          const target = createTarget();
-         const model = new Animation.AnimationModel.AnimationModel(target);
-         const animationImpl = await Animation.AnimationModel.AnimationImpl.parsePayload(model, {
+         const model = new SDK.AnimationModel.AnimationModel(target);
+         const animationImpl = await SDK.AnimationModel.AnimationImpl.parsePayload(model, {
            id: '1',
            name: 'animation-name',
            pausedState: false,
@@ -102,8 +102,8 @@ describeWithMockConnection('AnimationModel', () => {
            };
          });
          const target = createTarget();
-         const model = new Animation.AnimationModel.AnimationModel(target);
-         const animationImpl = await Animation.AnimationModel.AnimationImpl.parsePayload(model, {
+         const model = new SDK.AnimationModel.AnimationModel(target);
+         const animationImpl = await SDK.AnimationModel.AnimationImpl.parsePayload(model, {
            id: '1',
            name: 'animation-name',
            pausedState: false,