C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.Text.Json.Serialization;
using System.Text.Json;
using System.Linq;

namespace PL.Core.HtmlPlayer.Layout
{
    [Flags]
    public enum LayoutTemplateTargets
    {
        None = 0x00,
        ContentPage = 0x01,
        Quiz = 0x02,
        Task = 0x04
    }

    public class LayoutTemplate
    {
        public string Key { get; set; }

        public LayoutTemplateTargets Target { get; set; }

        public LayoutAlignment Alignment { get; set; }

        public string[] Columns { get; set; }

        public string[] Rows { get; set; }

        public bool Separator { get; set; }

        public bool Single { get; set; }

        public Layer[] Layers { get; set; }
		
		public LayoutTemplate(LayoutTemplate properties = null)
        {
			if (properties != null) {
				Key = properties.Key;
				Target = properties.Target;
				Alignment = properties.Alignment;
				Columns = properties.Columns;
				Rows = properties.Rows;
				Separator = properties.Separator;
				Single = properties.Single;
				Layers = properties.Layers;
			}
        }
    }

    public class Layer
    {
        public LayerArea[] Areas { get; set; }

        public LayerGroup[] Groups { get; set; }
    }

    public class LayerArea
    {
        public AreaTypes Area { get; set; }

        public Guid? ComponentValueId { get; set; }

        public string ComponentKind { get; set; }

        public int Order { get; set; }

        public int[][] Coordinates { get; set; }

        public LayoutAlignment Alignment { get; set; }
    }

    public class LayerGroup
    {
        public int Order { get; set; }

        public int[][] Coordinates { get; set; }

        public LayerGroupElement[] Elements { get; set; }

        public LayoutAlignment Alignment { get; set; }
        
    }

    public class LayerGroupElement
    {
        public AreaTypes Area { get; set; }
        
        public int Order { get; set; }
    }

    public class LayoutAlignment
    {
        public Alignment Horizontal { get; set; }

        public Alignment Vertical { get; set; }

        public TextAlignment Text { get; set; }
    }

    public enum AreaTypes
    {
        Image,
        Heading,
        Body,
        Task,
        QuizProgressBar,
        Component
    }

    public static class PredefinedLayoutTemplateKeys
    {
        public static string TextOnLeft = "TextOnLeft";
        public static string TextOnRight = "TextOnRight";
        public static string WideTitle = "WideTitle";
        public static string SingleColumn = "SingleColumn";
        public static string TaskOnLeft = "TaskOnLeft";
        public static string TaskOnRight = "TaskOnRight";
        public static string WideTask = "WideTask";
    }

    public static class PredefinedComponentKinds
    {
        public static string Accordion = "Accordion";

        public static string Video = "Video";

        public static string VideoYoutube = "VideoYoutube";

        public static string VideoVimeo = "VideoVimeo";

        public static string VideoDreamBroker = "VideoDreamBroker";

        public static string VideoO365 = "VideoO365";

        public static string ExtraInfoLauncher = "ExtraInfoLauncher";

        public static string ExtraInfoContent = "ExtraInfoContent";

        public static string Hotspots = "Hotspots";

        public static string FlipCards = "FlipCards";

        public static string Slideshow = "Slideshow";

        public static string Tabs = "Tabs";

    }

    public enum Alignment
    {
        Start,
        End,
        Center,
        Stretch,
        SpaceAround,
        SpaceBetween,
        SpaceEvenly
    }

    public enum TextAlignment
    {
        Left,
        Center,
        Right
    }












public static class PredefinedLayoutTemplates
    {
        #region Text On Left

        private static readonly LayoutTemplate TextOnLeftTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TextOnLeft,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "1" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                               Horizontal = Alignment.Start,
                               Vertical = Alignment.End,
                               Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                }
            }
        };

        #endregion

        #region Text On Right

        private static readonly LayoutTemplate TextOnRightTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TextOnRight,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {2, 2}, new[] {2, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {2, 3}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {2, 4}, new[] {2, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };

        #endregion

        #region Wide Title

        private static readonly LayoutTemplate WideTitleTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.WideTitle,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = false,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {2, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };

        #endregion

        #region Single Column

        private static readonly LayoutTemplate SingleColumn = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.SingleColumn,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = false,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };

        #endregion

        #region Task On Left

        private static readonly LayoutTemplate TaskOnLeftTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TaskOnLeft,
            Target = LayoutTemplateTargets.Task | LayoutTemplateTargets.Quiz,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Task,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };

        #endregion

        #region Task On Right

        private static readonly LayoutTemplate TaskOnRightTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TaskOnRight,
            Target = LayoutTemplateTargets.Task | LayoutTemplateTargets.Quiz,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                   new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {2, 2}, new[] {2, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Task,
                            Order = 5,
                            Coordinates = new[] {new[] {2, 3}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {2, 4}, new[] {2, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };

        #endregion

        #region Wide Task

        private static readonly LayoutTemplate WideTaskTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.WideTask,
            Target = LayoutTemplateTargets.Task | LayoutTemplateTargets.Quiz,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = false,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Task,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };

        #endregion

        public static LayoutTemplate[] LayoutTemplates =
        {
            TextOnLeftTemplate,
            TextOnRightTemplate,
            WideTitleTemplate,
            SingleColumn,
            TaskOnLeftTemplate,
            TaskOnRightTemplate,
            WideTaskTemplate
        };
    }
















































































	public class Program
	{
		public static void Main()
		{
            var options = new JsonSerializerOptions { IgnoreNullValues = true };
            options.Converters.Add(new JsonStringEnumConverter());

			string ss = JsonSerializer.Serialize(
				PredefinedLayoutTemplates.LayoutTemplates,
				options
			);
			
			string kek = "[\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Image\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      },\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Hotspots\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Diploma\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Center\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Video\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoYoutube\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoVimeo\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoDreamBroker\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoO365\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"ExtraInfoContent\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Tabs\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"FlipCards\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Slideshow\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      },\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Heading\",\n            \"Order\": 1,\n            \"Coordinates\": [\n              [ 1, 1 ],\n              [ 1, 1 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"End\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Body\",\n            \"Order\": 4,\n            \"Coordinates\": [\n              [ 1, 2 ],\n              [ 1, 2 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"ExtraInfoLauncher\",\n            \"Order\": 4,\n            \"Coordinates\": [\n              [ 1, 3 ],\n              [ 1, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"QuizProgressBar\",\n            \"Order\": 5,\n            \"Coordinates\": [\n              [ 1, 4 ],\n              [ 1, 4 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      },\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Accordion\",\n            \"Order\": 10,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      }\n    ]\n";
			
			Layer[] layers = JsonSerializer.Deserialize<Layer[]>(kek, options).ToArray();
			
			var components = new [] {
				new {
					Kind = "Accordion"
				},
				new {
					Kind = "Tabs",
				},
			};
			
			var components2 = new [] {
			    new {
					Kind = "Slideshow",
				},
			};
			
			var layers1 = layers.ToArray();
			    
			var layers2 = layers.ToArray();
			var i = 0;
			
			Console.Write("ALL OLD l2: ");

			foreach(var l in layers2) {
			    Console.Write(l.Areas.Length + " ");
			}
			
			Console.WriteLine();
			
			foreach(var layer in layers1) {
				int before = layer.Areas.Length;
				
				layer.Areas = layer.Areas.ToArray().Where(a =>
                    a.Area != AreaTypes.Component
                    || components.Any(c => c.Kind == a.ComponentKind)
                ).ToArray();
				
				Console.Write(before.ToString() + "  ");
				//Console.WriteLine(" " + layer.Areas.Length + "     " + layers2[i].Areas.Length);
				i++;
			}
			
			Console.WriteLine();
			Console.Write("ALL NEW l2: ");

			foreach(var l in layers2) {
			    Console.Write(l.Areas.Length + " ");
			}
			
				Console.WriteLine(" ");

			foreach(var layer in layers2) {
				int before = layer.Areas.Length;
				
				layer.Areas = layer.Areas.Where(a =>
                    a.Area != AreaTypes.Component
                    || components2.Any(c => c.Kind == a.ComponentKind)
                ).ToArray();
				
				Console.Write(before.ToString());
				Console.WriteLine(" " + layer.Areas.Length);
			}
		}

	}
}

​x
 
using System;
using System.Text.Json.Serialization;
using System.Text.Json;
using System.Linq;
​
namespace PL.Core.HtmlPlayer.Layout
{
    [Flags]
    public enum LayoutTemplateTargets
    {
        None = 0x00,
        ContentPage = 0x01,
        Quiz = 0x02,
        Task = 0x04
    }
​
    public class LayoutTemplate
    {
        public string Key { get; set; }
​
        public LayoutTemplateTargets Target { get; set; }
​
        public LayoutAlignment Alignment { get; set; }
​
        public string[] Columns { get; set; }
​
        public string[] Rows { get; set; }
​
        public bool Separator { get; set; }
​
        public bool Single { get; set; }
​
        public Layer[] Layers { get; set; }
        
        public LayoutTemplate(LayoutTemplate properties = null)
        {
            if (properties != null) {
                Key = properties.Key;
                Target = properties.Target;
                Alignment = properties.Alignment;
                Columns = properties.Columns;
                Rows = properties.Rows;
                Separator = properties.Separator;
                Single = properties.Single;
                Layers = properties.Layers;
            }
        }
    }
​
    public class Layer
    {
        public LayerArea[] Areas { get; set; }
​
        public LayerGroup[] Groups { get; set; }
    }
​
    public class LayerArea
    {
        public AreaTypes Area { get; set; }
​
        public Guid? ComponentValueId { get; set; }
​
        public string ComponentKind { get; set; }
​
        public int Order { get; set; }
​
        public int[][] Coordinates { get; set; }
​
        public LayoutAlignment Alignment { get; set; }
    }
​
    public class LayerGroup
    {
        public int Order { get; set; }
​
        public int[][] Coordinates { get; set; }
​
        public LayerGroupElement[] Elements { get; set; }
​
        public LayoutAlignment Alignment { get; set; }
        
    }
​
    public class LayerGroupElement
    {
        public AreaTypes Area { get; set; }
        
        public int Order { get; set; }
    }
​
    public class LayoutAlignment
    {
        public Alignment Horizontal { get; set; }
​
        public Alignment Vertical { get; set; }
​
        public TextAlignment Text { get; set; }
    }
​
    public enum AreaTypes
    {
        Image,
        Heading,
        Body,
        Task,
        QuizProgressBar,
        Component
    }
​
    public static class PredefinedLayoutTemplateKeys
    {
        public static string TextOnLeft = "TextOnLeft";
        public static string TextOnRight = "TextOnRight";
        public static string WideTitle = "WideTitle";
        public static string SingleColumn = "SingleColumn";
        public static string TaskOnLeft = "TaskOnLeft";
        public static string TaskOnRight = "TaskOnRight";
        public static string WideTask = "WideTask";
    }
​
    public static class PredefinedComponentKinds
    {
        public static string Accordion = "Accordion";
​
        public static string Video = "Video";
​
        public static string VideoYoutube = "VideoYoutube";
​
        public static string VideoVimeo = "VideoVimeo";
​
        public static string VideoDreamBroker = "VideoDreamBroker";
​
        public static string VideoO365 = "VideoO365";
​
        public static string ExtraInfoLauncher = "ExtraInfoLauncher";
​
        public static string ExtraInfoContent = "ExtraInfoContent";
​
        public static string Hotspots = "Hotspots";
​
        public static string FlipCards = "FlipCards";
​
        public static string Slideshow = "Slideshow";
​
        public static string Tabs = "Tabs";
​
    }
​
    public enum Alignment
    {
        Start,
        End,
        Center,
        Stretch,
        SpaceAround,
        SpaceBetween,
        SpaceEvenly
    }
​
    public enum TextAlignment
    {
        Left,
        Center,
        Right
    }
​
​
​
​
​
​
​
​
​
​
​
​
public static class PredefinedLayoutTemplates
    {
        #region Text On Left
​
        private static readonly LayoutTemplate TextOnLeftTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TextOnLeft,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "1" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                               Horizontal = Alignment.Start,
                               Vertical = Alignment.End,
                               Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                }
            }
        };
​
        #endregion
​
        #region Text On Right
​
        private static readonly LayoutTemplate TextOnRightTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TextOnRight,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {2, 2}, new[] {2, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {2, 3}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {2, 4}, new[] {2, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };
​
        #endregion
​
        #region Wide Title
​
        private static readonly LayoutTemplate WideTitleTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.WideTitle,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = false,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {2, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };
​
        #endregion
​
        #region Single Column
​
        private static readonly LayoutTemplate SingleColumn = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.SingleColumn,
            Target = LayoutTemplateTargets.ContentPage,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = false,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };
​
        #endregion
​
        #region Task On Left
​
        private static readonly LayoutTemplate TaskOnLeftTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TaskOnLeft,
            Target = LayoutTemplateTargets.Task | LayoutTemplateTargets.Quiz,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Task,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };
​
        #endregion
​
        #region Task On Right
​
        private static readonly LayoutTemplate TaskOnRightTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.TaskOnRight,
            Target = LayoutTemplateTargets.Task | LayoutTemplateTargets.Quiz,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1", "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = true,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                   new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {2, 1}, new[] {2, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {2, 2}, new[] {2, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Task,
                            Order = 5,
                            Coordinates = new[] {new[] {2, 3}, new[] {2, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {2, 4}, new[] {2, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };
​
        #endregion
​
        #region Wide Task
​
        private static readonly LayoutTemplate WideTaskTemplate = new LayoutTemplate
        {
            Key = PredefinedLayoutTemplateKeys.WideTask,
            Target = LayoutTemplateTargets.Task | LayoutTemplateTargets.Quiz,
            Alignment = new LayoutAlignment
            {
                Horizontal = Alignment.Start,
                Vertical = Alignment.Start,
                Text = TextAlignment.Left
            },
            Columns = new[] { "1" },
            Rows = new[] { "auto", "auto", "auto" },
            Separator = false,
            Single = false,
            Layers = new[]
            {
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Image,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Hotspots,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Video,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoYoutube,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoVimeo,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoDreamBroker,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.VideoO365,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Center,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoLauncher,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.ExtraInfoContent,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Tabs,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.FlipCards,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Slideshow,
                            Area = AreaTypes.Component,
                            Order = 8,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            Area = AreaTypes.Heading,
                            Order = 1,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 1}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Body,
                            Order = 4,
                            Coordinates = new[] {new[] {1, 2}, new[] {1, 2}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.Task,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 3}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        },
                        new LayerArea
                        {
                            Area = AreaTypes.QuizProgressBar,
                            Order = 5,
                            Coordinates = new[] {new[] {1, 4}, new[] {1, 4}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
                new Layer
                {
                    Areas = new[]
                    {
                        new LayerArea
                        {
                            ComponentKind = PredefinedComponentKinds.Accordion,
                            Area = AreaTypes.Component,
                            Order = 10,
                            Coordinates = new[] {new[] {1, 1}, new[] {1, 3}},
                            Alignment = new LayoutAlignment
                            {
                                Horizontal = Alignment.Start,
                                Vertical = Alignment.Start,
                                Text = TextAlignment.Left
                            }
                        }
                    }
                },
            }
        };
​
        #endregion
​
        public static LayoutTemplate[] LayoutTemplates =
        {
            TextOnLeftTemplate,
            TextOnRightTemplate,
            WideTitleTemplate,
            SingleColumn,
            TaskOnLeftTemplate,
            TaskOnRightTemplate,
            WideTaskTemplate
        };
    }
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
    public class Program
    {
        public static void Main()
        {
            var options = new JsonSerializerOptions { IgnoreNullValues = true };
            options.Converters.Add(new JsonStringEnumConverter());
​
            string ss = JsonSerializer.Serialize(
                PredefinedLayoutTemplates.LayoutTemplates,
                options
            );
            
            string kek = "[\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Image\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      },\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Hotspots\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Diploma\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Center\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Video\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoYoutube\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoVimeo\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoDreamBroker\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"VideoO365\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Center\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"ExtraInfoContent\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Tabs\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"FlipCards\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Slideshow\",\n            \"Order\": 8,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      },\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Heading\",\n            \"Order\": 1,\n            \"Coordinates\": [\n              [ 1, 1 ],\n              [ 1, 1 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"End\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Body\",\n            \"Order\": 4,\n            \"Coordinates\": [\n              [ 1, 2 ],\n              [ 1, 2 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"ExtraInfoLauncher\",\n            \"Order\": 4,\n            \"Coordinates\": [\n              [ 1, 3 ],\n              [ 1, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          },\n          {\n            \"Area\": \"QuizProgressBar\",\n            \"Order\": 5,\n            \"Coordinates\": [\n              [ 1, 4 ],\n              [ 1, 4 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      },\n      {\n        \"Areas\": [\n          {\n            \"Area\": \"Component\",\n            \"ComponentKind\": \"Accordion\",\n            \"Order\": 10,\n            \"Coordinates\": [\n              [ 2, 1 ],\n              [ 2, 3 ]\n            ],\n            \"Alignment\": {\n              \"Horizontal\": \"Start\",\n              \"Vertical\": \"Start\",\n              \"Text\": \"Left\"\n            }\n          }\n        ]\n      }\n    ]\n";
            
            Layer[] layers = JsonSerializer.Deserialize<Layer[]>(kek, options).ToArray();
            
            var components = new [] {
                new {
                    Kind = "Accordion"
                },
                new {
                    Kind = "Tabs",
                },
            };
            
            var components2 = new [] {
                new {
                    Kind = "Slideshow",
                },
            };
            
            var layers1 = layers.ToArray();
                
            var layers2 = layers.ToArray();
            var i = 0;
            
            Console.Write("ALL OLD l2: ");
​
            foreach(var l in layers2) {
                Console.Write(l.Areas.Length + " ");
            }
            
            Console.WriteLine();
            
            foreach(var layer in layers1) {
                int before = layer.Areas.Length;
                
                layer.Areas = layer.Areas.ToArray().Where(a =>
                    a.Area != AreaTypes.Component
                    || components.Any(c => c.Kind == a.ComponentKind)
                ).ToArray();
                
                Console.Write(before.ToString() + "  ");
                //Console.WriteLine(" " + layer.Areas.Length + "     " + layers2[i].Areas.Length);
                i++;
            }
            
            Console.WriteLine();
            Console.Write("ALL NEW l2: ");
​
            foreach(var l in layers2) {
                Console.Write(l.Areas.Length + " ");
            }
            
                Console.WriteLine(" ");
​
            foreach(var layer in layers2) {
                int before = layer.Areas.Length;
                
                layer.Areas = layer.Areas.Where(a =>
                    a.Area != AreaTypes.Component
                    || components2.Any(c => c.Kind == a.ComponentKind)
                ).ToArray();
                
                Console.Write(before.ToString());
                Console.WriteLine(" " + layer.Areas.Length);
            }
        }
​
    }
}
​

Would you like to access the menu? Enter 1 for yes or 2 for no:

Cached Result
Last Run:	12:58:39 pm
Compile:	0.15s
Execute:	0s
Memory:	32kb
CPU:	0s

View IL Code